.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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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) } } .kbrns_zoomIn>.carousel-inner>.item>img, .kbrns_zoomIn>.carousel-inner>.item>a>img { -webkit-animation: kbrns_zoomIn 25s linear 0s infinite alternate; -moz-animation: kbrns_zoomIn 25s linear 0s infinite alternate; -o-animation: kbrns_zoomIn 25s linear 0s infinite alternate; -ms-animation: kbrns_zoomIn 25s linear 0s infinite alternate; animation: kbrns_zoomIn 25s linear 0s infinite alternate } @-webkit-keyframes kbrns_zoomIn { 0% { -webkit-transform:scale(1) } 100% { -webkit-transform:scale(1.4) } } @-moz-keyframes kbrns_zoomIn { 0% { -moz-transform:scale(1) } 100% { -moz-transform:scale(1.4) } } @-ms-keyframes kbrns_zoomIn { 0% { -ms-transform:scale(1) } 100% { -ms-transform:scale(1.4) } } @-o-keyframes kbrns_zoomIn { 0% { -o-transform:scale(1) } 100% { -o-transform:scale(1.4) } } @keyframes kbrns_zoomIn { 0% { transform:scale(1) } 100% { transform:scale(1.4) } } .kbrns_zoomInOut>.carousel-inner>.item>img, .kbrns_zoomInOut>.carousel-inner>.item>a>img { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-animation: kbrns_zoomInOut 25s linear 0s infinite alternate; -moz-animation: kbrns_zoomInOut 25s linear 0s infinite alternate; -o-animation: kbrns_zoomInOut 25s linear 0s infinite alternate; -ms-animation: kbrns_zoomInOut 25s linear 0s infinite alternate; animation: kbrns_zoomInOut 25s linear 0s infinite alternate } @-webkit-keyframes kbrns_zoomInOut { 0% { -webkit-transform:scale(1) } 100% { -webkit-transform:scale(1.2) } } @-moz-keyframes kbrns_zoomInOut { 0% { -moz-transform:scale(1) } 100% { -moz-transform:scale(1.2) } } @-ms-keyframes kbrns_zoomInOut { 0% { -ms-transform:scale(1) } 100% { -ms-transform:scale(1.2) } } @-o-keyframes kbrns_zoomInOut { 0% { -o-transform:scale(1) } 100% { -o-transform:scale(1.2) } } @keyframes kbrns_zoomInOut { 0% { transform:scale(1) } 100% { transform:scale(1.2) } } .kbrns_ltr>.carousel-inner>.item { height: 658px; background-repeat: repeat-x; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-animation: kbrns_ltr 2000s cubic-bezier(.39, .575, .565, 1) infinite; -moz-animation: kbrns_ltr 2000s cubic-bezier(.39, .575, .565, 1) infinite; -o-animation: kbrns_ltr 2000s cubic-bezier(.39, .575, .565, 1) infinite; -ms-animation: kbrns_ltr 2000s cubic-bezier(.39, .575, .565, 1) infinite; animation: kbrns_ltr 2000s cubic-bezier(.39, .575, .565, 1) infinite } @media only screen and (max-width:380px) { .kbrns_ltr>.carousel-inner>.item { max-height: 200px } } @media(min-width:381px) and (max-width:550px) { .kbrns_ltr>.carousel-inner>.item { max-height: 235px } } @media(min-width:551px) and (max-width:767px) { .kbrns_ltr>.carousel-inner>.item { max-height: 350px } } @media(min-width:768px) and (max-width:900px) { .kbrns_ltr>.carousel-inner>.item { max-height: 495px } } @media(min-width:901px) and (max-width:1100px) { .kbrns_ltr>.carousel-inner>.item { max-height: 550px } } @-webkit-keyframes kbrns_ltr { from { background-position:0 0 } to { background-position: 20000px 0 } } @-moz-keyframes kbrns_ltr { from { background-position:0 0 } to { background-position: 20000px 0 } } @-ms-keyframes kbrns_ltr { from { background-position:0 0 } to { background-position: 20000px 0 } } @-o-keyframes kbrns_ltr { from { background-position:0 0 } to { background-position: 20000px 0 } } @keyframes kbrns_ltr { from { background-position:0 0 } to { background-position: 20000px 0 } } .kbrns_rtl>.carousel-inner>.item { height: 658px; background-repeat: repeat-x; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-animation: kbrns_rtl 2000s cubic-bezier(.39, .575, .565, 1) infinite; -moz-animation: kbrns_rtl 2000s cubic-bezier(.39, .575, .565, 1) infinite; -o-animation: kbrns_rtl 2000s cubic-bezier(.39, .575, .565, 1) infinite; -ms-animation: kbrns_rtl 2000s cubic-bezier(.39, .575, .565, 1) infinite; animation: kbrns_rtl 2000s cubic-bezier(.39, .575, .565, 1) infinite } @media only screen and (max-width:380px) { .kbrns_rtl>.carousel-inner>.item { max-height: 200px } } @media(min-width:381px) and (max-width:550px) { .kbrns_rtl>.carousel-inner>.item { max-height: 235px } } @media(min-width:551px) and (max-width:767px) { .kbrns_rtl>.carousel-inner>.item { max-height: 350px } } @media(min-width:768px) and (max-width:900px) { .kbrns_rtl>.carousel-inner>.item { max-height: 495px } } @media(min-width:901px) and (max-width:1100px) { .kbrns_rtl>.carousel-inner>.item { max-height: 550px } } @-webkit-keyframes kbrns_rtl { from { background-position:0 0 } to { background-position: -20000px 0 } } @-moz-keyframes kbrns_rtl { from { background-position:0 0 } to { background-position: -20000px 0 } } @-ms-keyframes kbrns_rtl { from { background-position:0 0 } to { background-position: -20000px 0 } } @-o-keyframes kbrns_rtl { from { background-position:0 0 } to { background-position: -20000px 0 } } @keyframes kbrns_rtl { from { background-position:0 0 } to { background-position: -20000px 0 } } .kbrns_zoomOutIn>.carousel-inner>.item>img, .kbrns_zoomOutIn>.carousel-inner>.item>a>img { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: kbrns_zoomOutIn 25s linear 0s infinite alternate; -moz-animation: kbrns_zoomOutIn 25s linear 0s infinite alternate; -o-animation: kbrns_zoomOutIn 25s linear 0s infinite alternate; -ms-animation: kbrns_zoomOutIn 25s linear 0s infinite alternate; animation: kbrns_zoomOutIn 25s linear 0s infinite alternate } @-webkit-keyframes kbrns_zoomOutIn { 0% { -webkit-transform:scale(1.3) } 100% { -webkit-transform:scale(1) } } @-moz-keyframes kbrns_zoomOutIn { 0% { -moz-transform:scale(1.3) } 100% { -moz-transform:scale(1) } } @-ms-keyframes kbrns_zoomOutIn { 0% { -ms-transform:scale(1.3) } 100% { -ms-transform:scale(1) } } @-o-keyframes kbrns_zoomOutIn { 0% { -o-transform:scale(1.3) } 100% { -o-transform:scale(1) } } @keyframes kbrns_zoomOutIn { 0% { transform:scale(1.3) } 100% { transform:scale(1) } } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 1.5s cubic-bezier(.075, .82, .165, 1); -o-transition: -o-transform 1.5s cubic-bezier(.075, .82, .165, 1); transition: transform 1.5s cubic-bezier(.075, .82, .165, 1) } .modal.fade.ps_modal_zoomIn .modal-dialog { -webkit-transition: -webkit-transform 1s cubic-bezier(0.22, 0.81, 0.01, 0.99); -o-transition: -o-transform 1s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: transform 1s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-transform: translate(0, 0) scale(0.7); -ms-transform: translate(0, 0) scale(0.7); -o-transform: translate(0, 0) scale(0.7); transform: translate(0, 0) scale(0.7) } .modal.in.ps_modal_zoomIn .modal-dialog { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) } .modal.fade.ps_modal_zoomOut .modal-dialog { -webkit-transition: -webkit-transform 1s cubic-bezier(0.22, 0.81, 0.01, 0.99); -o-transition: -o-transform 1s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: transform 1s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-transform: translate(0, 0) scale(1.1); -ms-transform: translate(0, 0) scale(1.1); -o-transform: translate(0, 0) scale(1.1); transform: translate(0, 0) scale(1.1) } .modal.in.ps_modal_zoomOut .modal-dialog { -webkit-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1) } .modal.fade.ps_modal_fadeInLeft .modal-dialog { -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.3, 1, 0, 1); -o-transition: -o-transform 1.5s cubic-bezier(0.3, 1, 0, 1); transition: transform 1.5s cubic-bezier(0.3, 1, 0, 1); -webkit-transform: translate(-25%, 0); -ms-transform: translate(-25%, 0); -o-transform: translate(-25%, 0); transform: translate(-25%, 0) } .modal.in.ps_modal_fadeInLeft .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal.fade.ps_modal_fadeInRight .modal-dialog { -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.3, 1, 0, 1); -o-transition: -o-transform 1.5s cubic-bezier(0.3, 1, 0, 1); transition: transform 1.5s cubic-bezier(0.3, 1, 0, 1); -webkit-transform: translate(25%, 0); -ms-transform: translate(25%, 0); -o-transform: translate(25%, 0); transform: translate(25%, 0) } .modal.in.ps_modal_fadeInRight .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } #fw_al_001 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #fw_al_001:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_al_001:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_al_001>.carousel-inner>.item>img, #fw_al_001>.carousel-inner>.item>a>img { opacity: .45; margin: auto; width: 100%!important } .ps_slide_y>.carousel-inner { height: 100% } .ps_slide_y>.carousel-inner>.item { -webkit-transition-property: top; transition-property: top } @media all and (transform-3d), (-webkit-transform-3d) { .ps_slide_y>.carousel-inner>.item { -webkit-transition-property: -webkit-transform; transition-property: transform } .ps_slide_y>.carousel-inner>.item.next, .ps_slide_y>.carousel-inner>.item.active.right { top: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .ps_slide_y>.carousel-inner>.item.prev, .ps_slide_y>.carousel-inner>.item.active.left { top: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .ps_slide_y>.carousel-inner>.item.next.left, .ps_slide_y>.carousel-inner>.item.prev.right, .ps_slide_y>.carousel-inner>.item.active { top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .ps_slide_y>.carousel-inner>.active { top: 0 } .ps_slide_y>.carousel-inner>.next, .ps_slide_y>.carousel-inner>.prev { top: 0; width: auto; height: 100% } .ps_slide_y>.carousel-inner>.next { left: 0; top: 100% } .ps_slide_y>.carousel-inner>.prev { left: 0; top: -100% } .ps_slide_y>.carousel-inner>.next.left, .ps_slide_y>.carousel-inner>.prev.right { top: 0 } .ps_slide_y>.carousel-inner>.active.left { left: 0; top: -100% } .ps_slide_y>.carousel-inner>.active.right { left: 0; top: 100% } .ps_indicators_y>.carousel-indicators { top: 0; left: 3%; width: 5%; bottom: 0; height: 25%; right: auto; margin: auto; cursor: e-resize; overflow-x: hidden; overflow-y: auto } .ps_indicators_y>.carousel-indicators li { width: 13px; height: 13px; display: block; margin: 10px auto; border-radius: 0; -webkit-border-radius: 0; border: 2px solid rgba(255,255,255,0.7) } .ps_indicators_y>.carousel-indicators .active { margin: 1px; width: 13px; height: 13px; margin: 10px auto; background: #ccbe48 } .ps_indicators_y>.carousel-indicators::-webkit-scrollbar { width:3px } .ps_indicators_y>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.5); -webkit-border-radius:0; border-radius:0 } .fw_al_001_slide { left: 0; top: 25%; right: 0; width: 65%; margin: auto; position: absolute; text-align: center } .fw_al_001_slide>h3 { color: #fff; font-size: 20px; font-weight: normal; letter-spacing: 6px; line-height: normal; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_001_slide>h1 { color: #ccbe48; font-size: 60px; font-weight: 400; font-style: italic; margin-bottom: 30px; line-height: normal; text-transform: capitalize; font-family: 'Playfair Display', serif; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 7s; animation-duration: 7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_001_slide>p { color: #ccbe48; font-size: 17px; letter-spacing: 1px; font-weight: normal; line-height: normal; font-family: 'Karla', sans-serif; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_001_slide>a, .fw_al_001_slide>a:visited { outline: 0; width: auto; height: 50px; color: #fff; padding: 0 23px; cursor: pointer; font-size: 13px; text-align: left; text-shadow: none; line-height: 50px; margin: 30px 10px; position: relative; font-style: normal; font-weight: normal; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-decoration: none; border: 2px solid #fff; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 9s; animation-duration: 9s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-transition: background cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: background cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .fw_al_001_slide>a:hover, .fw_al_001_slide>a:active { color: #fff; background: #ccbe48; border: 2px solid #ccbe48 } @media only screen and (max-width:480px) { .fw_al_001_slide { top: 0; width: 100% } .ps_indicators_y>.carousel-indicators { height: 100% } .fw_al_001_slide>h3 { font-size: 16px } .fw_al_001_slide>h1 { font-size: 30px; margin-top: 10px; margin-bottom: 5px } .fw_al_001_slide>p { font-size: 14px } .fw_al_001_slide>a, .fw_al_001_slide>a:visited { height: 40px; margin: 0 10px; padding: 0 23px; line-height: 40px } } @media(min-width:481px) and (max-width:600px) { .fw_al_001_slide { top: 5%; width: 100% } .fw_al_001_slide>h1 { font-size: 40px } } @media(min-width:601px) and (max-width:767px) { .fw_al_001_slide { top: 15%; width: 100% } } #fw_al_002 { overflow: hidden; max-height: 658px; position: relative } #fw_al_002:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_al_002:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_al_002>.carousel-inner>.item>img, #fw_al_002>.carousel-inner>.item>a>img { margin: auto; width: 100%!important } .fw_al_002_slide { left: 10%; top: 25%; right: auto; width: 40%; margin: auto; position: absolute; text-align: left } .fw_al_002_slide.fw_al_002_slide_right { left: auto; right: 0 } .fw_al_002_slide>h1 { padding: 0; color: #bf392b; font-size: 39px; font-weight: 300; line-height: 42px; margin-bottom: 25px; display: inline-block; text-transform: capitalize; font-family: 'Roboto', sans-serif; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_002_slide>h1>span { padding: 0; color: #2f2f2f; margin-right: 10px; display: inline-block; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 7s; animation-duration: 7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_002_slide>p { padding: 0; width: 300px; color: #363636; font-size: 12px; line-height: 23px; font-weight: normal; margin-bottom: 25px; font-family: 'Open Sans', sans-serif; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_002_slide>a, .fw_al_002_slide>a:visited { width: 94px; height: 36px; color: #fff; cursor: pointer; font-size: 10px; line-height: 36px; text-align: center; letter-spacing: 1px; white-space: nowrap; background: #bf392b; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 3px; border-radius: 3px; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-transition: background cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: background cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_002_slide>a:hover, .fw_al_002_slide>a:active { color: #fff; background: #607b7f } @media only screen and (max-width:480px) { .fw_al_002_slide, .fw_al_002_slide.fw_al_002_slide_right { top: 0; left: 0; right: 0; width: 100%; padding: 10px; text-align: center; background: rgba(255,255,255,0.5) } .fw_al_002_slide>h1 { font-size: 30px; margin-bottom: 5px } .fw_al_002_slide>p { width: 100%; margin-bottom: 5px } } @media(min-width:481px) and (max-width:600px) { .fw_al_002_slide { top: 5%; width: 100%; padding: 5px; background: rgba(255,255,255,0.5) } } @media(min-width:601px) and (max-width:767px) { .fw_al_002_slide { width: 100% } .fw_al_002_slide.fw_al_002_slide_right { right: -20% } } @media(min-width:768px) and (max-width:889px) { .fw_al_002_slide { width: 100% } .fw_al_002_slide.fw_al_002_slide_right { right: -50% } } @media(min-width:890px) and (max-width:950px) { .fw_al_002_slide.fw_al_002_slide_right { right: 5% } } #fw_al_003 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #fw_al_003:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_al_003:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_al_003>.carousel-inner>.item>img, #fw_al_003>.carousel-inner>.item>a>img { opacity: .4; margin: auto; width: 100%!important } .ps_fade { opacity: 1 } .ps_fade .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0!important; display: block!important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s } .ps_fade .item:first-child { top: auto; position: relative } .ps_fade .item.active { opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s } .ps_control_bsquare .carousel-control { top: 45%; opacity: 0; width: 70px; height: 70px; z-index: 100; color: #fff; display: block; font-size: 32px; cursor: pointer; overflow: hidden; line-height: 70px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; border: 2px solid rgba(255,255,255,1); -webkit-border-radius: 0; border-radius: 0 } .ps_control_bsquare:hover .carousel-control { opacity: 1 } .ps_control_bsquare .carousel-control.left { left: 1% } .ps_control_bsquare .carousel-control.right { right: 1% } .ps_control_bsquare .carousel-control.left:hover, .ps_control_bsquare .carousel-control.right:hover { color: #000; background: #fff } .ps_control_bsquare .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_bsquare .carousel-control.right>span:nth-child(1) { right: 45% } .fw_al_003_slide { left: 0; top: 25%; right: 0; margin: auto; padding: 10px; position: absolute; text-align: center } .fw_al_003_slide>h1 { padding: 0; color: #fff; font-size: 60px; font-weight: 700; line-height: 60px; margin-bottom: 40px; letter-spacing: 2px; display: inline-block; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .7s; animation-delay: .7s } .fw_al_003_slide>p { padding: 0; color: #fff; font-size: 30px; line-height: 36px; font-weight: normal; margin-bottom: 40px; font-family: 'Open Sans', sans-serif; -webkit-animation-delay: 2.1s; animation-delay: 2.1s } .fw_al_003_slide>a, .fw_al_003_slide>a:visited { color: #fff; font-size: 18px; cursor: pointer; font-weight: 400; line-height: 18px; text-align: center; padding: 13px 35px; white-space: nowrap; letter-spacing: 0; display: inline-block; text-decoration: none; text-transform: uppercase; border: 2px solid #fff; font-family: 'Montserrat', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: 1.4s; animation-delay: 1.4s } .fw_al_003_slide>a:hover, .fw_al_003_slide>a:active { color: #000; background: #fff } @media only screen and (max-width:480px) { .fw_al_003_slide { top: 10%; padding: 0 } .fw_al_003_slide>h1 { font-size: 18px; line-height: 18px; margin-bottom: 10px } .fw_al_003_slide>p { font-size: 14px; line-height: 28px; margin-bottom: 10px } .ps_control_bsquare .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_al_003_slide>h1 { font-size: 28px; line-height: 28px; margin-bottom: 10px } .fw_al_003_slide>p { font-size: 20px; margin-bottom: 10px } } @media(min-width:601px) and (max-width:767px) { .fw_al_003_slide { top: 10% } .fw_al_003_slide>h1 { font-size: 35px; line-height: 35px } .fw_al_003_slide>p { font-size: 25px } } @media(min-width:768px) and (max-width:889px) { .fw_al_003_slide>h1 { font-size: 45px; line-height: 45px } } @media(min-width:890px) and (max-width:950px) { .fw_al_003_slide>h1 { font-size: 55px; line-height: 55px } } #fw_al_004 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #fw_al_004:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_al_004:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_al_004>.carousel-inner>.item>img, #fw_al_004>.carousel-inner>.item>a>img { opacity: .4; margin: auto; width: 100%!important } .ps_zoom_i { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .ps_zoom_i .item { top: 0; z-index: -1; opacity: 0; width: 100%; position: absolute; left: 0!important; display: block!important; -webkit-transform: scale(3); transform: scale(3); -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s; transition: transform 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s } .ps_zoom_i .item:first-child { top: auto; position: relative } .ps_zoom_i .item.active { opacity: 1; z-index: 2; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s; transition: transform 1.5s ease-in-out 0s, opacity ease-in-out 1.5s } .ps_control_bround .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #fff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; border: 1px solid rgba(255,255,255,0.8); -webkit-border-radius: 100px; border-radius: 100px } .ps_control_bround:hover .carousel-control { opacity: 1 } .ps_control_bround .carousel-control.left { left: 1% } .ps_control_bround .carousel-control.right { right: 1% } .ps_control_bround .carousel-control.left:hover, .ps_control_bround .carousel-control.right:hover { color: #fff; background: #222; border: 1px solid #222 } .ps_control_bround .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_bround .carousel-control.right>span:nth-child(1) { right: 45% } .fw_al_004_slide { left: 0; top: 25%; right: 0; margin: auto; padding: 10px; position: absolute; text-align: left; padding: 10px 85px } .fw_al_004_slide_right { text-align: right } .fw_al_004_slide>h1 { padding: 0; color: #fff; font-size: 70px; font-weight: 700; font-style: normal; line-height: 84px; margin-bottom: 30px; letter-spacing: 1px; display: inline-block; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .7s; animation-delay: .7s } .fw_al_004_slide>p { padding: 0; color: #fff; font-size: 20px; line-height: 24px; font-style: italic; font-weight: normal; margin-bottom: 40px; letter-spacing: 1px; font-family: 'Playfair Display', serif; -webkit-animation-delay: 1.1s; animation-delay: 1.1s } .fw_al_004_slide>a:nth-child(3) { color: #fff; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 15px; margin-right: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; background: #00b863; display: inline-block; text-decoration: none; text-transform: uppercase; border-style: none none solid; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; border-bottom: 2px solid rgba(0,0,0,0.2); -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-transition: background .3s ease-in-out, color .3s ease-in-out; transition: background .3s ease-in-out, color .3s ease-in-out } .fw_al_004_slide>a:nth-child(4) { color: #fff; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 15px; margin-left: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; background: #00bfff; display: inline-block; text-decoration: none; text-transform: uppercase; border-style: none none solid; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; border-bottom: 2px solid rgba(0,0,0,0.2); -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background .3s ease-in-out, color .3s ease-in-out; transition: background .3s ease-in-out, color .3s ease-in-out } .fw_al_004_slide>a:hover, .fw_al_004_slide>a:active { color: #fff; background: #222; -webkit-transition: background .5s ease-in-out, color .5s ease-in-out; transition: background .5s ease-in-out, color .5s ease-in-out } @media only screen and (max-width:480px) { .fw_al_004_slide, .fw_al_004_slide.fw_al_004_slide_right { top: 15%; padding: 0; text-align: center } .fw_al_004_slide>h1 { font-size: 20px; line-height: 20px; margin-bottom: 10px } .fw_al_004_slide>p { font-size: 15px; line-height: 28px; margin-bottom: 10px } .fw_al_004_slide>a:nth-child(3), .fw_al_004_slide>a:nth-child(4) { margin: 0; font-size: 13px; line-height: 15px; padding: 13px 25px } .ps_control_bround .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_al_004_slide>h1 { font-size: 28px; line-height: 28px; text-align: center; margin-bottom: 10px } .fw_al_004_slide>p { font-size: 20px } .fw_al_004_slide>a:nth-child(3), .fw_al_004_slide>a:nth-child(3), .fw_al_004_slide>a:nth-child(4), .fw_al_004_slide>a:nth-child(4) { margin: 0; font-size: 13px; line-height: 15px; padding: 13px 25px } } @media(min-width:601px) and (max-width:767px) { .fw_al_004_slide { top: 10% } .fw_al_004_slide>h1 { font-size: 35px; line-height: 35px } .fw_al_004_slide>p { font-size: 25px } } @media(min-width:768px) and (max-width:889px) { .fw_al_004_slide>h1 { font-size: 45px; line-height: 45px } } @media(min-width:890px) and (max-width:950px) { .fw_al_004_slide>h1 { font-size: 55px; line-height: 55px } } #fw_al_005 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #fw_al_005:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_al_005:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_al_005>.carousel-inner>.item>img, #fw_al_005>.carousel-inner>.item>a>img { opacity: .4; margin: auto; width: 100%!important } .ps_spread { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .ps_spread .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0; display: block; -webkit-transform: scale3d(2, 1, 2); transform: scale3d(2, 1, 2); -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s; transition: transform 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s } .ps_spread .item:first-child { top: auto; position: relative } .ps_spread .item.active { opacity: 1; z-index: 2; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s; transition: transform 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s } .ps_control_hradius .carousel-control { top: 47%; opacity: 0; width: 40px; height: 65px; z-index: 100; color: #fff; display: block; font-size: 34px; cursor: pointer; overflow: hidden; line-height: 63px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(0,0,0,0.5) } .ps_control_hradius:hover .carousel-control { opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .ps_control_hradius .carousel-control.left { -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0 } .ps_control_hradius .carousel-control.right { -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px } .ps_control_hradius .carousel-control.left:hover, .ps_control_hradius .carousel-control.right:hover { color: #fff; background: rgba(0,0,0,0.8) } .ps_control_hradius .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_hradius .carousel-control.right>span:nth-child(1) { right: 45% } .fw_al_005_slide { left: 0; top: 25%; right: 0; margin: auto; padding: 10px; position: absolute; text-align: left; padding: 10px 250px } .fw_al_005_slide_right { text-align: right } .fw_al_005_slide>h1 { padding: 0; color: #fff; font-size: 55px; font-weight: 600; font-style: normal; line-height: 55px; margin-bottom: 30px; letter-spacing: 1px; display: inline-block; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: .7s; animation-delay: .7s } .fw_al_005_slide>p { padding: 0; color: #fff; font-size: 14px; line-height: 24px; font-style: normal; font-weight: normal; margin-bottom: 30px; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 1.1s; animation-delay: 1.1s } .fw_al_005_slide>a:nth-child(3) { color: #fff; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 15px; margin-right: 10px; text-align: center; padding: 10px 30px; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: capitalize; border: 2px solid #fff; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .fw_al_005_slide>a:nth-child(4) { color: #fff; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 15px; margin-left: 10px; text-align: center; padding: 10px 30px; white-space: nowrap; letter-spacing: 1px; background: #c644fc; display: inline-block; text-decoration: none; text-transform: capitalize; border: 2px solid #c644fc; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .fw_al_005_slide>a:hover, .fw_al_005_slide>a:active { color: #c644fc; background: #fff; border: 2px solid #fff } @media only screen and (max-width:480px) { .fw_al_005_slide, .fw_al_005_slide.fw_al_005_slide_right { top: 0; padding: 5px; text-align: center } .fw_al_005_slide>h1 { font-size: 20px; line-height: 20px; margin-bottom: 10px } .fw_al_005_slide>p { font-size: 12px; line-height: 24px; margin-bottom: 10px } .fw_al_005_slide>a:nth-child(3), .fw_al_005_slide>a:nth-child(4) { margin: 0 } .ps_control_hradius .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_al_005_slide, .fw_al_005_slide.fw_al_005_slide_right { top: 15%; padding: 5px; text-align: center } .fw_al_005_slide>h1 { font-size: 28px; line-height: 28px; text-align: center; margin-bottom: 10px } } @media(min-width:601px) and (max-width:767px) { .fw_al_005_slide { padding: 10px 50px } .fw_al_005_slide>h1 { font-size: 35px; line-height: 35px } } @media(min-width:768px) and (max-width:889px) { .fw_al_005_slide { padding: 10px 150px } } #fw_al_006 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #fw_al_006:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_al_006:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_al_006>.carousel-inner>.item>img, #fw_al_006>.carousel-inner>.item>a>img { margin: auto; width: 100%!important } .ps_spread_y { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .ps_spread_y .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0; display: block; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s; transition: transform 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s } .ps_spread_y .item:first-child { top: auto; position: relative } .ps_spread_y .item.active { opacity: 1; z-index: 2; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s; transition: transform 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s } .ps_control_bfradius .carousel-control { top: 47%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #000; display: block; font-size: 34px; cursor: pointer; overflow: hidden; line-height: 45px; text-shadow: none; position: absolute; font-weight: normal; border: 2px solid rgba(0,0,0,0.3); background: rgba(255,255,255,0.3) } .ps_control_bfradius:hover .carousel-control { opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .ps_control_bfradius .carousel-control.left { left: 3%; -webkit-border-radius: 100px; border-radius: 100px } .ps_control_bfradius .carousel-control.right { right: 3%; -webkit-border-radius: 100px; border-radius: 100px } .ps_control_bfradius .carousel-control.left:hover, .ps_control_bfradius .carousel-control.right:hover { color: #fff; background: rgba(253,69,119,0.3); border: 2px solid rgba(255,255,255,0.3) } .ps_control_bfradius .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_bfradius .carousel-control.right>span:nth-child(1) { right: 45% } .fw_al_006_slide { left: 0; top: 22%; right: 0; margin: auto; position: absolute; text-align: left; padding: 10px 150px } .fw_al_006_slide_right { left: auto; text-align: right } .fw_al_006_slide>div { max-width: 650px; padding: 15px 0 10px 30px; border-left: 3px solid #000; background: rgba(255,255,255,0.3) } .fw_al_006_slide_right>div { border-left: none; border-right: 3px solid #000; padding: 15px 30px 10px 20px } .fw_al_006_slide>div>h3 { padding: 0; color: #000; font-size: 45px; font-weight: 400; text-shadow: none; font-style: normal; margin: 0 0 10px 0; text-transform: capitalize; font-family: 'Roboto Slab', serif; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: .7s; animation-delay: .7s } .fw_al_006_slide>div>h1 { padding: 0; color: #000; font-size: 60px; font-weight: 600; text-shadow: none; font-style: normal; margin: 0 0 10px 0; letter-spacing: 2px; text-transform: uppercase; font-family: 'Roboto Slab', serif; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 1.1s; animation-delay: 1.1s } .fw_al_006_slide>div>h4 { padding: 0; color: #000; font-size: 18px; text-shadow: none; font-style: normal; font-weight: normal; letter-spacing: 1px; margin: 10px 0 10px 0; font-family: 'Roboto Slab', serif; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 1.5s; animation-delay: 1.5s } .fw_al_006_slide>a { color: #fff; cursor: pointer; font-weight: 400; font-size: 12px; margin: 20px 0 0 0; text-align: center; padding: 15px 30px; white-space: nowrap; letter-spacing: 2px; display: inline-block; text-decoration: none; text-shadow: none; text-transform: uppercase; background: #000; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .fw_al_006_slide>a:hover, .fw_al_006_slide>a:active { color: #fff; background: #fd4577 } @media only screen and (max-width:480px) { .fw_al_006_slide { top: 5%; padding: 10px; text-align: center } .fw_al_006_slide_right { left: 0; text-align: center } .fw_al_006_slide>div { padding: 0 0 10px 10px } .fw_al_006_slide_right>div { padding: 0 10px 10px 0 } .fw_al_006_slide>div>h3 { font-size: 20px; margin-bottom: 10px } .fw_al_006_slide>div>h1 { font-size: 25px; margin-bottom: 10px } .fw_al_006_slide>div>h4 { font-size: 20px; margin-bottom: 10px } .fw_al_006_slide>a { font-size: 11px; margin: 10px 0 0 0; padding: 5px 10px } .ps_control_bfradius .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_al_006_slide { padding: 10px; text-align: center } .fw_al_006_slide_right { left: 0; text-align: center } .fw_al_006_slide>div { padding: 0 0 10px 10px } .fw_al_006_slide_right>div { padding: 0 10px 10px 0 } .fw_al_006_slide>div>h3 { font-size: 30px } .fw_al_006_slide>div>h1 { font-size: 45px } } @media(min-width:601px) and (max-width:767px) { .fw_al_006_slide { padding: 10px 10px } .fw_al_006_slide>div { padding: 0 0 10px 10px } } @media(min-width:768px) and (max-width:889px) { .fw_al_006_slide { top: 17% } } #fw_al_007 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #fw_al_007:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_al_007:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_al_007>.carousel-inner>.item>img, #fw_al_007>.carousel-inner>.item>a>img { opacity: .4; margin: auto; width: 100%!important } .ps_rotate_scale_c { opacity: 1; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg) } .ps_rotate_scale_c .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0; display: block; -webkit-transform: scale(2) rotate(45deg); transform: scale(2) rotate(45deg); -webkit-transition: -webkit-transform 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 2s; transition: transform 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 2s } .ps_rotate_scale_c .item:first-child { top: auto; position: relative } .ps_rotate_scale_c .item.active { opacity: 1; z-index: 2; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: -webkit-transform 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 2s; transition: transform 2s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s, opacity cubic-bezier(0.230, 1.000, 0.320, 1.000) 2s } .ps_indicators_l>.carousel-indicators { left: 0; width: 100%; bottom: 5%; right: 0; margin: auto; text-align: right; padding-right: 5% } .ps_indicators_l>.carousel-indicators li { width: 13px; height: 13px; margin: 0 3px; background: rgba(255,255,255,1); border-radius: 0; -webkit-border-radius: 0; border: 2px solid rgba(255,255,255,1); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .ps_indicators_l>.carousel-indicators .active { width: 13px; height: 13px; margin: 0 3px; background: #f04d4e; border: 2px solid #f04d4e } .ps_control_rotate_f .carousel-control { top: 45%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #000; display: block; font-size: 34px; cursor: pointer; overflow: hidden; line-height: 48px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,0.8); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .ps_control_rotate_f:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_rotate_f .carousel-control.left>span, .ps_control_rotate_f .carousel-control.right>span { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .ps_control_rotate_f .carousel-control.left { left: 3%; -webkit-border-radius: 0; border-radius: 0 } .ps_control_rotate_f .carousel-control.right { right: 3%; -webkit-border-radius: 0; border-radius: 0 } .ps_control_rotate_f .carousel-control.left:hover, .ps_control_rotate_f .carousel-control.right:hover { color: #fff; background: #f04d4e } .ps_control_rotate_f .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_rotate_f .carousel-control.right>span:nth-child(1) { right: 45% } .fw_al_007_slide { left: 0; top: 22%; right: 0; margin: auto; position: absolute; text-align: center } .fw_al_007_slide>h3 { color: #fff; font-size: 20px; font-weight: 700; text-shadow: none; font-style: normal; position: relative; padding-bottom: 2px; display: inline-block; text-transform: uppercase; font-family: 'Delius Unicase', cursive; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: .7s; animation-delay: .7s } .fw_al_007_slide>h3::before { content: ""; top: 50%; height: 3px; width: 75px; right: 100%; display: block; margin-top: -2px; position: absolute; margin-right: .5em; border-bottom: 2px solid #fff } .fw_al_007_slide>h3::after { content: ""; top: 50%; left: 100%; height: 3px; width: 75px; display: block; margin-top: -2px; margin-left: .5em; position: absolute; border-bottom: 2px solid #fff } .fw_al_007_slide>h1 { padding: 0; color: #fff; font-size: 65px; font-weight: 900; text-shadow: none; font-style: normal; letter-spacing: 2px; text-transform: uppercase; font-family: 'Roboto', sans-serif; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 1.4s; animation-delay: 1.4s } .fw_al_007_slide>h1>span { color: #f04d4e } .fw_al_007_slide>p { padding: 0; color: #fff; font-size: 18px; text-shadow: none; font-style: normal; font-weight: normal; letter-spacing: 1px; margin: 30px 0 0 0; font-family: 'Roboto', sans-serif; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 2.1s; animation-delay: 2.1s } .fw_al_007_slide>a { color: #000; cursor: pointer; font-weight: 500; font-size: 12px; position: relative; margin: 50px 0 0 0; text-align: center; padding: 15px 30px; white-space: nowrap; letter-spacing: 2px; display: inline-block; text-decoration: none; text-shadow: none; text-transform: uppercase; background: #fff; -webkit-font-smoothing: antialiased; font-family: 'Roboto', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_007_slide>a:hover, .fw_al_007_slide>a:active { color: #fff; background: #f04d4e } @media only screen and (max-width:480px) { .fw_al_007_slide { top: 0; padding: 5px } .fw_al_007_slide>h1 { font-size: 20px; letter-spacing: 0; margin: 10px 0 0 0 } .fw_al_007_slide>p { font-size: 14px; margin: 10px 0 0 0; letter-spacing: 0 } .fw_al_007_slide>a { margin: 10px 0 0 0; padding: 7px 15px } .ps_control_rotate_f .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_al_007_slide { top: 5%; padding: 5px } .fw_al_007_slide>h1 { font-size: 35px; margin: 10px 0 0 0 } } @media(min-width:601px) and (max-width:767px) { .fw_al_007_slide { top: 10% } .fw_al_007_slide>h1 { font-size: 50px; margin: 10px 0 0 0 } } #fw_al_008 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #fw_al_008:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_al_008:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_al_008>.carousel-inner>.item>img, #fw_al_008>.carousel-inner>.item>a>img { opacity: .4; margin: auto; width: 100%!important } .ps_indicators_bx>.carousel-indicators { cursor: e-resize; overflow-x: auto; overflow-y: hidden; white-space: nowrap } .ps_indicators_bx>.carousel-indicators li { width: 10px; height: 10px; border-radius: 0; -webkit-border-radius: 0; border: 2px solid rgba(255,255,255,1) } .ps_indicators_bx>.carousel-indicators .active { margin: 1px; width: 10px; height: 10px; background: #ff7f00; border: 2px solid #ff7f00 } .ps_indicators_bx>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_bx>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_l_y .carousel-control { top: 15%; opacity: .3; width: 50px; height: 50px; z-index: 100; border: 0; color: #fff; display: block; font-size: 34px; cursor: pointer; overflow: hidden; line-height: 48px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_l_y:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_l_y .carousel-control.left { left: 3% } .ps_control_l_y .carousel-control.right { top: 7%; left: 3% } .ps_control_l_y .carousel-control.left:hover, .ps_control_l_y .carousel-control.right:hover { color: #ff7f00; background: transparent } .fw_al_008_slide { top: 12%; right: 0; left: 15%; width: 500px; padding: 10px; text-align: left; position: absolute } .fw_al_008_right { left: auto; right: 15%; text-align: right } .fw_al_008_center { left: 0; right: 0; margin: auto; text-align: center } .fw_al_008_slide>h6 { color: #ff7f00; text-shadow: none; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_008_slide>h2 { color: #fff; font-size: 38px; font-weight: 700; text-shadow: none; letter-spacing: 3px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_008_slide>h3 { color: #fff; text-shadow: none; font-weight: normal; letter-spacing: 1px; margin-bottom: 25px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_008_slide>p { color: #fff; font-weight: 300; text-shadow: none; letter-spacing: 1px; margin-bottom: 25px; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_008_slide>h5 { color: #ff7f00; font-weight: 600; text-shadow: none; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_008_slide>h1 { color: #fff; font-size: 50px; font-weight: 400; text-shadow: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_008_slide>a { color: #fff; cursor: pointer; font-weight: 400; font-size: 12px; position: relative; text-shadow: none; text-align: center; padding: 10px 20px; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-decoration: none; margin: 40px 5px 0 5px; text-transform: uppercase; border: 3px solid #fff; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_al_008_slide>a>span { margin-right: 10px } .fw_al_008_slide>a:hover, .fw_al_008_slide>a:active { color: #fff; background: #ff7f00; border: 3px solid #ff7f00 } @media only screen and (max-width:480px) { .fw_al_008_slide { top: 5%; left: 0; width: 100%; padding: 3px; text-align: center } .fw_al_008_right { left: 0; right: 0; text-align: center } .fw_al_008_slide>h6 { margin: 0 } .fw_al_008_slide>h2 { font-size: 22px; letter-spacing: 0; margin: 0 } .fw_al_008_slide>h3 { font-size: 18px; margin: 0 } .fw_al_008_slide>p { font-size: 12px; letter-spacing: 0; margin: 0 } .fw_al_008_slide>h5 { font-size: 14px; margin: 0 } .fw_al_008_slide>h1 { font-size: 20px; margin: 0 0 10px 0 } .fw_al_008_slide>a { margin: 0; font-size: 11px; padding: 5px 10px; letter-spacing: 1px } .ps_indicators_bx>.carousel-indicators, .ps_control_l_y .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_al_008_slide { top: 5%; left: 0; width: 100%; padding: 3px; text-align: center } .fw_al_008_right { left: 0; right: 0; text-align: center } .fw_al_008_slide>h1 { margin: 0 0 10px 0; font-size: 40px } .fw_al_008_slide>h2 { margin: 0; font-size: 25px } .fw_al_008_slide>h3 { margin: 0 } .fw_al_008_slide>a { margin: 0 } .ps_indicators_bx>.carousel-indicators { display: none } } @media(min-width:601px) and (max-width:767px) { .fw_al_008_slide { top: 0 } .fw_al_008_slide>a { margin: 0 } .ps_indicators_bx>.carousel-indicators { display: none } } #fw_al_009 { overflow: hidden; max-height: 658px; position: relative } #fw_al_009:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_al_009:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_al_009>.carousel-inner>.item>img, #fw_al_009>.carousel-inner>.item>a>img { margin: auto; width: 100%!important } .ps_control_sbo .carousel-control { top: 45%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #000; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 48px; text-shadow: none; position: absolute; font-weight: normal; background: #e9e9e9; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #000; outline: 2px solid #e9e9e9; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_sbo:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_sbo .carousel-control.left { left: 3% } .ps_control_sbo .carousel-control.right { right: 3% } .ps_control_sbo .carousel-control:hover, .ps_control_sbo .carousel-control:focus { color: #fff; background: #ff7f00; border: 2px solid #000; outline: 2px solid #e9e9e9 } .fw_al_009_slide { top: 13%; right: 0; left: 15%; width: 400px; height: 400px; position: absolute; overflow: hidden; padding: 20px 50px 20px 50px; background: rgba(233,233,233,0.9); outline: 2px solid #e9e9e9; border: 2px solid #000 } .fw_al_009_right { left: auto; right: 15%; text-align: right } .fw_al_009_center { left: 0; right: 0; margin: auto; text-align: center } .fw_al_009_slide>h3 { color: #ff7f00; font-size: 20px; text-shadow: none; font-weight: normal; margin-bottom: 25px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_al_009_slide>h3>span { color: #000; font-style: italic; letter-spacing: 1px; text-transform: capitalize } .fw_al_009_slide>h2 { color: #000; font-size: 45px; font-weight: 900; text-shadow: none; letter-spacing: 1px; margin-bottom: 25px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_al_009_slide>h2>span { color: #ff7f00 } .fw_al_009_slide>h4 { color: #000; font-size: 16px; text-shadow: none; font-weight: normal; letter-spacing: 1px; margin-bottom: 40px; -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_al_009_slide>a { color: #fff; cursor: pointer; font-weight: 700; font-size: 12px; overflow: hidden; position: relative; text-shadow: none; text-align: center; padding: 13px 30px; white-space: nowrap; letter-spacing: 2px; display: inline-block; text-decoration: none; text-transform: uppercase; background: #000; -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_al_009_slide>a>span { opacity: 0; right: -20px; font-size: 15px; position: absolute; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_al_009_slide>a:hover>span { opacity: 1; right: 12px; color: #fff; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_al_009_slide>a:hover, .fw_al_009_slide>a:active { color: #fff; background: #ff7f00; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } @media only screen and (max-width:480px) { .fw_al_009_slide { top: 0; left: 0; width: 100%; padding: 3px; text-align: center } .fw_al_009_right { left: 0; right: 0; text-align: center } .fw_al_009_slide>h2 { font-size: 25px; margin: 0 } .fw_al_009_slide>h3 { margin-bottom: 10px } .fw_al_009_slide>h4 { margin-bottom: 10px } .ps_control_sbo .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_al_009_slide { top: 0; left: 0; width: 100%; padding: 3px; text-align: center } .fw_al_009_right { left: 0; right: 0; text-align: center } } @media(min-width:601px) and (max-width:767px) { .fw_al_009_slide { top: 0 } } #fw_al_010 { overflow: hidden; max-height: 658px; position: relative; background: #0b0602 } #fw_al_010:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_al_010:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_al_010>.carousel-inner>.item>img, #fw_al_010>.carousel-inner>.item>a>img { opacity: .3; margin: auto; width: 100%!important } .ps_rotate_scale_o { opacity: 1; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg) } .ps_rotate_scale_o .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0; display: block; -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); -webkit-transition: -webkit-transform 2.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) 0s, opacity cubic-bezier(0.22, 0.81, 0.01, 0.99) 2.5s; transition: transform 2.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) 0s, opacity cubic-bezier(0.22, 0.81, 0.01, 0.99) 2.5s } .ps_rotate_scale_o .item:first-child { top: auto; position: relative } .ps_rotate_scale_o .item.active { opacity: 1; z-index: 2; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: -webkit-transform 2.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) 0s, opacity cubic-bezier(0.22, 0.81, 0.01, 0.99) 2.5s; transition: transform 2.5s cubic-bezier(0.22, 0.81, 0.01, 0.99) 0s, opacity cubic-bezier(0.22, 0.81, 0.01, 0.99) 2.5s } .ps_indicators_ld>.carousel-indicators { left: 0; width: 100%; bottom: 5%; right: 0; margin: auto; text-align: left; padding-left: 5% } .ps_indicators_ld>.carousel-indicators li { width: 10px; height: 10px; margin: 0 3px; background: rgba(255,255,255,1); border-radius: 100%; -webkit-border-radius: 100%; border: 0 } .ps_indicators_ld>.carousel-indicators .active { width: 10px; height: 10px; margin: 0 3px; background: transparent; border: 2px solid #c1a558 } .fw_al_010_slide { left: 0; top: 22%; right: 0; width: 100%; text-align: center; position: absolute } .fw_al_010_slide>h3 { color: #fff; font-size: 20px; text-shadow: none; margin: 0 0 10px 0; font-weight: normal; letter-spacing: 5px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Roboto', sans-serif; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_al_010_slide>h1 { color: #c1a558; font-size: 65px; font-weight: 700; text-shadow: none; font-style: italic; margin: 0 0 10px 0; letter-spacing: 1px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Lora', serif; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_al_010_slide>p { color: #fff; font-size: 17px; font-weight: 400; text-shadow: none; letter-spacing: 2px; -webkit-font-smoothing: antialiased; font-family: 'Roboto', sans-serif; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_al_010_slide>a { color: #fff; cursor: pointer; font-weight: 400; font-size: 12px; padding: 10px 0; text-shadow: none; margin-top: 200px; position: relative; text-align: center; letter-spacing: 3px; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Roboto', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_al_010_slide>a:after { left: 0; right: 0; bottom: 0; height: 2px; width: 40px; content: ""; margin: auto; position: absolute; background: #c1a558 } @media only screen and (max-width:480px) { .fw_al_010_slide { top: 5% } .fw_al_010_slide>h3 { font-size: 16px; margin: 0 0 5px 0 } .fw_al_010_slide>h1 { font-size: 22px; margin: 0 0 5px 0 } .fw_al_010_slide>p { font-size: 14px } .fw_al_010_slide>a { margin-top: 0 } } @media(min-width:481px) and (max-width:600px) { .fw_al_010_slide { top: 5% } .fw_al_010_slide>h1 { font-size: 60px } .fw_al_010_slide>a { margin-top: 0 } } @media(min-width:601px) and (max-width:767px) { .fw_al_010_slide>a { margin-top: 10px } } @media(min-width:768px) and (max-width:875px) { .fw_al_010_slide>a { margin-top: 100px } } #fw_il_011 { overflow: hidden; position: relative; background: #000 } #fw_il_011:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_il_011:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .ps_control_halfr .carousel-control { top: 45%; opacity: 0; width: 35px; height: 75px; z-index: 100; color: #fff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 75px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,0.5); -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_halfr:hover .carousel-control { opacity: 1 } .ps_control_halfr .carousel-control.left { left: 0; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0 } .ps_control_halfr .carousel-control.right { right: 0; -webkit-border-radius: 0 100px 100px 0; border-radius: 100px 0 0 100px } .ps_control_halfr .carousel-control.left:hover, .ps_control_halfr .carousel-control.right:hover { color: #fff; background: rgba(234,148,205,0.5) } .ps_control_halfr .carousel-control.left span:nth-child(1) { margin-right: 10px } .ps_control_halfr .carousel-control.right>span:nth-child(1) { margin-left: 10px } #fw_il_011>.carousel-inner>.item img { width: 100% } #fw_il_011>.carousel-inner>.item>.row { margin: 0 } #fw_il_011>.carousel-inner>.item>.row>div { opacity: .5; padding: 0 } #fw_il_011>.carousel-inner>.item>.row>div:nth-child(1)>img { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_011>.carousel-inner>.item>.row>div:nth-child(2)>img { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_011>.carousel-inner>.item>.row>div:nth-child(3)>img { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_il_011_slide { top: 27%; right: 0; left: 10%; width: 600px; padding: 10px; text-align: left; overflow: hidden; position: absolute } .fw_il_011_slide_center { left: 0; margin: auto; text-align: center } .fw_il_011_slide_right { left: auto; right: 10%; text-align: right } .fw_il_011_slide>h2 { color: #fff; font-size: 50px; margin: 0; text-shadow: none; font-weight: normal; letter-spacing: 2px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Niconne', cursive } .fw_il_011_slide>h2>span { color: #ea94cd } .fw_il_011_slide>h1 { color: #fff; margin: 0; font-size: 60px; font-weight: 700; text-shadow: none; font-style: normal; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .fw_il_011_slide>h1>span { color: #ea94cd } .fw_il_011_slide>p { left: 15px; width: 400px; color: #fff; font-size: 14px; font-weight: 400; text-shadow: none; position: absolute; letter-spacing: 2px; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .fw_il_011_slide_center>p { left: 0; right: 0; margin: auto; text-align: center } .fw_il_011_slide_right>p { left: auto; right: 10px; text-align: right } .fw_il_011_slide>a { color: #fff; cursor: pointer; font-size: 12px; font-weight: 400; margin-top: 75px; text-shadow: none; padding: 11px 25px; position: relative; text-align: center; background: #ea94cd; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-border-radius: 150px; border-radius: 150px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_il_011_slide>a:hover, .fw_il_011_slide>a:active { color: #ea94cd; background: #fff } @media only screen and (max-width:480px) { .fw_il_011_slide { top: 1%; left: 0; padding: 0; width: 100%; text-align: center } .fw_il_011_slide_right { left: 0; right: 0; text-align: center } .fw_il_011_slide>h2 { margin: 0; font-size: 20px } .fw_il_011_slide>h1 { margin: 0; font-size: 22px } .fw_il_011_slide>p { left: 0; padding: 0; width: 100%; position: relative; margin: 0 0 5px 0; letter-spacing: 1px } .fw_il_011_slide_right>p { left: 0; right: 0; text-align: center } .fw_il_011_slide>a { margin: 0 } .ps_control_halfr .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_il_011_slide { top: 1%; left: 0; padding: 0; width: 100%; text-align: center } .fw_il_011_slide_right { left: 0; right: 0; text-align: center } .fw_il_011_slide>h1 { font-size: 40px } .fw_il_011_slide>p { left: 0; padding: 0; width: 100%; position: relative } .fw_il_011_slide_right>p { left: 0; right: 0; text-align: center } .fw_il_011_slide>a { margin-top: 30px } } @media(min-width:601px) and (max-width:767px) { .fw_il_011_slide { top: 1%; left: 0 } .fw_il_011_slide_right { right: 0; left: auto } } #fw_il_012 { overflow: hidden; position: relative; background: #000 } #fw_il_012:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_il_012:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .ps_control_r_y .carousel-control { top: 50%; opacity: .5; width: 50px; height: 50px; z-index: 100; border: 0; color: #fff; display: block; font-size: 16px; cursor: pointer; overflow: hidden; line-height: 48px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_r_y:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_r_y .carousel-control.left { right: 3%; left: auto } .ps_control_r_y .carousel-control.right { right: 3%; top: 42%; left: auto } .ps_control_r_y .carousel-control.left:hover, .ps_control_r_y .carousel-control.right:hover { color: rgba(255,255,255,0.5); background: transparent } #fw_il_012>.carousel-inner>.item img { width: 100% } #fw_il_012>.carousel-inner>.item>.row { margin: 0 } #fw_il_012>.carousel-inner>.item>.row>div { padding: 0; overflow: hidden; max-height: 325px } #fw_il_012>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(1)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } #fw_il_012>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(2)>img { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1.9s; animation-duration: 1.9s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } #fw_il_012>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(1)>img { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } #fw_il_012>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(2)>img { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_il_012_slide { top: 25%; right: 0; left: 5%; width: 215px; height: 215px; text-align: left; overflow: hidden; position: absolute; border: 4px solid #fff; padding: 130px 15px 20px 15px } .fw_il_012_slide>span { display: block; color: #fff; font-size: 16px; margin: 0; font-style: italic; text-shadow: none; font-weight: 300; -webkit-font-smoothing: antialiased; font-family: 'Averia Serif Libre', cursive } .fw_il_012_slide>a { padding: 0; color: #fff; cursor: pointer; font-size: 30px; font-weight: 700; text-shadow: none; position: relative; text-align: center; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_il_012_slide>a:hover, .fw_il_012_slide>a:active { color: rgba(255,255,255,0.5) } @media only screen and (max-width:480px) { .fw_il_012_slide { top: 1%; width: 100px; height: 70px; padding: 0 0 0 3px; border: 1px solid #fff } .fw_il_012_slide>a { font-size: 18px } .ps_control_r_y .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_il_012_slide { top: 5%; height: 100px; padding: 0 0 0 3px; border: 1px solid #fff } .ps_control_r_y .carousel-control.right { top: 28% } } @media(min-width:601px) and (max-width:767px) { .fw_il_012_slide { top: 2%; height: 130px; padding: 10px 10px 10px 3px; border: 1px solid #fff } } @media(min-width:768px) and (max-width:1250px) { .fw_il_012_slide { top: 6%; height: 170px; padding: 80px 15px 20px 15px } } #fw_il_013 { overflow: hidden; position: relative; background: #000 } #fw_il_013:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_il_013:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .ps_control_wflong .carousel-control { top: 47%; opacity: 0; width: 50px; height: 45px; z-index: 100; color: #000; display: block; font-size: 14px; cursor: pointer; overflow: hidden; line-height: 47px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,1); -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_wflong:hover .carousel-control { opacity: 1 } .ps_control_wflong .carousel-control.left { left: 0 } .ps_control_wflong .carousel-control.right { right: 0 } .ps_control_wflong .carousel-control.left:hover, .ps_control_wflong .carousel-control.right:hover { color: #fff; background: #000 } .ps_control_wflong .carousel-control.left span:nth-child(1) { margin-right: 10px } .ps_control_wflong .carousel-control.right>span:nth-child(1) { margin-left: 10px } #fw_il_013>.carousel-inner>.item img { width: 100% } #fw_il_013>.carousel-inner>.item>.row { margin: 0 } #fw_il_013>.carousel-inner>.item>.row>div { padding: 0; overflow: hidden } #fw_il_013>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(1)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_013>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(2)>img { -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_013>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(3)>img { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_013>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(4)>img { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_013>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(1)>img { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_013>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(2)>img { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_013>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(3)>img { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_013>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(4)>img { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_il_013_slide { top: 17%; right: 0; left: 5%; width: 275px; text-align: left; overflow: hidden; position: absolute } .fw_il_013_slide>h1 { color: #000; font-size: 35px; font-weight: 900; padding: 5px 5px; line-height: 40px; text-shadow: none; font-style: italic; letter-spacing: 3px; margin-bottom: 10px; text-transform: capitalize; background: rgba(255,255,255,0.3); border-left: 5px solid #000; font-family: 'Playfair Display', serif; -webkit-font-smoothing: antialiased } .fw_il_013_slide>a { color: #000; cursor: pointer; font-size: 20px; font-weight: 700; text-shadow: none; position: relative; text-align: center; padding: 5px 5px; font-style: italic; letter-spacing: 2px; text-decoration: none; text-transform: capitalize; border-left: 5px solid #000; background: rgba(255,255,255,0.3); -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_il_013_slide>a:hover, .fw_il_013_slide>a:active { color: #fff; background: rgba(0,0,0,0.8) } @media only screen and (max-width:480px) { .fw_il_013_slide { top: 5% } .fw_il_013_slide>h1 { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_il_013_slide { top: 0; left: 0; width: 125px; padding: 0 0 0 3px } .fw_il_013_slide>h1 { font-size: 18px; padding: 2px 2px; line-height: 20px; margin-bottom: 5px; border-left: 2px solid #000 } } @media(min-width:601px) and (max-width:767px) { .fw_il_013_slide { top: 0; width: 125px } .fw_il_013_slide>h1 { font-size: 20px; padding: 2px 2px; line-height: 23px } } @media(min-width:768px) and (max-width:1250px) { .fw_il_013_slide { top: 0; left: 0 } .fw_il_013_slide>h1 { width: 200px; font-size: 30px; line-height: 33px } } #fw_il_014 { overflow: hidden; position: relative; background: #000 } #fw_il_014:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_il_014:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .ps_control_rfsmall .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #000; display: block; font-size: 14px; cursor: pointer; overflow: hidden; line-height: 45px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,0.7); -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_rfsmall:hover .carousel-control { opacity: 1 } .ps_control_rfsmall .carousel-control.left { left: 1% } .ps_control_rfsmall .carousel-control.right { right: 1% } .ps_control_rfsmall .carousel-control.left:hover, .ps_control_rfsmall .carousel-control.right:hover { color: #fff; background: #000 } .ps_control_rfsmall .carousel-control.left span:nth-child(1) { margin-right: 0 } .ps_control_rfsmall .carousel-control.right>span:nth-child(1) { margin-left: 0 } #fw_il_014>.carousel-inner>.item img { width: 100% } #fw_il_014>.carousel-inner>.item>.row { margin: 0 } #fw_il_014>.carousel-inner>.item>.row>div { padding: 0; overflow: hidden; max-height: 215px } #fw_il_014>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(1)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_014>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(2)>img { -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_014>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(1)>img { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_014>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(2)>img { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_014>.carousel-inner>.item>.row:nth-child(3)>div:nth-child(1)>img { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_014>.carousel-inner>.item>.row:nth-child(3)>div:nth-child(2)>img { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_il_014_slide { top: 0; left: 0; right: 0; overflow: hidden; text-align: center; position: absolute } .fw_il_014_slide>h2 { color: #fff; font-size: 25px; text-shadow: none; font-style: normal; font-weight: normal; letter-spacing: 1px; font-family: 'Arimo', sans-serif; -webkit-font-smoothing: antialiased } .fw_il_014_slide>h1 { color: #fff; font-size: 40px; text-shadow: none; font-weight: 700; font-style: normal; letter-spacing: 3px; margin-bottom: 50px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased } .fw_il_014_slide_small>h1 { margin-bottom: 10px } .fw_il_014_slide>a { color: #fff; cursor: pointer; font-size: 22px; text-shadow: none; position: relative; text-align: center; font-style: italic; letter-spacing: 1px; text-decoration: underline; font-family: 'Lora', serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } @media only screen and (max-width:480px) { .fw_il_014_slide>h2 { display: none } .fw_il_014_slide>h1 { display: none } .fw_il_014_slide>a { font-size: 14px } .ps_control_rfsmall .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_il_014_slide>h2 { margin: 0; font-size: 18px } .fw_il_014_slide>h1 { margin: 0; font-size: 18px } .fw_il_014_slide_small>h2 { font-size: 12px } .fw_il_014_slide_small>h1 { font-size: 12px } .fw_il_014_slide_small>a { font-size: 12px } } @media(min-width:601px) and (max-width:767px) { .fw_il_014_slide>h2 { font-size: 18px } .fw_il_014_slide>h1 { margin: 0; font-size: 18px } .fw_il_014_slide_small>h2 { font-size: 12px } .fw_il_014_slide_small>h1 { font-size: 12px } .fw_il_014_slide_small>a { font-size: 12px } } @media(min-width:768px) and (max-width:1210px) { .fw_il_014_slide>h2 { margin: 0 } .fw_il_014_slide>h1 { margin: 0; font-size: 30px } .fw_il_014_slide_small>h2 { font-size: 20px } .fw_il_014_slide_small>h1 { font-size: 20px } } #fw_il_015 { overflow: hidden; position: relative; background: #000 } #fw_il_015:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_il_015:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .ps_control_roundsm .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #000; display: block; font-size: 14px; cursor: pointer; overflow: hidden; line-height: 45px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(238,221,117,0.7); -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_roundsm:hover .carousel-control { opacity: 1 } .ps_control_roundsm .carousel-control.left { left: 1% } .ps_control_roundsm .carousel-control.right { right: 1% } .ps_control_roundsm .carousel-control.left:hover, .ps_control_roundsm .carousel-control.right:hover { color: #000; background: #fff } .ps_control_roundsm .carousel-control.left span:nth-child(1) { margin-right: 0 } .ps_control_roundsm .carousel-control.right>span:nth-child(1) { margin-left: 0 } #fw_il_015>.carousel-inner>.item img { width: 100% } #fw_il_015>.carousel-inner>.item>.row { margin: 0 } #fw_il_015>.carousel-inner>.item>.row>div { padding: 0; overflow: hidden; max-height: 215px } #fw_il_015>.carousel-inner>.item>.row>div img { opacity: .7 } #fw_il_015>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(1)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.1s; animation-duration: 1.1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_015>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(2)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_015>.carousel-inner>.item>.row:nth-child(1)>div:nth-child(3)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_015>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(1)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_015>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(2)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_015>.carousel-inner>.item>.row:nth-child(2)>div:nth-child(3)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_015>.carousel-inner>.item>.row:nth-child(3)>div:nth-child(1)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_015>.carousel-inner>.item>.row:nth-child(3)>div:nth-child(2)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_015>.carousel-inner>.item>.row:nth-child(3)>div:nth-child(3)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.9s; animation-duration: 1.9s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_il_015_slide { top: 0; right: 0; width: 50%; left: auto; text-align: left; position: absolute; background: rgba(0,0,0,0.7) } .fw_il_015_slide_right { left: 0; right: auto; text-align: right } .fw_il_015_slide>h6 { color: #eedd75; font-size: 20px; font-weight: 400; text-shadow: none; font-style: normal; letter-spacing: 1px; margin: 20px 5px 0 5px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .fw_il_015_slide>h1 { color: #eedd75; font-size: 30px; text-shadow: none; font-weight: 500; font-style: normal; letter-spacing: 3px; margin: 15px 5px 50px 5px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .fw_il_015_slide>a { top: 10px; left: -30px; width: 60px; height: 60px; color: #000; display: block; cursor: pointer; font-size: 20px; font-weight: 500; text-shadow: none; line-height: 60px; position: relative; text-align: center; font-style: normal; letter-spacing: 1px; text-decoration: none; background: rgba(238,221,117,1); font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none } .fw_il_015_slide_right>a { left: 195px } @media only screen and (max-width:480px) { .fw_il_015_slide { left: 0; width: 100% } .fw_il_015_slide_right { left: 0 } .fw_il_015_slide>h6 { font-size: 11px; margin: 0; letter-spacing: 0 } .fw_il_015_slide>h1 { font-size: 12px; margin: 0; letter-spacing: 0 } .fw_il_015_slide>a { top: 0; left: 0; width: 25px; height: 25px; font-size: 10px; line-height: 25px; letter-spacing: 0 } .fw_il_015_slide_right>a { left: 70px } .ps_control_roundsm .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_il_015_slide { left: 0; width: 100% } .fw_il_015_slide_right { left: 0 } .fw_il_015_slide>h6 { font-size: 11px; margin: 10px 5px 0 5px } .fw_il_015_slide>h1 { font-size: 12px } .fw_il_015_slide>a { top: 0; left: 0; width: 35px; height: 35px; font-size: 10px; line-height: 35px } .fw_il_015_slide_right>a { left: 120px } } @media(min-width:601px) and (max-width:767px) { .fw_il_015_slide>h1 { font-size: 12px } .fw_il_015_slide>a { left: -17px; width: 35px; height: 35px; font-size: 10px; line-height: 35px } .fw_il_015_slide_right>a { left: 80px } } @media(min-width:768px) and (max-width:1210px) { .fw_il_015_slide>h1 { font-size: 16px } .fw_il_015_slide_right>a { left: 95px } } #fw_il_016 { overflow: hidden; max-height: 645px; position: relative; background: #000 } #fw_il_016:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_il_016:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_il_016>.carousel-inner>.item { width: 100% } .ps_control_rt_y .carousel-control { top: 4%; opacity: 1; width: 45px; height: 45px; z-index: 100; border: 0; color: #fff; display: block; font-size: 14px; cursor: pointer; overflow: hidden; line-height: 45px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(238,221,117,0.7); -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_rt_y:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_rt_y .carousel-control.left { right: 3%; left: auto } .ps_control_rt_y .carousel-control.right { top: 11%; right: 3%; left: auto; margin-top: 1px } .ps_control_rt_y .carousel-control.left:hover, .ps_control_rt_y .carousel-control.right:hover { color: #eedd75; background: #000 } #fw_il_016>.carousel-inner>.item img { width: 100% } #fw_il_016>.carousel-inner>.item>.row { margin: 0 } #fw_il_016>.carousel-inner>.item>.row>div { padding: 0; overflow: hidden } #fw_il_016>.carousel-inner>.item>.row>div:nth-child(1)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } #fw_il_016>.carousel-inner>.item>.row>div:nth-child(2)>img { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_il_016_slide { top: 0; left: 0; right: 0; bottom: 0; width: 100%; text-align: center; position: absolute; padding: 40% 10px 10px 10px; background: rgba(31,27,27,0.6) } .fw_il_016_slide_center { left: 0; right: 0; width: 50%; margin: auto; padding-top: 20% } .fw_il_016_slide>h1 { color: #eedd75; font-size: 40px; text-shadow: none; font-weight: 400; font-style: normal; letter-spacing: 3px; text-transform: uppercase; font-family: 'Lora', serif; -webkit-font-smoothing: antialiased } .fw_il_016_slide>h6 { color: #eedd75; font-size: 16px; font-weight: 400; text-shadow: none; font-style: normal; letter-spacing: 1px; margin: 10px 0 50px 0; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; -webkit-font-smoothing: antialiased } .fw_il_016_slide>a { color: #000; cursor: pointer; font-size: 13px; font-weight: 500; text-shadow: none; position: relative; text-align: center; font-style: normal; padding: 10px 25px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; background: rgba(238,221,117,1); font-family: 'Source Sans Pro', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .fw_il_016_slide>a:hover { color: #eedd75; background: #000 } @media only screen and (max-width:480px) { .fw_il_016_slide { padding-top: 20% } .fw_il_016_slide_center { padding-top: 10% } .fw_il_016_slide>h1 { font-size: 20px } .ps_control_rt_y .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_il_016_slide>h1 { font-size: 35px } .ps_control_rt_y .carousel-control.right { top: 17% } } @media(min-width:601px) and (max-width:767px) { .ps_control_rt_y .carousel-control.right { top: 15% } } #fw_il_017 { overflow: hidden; max-height: 645px; position: relative; background: #000 } #fw_il_017:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_il_017:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_il_017>.carousel-inner>.item { width: 100% } .ps_control_squarefill .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #a5cd45; display: block; font-size: 14px; cursor: pointer; overflow: hidden; line-height: 45px; text-shadow: none; position: absolute; font-weight: normal; background: #000; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_squarefill:hover .carousel-control { opacity: 1 } .ps_control_squarefill .carousel-control.left { left: 1% } .ps_control_squarefill .carousel-control.right { right: 1% } .ps_control_squarefill .carousel-control.left:hover, .ps_control_squarefill .carousel-control.right:hover { color: #000; background: #a5cd45 } .ps_control_squarefill .carousel-control.left span:nth-child(1) { margin-right: 0 } .ps_control_squarefill .carousel-control.right>span:nth-child(1) { margin-left: 0 } #fw_il_017>.carousel-inner>.item img { width: 100% } #fw_il_017>.carousel-inner>.item>.row { margin: 0 } #fw_il_017>.carousel-inner>.item>.row>div { padding: 0; overflow: hidden } #fw_il_017>.carousel-inner>.item>.row>div>img { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_il_017_slide { top: 0; left: 0; right: auto; text-align: left; position: absolute } .fw_il_017_slide_right { top: 0; right: 0; left: auto; text-align: right } .fw_il_017_slide>h5 { width: 130px; height: 30px; padding: 0 5px; color: #a5cd45; font-size: 16px; font-weight: 400; text-shadow: none; line-height: 30px; margin: 0 0 2px 0; font-style: normal; background: #fff; letter-spacing: 1px; text-transform: capitalize; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .fw_il_017_slide>a { color: #fff; cursor: pointer; font-size: 13px; font-weight: 300; text-shadow: none; position: relative; text-align: center; font-style: normal; padding: 5px 15px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; background: #a5cd45; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .fw_il_017_slide>a:hover { color: #a5cd45; background: #000 } @media only screen and (max-width:480px) { .fw_il_017_slide>h5 { display: none } .fw_il_017_slide>a { padding: 3px; font-size: 11px } .ps_control_squarefill .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { .fw_il_017_slide>h5 { padding: 0; width: 85px; font-size: 11px } .ps_control_squarefill .carousel-control { display: none } } @media(min-width:601px) and (max-width:767px) { .fw_il_017_slide>h5 { padding: 0; width: 80px; font-size: 11px } } #fw_il_018 { overflow: hidden; max-height: 645px; position: relative; background: #000 } #fw_il_018:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_il_018:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_il_018>.carousel-inner>.item { width: 100% } .ps_control_rectanlefil .carousel-control { top: 42%; opacity: 0; width: 35px; height: 90px; z-index: 100; color: #754fc9; display: block; font-size: 14px; cursor: pointer; overflow: hidden; line-height: 90px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(0,0,0,0.8); -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_rectanlefil:hover .carousel-control { opacity: 1 } .ps_control_rectanlefil .carousel-control.left { left: 1% } .ps_control_rectanlefil .carousel-control.right { right: 1% } .ps_control_rectanlefil .carousel-control.left:hover, .ps_control_rectanlefil .carousel-control.right:hover { color: #fff; background: #754fc9 } .ps_control_rectanlefil .carousel-control.left span:nth-child(1) { margin-right: 0 } .ps_control_rectanlefil .carousel-control.right>span:nth-child(1) { margin-left: 0 } #fw_il_018>.carousel-inner>.item img { height: 100% } #fw_il_018>.carousel-inner>.item>.row { margin: 0 } #fw_il_018>.carousel-inner>.item>.row>div { padding: 0; overflow: hidden } #fw_il_018>.carousel-inner>.item>.row>div>img { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_il_018_slide { top: 0; left: 0; right: 0; bottom: 0; padding: 100% 10px 10px 10px; text-align: center; position: absolute; background: rgba(0,0,0,0.7) } .fw_il_018_slide>h5 { color: #fff; font-size: 25px; font-weight: 400; text-shadow: none; line-height: 30px; margin: 0 0 20px 0; font-style: normal; letter-spacing: 2px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .fw_il_018_slide>a { color: #fff; cursor: pointer; font-size: 20px; font-weight: 300; text-shadow: none; position: relative; text-align: center; font-style: normal; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #fff; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .fw_il_018_slide>a:hover { color: #754fc9; border-bottom: 1px solid #754fc9 } @media only screen and (max-width:480px) { #fw_il_018>.carousel-inner>.item img { height: 230px } .fw_il_018_slide { padding: 100% 0 0 0 } .fw_il_018_slide>h5 { font-size: 7px; letter-spacing: 1px } .fw_il_018_slide>a { font-size: 11px } .ps_control_rectanlefil .carousel-control { display: none } } @media(min-width:481px) and (max-width:600px) { #fw_il_018>.carousel-inner>.item img { height: 350px } .fw_il_018_slide { padding: 100% 0 0 0 } .fw_il_018_slide>h5 { font-size: 12px; letter-spacing: 1px } .fw_il_018_slide>a { font-size: 11px } } @media(min-width:601px) and (max-width:767px) { #fw_il_018>.carousel-inner>.item img { height: 400px } .fw_il_018_slide>h5 { font-size: 14px } } @media(min-width:768px) and (max-width:930px) { #fw_il_018>.carousel-inner>.item img { height: 450px } .fw_il_018_slide>h5 { font-size: 14px } } #fw_il_019 { overflow: hidden; max-height: 645px; position: relative; background: #000 } #fw_il_019:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_il_019:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_il_019>.carousel-inner>.item { width: 100% } .ps_control_bradiustrans .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #000; display: block; font-size: 14px; cursor: pointer; overflow: hidden; line-height: 45px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; border: 1px solid #000; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_bradiustrans:hover .carousel-control { opacity: 1 } .ps_control_bradiustrans .carousel-control.left { left: 1% } .ps_control_bradiustrans .carousel-control.right { right: 1% } .ps_control_bradiustrans .carousel-control.left:hover, .ps_control_bradiustrans .carousel-control.right:hover { color: #fff; background: #d32727; border: 1px solid #d32727 } .ps_control_bradiustrans .carousel-control.left span:nth-child(1) { margin-right: 0 } .ps_control_bradiustrans .carousel-control.right>span:nth-child(1) { margin-left: 0 } #fw_il_019>.carousel-inner>.item img { width: 100% } #fw_il_019>.carousel-inner>.item>.row { margin: 0; background: #c1c1c1 } #fw_il_019>.carousel-inner>.item>.row>div { padding: 0 } #fw_il_019>.carousel-inner>.item>.row>div>img { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .fw_il_019_slide { padding: 75px; margin-top: 15%; text-align: left } .fw_il_019_slide_right { text-align: right } .fw_il_019_slide_center { text-align: center } .fw_il_019_slide>h1 { color: #000; font-weight: 400; text-shadow: none; margin: 0 0 30px 0; font-style: normal; letter-spacing: 2px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .fw_il_019_slide>p { width: 350px; color: #000; font-weight: 300; text-shadow: none; margin: 0 0 30px 0; font-style: normal; text-align: justify; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .fw_il_019_slide_center>p { margin-left: auto; margin-right: auto } .fw_il_019_slide_right>p { margin-left: auto } .fw_il_019_slide>a { color: #000; cursor: pointer; font-size: 20px; font-weight: 300; text-shadow: none; position: relative; text-align: center; font-style: normal; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #000; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .fw_il_019_slide>a:hover { color: #d32727; border-bottom: 1px solid #d32727 } @media only screen and (max-width:480px) { .fw_il_019_slide { padding: 3px; margin-top: 0; text-align: center } .fw_il_019_slide>h1 { font-size: 14px; margin: 0; letter-spacing: 0 } .fw_il_019_slide>p { width: 100%; font-size: 9px; margin: 0; letter-spacing: 0 } .fw_il_019_slide>a { font-size: 9px } .ps_control_bradiustrans .carousel-control { display: none } } @media(min-width:481px) and (max-width:640px) { .fw_il_019_slide { padding: 10px; margin-top: 2% } .fw_il_019_slide>h1 { font-size: 24px; margin: 0; letter-spacing: 0 } .fw_il_019_slide>p { width: 100%; font-size: 12px; margin: 0; letter-spacing: 0 } } @media(min-width:641px) and (max-width:767px) { .fw_il_019_slide { padding: 10px; margin-top: 5% } .fw_il_019_slide>p { width: 100% } } @media(min-width:768px) and (max-width:991px) { .fw_il_019_slide { padding: 10px } } #fw_il_020 { overflow: hidden; max-height: 645px; position: relative; background: #000 } #fw_il_020:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_il_020:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_il_020>.carousel-inner>.item { width: 100% } .ps_control_xlongicon .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #fff; display: block; cursor: pointer; overflow: hidden; line-height: 45px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_control_xlongicon:hover .carousel-control { opacity: 1 } .ps_control_xlongicon .carousel-control.left { left: 1% } .ps_control_xlongicon .carousel-control.right { right: 1% } .ps_control_xlongicon .carousel-control.left:hover, .ps_control_xlongicon .carousel-control.right:hover { color: #fff } .ps_control_xlongicon .carousel-control.left span:nth-child(1) { margin-right: 0 } .ps_control_xlongicon .carousel-control.right>span:nth-child(1) { margin-left: 0 } #fw_il_020>.carousel-inner>.item img { width: 100% } #fw_il_020>.carousel-inner>.item>.row { margin: 0 } #fw_il_020>.carousel-inner>.item>.row>div { padding: 0; overflow: hidden; max-height: 325px } #fw_il_020>.carousel-inner>.item>.row>div>img { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_il_020_slide { top: 0; left: 0; right: 0; bottom: 0; padding-top: 55%; position: absolute; text-align: center; background: rgba(0,0,0,0.7) } .fw_il_020_slide_colored { background: rgba(3,111,74,0.7) } .fw_il_020_slide>a { color: #fff; cursor: pointer; font-size: 18px; font-weight: 300; text-shadow: none; padding: 10px 23px; position: relative; text-align: center; font-style: normal; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border: 1px solid #fff; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .7s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .7s } .fw_il_020_slide>a:hover { color: #036f4a; background: rgba(255,255,255,0.8) } @media only screen and (max-width:480px) { .fw_il_020_slide>a { font-size: 9px; padding: 2px 5px } .ps_control_xlongicon .carousel-control { display: none } } @media(min-width:481px) and (max-width:640px) { .fw_il_020_slide>a { font-size: 10px; padding: 2px 5px } } @media(min-width:641px) and (max-width:767px) { .fw_il_020_slide>a { font-size: 10px } } @media(min-width:768px) and (max-width:991px) { .fw_il_020_slide>a { font-size: 14px } } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { min-height: 1px; position: relative; padding-left: 15px; padding-right: 15px } .col-xs-15 { width: 20%; float: left } @media(min-width:768px) { .col-sm-15 { width: 20%; float: left } } @media(min-width:992px) { .col-md-15 { width: 20%; float: left } } @media(min-width:1200px) { .col-lg-15 { width: 20%; float: left } } #in_th_021 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #in_th_021:hover { cursor: -moz-grab; cursor: -webkit-grab } #in_th_021:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #in_th_021>.carousel-inner>.item>img, #in_th_021>.carousel-inner>.item>a>img { opacity: .8; width: 100%; margin: auto } .in_th_below_021>.carousel-indicators { left: 0; bottom: 0; margin: 0; width: 100%; padding: 5px 0; cursor: e-resize; overflow-x: auto; position: absolute; text-align: center; white-space: nowrap; background: rgba(255,255,255,0.2) } .in_th_below_021>.carousel-indicators li { width: 6%; border: 0; padding: 0; height: 100%; margin: 2px 0; text-indent: 0; cursor: pointer; display: inline-block; background-color: transparent; background-color: transparent; -webkit-border-radius: 2px; border-radius: 2px } .in_th_below_021>.carousel-indicators li img { width: 100%; -webkit-border-radius: 1px; border-radius: 1px } .in_th_below_021>.carousel-indicators .active { width: 6%; margin: 0; height: 100%; background-color: transparent } .in_th_below_021>.carousel-indicators .active img { opacity: .6 } .in_th_below_021>.carousel-indicators::-webkit-scrollbar { margin:0; padding:0; width:5px; height:5px; background:rgba(0,0,0,0.3) } .in_th_below_021>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.7) } @media screen and (min-width:768px) { .in_th_below_021>.carousel-indicators { bottom: 0 } } .in_th_021_slide { top: 20%; left: 10%; width: 35%; right: auto; margin: auto; text-align: left; position: absolute; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_021_slide_right { right: 10%; left: auto; text-align: right } .in_th_021_slide_center { left: 0; right: 0; text-align: center } .in_th_021_slide>h3 { margin: 0; padding: 0; color: #fff; font-size: 28px; font-weight: 100; text-transform: capitalize; font-family: 'Roboto', sans-serif; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_021_slide>h1 { margin: 0; padding: 0; color: #fff; font-size: 50px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_021_slide>h4 { width: 275px; color: #000; font-size: 11px; font-weight: 400; margin: 0 0 15px 0; background: #fff; letter-spacing: 1px; padding: 5px 5px 5px 10px; text-transform: uppercase; font-family: 'Roboto', sans-serif; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_021_slide_right>h4 { margin-left: auto; text-align: right } .in_th_021_slide_center>h4 { margin-left: auto; margin-right: auto; text-align: center } .in_th_021_slide>a, .in_th_021_slide>a:visited { color: #fff; cursor: pointer; font-size: 10px; line-height: 10px; text-align: center; padding: 10px 20px; letter-spacing: 1px; white-space: nowrap; display: inline-block; text-decoration: none; border: 1px solid #fff; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-transition: background cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: background cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_021_slide>a:hover, .in_th_021_slide>a:active { color: #000; background: #fff } @media only screen and (max-width:480px) { .in_th_021_slide, .in_th_021_slide.in_th_021_slide_right { top: 0; left: 0; right: 0; width: 100%; padding: 10px; text-align: center } .in_th_021_slide>h3 { font-size: 18px } .in_th_021_slide>h1 { font-size: 25px; margin-bottom: 5px } .in_th_021_slide>h4, .in_th_021_slide_right>h4 { width: 100%; margin-bottom: 5px; text-align: center } } @media(min-width:481px) and (max-width:600px) { .in_th_021_slide { top: 5%; width: 100%; padding: 5px } } @media(min-width:601px) and (max-width:767px) { .in_th_021_slide { width: 100% } } #in_th_022 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #in_th_022:hover { cursor: -moz-grab; cursor: -webkit-grab } #in_th_022:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #in_th_022>.carousel-inner>.item>img, #in_th_022>.carousel-inner>.item>a>img { opacity: .8; width: 100%; margin: auto } .in_th_right_022>.carousel-indicators { top: 0; bottom: 0; left: 92.5%; width: 7.5%; height: 100%; overflow: auto; margin-left: 0; padding: 0 2px; cursor: s-resize; position: absolute; margin-bottom: 0; background: rgba(255,255,255,0.3) } .in_th_right_022>.carousel-indicators li { width: 100%; height: auto; border: 0; display: block; margin: 2px 0 2px 0; background-color: transparent; background-color: transparent; -webkit-border-radius: 2px; border-radius: 2px } .in_th_right_022>.carousel-indicators li img { width: 100%; height: auto; display: block; position: relative; -webkit-border-radius: 1px; border-radius: 1px } .in_th_right_022>.carousel-indicators .active { width: 100%; height: auto; border: 0; margin: 2px 0 2px 0; background-color: transparent } .in_th_right_022>.carousel-indicators .active img { opacity: .6 } .in_th_right_022>.carousel-indicators::-webkit-scrollbar { width:4px; background:rgba(255,255,255,0.3) } .in_th_right_022>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.7) } @media screen and (min-width:768px) { .in_th_right_022>.carousel-indicators { bottom: 0 } } .in_th_022_slide { top: 20%; left: 10%; width: 35%; right: auto; margin: auto; padding: 5px; text-align: left; position: absolute; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_022_slide_right { right: 10%; left: auto; text-align: right } .in_th_022_slide_center { left: 0; right: 0; text-align: center } .in_th_022_slide>h1 { padding: 0; color: #fff; font-size: 60px; font-weight: 700; margin: 0 0 15px 0; letter-spacing: 5px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_022_slide>h2 { padding: 0; color: #fff; font-size: 35px; font-weight: 400; margin: 0 0 15px 0; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_022_slide>p { padding: 5px; color: #fff; font-size: 14px; font-weight: 400; text-align: left; margin: 0 0 25px 0; letter-spacing: 2px; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_022_slide_right>p { text-align: right } .in_th_022_slide_center>p { text-align: center } .in_th_022_slide>a:nth-child(4), .in_th_022_slide>a:nth-child(4):visited { color: #000; cursor: pointer; font-size: 12px; margin-left: 5px; line-height: 10px; text-align: center; padding: 10px 30px; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; background: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .in_th_022_slide>a:nth-child(5), .in_th_022_slide>a:nth-child(5):visited { color: #fff; cursor: pointer; font-size: 12px; margin-right: 5px; line-height: 10px; text-align: center; padding: 10px 30px; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_022_slide>a>span { margin-left: 10px; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .in_th_022_slide>a:nth-child(5):hover>span, .in_th_022_slide>a:nth-child(5):active>span { margin-left: 15px } .in_th_022_slide>a:nth-child(4):hover, .in_th_022_slide>a:nth-child(4):active { color: #fff; background: #000 } @media only screen and (max-width:480px) { .in_th_022_slide, .in_th_022_slide.in_th_022_slide_right { top: 0; left: 0; right: 0; width: 90%; text-align: center } .in_th_022_slide>h1 { font-size: 25px; margin-bottom: 5px } .in_th_022_slide>h2 { font-size: 18px } .in_th_022_slide>p, .in_th_022_slide_right>p { font-size: 11px; margin-bottom: 5px; text-align: center } } @media(min-width:481px) and (max-width:600px) { .in_th_022_slide { top: 5%; left: 2%; width: 90% } .in_th_022_slide_right { left: 0 } } @media(min-width:601px) and (max-width:850px) { .in_th_022_slide { top: 5%; width: 60% } } #in_th_023 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #in_th_023:hover { cursor: -moz-grab; cursor: -webkit-grab } #in_th_023:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #in_th_023>.carousel-inner>.item>img, #in_th_023>.carousel-inner>.item>a>img { opacity: .4; width: 100%; margin: auto } .in_th_left_023>.carousel-indicators { top: 0; left: 0; bottom: 0; width: 8%; height: 100%; overflow: auto; margin-left: 0; padding: 0 2px; cursor: s-resize; position: absolute; margin-bottom: 0; background: rgba(255,255,255,0.2) } .in_th_left_023>.carousel-indicators li { width: 100%; height: auto; border: 0; display: block; margin: 2px 0 2px 0; background-color: transparent; background-color: transparent; -webkit-border-radius: 2px; border-radius: 2px } .in_th_left_023>.carousel-indicators li img { width: 100%; height: auto; display: block; position: relative; -webkit-border-radius: 1px; border-radius: 1px } .in_th_left_023>.carousel-indicators .active { width: 100%; height: auto; border: 0; margin: 2px 0 2px 0; background-color: transparent } .in_th_left_023>.carousel-indicators .active img { opacity: .6 } .in_th_left_023>.carousel-indicators::-webkit-scrollbar { width:4px; background:rgba(255,255,255,0.2) } .in_th_left_023>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.8) } @media screen and (min-width:768px) { .in_th_left_023>.carousel-indicators { bottom: 0 } } .in_th_023_slide { top: 20%; left: 15%; width: 25%; right: auto; margin: auto; padding: 5px; text-align: left; position: absolute; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_023_slide_right { right: 10%; left: auto; text-align: right } .in_th_023_slide_center { left: 0; right: 0; text-align: center } .in_th_023_slide>h1 { padding: 0; color: #fa373d; font-size: 60px; font-weight: 700; margin: 0 0 15px 0; letter-spacing: 5px; text-transform: uppercase; border-bottom: 1px solid #fa373d; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_023_slide>p { padding: 5px; color: #fff; font-size: 14px; font-weight: 400; text-align: left; margin: 0 0 25px 0; letter-spacing: 2px; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_023_slide_right>p { text-align: right } .in_th_023_slide_center>p { text-align: center } .in_th_023_slide>a, .in_th_023_slide>a:visited { color: #000; cursor: pointer; font-size: 12px; margin-left: 5px; line-height: 10px; text-align: center; padding: 15px 30px; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; background: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .in_th_023_slide>a:hover, .in_th_023_slide>a:active { color: #fff; background: #fa373d } @media only screen and (max-width:480px) { .in_th_023_slide, .in_th_023_slide.in_th_023_slide_right { top: 0; left: 5%; right: 0; width: 90%; text-align: center } .in_th_023_slide>h1 { font-size: 25px; margin-bottom: 5px } .in_th_023_slide>p, .in_th_023_slide_right>p { font-size: 11px; margin-bottom: 5px; text-align: center } } @media(min-width:481px) and (max-width:600px) { .in_th_023_slide { top: 5%; left: 10%; width: 90% } .in_th_023_slide_right { right: 1% } } @media(min-width:601px) and (max-width:850px) { .in_th_023_slide { top: 5%; width: 40% } } #in_th_024 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #in_th_024:hover { cursor: -moz-grab; cursor: -webkit-grab } #in_th_024:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #in_th_024>.carousel-inner>.item>img, #in_th_024>.carousel-inner>.item>a>img { width: 100%; margin: auto } .in_th_gallery_024>.carousel-indicators { top: 0; left: 80%; bottom: 0; width: 20%; height: 100%; margin-left: 0; overflow: auto; cursor: s-resize; padding: 0; position: absolute; margin-bottom: 0; background: rgba(255,255,255,0.2) } .in_th_gallery_024>.carousel-indicators li { float: left; width: 32.5%; height: auto; border: 0; display: block; margin: 1px 0 0 1px; background-color: transparent; background-color: transparent; -webkit-border-radius: 2px; border-radius: 2px } .in_th_gallery_024>.carousel-indicators li img { width: 100%; height: auto; display: block; position: relative } .in_th_gallery_024>.carousel-indicators .active { width: 32.5%; height: auto; border: 0; margin: 1px 0 0 1px; background-color: transparent } .in_th_gallery_024>.carousel-indicators .active img { opacity: .6 } .in_th_gallery_024>.carousel-indicators::-webkit-scrollbar { width:4px; background:rgba(255,255,255,0.2) } .in_th_gallery_024>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.8) } .in_th_024_slide { top: 20%; left: 5%; width: 35%; right: auto; margin: auto; padding: 5px; text-align: left; position: absolute; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .in_th_024_slide_right { right: 25%; left: auto; text-align: right } .in_th_024_slide>h1 { padding: 0; color: #fff; font-size: 35px; font-weight: 700; margin: 0 0 10px 0; text-transform: capitalize; font-family: 'Playfair Display', serif } .in_th_024_slide>p { padding: 5px; color: #fff; font-size: 13px; font-weight: 400; text-align: left; margin: 0 0 40px 0; letter-spacing: 2px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif } .in_th_024_slide_right>p { text-align: right } .in_th_024_slide>a, .in_th_024_slide>a:visited { color: #fa373d; cursor: pointer; font-size: 12px; margin-left: 5px; line-height: 12px; text-align: center; background: #fff; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; padding: 4px 25px 4px 4px; font-family: 'Source Sans Pro', sans-serif; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s } .in_th_024_slide>a>span { width: 35px; height: 35px; color: #fff; line-height: 35px; margin: 0 10px 0 0; background: #fa373d; -webkit-border-radius: 100px; border-radius: 100px } .in_th_024_slide>a:hover, .in_th_024_slide>a:active { color: #fff; background: #fa373d } .in_th_024_slide>a:hover>span, .in_th_024_slide>a:active>span { color: #fa373d; background: #fff } @media only screen and (max-width:700px) { .in_th_gallery_024>.carousel-indicators li { width: 31.5% } .in_th_gallery_024>.carousel-indicators .active { width: 31.5% } } @media only screen and (max-width:480px) { .in_th_024_slide, .in_th_024_slide_right { left: 0; right: 95%; width: 75%; text-align: center; background: rgba(0,0,0,0.5) } .in_th_024_slide>h1 { font-size: 18px; margin-bottom: 5px } .in_th_024_slide>p, .in_th_024_slide_right>p { font-size: 11px; margin-bottom: 5px; text-align: center } } @media(min-width:481px) and (max-width:600px) { .in_th_024_slide { top: 5%; width: 75% } .in_th_024_slide_right { left: 1% } } @media(min-width:601px) and (max-width:850px) { .in_th_024_slide { top: 3% } } #in_th_025 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #in_th_025:hover { cursor: -moz-grab; cursor: -webkit-grab } #in_th_025:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #in_th_025>.carousel-inner>.item>img, #in_th_025>.carousel-inner>.item>a>img { width: 100%; margin: auto } .in_th_right_box_025>.carousel-indicators { top: 0; bottom: 0; left: 70%; width: 30%; height: 100%; overflow: auto; margin-left: 0; padding: 0 2px; cursor: s-resize; position: absolute; margin-bottom: 0; background: rgba(240,241,236,0.7) } .in_th_right_box_025>.carousel-indicators li { width: 100%; height: auto; border: 0; display: block; text-indent: 0; overflow: hidden; max-height: 65px; margin: 2px 0 2px 0; background-color: transparent; background-color: rgba(189,150,85,0.9); -webkit-border-radius: 0; border-radius: 0 } .in_th_right_box_025>.carousel-indicators .active { width: 100%; height: auto; border: 0; display: block; text-indent: 0; overflow: hidden; max-height: 65px; margin: 2px 0 2px 0; background-color: transparent; background-color: rgba(189,150,85,0.9); -webkit-border-radius: 0; border-radius: 0 } .in_th_right_box_025>.carousel-indicators li img { width: 25%; float: left; -webkit-border-radius: 0; border-radius: 0 } .in_th_right_box_025>.carousel-indicators .active img { opacity: .6 } .in_th_right_box_025>.carousel-indicators>li>div { margin: 0; width: 75%; overflow: hidden; text-align: left; padding: 3px 10px } .in_th_right_box_025>.carousel-indicators>li>div>h5 { margin: 0; padding: 0; color: #212121; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .in_th_right_box_025>.carousel-indicators>li>div>p { margin: 0; padding: 0; color: #fff; font-size: 11px; text-align: justify; letter-spacing: .5px; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .in_th_right_box_025>.carousel-indicators::-webkit-scrollbar { width:4px; background:rgba(255,255,255,0.3) } .in_th_right_box_025>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.7) } @media screen and (min-width:768px) { .in_th_right_box_025>.carousel-indicators { bottom: 0 } } .in_th_025_slide { top: 30%; left: 5%; width: 35%; right: auto; margin: auto; padding: 5px; text-align: left; position: absolute; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_025_slide_right { right: 32%; left: auto; text-align: right } .in_th_025_slide>h1 { padding: 0; color: #fff; font-size: 28px; font-weight: 800; margin: 0 0 15px 0; letter-spacing: 5px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_025_slide>a, .in_th_025_slide>a:visited { color: #fff; cursor: pointer; font-size: 12px; line-height: 10px; text-align: center; padding: 0; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_025_slide>a>span { margin-left: 10px; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .in_th_025_slide>a:hover>span, .in_th_025_slide>a:active>span { margin-left: 15px } @media only screen and (max-width:480px) { .in_th_right_box_025>.carousel-indicators { padding: 0 1px } .in_th_right_box_025>.carousel-indicators li { margin: 1px 0 1px 0 } .in_th_right_box_025>.carousel-indicators .active { margin: 1px 0 1px 0 } .in_th_right_box_025>.carousel-indicators li img { width: 50% } .in_th_right_box_025>.carousel-indicators>li>div { width: 50%; padding: 1px 2px } .in_th_right_box_025>.carousel-indicators>li>div>h5 { font-size: 9px } .in_th_right_box_025>.carousel-indicators>li>div>p { display: none } .in_th_025_slide, .in_th_025_slide.in_th_025_slide_right { top: 10%; left: 1%; right: auto; text-align: left } } @media(min-width:481px) and (max-width:600px) { .in_th_right_box_025>.carousel-indicators { padding: 0 1px } .in_th_right_box_025>.carousel-indicators li { margin: 1px 0 1px 0 } .in_th_right_box_025>.carousel-indicators .active { margin: 1px 0 1px 0 } .in_th_right_box_025>.carousel-indicators>li>div>h5 { font-size: 9px } .in_th_right_box_025>.carousel-indicators>li>div>p { display: none } .in_th_025_slide_right { right: 35% } } @media(min-width:601px) and (max-width:725px) { .in_th_right_box_025>.carousel-indicators { left: 60%; width: 40%; padding: 0 1px } .in_th_right_box_025>.carousel-indicators li { margin: 1px 0 1px 0 } .in_th_right_box_025>.carousel-indicators .active { margin: 1px 0 1px 0 } .in_th_right_box_025>.carousel-indicators li img { width: 35% } .in_th_right_box_025>.carousel-indicators>li>div { width: 65%; padding: 1px 2px } .in_th_right_box_025>.carousel-indicators>li>div>h5 { font-size: 9px } .in_th_right_box_025>.carousel-indicators>li>div>p { font-size: 9px; text-align: left } .in_th_025_slide_right { right: 40% } } @media(min-width:726px) and (max-width:810px) { .in_th_right_box_025>.carousel-indicators { left: 65%; width: 35% } .in_th_right_box_025>.carousel-indicators li img { width: 35% } .in_th_right_box_025>.carousel-indicators>li>div { width: 65%; padding: 1px 2px } .in_th_right_box_025>.carousel-indicators>li>div>h5 { font-size: 9px } .in_th_right_box_025>.carousel-indicators>li>div>p { font-size: 9px; text-align: left } .in_th_025_slide_right { right: 35% } } @media(min-width:811px) and (max-width:950px) { .in_th_right_box_025>.carousel-indicators { left: 62%; width: 38% } .in_th_right_box_025>.carousel-indicators li img { width: 35% } .in_th_right_box_025>.carousel-indicators>li>div { width: 65%; padding: 1px 2px } .in_th_right_box_025>.carousel-indicators>li>div>p { font-size: 10px; text-align: left } .in_th_025_slide_right { right: 38% } } @media(min-width:951px) and (max-width:1250px) { .in_th_right_box_025>.carousel-indicators { left: 62%; width: 38% } .in_th_025_slide_right { right: 38% } } #in_th_026 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #in_th_026:hover { cursor: -moz-grab; cursor: -webkit-grab } #in_th_026:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #in_th_026>.carousel-inner>.item>img, #in_th_026>.carousel-inner>.item>a>img { width: 100%; margin: auto } .in_th_below_box_026>.carousel-indicators { left: 0; bottom: 0; margin: 0; width: 100%; font-size: 0; padding: 2px 0; cursor: e-resize; overflow-x: auto; position: absolute; text-align: center; white-space: nowrap; background: rgba(240,241,236,0.7) } .in_th_below_box_026>.carousel-indicators li { width: 33.10%; height: 100%; padding: 0; border: 0; margin: 0 1px; text-indent: 0; cursor: pointer; display: inline-block; background-color: transparent; background-color: rgba(189,150,85,0.9); -webkit-border-radius: 0; border-radius: 0 } .in_th_below_box_026>.carousel-indicators .active { height: 100%; margin: 0 1px; width: 33.10%; background-color: transparent; background-color: rgba(189,150,85,0.9) } .in_th_below_box_026>.carousel-indicators li img { width: 25%; float: left; -webkit-border-radius: 0; border-radius: 0 } .in_th_below_box_026>.carousel-indicators .active img { opacity: .6 } .in_th_below_box_026>.carousel-indicators>li>div { margin: 0; width: 75%; overflow: hidden; text-align: left; padding: 4px 10px } .in_th_below_box_026>.carousel-indicators>li>div>h5 { padding: 0; color: #212121; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 0 0 4px 0; white-space: normal; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .in_th_below_box_026>.carousel-indicators>li>div>p { margin: 0; padding: 0; color: #fff; font-size: 11px; text-align: justify; letter-spacing: 1px; white-space: normal; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .in_th_below_box_026>.carousel-indicators::-webkit-scrollbar { margin:0; padding:0; height:5px; background:rgba(0,0,0,0.3) } .in_th_below_box_026>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.7) } @media screen and (min-width:768px) { .in_th_below_box_026>.carousel-indicators { bottom: 0 } } .in_th_026_slide { top: 20%; left: 10%; width: 35%; right: auto; margin: auto; text-align: left; position: absolute; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_026_slide_right { right: 10%; left: auto; text-align: right } .in_th_026_slide_center { left: 0; right: 0; text-align: center } .in_th_026_slide>h1 { color: #fff; font-size: 30px; margin: 0; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_026_slide>a, .in_th_026_slide>a:visited { color: #bd9655; cursor: pointer; font-size: 11px; padding: 3px 5px; line-height: 10px; text-align: center; letter-spacing: 2px; white-space: nowrap; background: #fff; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-transition: background cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: background cubic-bezier(0.22, 0.81, 0.01, 0.99) } .in_th_026_slide>a:hover, .in_th_026_slide>a:active { color: #fff; background: #bd9655 } @media only screen and (max-width:480px) { .in_th_below_box_026>.carousel-indicators li img { width: 50% } .in_th_below_box_026>.carousel-indicators>li>div { width: 50%; padding: 2px } .in_th_below_box_026>.carousel-indicators>li>div>h5 { font-size: 9px } .in_th_below_box_026>.carousel-indicators>li>div>p { display: none } .in_th_026_slide.in_th_026_slide_right { right: 25% } } @media(min-width:481px) and (max-width:600px) { .in_th_below_box_026>.carousel-indicators>li>div { padding: 2px } .in_th_below_box_026>.carousel-indicators>li>div>h5 { font-size: 9px } .in_th_below_box_026>.carousel-indicators>li>div>p { font-size: 9px; text-align: left } } #in_th_027 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #in_th_027:hover { cursor: -moz-grab; cursor: -webkit-grab } #in_th_027:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #in_th_027>.carousel-inner>.item>img, #in_th_027>.carousel-inner>.item>a>img { opacity: .5; width: 100%; margin: auto } .in_th_below_txt_027>.carousel-indicators { left: 0; bottom: 0; margin: 0; width: 100%; font-size: 0; padding: 2px 0; cursor: e-resize; overflow-x: auto; position: absolute; text-align: left; white-space: nowrap; background: rgba(0,0,0,0.5) } .in_th_below_txt_027>.carousel-indicators li { width: 24.85%; height: 100%; padding: 5px 10px; border: 0; margin: 0 1px; text-indent: 0; cursor: pointer; display: inline-block; background-color: transparent; background-color: rgba(189,150,85,0.7); -webkit-border-radius: 0; border-radius: 0 } .in_th_below_txt_027>.carousel-indicators .active { height: 100%; margin: 0 1px; padding: 5px 10px; width: 24.85%; background-color: transparent; background-color: rgba(189,150,85,1) } .in_th_below_txt_027>.carousel-indicators>li>h5 { padding: 0; color: #000; font-size: 15px; font-weight: 600; letter-spacing: 1px; margin: 0 0 4px 0; white-space: normal; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .in_th_below_txt_027>.carousel-indicators>li>p { margin: 0; padding: 0; color: #fff; font-size: 12px; text-align: left; letter-spacing: 1px; white-space: normal; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .in_th_below_txt_027>.carousel-indicators::-webkit-scrollbar { margin:0; padding:0; height:5px; background:rgba(0,0,0,0.3) } .in_th_below_txt_027>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.7) } @media screen and (min-width:768px) { .in_th_below_txt_027>.carousel-indicators { bottom: 0 } } .in_th_027_slide { top: 25%; left: 10%; width: 225px; height: auto; right: auto; margin: auto; padding: 25px; text-align: center; position: absolute; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .in_th_027_slide_right { right: 10%; left: auto; text-align: center } .in_th_027_slide_center { left: 0; right: 0; text-align: center } .in_th_027_slide:before, .in_th_027_slide:after, .in_th_027_slide>:first-child:before, .in_th_027_slide>:first-child:after { width: 30px; height: 30px; content: ' '; position: absolute; border-style: solid; border-color: #fff } .in_th_027_slide:before { top: 0; left: 0; border-width: 1px 0 0 1px } .in_th_027_slide:after { top: 0; right: 0; border-width: 1px 1px 0 0 } .in_th_027_slide>:first-child:before { right: 0; bottom: 0; border-width: 0 1px 1px 0 } .in_th_027_slide>:first-child:after { left: 0; bottom: 0; border-width: 0 0 1px 1px } .in_th_027_slide>h1 { color: #fff; font-size: 30px; margin: 0; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Raleway', sans-serif } .in_th_027_slide>a, .in_th_027_slide>a:visited { color: #fff; cursor: pointer; font-size: 13px; text-align: center; letter-spacing: 2px; white-space: nowrap; background: transparent; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .in_th_027_slide>a:hover, .in_th_027_slide>a:active { color: #000 } @media only screen and (max-width:480px) { .in_th_below_txt_027>.carousel-indicators>li>h5 { font-size: 11px } .in_th_below_txt_027>.carousel-indicators>li>p { display: none } .in_th_027_slide { top: 5% } } @media(min-width:481px) and (max-width:600px) { .in_th_below_txt_027>.carousel-indicators>li>h5 { font-size: 10px } .in_th_below_txt_027>.carousel-indicators>li>p { font-size: 9px; text-align: left } .in_th_027_slide { top: 5% } } #in_th_028 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #in_th_028:hover { cursor: -moz-grab; cursor: -webkit-grab } #in_th_028:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #in_th_028>.carousel-inner>.item>img, #in_th_028>.carousel-inner>.item>a>img { width: 100%; opacity: .5; margin: auto } .in_th_right_txt_028>.carousel-indicators { top: 0; bottom: 0; left: 75%; width: 25%; height: 100%; overflow: auto; margin-left: 0; padding: 0 2px; cursor: s-resize; margin-bottom: 0; position: absolute; background: rgba(37,37,37,0.9) } .in_th_right_txt_028>.carousel-indicators li { width: 100%; height: auto; border: 0; padding: 10px; display: block; text-indent: 0; overflow: hidden; text-align: left; position: relative; margin: 2px 0 2px 0; background-color: transparent; background-color: transparent; -webkit-border-radius: 0; border-radius: 0 } .in_th_right_txt_028>.carousel-indicators .active { width: 100%; height: auto; border: 0; padding: 10px; display: block; text-indent: 0; overflow: hidden; margin: 2px 0 2px 0; background-color: transparent; background-color: #000; -webkit-border-radius: 0; border-radius: 0 } .in_th_right_txt_028>.carousel-indicators>li:after, .in_th_right_txt_028>.carousel-indicators>li>:first-child:after { width: 30px; height: 60px; content: ' '; position: absolute; border-style: solid; border-color: #39c6ef } .in_th_right_txt_028>.carousel-indicators>li:after { top: 0; right: 0; border-width: 1px 1px 0 0 } .in_th_right_txt_028>.carousel-indicators>li>:first-child:after { left: 0; bottom: 0; border-width: 0 0 1px 1px } .in_th_right_txt_028>.carousel-indicators>li>h5 { padding: 0; color: #828282; font-size: 14px; font-weight: 600; margin: 0 0 4px 0; letter-spacing: 1px; white-space: normal; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .in_th_right_txt_028>.carousel-indicators>li>p { margin: 0; padding: 0; color: #fff; font-size: 12px; text-align: left; letter-spacing: 1px; white-space: normal; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .in_th_right_txt_028>.carousel-indicators::-webkit-scrollbar { width:4px; background:rgba(0,0,0,0.7) } .in_th_right_txt_028>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.5) } @media screen and (min-width:768px) { .in_th_right_txt_028>.carousel-indicators { bottom: 0 } } .in_th_028_slide { top: 35%; left: 10%; width: 200px; height: auto; right: auto; margin: auto; padding: 25px; text-align: center; position: absolute; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .in_th_028_slide_right { right: 30%; left: auto; text-align: center } .in_th_028_slide_center { left: 0; right: 0; text-align: center } .in_th_028_slide:after, .in_th_028_slide>:first-child:after { width: 30px; height: 60px; content: ' '; position: absolute; border-style: solid; border-color: #39c6ef } .in_th_028_slide:after { top: 0; right: 0; border-width: 2px 2px 0 0 } .in_th_028_slide>:first-child:after { left: 0; bottom: 0; border-width: 0 0 2px 2px } .in_th_028_slide>h1 { color: #fff; font-size: 30px; margin: 0; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Raleway', sans-serif } .in_th_028_slide>a, .in_th_028_slide>a:visited { color: #fff; cursor: pointer; font-size: 14px; text-align: center; letter-spacing: 2px; white-space: nowrap; background: transparent; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .in_th_028_slide>a:hover, .in_th_028_slide>a:active { color: #39c6ef } @media only screen and (max-width:480px) { .in_th_right_txt_028>.carousel-indicators li { padding: 5px } .in_th_right_txt_028>.carousel-indicators .active { padding: 5px } .in_th_right_txt_028>.carousel-indicators>li>h5 { font-size: 10px } .in_th_right_txt_028>.carousel-indicators>li>p { display: none } .in_th_028_slide { left: 5% } .in_th_028_slide_center { right: auto } } @media(min-width:481px) and (max-width:600px) { .in_th_right_txt_028>.carousel-indicators>li>h5 { font-size: 10px } .in_th_right_txt_028>.carousel-indicators>li>p { display: none } } @media(min-width:601px) and (max-width:767px) { .in_th_right_txt_028>.carousel-indicators li { padding: 5px } .in_th_right_txt_028>.carousel-indicators .active { padding: 5px } .in_th_right_txt_028>.carousel-indicators>li>h5 { font-size: 10px } .in_th_right_txt_028>.carousel-indicators>li>p { font-size: 9px } } #in_th_029 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #in_th_029:hover { cursor: -moz-grab; cursor: -webkit-grab } #in_th_029:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #in_th_029>.carousel-inner>.item>img, #in_th_029>.carousel-inner>.item>a>img { width: 100%; opacity: .4; margin: auto } .in_th_box_img_029>.carousel-indicators { left: 0; bottom: 0; margin: 0; width: 100%; font-size: 0; padding: 2px 0; cursor: e-resize; overflow-x: auto; position: absolute; text-align: center; white-space: nowrap; background: rgba(255,255,255,0.2) } .in_th_box_img_029>.carousel-indicators li { width: 7%; border: 0; padding: 0; height: 100%; text-indent: 0; cursor: pointer; margin: 0 1px 0 1px; display: inline-block; background-color: transparent; background-color: #5cae4a; -webkit-border-radius: 0; border-radius: 0 } .in_th_box_img_029>.carousel-indicators .active { width: 7%; height: 100%; margin: 0 1px 0 1px; background-color: #5cae4a } .in_th_box_img_029>.carousel-indicators li img { width: 100% } .in_th_box_img_029>.carousel-indicators .active img { opacity: .8 } .in_th_box_img_029>.carousel-indicators>li>h5 { padding: 0; color: #fff; font-size: 12px; font-weight: 400; letter-spacing: 1px; white-space: normal; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased } .in_th_box_img_029>.carousel-indicators::-webkit-scrollbar { margin:0; padding:0; width:5px; height:5px; background:rgba(0,0,0,0.3) } .in_th_box_img_029>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.7) } @media screen and (min-width:768px) { .in_th_box_img_029>.carousel-indicators { bottom: 0 } } .in_th_029_slide { top: 18%; left: 10%; right: auto; width: 325px; height: auto; margin: auto; padding: 25px; text-align: left; position: absolute; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .in_th_029_slide_right { right: 10%; left: auto; text-align: left } .in_th_029_slide_center { left: 0; right: 0; text-align: left } .in_th_029_slide:before, .in_th_029_slide:after, .in_th_029_slide>:first-child:before, .in_th_029_slide>:first-child:after { content: ' '; position: absolute; border-style: solid; border-color: #5cae4a } .in_th_029_slide:before { top: 0; left: 0; border-width: 0 } .in_th_029_slide:after { top: 0; right: 0; width: 100px; height: 100px; border-width: 7px 7px 0 0 } .in_th_029_slide>:first-child:before { right: 0; bottom: 0; width: 190px; height: 100px; border-width: 0 7px 7px 0 } .in_th_029_slide>:first-child:after { left: 0; bottom: 0; border-width: 0 } .in_th_029_slide>h1 { color: #5cae4a; font-size: 50px; margin: 0; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Montserrat', sans-serif } .in_th_029_slide>h2 { color: #fff; font-size: 50px; margin: 0; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Montserrat', sans-serif } .in_th_029_slide>a, .in_th_029_slide>a:visited { color: #fff; cursor: pointer; font-size: 14px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .in_th_029_slide>a:hover, .in_th_029_slide>a:active { color: #5cae4a } @media only screen and (max-width:480px) { .in_th_box_img_029>.carousel-indicators>li>h5 { display: none } .in_th_029_slide { top: 7%; width: 200px } .in_th_029_slide:after { width: 50px; height: 50px; border-width: 3px 3px 0 0 } .in_th_029_slide>:first-child:before { width: 90px; height: 50px; border-width: 0 3px 3px 0 } .in_th_029_slide>h1 { font-size: 25px } .in_th_029_slide>h2 { font-size: 20px } .in_th_029_slide_center { right: auto } } @media(min-width:481px) and (max-width:600px) { .in_th_box_img_029>.carousel-indicators>li>h5 { display: none } } @media(min-width:601px) and (max-width:767px) { .in_th_box_img_029>.carousel-indicators>li>h5 { font-size: 7px } } #in_th_030 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #in_th_030:hover { cursor: -moz-grab; cursor: -webkit-grab } #in_th_030:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #in_th_030>.carousel-inner>.item>img, #in_th_030>.carousel-inner>.item>a>img { width: 100%; opacity: .9; margin: auto } .in_th_brdr_img_030>.carousel-indicators { left: 0; bottom: 0; margin: 0; width: 100%; font-size: 0; padding: 2px 0; cursor: e-resize; overflow-x: auto; position: absolute; text-align: center; white-space: nowrap } .in_th_brdr_img_030>.carousel-indicators li { width: 7%; border: 0; padding: 0; height: 100%; text-indent: 0; cursor: pointer; margin: 0 1px 0 1px; display: inline-block; background-color: transparent; background-color: transparent; -webkit-border-radius: 0; border-radius: 0 } .in_th_brdr_img_030>.carousel-indicators .active { width: 7%; height: 100%; margin: 0 1px 0 1px; background-color: transparent } .in_th_brdr_img_030>.carousel-indicators li img { width: 100% } .in_th_brdr_img_030>.carousel-indicators .active img { opacity: .9 } .in_th_brdr_img_030>.carousel-indicators>li>h5 { opacity: 0; left: -50px; color: #000; padding: 7px 0; font-size: 12px; font-weight: 400; margin: 0 0 3px 0; letter-spacing: 1px; white-space: normal; visibility: hidden; position: relative; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s } .in_th_brdr_img_030>.carousel-indicators>li>h5:before, .in_th_brdr_img_030>.carousel-indicators>li>h5:after, .in_th_brdr_img_030>.carousel-indicators>li>h5>:first-child:before, .in_th_brdr_img_030>.carousel-indicators>li>h5>:first-child:after { width: 15px; height: 15px; content: ''; position: absolute; border-style: solid; border-color: #000 } .in_th_brdr_img_030>.carousel-indicators>li>h5:before { top: 0; left: 0; border-width: 1px 0 0 1px } .in_th_brdr_img_030>.carousel-indicators>li>h5:after { top: 0; right: 0; border-width: 1px 1px 0 0 } .in_th_brdr_img_030>.carousel-indicators>li>h5>:first-child:before { right: 0; bottom: 0; border-width: 0 } .in_th_brdr_img_030>.carousel-indicators>li>h5>:first-child:after { left: 0; bottom: 0; border-width: 0 } .in_th_brdr_img_030>.carousel-indicators .active h5 { left: 0; opacity: 1; visibility: visible } .in_th_brdr_img_030>.carousel-indicators::-webkit-scrollbar { margin:0; padding:0; width:5px; height:5px; background:rgba(0,0,0,0.3) } .in_th_brdr_img_030>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.7) } @media screen and (min-width:768px) { .in_th_brdr_img_030>.carousel-indicators { bottom: 0 } } .in_th_030_slide { top: 25%; left: 10%; right: auto; width: 250px; height: auto; margin: auto; padding: 25px; text-align: center; position: absolute; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .in_th_030_slide_right { right: 10%; left: auto; text-align: center } .in_th_030_slide_center { left: 0; right: 0; text-align: center } .in_th_030_slide:before, .in_th_030_slide:after, .in_th_030_slide>:first-child:before, .in_th_030_slide>:first-child:after { width: 50px; height: 50px; content: ''; position: absolute; border-style: solid; border-color: #000 } .in_th_030_slide:before { top: 0; left: 0; border-width: 2px 0 0 2px } .in_th_030_slide:after { top: 0; right: 0; border-width: 2px 2px 0 0 } .in_th_030_slide>:first-child:before { right: 0; bottom: 0; border-width: 0 } .in_th_030_slide>:first-child:after { left: 0; bottom: 0; border-width: 0 } .in_th_030_slide>h1 { color: #000; font-size: 25px; margin: 0; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Montserrat', sans-serif } .in_th_030_slide>h2 { color: #000; font-size: 50px; margin: 0; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Montserrat', sans-serif } .in_th_030_slide>a, .in_th_030_slide>a:visited { color: #000; cursor: pointer; font-size: 14px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .in_th_030_slide>a:hover, .in_th_030_slide>a:active { color: #ff4343 } @media only screen and (max-width:480px) { .in_th_brdr_img_030>.carousel-indicators>li>h5 { display: none } .in_th_030_slide { top: 7% } .in_th_030_slide>h1 { font-size: 25px } .in_th_030_slide>h2 { font-size: 20px } } @media(min-width:481px) and (max-width:600px) { .in_th_brdr_img_030>.carousel-indicators>li>h5 { display: none } } @media(min-width:601px) and (max-width:767px) { .in_th_brdr_img_030>.carousel-indicators>li>h5 { font-size: 7px } } #js_frm_031 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_frm_031:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_frm_031:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_frm_031>.carousel-inner>.item>img, #js_frm_031>.carousel-inner>.item>a>img { width: 100%; opacity: .8; margin: auto } .js_frm_signup { top: 10%; right: 0; left: 10%; width: 350px; padding: 25px; overflow: hidden; text-align: left; position: absolute; background: #2c2c2c; -webkit-box-shadow: 0 0 20px 4px rgba(0,0,0,1); box-shadow: 0 0 20px 4px rgba(0,0,0,1) } .js_frm_signup_right { top: 10%; right: 10%; left: auto } .js_frm_signup_center { top: 10%; right: 0; left: 0; margin: auto } .js_frm_signup_white { background: #fff; border-radius: 30px; -webkit-border-radius: 30px; -webkit-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); box-shadow: 0 0 43px -10px rgba(0,0,0,0.75) } .js_frm_signup_transparent { background: transparent; border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); box-shadow: 0 0 43px -10px rgba(0,0,0,0.75) } .js_frm_signup>h3 { color: #4e4e4e; font-size: 20px; text-shadow: none; margin: 0 0 25px 0; position: relative; text-align: center; letter-spacing: 3px; font-weight: normal; display: inline-block; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_white>h3 { color: #2f3336 } .js_frm_signup_transparent>h3 { color: #fff } .js_frm_signup>h3:after { left: 0; width: 100%; content: ""; right: auto; height: 1px; margin: auto; bottom: -3px; position: absolute; background: #4e4e4e } .js_frm_signup_white>h3:after { background: #2f3336 } .js_frm_signup_transparent>h3:after { background: #fff } .js_frm_signup>form>button, .js_frm_signup>form>button:focus { outline: 0; color: #4e4e4e; box-shadow: none; border-radius: 0; padding: 7px 15px; letter-spacing: 1px; display: inline-block; border-color: #4e4e4e; background: transparent; text-transform: capitalize; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_white>form>button, .js_frm_signup_white>form>button:focus { color: #fff; border-color: #b43929; background: #de614b; border-radius: 100px; -webkit-border-radius: 100px } .js_frm_signup_transparent>form>button, .js_frm_signup_transparent>form>button:focus { color: #fff; border-color: #fff; background: transparent; border-radius: 5px; -webkit-border-radius: 5px } .js_frm_signup>form>button:hover, .js_frm_signup>form>button:active { outline: none!important; color: #ffda50!important; background: transparent!important; border-color: #ffda50!important } .js_frm_signup_white>form>button:hover, .js_frm_signup_white>form>button:active { color: #de614b!important; background: transparent!important; border-color: #de614b!important } .js_frm_signup_transparent>form>button:hover, .js_frm_signup_transparent>form>button:active { color: #000!important; background: transparent!important; border-color: #000!important } .js_frm_signup>form>div>input { height: 42px; color: #ffda50; padding: 0 20px; background: #2c2c2c; border-color: #4e4e4e; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_white>form>div>input { color: #2f3336; background: #f5f5f5; border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 100px; -webkit-border-radius: 100px } .js_frm_signup_transparent>form>div>input { color: #fff; background: transparent; border-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 5px; -webkit-border-radius: 5px } .js_frm_signup>form>div>input:focus { outline: 0; border: 1px solid #ffda50; -webkit-box-shadow: none; box-shadow: none } .js_frm_signup_white>form>div>input:focus { border: 1px solid #de614b } .js_frm_signup_transparent>form>div>input:focus { border: 1px solid #000 } .js_frm_signup>form>div>input::-webkit-input-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup>form>div>input::-moz-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup>form>div>input:-ms-input-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup>form>div>input:-moz-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_transparent>form>div>input::-webkit-input-placeholder { color:#fff } .js_frm_signup_transparent>form>div>input::-moz-placeholder { color:#fff } .js_frm_signup_transparent>form>div>input:-ms-input-placeholder { color:#fff } .js_frm_signup_transparent>form>div>input:-moz-placeholder { color:#fff } .js_frm_signup>form>div>input:focus::-webkit-input-placeholder { color:#fff } .js_frm_signup>form>div>input:focus::-moz-placeholder { color:#fff } .js_frm_signup>form>div>input:focus:-ms-input-placeholder { color:#fff } .js_frm_signup>form>div>input:focus:-moz-placeholder { color:#fff } .js_frm_signup_white>form>div>input:focus::-webkit-input-placeholder { color:#fff } .js_frm_signup_white>form>div>input:focus::-moz-placeholder { color:#fff } .js_frm_signup_white>form>div>input:focus:-ms-input-placeholder { color:#fff } .js_frm_signup_white>form>div>input:focus:-moz-placeholder { color:#fff } .js_frm_signup_transparent>form>div>input:focus::-webkit-input-placeholder { color:#000 } .js_frm_signup_transparent>form>div>input:focus::-moz-placeholder { color:#000 } .js_frm_signup_transparent>form>div>input:focus:-ms-input-placeholder { color:#000 } .js_frm_signup_transparent>form>div>input:focus:-moz-placeholder { color:#000 } .js_frm_signup>form>.checkbox { margin-top: 15px; margin-bottom: 25px } .js_frm_signup>form>.checkbox label { color: #4e4e4e; cursor: initial; min-height: auto; font-weight: 300; padding-left: 3px; letter-spacing: 1px; font-family: 'Open Sans', sans-serif } .js_frm_signup_white>form>.checkbox label { color: #2f3336 } .js_frm_signup_transparent>form>.checkbox label { color: #fff } .js_frm_signup>form>.checkbox label>a { color: #aa9135; text-transform: capitalize } .js_frm_signup_white>form>.checkbox label>a { color: #de614b } .js_frm_signup_transparent>form>.checkbox label>a { color: #fff } .js_frm_signup>form>.checkbox>div { width: 12px; height: 12px; position: relative; display: inline-block } .js_frm_signup>form>.checkbox input[type="checkbox"] { top: 0; left: 0; margin: 0; z-index: 5; opacity: 0; width: 12px; height: 12px; position: absolute; vertical-align: middle } .js_frm_signup>form>.checkbox>div>span { top: 0; left: 0; z-index: 1; width: 12px; height: 12px; position: absolute; background: transparent; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); background: transparent; border: 1px solid #4e4e4e; border-radius: 0 } .js_frm_signup_white>form>.checkbox>div>span { background: #f5f5f5; border: 1px solid #a2a4a5; border-radius: 100px; -webkit-border-radius: 100px } .js_frm_signup_transparent>form>.checkbox>div>span { background: transparent; border: 1px solid #fff; border-radius: 2px; -webkit-border-radius: 2px } .js_frm_signup>form>.checkbox input[type=checkbox]:checked+span { background: transparent } .js_frm_signup>form>.checkbox input:checked+span { border: 1px solid #ffda50 } .js_frm_signup_white>form>.checkbox input:checked+span { border: 1px solid #b43929 } .js_frm_signup_transparent>form>.checkbox input:checked+span { border: 1px solid #000 } .js_frm_signup>form>.checkbox input:checked+span:before { opacity: 1 } .js_frm_signup>form>.checkbox input+span:before { top: 0; left: 0; opacity: 0; width: 10px; color: #ffda50; content: '\f00c'; font-size: 10px; line-height: 10px; text-align: center; position: absolute; vertical-align: middle; font-family: FontAwesome; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_white>form>.checkbox input+span:before { color: #de614b } .js_frm_signup_transparent>form>.checkbox input+span:before { color: #000 } @media only screen and (max-width:480px) { #js_frm_031 { height: 450px } #js_frm_031>.carousel-inner, #js_frm_031>.carousel-inner>.item { height: 450px } #js_frm_031>.carousel-inner>.item>img, #js_frm_031>.carousel-inner>.item>a>img { height: 100% } .js_frm_signup { top: 0; left: 0; margin: auto; width: 290px; padding: 5px; opacity: .8 } } @media(min-width:481px) and (max-width:600px) { #js_frm_031 { height: 475px } #js_frm_031>.carousel-inner, #js_frm_031>.carousel-inner>.item { height: 475px } #js_frm_031>.carousel-inner>.item>img, #js_frm_031>.carousel-inner>.item>a>img { height: 100% } .js_frm_signup { top: 1%; opacity: .8 } } @media(min-width:601px) and (max-width:767px) { #js_frm_031 { height: 475px } #js_frm_031>.carousel-inner, #js_frm_031>.carousel-inner>.item { height: 475px } #js_frm_031>.carousel-inner>.item>img, #js_frm_031>.carousel-inner>.item>a>img { height: 100% } .js_frm_signup { top: 1%; opacity: .8 } } @media(min-width:768px) and (max-width:875px) { .js_frm_signup { top: 5% } } #js_frm_032 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_frm_032:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_frm_032:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_frm_032>.carousel-inner>.item>img, #js_frm_032>.carousel-inner>.item>a>img { width: 100%; opacity: .8; margin: auto } .ps_control_hradius .carousel-control { top: 47%; opacity: 0; width: 40px; height: 65px; z-index: 100; color: #fff; display: block; font-size: 34px; cursor: pointer; overflow: hidden; line-height: 63px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(0,0,0,0.5) } .ps_control_hradius:hover .carousel-control { opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .ps_control_hradius .carousel-control.left { -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0 } .ps_control_hradius .carousel-control.right { -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px } .ps_control_hradius .carousel-control.left:hover, .ps_control_hradius .carousel-control.right:hover { color: #fff; background: rgba(0,0,0,0.8) } .ps_control_hradius .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_hradius .carousel-control.right>span:nth-child(1) { right: 45% } .js_frm_signup_x { top: 10%; right: 0; left: 10%; padding: 25px; overflow: hidden; text-align: left; background: rgba(14, 13, 13, 0.42); -webkit-box-shadow: 0 0 20px 4px rgba(0,0,0,1); box-shadow: 0 0 20px 4px rgba(156, 17, 131, 0.5); } .js_frm_signup_x_right { top: 10%; right: 10%; left: auto } .js_frm_signup_x_center { top: 10%; right: 0; left: 0; margin: auto } .js_frm_signup_x_white { background: #fff; border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); box-shadow: 0 0 43px -10px rgba(0,0,0,0.75) } .js_frm_signup_x_transparent { border-radius: 0; -webkit-border-radius: 0; background: rgba(255,255,255,0.3); -webkit-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); box-shadow: 0 0 43px -10px rgba(0,0,0,0.75) } .js_frm_signup_x>form>.form-group { padding: 0 3px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x>h3 { color: #787a79; font-size: 20px; text-shadow: none; position: relative; text-align: center; letter-spacing: 2px; font-weight: normal; display: inline-block; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x>p { color: #787a79; text-shadow: none; margin: 0 0 25px 0; letter-spacing: 3px; font-weight: 300; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); text-align: center; } .js_frm_signup_x>p>a { color: #f7f7f7; text-transform: capitalize } .js_frm_signup_x_white>p { color: #bcbcbc } .js_frm_signup_x_white>p>a { color: #000 } .js_frm_signup_x_transparent>p>a { color: rgba(0,0,0,1) } .js_frm_signup_x_transparent>p { color: rgba(0,0,0,0.7) } .js_frm_signup_x_transparent>h3 { color: rgba(0,0,0,0.7) } .js_frm_signup_x>h3:after { left: 0; width: 100%; content: ""; right: auto; height: 1px; margin: auto; bottom: -3px; position: absolute; background: #787a79 } .js_frm_signup_x_white>h3:after { background: #bcbcbc } .js_frm_signup_x_transparent>h3:after { background: rgba(0,0,0,0.7) } .js_frm_signup_x>form>button, .js_frm_signup_x>form>button:focus { border: 0; outline: 0; color: #ffffff; box-shadow: none; border-radius: 0; padding: 7px 15px; width: 100%; letter-spacing: 1px; display: inline-block; border-color: #787a79; background: transparent; text-transform: capitalize; border-bottom: 2px solid #fd6804; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x_white>form>button, .js_frm_signup_x_white>form>button:focus { color: #bcbcbc; border: 1px solid #bcbcbc; background: transparent; border-radius: 0; -webkit-border-radius: 0 } .js_frm_signup_x_transparent>form>button, .js_frm_signup_x_transparent>form>button:focus { border: 0; color: #fff; background: rgba(0,0,0,0.7); border-radius: 0; -webkit-border-radius: 0 } .js_frm_signup_x>form>button:hover, .js_frm_signup_x>form>button:active { outline: none!important; color: #fa373d!important; background: transparent!important; border-color: #fa373d!important } .js_frm_signup_x_white>form>button:hover, .js_frm_signup_x_white>form>button:active { color: #000!important; background: #bcbcbc!important; border-color: #bcbcbc!important } .js_frm_signup_x_transparent>form>button:hover, .js_frm_signup_x_transparent>form>button:active { color: #fff!important; background: #000!important; border-color: #000!important } .js_frm_signup_x>form>div input { height: 42px; padding: 0 20px; border: 0; color: #ffffff; background: rgba(12, 5, 7, 0.36); letter-spacing: 1px; border-bottom: 1px solid #ffffff; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x_white>form>div input { color: #000; background: transparent; border: 1px solid #bcbcbc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0 } .js_frm_signup_x_transparent>form>div input { border: 0; color: rgba(255,255,255,0.7); background: rgba(0,0,0,0.7); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0 } .js_frm_signup_x>form>div input:focus { border: 0; outline: 0; border-bottom: 1px solid #fa373d; -webkit-box-shadow: none; box-shadow: none } .js_frm_signup_x_white>form>div input:focus { background: #bcbcbc; border: 1px solid #bcbcbc } .js_frm_signup_x_transparent>form>div input:focus { border: 0; background: #000 } .js_frm_signup_x>form>div input::-webkit-input-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x>form>div input::-moz-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x>form>div input:-ms-input-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x>form>div input:-moz-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x_transparent>form>div input::-webkit-input-placeholder { color:#fff } .js_frm_signup_x_transparent>form>div input::-moz-placeholder { color:#fff } .js_frm_signup_x_transparent>form>div input:-ms-input-placeholder { color:#fff } .js_frm_signup_x_transparent>form>div input:-moz-placeholder { color:#fff } .js_frm_signup_x>form>div input:focus::-webkit-input-placeholder { color:#fff; } .js_frm_signup_x>form>div input:focus::-moz-placeholder { color:#fff; } .js_frm_signup_x>form>div input:focus:-ms-input-placeholder { color:#fff; } .js_frm_signup_x>form>div input:focus:-moz-placeholder { color:#fff; } .js_frm_signup_x_white>form>div input:focus::-webkit-input-placeholder { color:#fff; } .js_frm_signup_x_white>form>div input:focus::-moz-placeholder { color:#fff; } .js_frm_signup_x_white>form>div input:focus:-ms-input-placeholder { color:#fff; } .js_frm_signup_x_white>form>div input:focus:-moz-placeholder { color:#fff; } .js_frm_signup_x_transparent>form>div input:focus::-webkit-input-placeholder { color:rgba(255,255,255,0.7) } .js_frm_signup_x_transparent>form>div input:focus::-moz-placeholder { color:rgba(255,255,255,0.7) } .js_frm_signup_x_transparent>form>div input:focus:-ms-input-placeholder { color:rgba(255,255,255,0.7) } .js_frm_signup_x_transparent>form>div input:focus:-moz-placeholder { color:rgba(255,255,255,0.7) } .js_frm_signup_x>form>.radio { padding: 2px; display: inline-block; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x>form>.radio>label { color: #ffffff; padding-left: 3px; letter-spacing: 1px; text-transform: capitalize; font-family: 'Open Sans', sans-serif } .js_frm_signup_x_white>form>.radio>label { color: #bcbcbc } .js_frm_signup_x_transparent>form>.radio>label { color: rgba(0,0,0,0.7) } .js_frm_signup_x>form>.radio>div { width: 12px; height: 12px; position: relative; display: inline-block } .js_frm_signup_x>form>.radio input[type="radio"] { top: 0; left: 0; margin: 0; z-index: 5; opacity: 0; width: 12px; height: 12px; position: absolute; vertical-align: middle } .js_frm_signup_x>form>.radio>div>span { top: 0; left: 0; z-index: 1; width: 12px; height: 12px; position: absolute; background: transparent; border: 2px solid #ffffff; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); border-radius: 0; -webkit-border-radius: 0 } .js_frm_signup_x_white>form>.radio>div>span { background: transparent; border: 1px solid #bcbcbc; border-radius: 0; -webkit-border-radius: 0 } .js_frm_signup_x_transparent>form>.radio>div>span { background: transparent; border: 1px solid rgba(0,0,0,0.7); border-radius: 0; -webkit-border-radius: 0 } .js_frm_signup_x>form>.radio input[type=radio]:checked+span { background: #fa373d } .js_frm_signup_x>form>.radio input:checked+span { border: 1px solid #fa373d } .js_frm_signup_x_white>form>.radio input[type=radio]:checked+span { border: 1px solid #bcbcbc; background: #bcbcbc } .js_frm_signup_x_transparent>form>.radio input[type=radio]:checked+span { border: 1px solid rgba(0,0,0,0.7); background: rgba(0,0,0,0.7) } .js_frm_signup_x>form>.radio input:checked+span:before { opacity: 1 } .js_frm_signup_x>form>.radio input+span:before { top: 0; left: 0; opacity: 0; width: 10px; color: transparent; content: ''; font-size: 10px; line-height: 10px; text-align: center; position: absolute; vertical-align: middle; font-family: FontAwesome; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x_transparent>form>.checkbox input+span:before { color: rgba(0,0,0,0.7) } .js_frm_signup_x>form>.checkbox { margin-top: 15px; margin-bottom: 25px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x>form>.checkbox label { color: #ffffff; cursor: initial; min-height: auto; font-weight: 300; padding-left: 3px; letter-spacing: 1px; font-family: 'Open Sans', sans-serif } .js_frm_signup_x_white>form>.checkbox label { color: #bcbcbc } .js_frm_signup_x_transparent>form>.checkbox label { color: rgba(0,0,0,0.7) } .js_frm_signup_x>form>.checkbox label>a { color: #f7f7f7; text-transform: capitalize } .js_frm_signup_x_white>form>.checkbox label>a { color: #000 } .js_frm_signup_x_transparent>form>.checkbox label>a { color: rgba(0,0,0,1) } .js_frm_signup_x>form>.checkbox>div { width: 12px; height: 12px; position: relative; display: inline-block } .js_frm_signup_x>form>.checkbox input[type="checkbox"] { top: 0; left: 0; margin: 0; z-index: 5; opacity: 0; width: 12px; height: 12px; position: absolute; vertical-align: middle } .js_frm_signup_x>form>.checkbox>div>span { top: 0; left: 0; z-index: 1; width: 12px; height: 12px; position: absolute; background: transparent; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); background: transparent; border: 2px solid #ffffff; border-radius: 0 } .js_frm_signup_x_white>form>.checkbox>div>span { background: transparent; border: 1px solid #bcbcbc; border-radius: 0; -webkit-border-radius: 0 } .js_frm_signup_x_transparent>form>.checkbox>div>span { background: transparent; border: 1px solid rgba(0,0,0,0.7); border-radius: 0; -webkit-border-radius: 0 } .js_frm_signup_x>form>.checkbox input[type=checkbox]:checked+span { background: transparent } .js_frm_signup_x>form>.checkbox input:checked+span { border: 1px solid #fa373d } .js_frm_signup_x_white>form>.checkbox input[type=checkbox]:checked+span { background: #bcbcbc; border: 1px solid #bcbcbc } .js_frm_signup_x_transparent>form>.checkbox input:checked+span { border: 1px solid #000 } .js_frm_signup_x>form>.checkbox input:checked+span:before { opacity: 1 } .js_frm_signup_x>form>.checkbox input+span:before { top: 0; left: 0; opacity: 0; width: 10px; color: #fa373d; content: '\f00c'; font-size: 10px; line-height: 10px; text-align: center; position: absolute; vertical-align: middle; font-family: FontAwesome; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_signup_x_white>form>.checkbox input+span:before { color: #000 } .js_frm_signup_x_transparent>form>.checkbox input+span:before { color: #000 } @media only screen and (max-width:480px) { #js_frm_032 { height: 570px } #js_frm_032>.carousel-inner, #js_frm_032>.carousel-inner>.item { height: 570px } #js_frm_032>.carousel-inner>.item>img, #js_frm_032>.carousel-inner>.item>a>img { height: 100% } .ps_control_hradius .carousel-control { display: none } .js_frm_signup_x { top: 1%; left: 0; margin: auto; width: 290px; padding: 5px; opacity: .8 } .js_frm_signup_x>p { font-size: 11px; margin-bottom: 5px } .js_frm_signup_x>form>.checkbox label { font-size: 12px } } @media(min-width:481px) and (max-width:600px) { #js_frm_032 { height: 610px } #js_frm_032>.carousel-inner, #js_frm_032>.carousel-inner>.item { height: 610px } #js_frm_032>.carousel-inner>.item>img, #js_frm_032>.carousel-inner>.item>a>img { height: 100% } .js_frm_signup_x { top: 0; opacity: .8 } } @media(min-width:601px) and (max-width:767px) { #js_frm_032 { height: 610px } #js_frm_032>.carousel-inner, #js_frm_032>.carousel-inner>.item { height: 610px } #js_frm_032>.carousel-inner>.item>img, #js_frm_032>.carousel-inner>.item>a>img { height: 100% } .js_frm_signup_x { top: 0; opacity: .8 } } @media(min-width:768px) and (max-width:875px) { .js_frm_signup_x { top: 1% } } #js_frm_033 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_frm_033:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_frm_033:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_frm_033>.carousel-inner>.item>img, #js_frm_033>.carousel-inner>.item>a>img { width: 100%; opacity: .8; margin: auto } .ps_control_smsquare .carousel-control { top: 45%; opacity: 0; width: 36px; height: 36px; z-index: 100; color: #1b344e; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 35px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; border: 1px solid #1b344e; -webkit-border-radius: 0; border-radius: 0 } .ps_control_smsquare:hover .carousel-control { opacity: 1 } .ps_control_smsquare .carousel-control.left { left: 1% } .ps_control_smsquare .carousel-control.right { right: 1% } .ps_control_smsquare .carousel-control.left:hover, .ps_control_smsquare .carousel-control.right:hover { color: #fff; background: #1b344e } .ps_control_smsquare .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_smsquare .carousel-control.right>span:nth-child(1) { right: 45% } .js_frm_signin { top: 5%; right: 0; left: 10%; width: 360px; overflow: hidden; text-align: left; position: absolute; background: #011d3a; padding: 0 20px 20px 20px; border: 2px solid #1b344e } .js_frm_signin_right { top: 5%; right: 10%; left: auto } .js_frm_signin_center { top: 5%; right: 0; left: 0; margin: auto } .js_frm_signin_white { border: 0; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); box-shadow: 0 0 43px -10px rgba(0,0,0,0.75) } .js_frm_signin_transparent { border: 0; border-radius: 0; -webkit-border-radius: 0; background: rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); box-shadow: 0 0 43px -10px rgba(0,0,0,0.75) } .js_frm_signin>form>.form-group { padding: 0; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin>h3 { color: rgba(255,255,255,0.5); margin: 20px 0; font-size: 20px; text-shadow: none; position: relative; text-align: center; letter-spacing: 1px; font-weight: normal; display: inline-block; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin>h3:after { left: 0; width: 100%; content: ""; right: auto; height: 1px; margin: auto; bottom: -3px; position: absolute; background: rgba(255,255,255,0.5) } .js_frm_signin_white>h3 { color: #fff; padding: 1px 5px; background: #fa882c; border-radius: 10px; -webkit-border-radius: 10px } .js_frm_signin_transparent>h3 { color: #fff } .js_frm_signin_white>h3:after { background: transparent } .js_frm_signin_transparent>h3:after { background: rgba(255,255,255,0.7) } .js_frm_signin>form>button, .js_frm_signin>form>button:focus { border: 0; outline: 0; color: rgba(255,255,255,0.5); box-shadow: none; border-radius: 0; padding: 9px 15px; width: 100%; letter-spacing: 1px; display: inline-block; border-color: rgba(255,255,255,0.5); background: transparent; text-transform: capitalize; border-bottom: 1px solid rgba(255,255,255,0.5); font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_white>form>button, .js_frm_signin_white>form>button:focus { color: #fff; border: 0; background: #22a41c; border-radius: 100px; -webkit-border-radius: 100px } .js_frm_signin_transparent>form>button, .js_frm_signin_transparent>form>button:focus { border: 0; color: rgba(255,255,255,0.8); background: rgba(0,0,0,0.7); border-radius: 0; -webkit-border-radius: 0 } .js_frm_signin>form>button:hover, .js_frm_signin>form>button:active { outline: none!important; color: rgba(255,255,255,0.8)!important; background: transparent!important; border-color: rgba(255,255,255,0.8)!important } .js_frm_signin_white>form>button:hover, .js_frm_signin_white>form>button:active { color: #fff!important; background: rgba(34,164,28,0.7)!important; border-color: transparent!important } .js_frm_signin_transparent>form>button:hover, .js_frm_signin_transparent>form>button:active { opacity: .6; color: rgba(255,255,255,0.8)!important; background: rgba(0,0,0,0.7)!important } .js_frm_signin>a { width: 100%; margin-top: 2px; padding: 9px 15px; text-align: center; letter-spacing: 1px; display: inline-block; background: transparent; text-transform: capitalize; border-bottom: 1px solid; color: rgba(255,255,255,0.5); font-family: 'Open Sans', sans-serif; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); text-decoration: none } .js_frm_signin_white>a { border-radius: 100px; -webkit-border-radius: 100px } .js_frm_signin>a:nth-child(4) { color: #3b5e96; border-color: #3b5e96 } .js_frm_signin_white>a:nth-child(4) { border: 0; color: #fff; background: #3b5e96 } .js_frm_signin_transparent>a:nth-child(4) { border: 0; background: rgba(0,0,0,0.7) } .js_frm_signin>a:nth-child(5) { color: #57bed1; border-color: #57bed1 } .js_frm_signin_white>a:nth-child(5) { border: 0; color: #fff; background: #57bed1 } .js_frm_signin_transparent>a:nth-child(5) { border: 0; background: rgba(0,0,0,0.7) } .js_frm_signin>a:nth-child(6) { color: #df4a36; border-color: #df4a36 } .js_frm_signin_white>a:nth-child(6) { border: 0; color: #fff; background: #df4a36 } .js_frm_signin_transparent>a:nth-child(6) { border: 0; background: rgba(0,0,0,0.7) } .js_frm_signin>a:nth-child(7) { color: #51a5c7; border-color: #51a5c7 } .js_frm_signin_white>a:nth-child(7) { border: 0; color: #fff; background: #51a5c7 } .js_frm_signin_transparent>a:nth-child(7) { border: 0; background: rgba(0,0,0,0.7) } .js_frm_signin>a:nth-child(8) { color: #fff; border-color: #fff } .js_frm_signin_white>a:nth-child(8) { border: 0; color: #fff; background: #22a41c } .js_frm_signin_transparent>a:nth-child(8) { border: 0; background: rgba(0,0,0,0.7) } .js_frm_signin>a:hover, .js_frm_signin>a:active { opacity: .6 } .js_frm_signin>form>div>input { height: 42px; padding: 0 20px; border: 0; color: rgba(255,255,255,0.8); background: #011d3a; letter-spacing: 1px; border-bottom: 1px solid #1b344e; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_white>form>div>input { border: 0; color: #fff; background: #171f2e; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 100px; -webkit-border-radius: 100px } .js_frm_signin_transparent>form>div>input { border: 0; color: #000; background: rgba(255,255,255,0.9); -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0 } .js_frm_signin>form>div>input:focus { border: 0; outline: 0; border-bottom: 1px solid rgba(255,255,255,0.8); -webkit-box-shadow: none; box-shadow: none } .js_frm_signin_white>form>div>input:focus { background: rgba(23,31,46,0.8); border: 0 } .js_frm_signin_transparent>form>div>input:focus { border: 0; background: rgba(255,255,255,1) } .js_frm_signin>form>div>input::-webkit-input-placeholder { color:rgba(255,255,255,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin>form>div>input::-moz-placeholder { color:rgba(255,255,255,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin>form>div>input:-ms-input-placeholder { color:rgba(255,255,255,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin>form>div>input:-moz-placeholder { color:rgba(255,255,255,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_white>form>div>input::-webkit-input-placeholder { color:rgba(255,255,255,1) } .js_frm_signin_white>form>div>input::-moz-placeholder { color:rgba(255,255,255,1) } .js_frm_signin_white>form>div>input:-ms-input-placeholder { color:rgba(255,255,255,1) } .js_frm_signin_white>form>div>input:-moz-placeholder { color:rgba(255,255,255,1) } .js_frm_signin_transparent>form>div>input::-webkit-input-placeholder { color:#000 } .js_frm_signin_transparent>form>div>input::-moz-placeholder { color:#000 } .js_frm_signin_transparent>form>div>input:-ms-input-placeholder { color:#000 } .js_frm_signin_transparent>form>div>input:-moz-placeholder { color:#000 } .js_frm_signin>form>div>input:focus::-webkit-input-placeholder { color:rgba(255,255,255,0.8) } .js_frm_signin>form>div>input:focus::-moz-placeholder { color:rgba(255,255,255,0.8) } .js_frm_signin>form>div>input:focus:-ms-input-placeholder { color:rgba(255,255,255,0.8) } .js_frm_signin>form>div>input:focus:-moz-placeholder { color:rgba(255,255,255,0.8) } .js_frm_signin_white>form>div>input:focus::-webkit-input-placeholder { color:#fff } .js_frm_signin_white>form>div>input:focus::-moz-placeholder { color:#fff } .js_frm_signin_white>form>div>input:focus:-ms-input-placeholder { color:#fff } .js_frm_signin_white>form>div>input:focus:-moz-placeholder { color:#fff } .js_frm_signin_transparent>form>div>input:focus::-webkit-input-placeholder { color:#000 } .js_frm_signin_transparent>form>div>input:focus::-moz-placeholder { color:#000 } .js_frm_signin_transparent>form>div>input:focus:-ms-input-placeholder { color:#000 } .js_frm_signin_transparent>form>div>input:focus:-moz-placeholder { color:#000 } .js_frm_signin>form>.checkbox { margin-top: 15px; margin-bottom: 15px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin>form>.checkbox label { cursor: initial; min-height: auto; font-weight: 300; padding-left: 3px; letter-spacing: 1px; text-transform: capitalize; color: rgba(255,255,255,0.5); font-family: 'Open Sans', sans-serif } .js_frm_signin_white>form>.checkbox label { color: #222 } .js_frm_signin_transparent>form>.checkbox label { color: #fff } .js_frm_signin>form>.checkbox label>a { color: #f7f7f7; font-size: 12px; margin-left: 30px; letter-spacing: 0; text-transform: capitalize } .js_frm_signin_white>form>.checkbox label>a { color: #000 } .js_frm_signin_transparent>form>.checkbox label>a { color: #fff } .js_frm_signin>form>.checkbox>div { width: 12px; height: 12px; position: relative; display: inline-block } .js_frm_signin>form>.checkbox input[type="checkbox"] { top: 0; left: 0; margin: 0; z-index: 5; opacity: 0; width: 12px; height: 12px; position: absolute; vertical-align: middle } .js_frm_signin>form>.checkbox>div>span { top: 0; left: 0; z-index: 1; width: 12px; height: 12px; position: absolute; background: transparent; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); background: transparent; border: 1px solid rgba(255,255,255,0.5); border-radius: 0 } .js_frm_signin_white>form>.checkbox>div>span { background: transparent; border: 1px solid #171f2e; border-radius: 10px; -webkit-border-radius: 10px } .js_frm_signin_transparent>form>.checkbox>div>span { background: transparent; border: 1px solid #fff; border-radius: 0; -webkit-border-radius: 0 } .js_frm_signin>form>.checkbox input[type=checkbox]:checked+span { background: transparent } .js_frm_signin>form>.checkbox input:checked+span { border: 1px solid rgba(255,255,255,0.8) } .js_frm_signin_white>form>.checkbox input[type=checkbox]:checked+span { background: #22a41c; border: 1px solid #22a41c } .js_frm_signin_transparent>form>.checkbox input:checked+span { border: 1px solid #fff } .js_frm_signin>form>.checkbox input:checked+span:before { opacity: 1 } .js_frm_signin>form>.checkbox input+span:before { top: 0; left: 0; opacity: 0; width: 10px; color: rgba(255,255,255,0.8); content: '\f00c'; font-size: 10px; line-height: 10px; text-align: center; position: absolute; vertical-align: middle; font-family: FontAwesome; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_white>form>.checkbox input+span:before { color: #fff } .js_frm_signin_transparent>form>.checkbox input+span:before { color: #000; background: #fff } @media only screen and (max-width:480px) { #js_frm_033 { height: 570px } #js_frm_033>.carousel-inner, #js_frm_033>.carousel-inner>.item { height: 570px } #js_frm_033>.carousel-inner>.item>img, #js_frm_033>.carousel-inner>.item>a>img { height: 100% } .ps_control_smsquare .carousel-control { display: none } .js_frm_signin { top: 2%; left: 0; margin: auto; width: 290px; padding: 5px; opacity: .8 } .js_frm_signin>p { font-size: 11px; margin-bottom: 5px } .js_frm_signin>form>.checkbox label { font-size: 12px } } @media(min-width:481px) and (max-width:600px) { #js_frm_033 { height: 610px } #js_frm_033>.carousel-inner, #js_frm_033>.carousel-inner>.item { height: 610px } #js_frm_033>.carousel-inner>.item>img, #js_frm_033>.carousel-inner>.item>a>img { height: 100% } .js_frm_signin { opacity: .8 } } @media(min-width:601px) and (max-width:767px) { #js_frm_033 { height: 610px } #js_frm_033>.carousel-inner, #js_frm_033>.carousel-inner>.item { height: 610px } #js_frm_033>.carousel-inner>.item>img, #js_frm_033>.carousel-inner>.item>a>img { height: 100% } .js_frm_signin { opacity: .8 } } @media(min-width:768px) and (max-width:875px) { #js_frm_033 { height: 610px } #js_frm_033>.carousel-inner, #js_frm_033>.carousel-inner>.item { height: 610px } #js_frm_033>.carousel-inner>.item>img, #js_frm_033>.carousel-inner>.item>a>img { height: 100% } .js_frm_signin { opacity: .8 } } #js_frm_034 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_frm_034:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_frm_034:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_frm_034>.carousel-inner>.item>img, #js_frm_034>.carousel-inner>.item>a>img { width: 100%; opacity: .8; margin: auto } .ps_control_smradiusfill .carousel-control { top: 45%; opacity: 0; width: 36px; height: 36px; z-index: 100; color: #000; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 35px; text-shadow: none; position: absolute; font-weight: normal; background: #fff; border: 1px solid #fff; -webkit-border-radius: 5px; border-radius: 5px } .ps_control_smradiusfill:hover .carousel-control { opacity: 1 } .ps_control_smradiusfill .carousel-control.left { left: 1% } .ps_control_smradiusfill .carousel-control.right { right: 1% } .ps_control_smradiusfill .carousel-control.left:hover, .ps_control_smradiusfill .carousel-control.right:hover { color: #fff; background: #000 } .ps_control_smradiusfill .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_smradiusfill .carousel-control.right>span:nth-child(1) { right: 45% } .js_frm_signin_x { top: 17%; right: 0; left: 7%; width: 50%; overflow: hidden; text-align: left; position: absolute; padding: 0 15px 20px 15px; background: rgba(0,0,0,0.9); border: 1px solid rgba(255,255,255,0.8); -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_x_right { top: 17%; right: 7%; left: auto } .js_frm_signin_x_center { top: 17%; left: 0; right: 0; margin: auto } .js_frm_signin_x_white { border: 0; background: #fff; -webkit-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); box-shadow: 0 0 43px -10px rgba(0,0,0,0.75) } .js_frm_signin_x_transparent { border: 0; border-radius: 10px; -webkit-border-radius: 10px; background: rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 43px -10px rgba(0,0,0,0.75); box-shadow: 0 0 43px -10px rgba(0,0,0,0.75) } .js_frm_signin_x>.row { margin: 0 } .js_frm_signin_x>form>.form-group { padding: 0 } .js_frm_signin_x>div>div>h3 { color: rgba(255,255,255,0.8); margin: 20px 0; font-size: 20px; text-shadow: none; position: relative; text-align: center; letter-spacing: 1px; font-weight: normal; display: inline-block; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif } .js_frm_signin_x>div>div>h3:after { left: 0; width: 100%; content: ""; right: auto; height: 1px; margin: auto; bottom: -3px; position: absolute; background: rgba(255,255,255,0.8) } .js_frm_signin_x_white>div>div>h3 { color: #fff; padding: 1px 5px; background: #fa882c } .js_frm_signin_x_transparent>div>div>h3 { color: #fff } .js_frm_signin_x_white>div>div>h3:after { background: transparent } .js_frm_signin_x_transparent>div>div>h3:after { background: rgba(255,255,255,0.7) } .js_frm_signin_x>div>div>form>button, .js_frm_signin_x>div>div>form>button:focus { outline: 0; color: rgba(255,255,255,0.8); box-shadow: none; border-radius: 0; padding: 9px 15px; width: 100%; margin-top: 14px; letter-spacing: 1px; display: inline-block; border-color: rgba(255,255,255,0.8); background: transparent; text-transform: capitalize; border: 1px solid; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_x_white>div>div>form>button, .js_frm_signin_x_white>div>div>form>button:focus { color: #fff; border: 0; background: #22a41c } .js_frm_signin_x_transparent>div>div>form>button, .js_frm_signin_x_transparent>div>div>form>button:focus { border: 0; color: rgba(255,255,255,0.8); background: rgba(0,0,0,0.7); border-radius: 100px; -webkit-border-radius: 100px } .js_frm_signin_x>div>div>form>button:hover, .js_frm_signin_x>div>div>form>button:active { outline: none!important; color: rgba(255,255,255,1)!important; background: transparent!important; border-color: rgba(255,255,255,1)!important } .js_frm_signin_x_white>div>div>form>button:hover, .js_frm_signin_x_white>div>div>form>button:active { color: #fff!important; background: rgba(34,164,28,0.7)!important; border-color: transparent!important } .js_frm_signin_x_transparent>div>div>form>button:hover, .js_frm_signin_x_transparent>div>div>form>button:active { opacity: .6; color: rgba(255,255,255,0.8)!important; background: rgba(0,0,0,0.7)!important } .js_frm_signin_x>div>div>a { width: 100%; margin-top: 10px; padding: 9px 15px; border: 1px solid; text-align: center; letter-spacing: 1px; display: inline-block; text-decoration: none; background: transparent; text-transform: capitalize; color: rgba(255,255,255,0.8); font-family: 'Open Sans', sans-serif; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_x_white>div>div>a { border-radius: 0; -webkit-border-radius: 0 } .js_frm_signin_x_transparent>div>div>a { border-radius: 100px; -webkit-border-radius: 100px } .js_frm_signin_x>div>div>a:nth-child(2) { color: #3b5e96; border-color: #3b5e96 } .js_frm_signin_x_white>div>div>a:nth-child(2) { border: 0; color: #fff; background: #3b5e96 } .js_frm_signin_x_transparent>div>div>a:nth-child(2) { border: 0; background: rgba(0,0,0,0.7) } .js_frm_signin_x>div>div>a:nth-child(3) { color: #57bed1; border-color: #57bed1 } .js_frm_signin_x_white>div>div>a:nth-child(3) { border: 0; color: #fff; background: #57bed1 } .js_frm_signin_x_transparent>div>div>a:nth-child(3) { border: 0; background: rgba(0,0,0,0.7) } .js_frm_signin_x>div>div>a:nth-child(4) { color: #df4a36; border-color: #df4a36 } .js_frm_signin_x_white>div>div>a:nth-child(4) { border: 0; color: #fff; background: #df4a36 } .js_frm_signin_x_transparent>div>div>a:nth-child(4) { border: 0; background: rgba(0,0,0,0.7) } .js_frm_signin_x>div>div>a:nth-child(5) { color: #51a5c7; border-color: #51a5c7 } .js_frm_signin_x_white>div>div>a:nth-child(5) { border: 0; color: #fff; background: #51a5c7 } .js_frm_signin_x_transparent>div>div>a:nth-child(5) { border: 0; background: rgba(0,0,0,0.7) } .js_frm_signin_x>div>div>a:nth-child(6) { color: rgba(255,255,255,0.8); border-color: rgba(255,255,255,0.8) } .js_frm_signin_x_white>div>div>a:nth-child(6) { border: 0; color: #fff; background: #22a41c } .js_frm_signin_x_transparent>div>div>a:nth-child(6) { border: 0; background: rgba(0,0,0,0.7) } .js_frm_signin_x>div>div>a:hover, .js_frm_signin_x>div>div>a:active { opacity: .7 } .js_frm_signin_x>div>div>form>div>input { height: 41px; padding: 0 20px; color: #fff; margin-top: 10px; letter-spacing: 1px; background: transparent; font-family: 'Open Sans', sans-serif; border: 1px solid rgba(255,255,255,0.8); -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_x_white>div>div>form>div>input { border: 0; color: #fff; background: #171f2e; -webkit-box-shadow: none; box-shadow: none } .js_frm_signin_x_transparent>div>div>form>div>input { border: 0; color: #000; background: rgba(255,255,255,0.9); -webkit-box-shadow: none; box-shadow: none; border-radius: 100px; -webkit-border-radius: 100px } .js_frm_signin_x>div>div>form>div>input:focus { outline: 0; border: 1px solid rgba(255,255,255,1); -webkit-box-shadow: none; box-shadow: none } .js_frm_signin_x_white>div>div>form>div>input:focus { background: rgba(23,31,46,0.8); border: 0 } .js_frm_signin_x_transparent>div>div>form>div>input:focus { border: 0; background: rgba(255,255,255,1) } .js_frm_signin_x>div>div>form>div>input::-webkit-input-placeholder { color:rgba(255,255,255,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_x>div>div>form>div>input::-moz-placeholder { color:rgba(255,255,255,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_x>div>div>form>div>input:-ms-input-placeholder { color:rgba(255,255,255,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_x>div>div>form>div>input:-moz-placeholder { color:rgba(255,255,255,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_x_white>div>div>form>div>input::-webkit-input-placeholder { color:rgba(255,255,255,1) } .js_frm_signin_x_white>div>div>form>div>input::-moz-placeholder { color:rgba(255,255,255,1) } .js_frm_signin_x_white>div>div>form>div>input:-ms-input-placeholder { color:rgba(255,255,255,1) } .js_frm_signin_x_white>div>div>form>div>input:-moz-placeholder { color:rgba(255,255,255,1) } .js_frm_signin_x_transparent>div>div>form>div>input::-webkit-input-placeholder { color:#000 } .js_frm_signin_x_transparent>div>div>form>div>input::-moz-placeholder { color:#000 } .js_frm_signin_x_transparent>div>div>form>div>input:-ms-input-placeholder { color:#000 } .js_frm_signin_x_transparent>div>div>form>div>input:-moz-placeholder { color:#000 } .js_frm_signin_x>div>div>form>div>input:focus::-webkit-input-placeholder { color:rgba(255,255,255,0.8) } .js_frm_signin_x>div>div>form>div>input:focus::-moz-placeholder { color:rgba(255,255,255,0.8) } .js_frm_signin_x>div>div>form>div>input:focus:-ms-input-placeholder { color:rgba(255,255,255,0.8) } .js_frm_signin_x>div>div>form>div>input:focus:-moz-placeholder { color:rgba(255,255,255,0.8) } .js_frm_signin_x_white>div>div>form>div>input:focus::-webkit-input-placeholder { color:#fff } .js_frm_signin_x_white>div>div>form>div>input:focus::-moz-placeholder { color:#fff } .js_frm_signin_x_white>div>div>form>div>input:focus:-ms-input-placeholder { color:#fff } .js_frm_signin_x_white>div>div>form>div>input:focus:-moz-placeholder { color:#fff } .js_frm_signin_x_transparent>div>div>form>div>input:focus::-webkit-input-placeholder { color:#000 } .js_frm_signin_x_transparent>div>div>form>div>input:focus::-moz-placeholder { color:#000 } .js_frm_signin_x_transparent>div>div>form>div>input:focus:-ms-input-placeholder { color:#000 } .js_frm_signin_x_transparent>div>div>form>div>input:focus:-moz-placeholder { color:#000 } .js_frm_signin_x>div>div>form>.checkbox { margin-top: 25px; margin-bottom: 40px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_x>div>div>form>.checkbox label { cursor: initial; min-height: auto; font-weight: 300; padding-left: 3px; letter-spacing: 1px; text-transform: capitalize; color: rgba(255,255,255,0.5); font-family: 'Open Sans', sans-serif } .js_frm_signin_x_white>div>div>form>.checkbox label { color: #222 } .js_frm_signin_x_transparent>div>div>form>.checkbox label { color: #fff } .js_frm_signin_x>div>div>form>.checkbox label>a { color: #f7f7f7; font-size: 12px; margin-left: 30px; letter-spacing: 0; text-transform: capitalize } .js_frm_signin_x_white>div>div>form>.checkbox label>a { color: #000 } .js_frm_signin_x_transparent>div>div>form>.checkbox label>a { color: #fff } .js_frm_signin_x>div>div>form>.checkbox>div { width: 12px; height: 12px; position: relative; display: inline-block } .js_frm_signin_x>div>div>form>.checkbox input[type="checkbox"] { top: 0; left: 0; margin: 0; z-index: 5; opacity: 0; width: 12px; height: 12px; position: absolute; vertical-align: middle } .js_frm_signin_x>div>div>form>.checkbox>div>span { top: 0; left: 0; z-index: 1; width: 12px; height: 12px; position: absolute; background: transparent; border: 1px solid rgba(255,255,255,0.5); -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); border-radius: 0; -webkit-border-radius: 0 } .js_frm_signin_x_white>div>div>form>.checkbox>div>span { background: transparent; border: 1px solid #171f2e; border-radius: 0; -webkit-border-radius: 0 } .js_frm_signin_x_transparent>div>div>form>.checkbox>div>span { background: transparent; border: 1px solid #fff; border-radius: 100px; -webkit-border-radius: 100px } .js_frm_signin_x>div>div>form>.checkbox input[type=checkbox]:checked+span { background: transparent } .js_frm_signin_x>div>div>form>.checkbox input:checked+span { border: 1px solid rgba(255,255,255,0.8) } .js_frm_signin_x_white>div>div>form>.checkbox input[type=checkbox]:checked+span { background: #22a41c; border: 1px solid #22a41c } .js_frm_signin_x_transparent>div>div>form>.checkbox input:checked+span { border: 1px solid #fff } .js_frm_signin_x>div>div>form>.checkbox input:checked+span:before { opacity: 1 } .js_frm_signin_x>div>div>form>.checkbox input+span:before { top: 0; left: 0; opacity: 0; width: 10px; color: rgba(255,255,255,0.8); content: '\f00c'; font-size: 10px; line-height: 10px; text-align: center; position: absolute; vertical-align: middle; font-family: FontAwesome; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_signin_x_white>div>div>form>.checkbox input+span:before { color: #fff } .js_frm_signin_x_transparent>div>div>form>.checkbox input+span:before { color: #000; background: #fff } @media only screen and (max-width:480px) { #js_frm_034 { height: 570px } #js_frm_034>.carousel-inner, #js_frm_034>.carousel-inner>.item { height: 570px } #js_frm_034>.carousel-inner>.item>img, #js_frm_034>.carousel-inner>.item>a>img { height: 100% } .ps_control_smradiusfill .carousel-control { display: none } .js_frm_signin_x { top: 2%; left: 0; margin: auto; width: 290px; padding: 5px; opacity: .8; padding-top: 0 } .js_frm_signin_x>div>div { padding: 0 } .js_frm_signin_x>div>div>form>.checkbox { margin-top: 5px; margin-bottom: 5px } .js_frm_signin_x>div>div>form>.checkbox label>a { margin-left: 15px } .js_frm_signin_x>div>div>form>button, .js_frm_signin_x>div>div>form>button:focus { margin-top: 5px } .js_frm_signin_x>div>div>a { margin-top: 5px } .js_frm_signin_x>div>div>form>div>input { margin-top: 5px } } @media(min-width:481px) and (max-width:600px) { #js_frm_034 { height: 610px } #js_frm_034>.carousel-inner, #js_frm_034>.carousel-inner>.item { height: 610px } #js_frm_034>.carousel-inner>.item>img, #js_frm_034>.carousel-inner>.item>a>img { height: 100% } .js_frm_signin_x { top: 2%; width: 290px; padding: 5px; opacity: .8; padding-top: 0 } .js_frm_signin_x>div>div { padding: 0 } .js_frm_signin_x>div>div>form>.checkbox { margin-top: 5px; margin-bottom: 5px } .js_frm_signin_x>div>div>form>.checkbox label>a { margin-left: 15px } } @media(min-width:601px) and (max-width:767px) { #js_frm_034 { height: 610px } #js_frm_034>.carousel-inner, #js_frm_034>.carousel-inner>.item { height: 610px } #js_frm_034>.carousel-inner>.item>img, #js_frm_034>.carousel-inner>.item>a>img { height: 100% } .js_frm_signin_x { top: 2%; padding: 5px; opacity: .8; padding-top: 0 } .js_frm_signin_x>div>div { padding: 0 } .js_frm_signin_x>div>div>form>.checkbox { margin-top: 5px; margin-bottom: 5px } .js_frm_signin_x>div>div>form>.checkbox label>a { margin-left: 15px } } @media(min-width:768px) and (max-width:875px) { #js_frm_034 { height: 610px } #js_frm_034>.carousel-inner, #js_frm_034>.carousel-inner>.item { height: 610px } #js_frm_034>.carousel-inner>.item>img, #js_frm_034>.carousel-inner>.item>a>img { height: 100% } .js_frm_signin_x { width: 75% } } @media(min-width:876px) and (max-width:1170px) { .js_frm_signin_x { width: 65% } } #js_frm_035 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_frm_035:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_frm_035:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_frm_035>.carousel-inner>.item>img, #js_frm_035>.carousel-inner>.item>a>img { width: 100%; opacity: .9; margin: auto } .ps_control_smbrdrfill .carousel-control { top: 45%; opacity: 0; width: 40px; height: 40px; z-index: 100; color: #000; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 40px; text-shadow: none; position: absolute; font-weight: normal; background: #fff; border: 1px solid #000; -webkit-border-radius: 0; border-radius: 0 } .ps_control_smbrdrfill:hover .carousel-control { opacity: 1 } .ps_control_smbrdrfill .carousel-control.left { left: 1% } .ps_control_smbrdrfill .carousel-control.right { right: 1% } .ps_control_smbrdrfill .carousel-control.left:hover, .ps_control_smbrdrfill .carousel-control.right:hover { color: #fff; background: #000; border: 1px solid #fff } .ps_control_smbrdrfill .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_smbrdrfill .carousel-control.right>span:nth-child(1) { right: 45% } .js_frm_contactus_x { top: 13%; right: 0; left: 5%; width: 50%; padding: 20px; overflow: hidden; text-align: left; position: absolute; background: transparent; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x_right { top: 13%; right: 5%; left: auto } .js_frm_contactus_x_center { left: 0; top: 13%; right: 0; margin: auto } .js_frm_contactus_x:before, .js_frm_contactus_x:after, .js_frm_contactus_x>:first-child:before, .js_frm_contactus_x>:first-child:after { width: 30px; height: 30px; content: ' '; position: absolute; border-style: solid; border-color: #fff } .js_frm_contactus_x_white:before, .js_frm_contactus_x_white:after, .js_frm_contactus_x_white>:first-child:before, .js_frm_contactus_x_white>:first-child:after { border-color: #000 } .js_frm_contactus_x_transparent:before, .js_frm_contactus_x_transparent:after, .js_frm_contactus_x_transparent>:first-child:before, .js_frm_contactus_x_transparent>:first-child:after { border-color: #bf392b } .js_frm_contactus_x:before { top: 0; left: 0; border-width: 1px 0 0 1px } .js_frm_contactus_x:after { top: 0; right: 0; border-width: 1px 1px 0 0 } .js_frm_contactus_x>:first-child:before { right: 0; bottom: 0; border-width: 0 1px 1px 0 } .js_frm_contactus_x>:first-child:after { left: 0; bottom: 0; border-width: 0 0 1px 1px } .js_frm_contactus_x_transparent { background: rgba(255,255,255,0.2) } .js_frm_contactus_x>.row { margin: 0 } .js_frm_contactus_x>form>.form-group { padding: 0 } .js_frm_contactus_x>div>div>h3 { color: #fff; margin: 0 0 20px 0; font-size: 20px; text-shadow: none; padding: 0; text-align: left; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif } .js_frm_contactus_x_white>div>div>h3 { color: #000 } .js_frm_contactus_x_transparent>div>div>h3 { color: #bf392b } .js_frm_contactus_x>div>div>p { color: #fff; text-shadow: none; text-align: justify; font-weight: normal; margin-bottom: 50px; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_frm_contactus_x_white>div>div>p { color: #000 } .js_frm_contactus_x_transparent>div>div>p { color: #bf392b } .js_frm_contactus_x>div>div>span { display: block; color: #fff; margin-top: 10px; text-shadow: none; text-align: justify; font-weight: normal; letter-spacing: 1px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_frm_contactus_x_white>div>div>span { color: #000 } .js_frm_contactus_x_transparent>div>div>span { color: #bf392b } .js_frm_contactus_x>div>div>a { display: block; color: #fab502; text-shadow: none; text-align: justify; font-weight: normal; margin-top: 10px; letter-spacing: 1px; text-decoration: none; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x_white>div>div>a { color: #22a41c } .js_frm_contactus_x_transparent>div>div>a { color: #7f261c } .js_frm_contactus_x>div>div>a:hover { opacity: .7 } .js_frm_contactus_x>div>div>form>button, .js_frm_contactus_x>div>div>form>button:focus { width: 100%; outline: 0; color: #000; box-shadow: none; border-radius: 0; padding: 9px 15px; border: 1px solid; background: #fab502; letter-spacing: 1px; display: inline-block; border-color: #fab502; text-transform: capitalize; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x_white>div>div>form>button, .js_frm_contactus_x_white>div>div>form>button:focus { border: 0; color: #fff; background: #22a41c } .js_frm_contactus_x_transparent>div>div>form>button, .js_frm_contactus_x_transparent>div>div>form>button:focus { border: 0; color: #fff; background: rgba(191,57,43,0.8); border-radius: 100px; -webkit-border-radius: 100px } .js_frm_contactus_x>div>div>form>button:hover, .js_frm_contactus_x>div>div>form>button:active { outline: none!important; color: #fab502!important; background: #fff!important; border-color: #fff!important } .js_frm_contactus_x_white>div>div>form>button:hover, .js_frm_contactus_x_white>div>div>form>button:active { color: #fff!important; background: #000!important; border-color: #000!important } .js_frm_contactus_x_transparent>div>div>form>button:hover, .js_frm_contactus_x_transparent>div>div>form>button:active { color: #fff!important; background: rgba(191,57,43,1)!important } .js_frm_contactus_x>div>div>form>div>input { height: 41px; border: 0; color: #000; padding: 0 20px; background: #fff; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x>div>div>form>div>textarea { resize: none; color: #000; padding: 10px 20px; letter-spacing: 1px; background: #fff; font-family: 'Open Sans', sans-serif; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x_white>div>div>form>div>input { border: 0; color: #fff; background: #000; -webkit-box-shadow: none; box-shadow: none } .js_frm_contactus_x_white>div>div>form>div>textarea { color: #fff; background: #000 } .js_frm_contactus_x_transparent>div>div>form>div>input { border: 0; color: #fff; background: rgba(191,57,43,0.8); -webkit-box-shadow: none; box-shadow: none; border-radius: 100px; -webkit-border-radius: 100px } .js_frm_contactus_x_transparent>div>div>form>div>textarea { color: #fff; background: rgba(191,57,43,0.8); border-radius: 20px; -webkit-border-radius: 20px } .js_frm_contactus_x>div>div>form>div>input:focus { outline: 0; border: 0; background: #fab502; -webkit-box-shadow: none; box-shadow: none } .js_frm_contactus_x>div>div>form>div>textarea:focus { outline: 0; border: 0; background: #fab502; -webkit-box-shadow: none; box-shadow: none } .js_frm_contactus_x_white>div>div>form>div>input:focus { border: 0; background: #22a41c } .js_frm_contactus_x_white>div>div>form>div>textarea:focus { border: 0; background: #22a41c } .js_frm_contactus_x_transparent>div>div>form>div>input:focus { border: 0; background: rgba(191,57,43,1) } .js_frm_contactus_x_transparent>div>div>form>div>textarea:focus { border: 0; background: rgba(191,57,43,1) } .js_frm_contactus_x>div>div>form>div>input::-webkit-input-placeholder { color:rgba(0,0,0,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x>div>div>form>div>textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x>div>div>form>div>input::-moz-placeholder { color:rgba(0,0,0,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x>div>div>form>div>textarea::-moz-placeholder { color:rgba(0,0,0,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x>div>div>form>div>input:-ms-input-placeholder { color:rgba(0,0,0,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x>div>div>form>div>textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x>div>div>form>div>input:-moz-placeholder { color:rgba(0,0,0,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x>div>div>form>div>textarea:-moz-placeholder { color:rgba(0,0,0,0.5); text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_x>div>div>form>div>input:focus::-webkit-input-placeholder { color:#000 } .js_frm_contactus_x>div>div>form>div>textarea:focus::-webkit-input-placeholder { color:#000 } .js_frm_contactus_x>div>div>form>div>input:focus::-moz-placeholder { color:#000 } .js_frm_contactus_x>div>div>form>div>textarea:focus::-moz-placeholder { color:#000 } .js_frm_contactus_x>div>div>form>div>input:focus:-ms-input-placeholder { color:#000 } .js_frm_contactus_x>div>div>form>div>textarea:focus:-ms-input-placeholder { color:#000 } .js_frm_contactus_x>div>div>form>div>input:focus:-moz-placeholder { color:#000 } .js_frm_contactus_x>div>div>form>div>textarea:focus:-moz-placeholder { color:#000 } .js_frm_contactus_x_white>div>div>form>div>input::-webkit-input-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_white>div>div>form>div>textarea::-webkit-input-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_white>div>div>form>div>input::-moz-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_white>div>div>form>div>textarea::-moz-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_white>div>div>form>div>input:-ms-input-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_white>div>div>form>div>textarea:-ms-input-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_white>div>div>form>div>input:-moz-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_white>div>div>form>div>textarea:-moz-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_white>div>div>form>div>input:focus::-webkit-input-placeholder { color:#fff } .js_frm_contactus_x_white>div>div>form>div>textarea:focus::-webkit-input-placeholder { color:#fff } .js_frm_contactus_x_white>div>div>form>div>input:focus::-moz-placeholder { color:#fff } .js_frm_contactus_x_white>div>div>form>div>textarea:focus::-moz-placeholder { color:#fff } .js_frm_contactus_x_white>div>div>form>div>input:focus:-ms-input-placeholder { color:#fff } .js_frm_contactus_x_white>div>div>form>div>textarea:focus:-ms-input-placeholder { color:#fff } .js_frm_contactus_x_white>div>div>form>div>input:focus:-moz-placeholder { color:#fff } .js_frm_contactus_x_white>div>div>form>div>textarea:focus:-moz-placeholder { color:#fff } .js_frm_contactus_x_transparent>div>div>form>div>input::-webkit-input-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_transparent>div>div>form>div>textarea::-webkit-input-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_transparent>div>div>form>div>input::-moz-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_transparent>div>div>form>div>textarea::-moz-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_transparent>div>div>form>div>input:-ms-input-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_transparent>div>div>form>div>textarea:-ms-input-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_transparent>div>div>form>div>input:-moz-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_transparent>div>div>form>div>textarea:-moz-placeholder { color:rgba(255,255,255,0.5) } .js_frm_contactus_x_transparent>div>div>form>div>input:focus::-webkit-input-placeholder { color:#fff } .js_frm_contactus_x_transparent>div>div>form>div>textarea:focus::-webkit-input-placeholder { color:#fff } .js_frm_contactus_x_transparent>div>div>form>div>input:focus::-moz-placeholder { color:#fff } .js_frm_contactus_x_transparent>div>div>form>div>textarea:focus::-moz-placeholder { color:#fff } .js_frm_contactus_x_transparent>div>div>form>div>input:focus:-ms-input-placeholder { color:#fff } .js_frm_contactus_x_transparent>div>div>form>div>textarea:focus:-ms-input-placeholder { color:#fff } .js_frm_contactus_x_transparent>div>div>form>div>input:focus:-moz-placeholder { color:#fff } .js_frm_contactus_x_transparent>div>div>form>div>textarea:focus:-moz-placeholder { color:#fff } @media only screen and (max-width:480px) { #js_frm_035 { height: 613px } #js_frm_035>.carousel-inner, #js_frm_035>.carousel-inner>.item { height: 613px } #js_frm_035>.carousel-inner>.item>img, #js_frm_035>.carousel-inner>.item>a>img { height: 100% } .ps_control_smbrdrfill .carousel-control { display: none } .js_frm_contactus_x { top: 2%; left: 0; margin: auto; width: 290px; padding: 5px; padding-top: 0 } .js_frm_contactus_x>div>div { padding: 0 } .js_frm_contactus_x>div>div>h3 { margin: 5px 0 } .js_frm_contactus_x>div>div>p { margin-bottom: 3px } .js_frm_contactus_x>div>div>span { margin-top: 3px } .js_frm_contactus_x>div>div>a { margin-top: 3px } .js_frm_contactus_x>div>div>form>button, .js_frm_contactus_x>div>div>form>button:focus { margin-top: 1px } .js_frm_contactus_x>div>div>a { margin-top: 1px } .js_frm_contactus_x>div>div>form>div { margin-top: 3px; margin-bottom: 3px } } @media(min-width:481px) and (max-width:600px) { #js_frm_035 { height: 650px } #js_frm_035>.carousel-inner, #js_frm_035>.carousel-inner>.item { height: 650px } #js_frm_035>.carousel-inner>.item>img, #js_frm_035>.carousel-inner>.item>a>img { height: 100% } .js_frm_contactus_x { top: 2%; width: 300px; padding: 5px } .js_frm_contactus_x>div>div>h3 { margin-top: 5px; margin-bottom: 5px } .js_frm_contactus_x>div>div>p { margin-bottom: 5px } .js_frm_contactus_x>div>div>span { margin-top: 5px } .js_frm_contactus_x>div>div>a { margin-top: 5px } .js_frm_contactus_x>div>div>form>div { margin-top: 5px; margin-bottom: 5px } } @media(min-width:601px) and (max-width:767px) { #js_frm_035 { height: 650px } #js_frm_035>.carousel-inner, #js_frm_035>.carousel-inner>.item { height: 650px } #js_frm_035>.carousel-inner>.item>img, #js_frm_035>.carousel-inner>.item>a>img { height: 100% } .js_frm_contactus_x { top: 2%; width: 300px; padding: 5px } .js_frm_contactus_x>div>div>h3 { margin-top: 5px; margin-bottom: 5px } .js_frm_contactus_x>div>div>p { margin-bottom: 5px } .js_frm_contactus_x>div>div>span { margin-top: 5px } .js_frm_contactus_x>div>div>a { margin-top: 5px } .js_frm_contactus_x>div>div>form>div { margin-top: 5px; margin-bottom: 5px } } @media(min-width:768px) and (max-width:875px) { .js_frm_contactus_x { top: 5%; width: 75% } } @media(min-width:876px) and (max-width:1170px) { .js_frm_contactus_x { width: 65% } } #js_frm_036 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_frm_036:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_frm_036:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_frm_036>.carousel-inner>.item>img, #js_frm_036>.carousel-inner>.item>a>img { width: 100%; opacity: .8; margin: auto } .ps_control_smlongtrans .carousel-control { top: 45%; opacity: 0; width: 50px; height: 25px; z-index: 100; color: #000; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 25px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,0.5); border: 0; -webkit-border-radius: 0; border-radius: 0 } .ps_control_smlongtrans:hover .carousel-control { opacity: 1 } .ps_control_smlongtrans .carousel-control.left { left: 1% } .ps_control_smlongtrans .carousel-control.right { right: 1% } .ps_control_smlongtrans .carousel-control.left:hover, .ps_control_smlongtrans .carousel-control.right:hover { color: #fff; background: rgba(0,0,0,0.5); border: 0 } .ps_control_smlongtrans .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_smlongtrans .carousel-control.right>span:nth-child(1) { right: 45% } .js_frm_contactus { top: 7%; right: 0; left: 7%; width: 32%; overflow: hidden; text-align: left; position: absolute; background: rgba(0,0,0,0.5); padding: 0 20px 20px 20px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_right { top: 7%; right: 7%; left: auto } .js_frm_contactus_center { left: 0; top: 7%; right: 0; margin: auto } .js_frm_contactus:before, .js_frm_contactus:after, .js_frm_contactus>:first-child:before, .js_frm_contactus>:first-child:after { width: 75px; height: 75px; content: ' '; position: absolute; border-style: solid; border-color: #fff } .js_frm_contactus_white:before, .js_frm_contactus_white:after, .js_frm_contactus_white>:first-child:before, .js_frm_contactus_white>:first-child:after { border-color: #000 } .js_frm_contactus_transparent:before, .js_frm_contactus_transparent:after, .js_frm_contactus_transparent>:first-child:before, .js_frm_contactus_transparent>:first-child:after { border-color: #4f8af2 } .js_frm_contactus:before { top: 0; left: 0; border-width: 0 } .js_frm_contactus:after { top: 0; right: 0; border-width: 1px 1px 0 0 } .js_frm_contactus>:first-child:before { right: 0; bottom: 0; border-width: 0 } .js_frm_contactus>:first-child:after { left: 0; bottom: 0; border-width: 0 0 1px 1px } .js_frm_contactus_white { background: rgba(255,255,255,0.5) } .js_frm_contactus_transparent { background: rgba(255,255,255,0.5) } .js_frm_contactus>.row { margin: 0 } .js_frm_contactus>form>.form-group { padding: 0 } .js_frm_contactus>h3 { padding: 0; color: #fff; font-size: 20px; text-shadow: none; text-align: left; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif } .js_frm_contactus_white>h3 { color: #000 } .js_frm_contactus_transparent>h3 { color: #4f8af2 } .js_frm_contactus>p { color: #fff; font-size: 12px; text-shadow: none; text-align: justify; font-weight: normal; letter-spacing: 1px; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_frm_contactus_white>p { color: #000 } .js_frm_contactus_transparent>p { color: #4f8af2 } .js_frm_contactus>span { width: 200px; display: block; color: #fff; font-size: 12px; text-shadow: none; text-align: left; font-weight: normal; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_frm_contactus_white>span { color: #000 } .js_frm_contactus_transparent>span { color: #4f8af2 } .js_frm_contactus>a { width: 200px; display: block; color: #fe6857; font-size: 12px; text-shadow: none; text-align: justify; font-weight: normal; margin-bottom: 10px; letter-spacing: 1px; text-decoration: none; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_white>a { color: #e9ed92 } .js_frm_contactus_transparent>a { color: rgba(79,138,242,0.5) } .js_frm_contactus>a:hover { color: rgba(79,138,242,1) } .js_frm_contactus>form>button, .js_frm_contactus>form>button:focus { width: 100%; border: 0; outline: 0; color: #fff; box-shadow: none; padding: 9px 15px; letter-spacing: 1px; display: inline-block; background: transparent; text-transform: capitalize; border-bottom: 1px solid #fff; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_white>form>button, .js_frm_contactus_white>form>button:focus { border: 0; color: #000; background: transparent; border-bottom: 1px solid #000 } .js_frm_contactus_transparent>form>button, .js_frm_contactus_transparent>form>button:focus { border: 0; color: rgba(79,138,242,0.7); background: transparent; border-bottom: 1px solid rgba(79,138,242,0.7) } .js_frm_contactus>form>button:hover, .js_frm_contactus>form>button:active { outline: none!important; border: none!important; color: #fe6857!important; background: transparent!important; border-bottom: 1px solid #fe6857!important } .js_frm_contactus_white>form>button:hover, .js_frm_contactus_white>form>button:active { border: none!important; color: #e9ed92!important; background: transparent!important; border-bottom: 1px solid #e9ed92!important } .js_frm_contactus_transparent>form>button:hover, .js_frm_contactus_transparent>form>button:active { color: #4f8af2!important; border-bottom: 1px solid #4f8af2!important; background: transparent!important } .js_frm_contactus>form>div>input { height: 38px; border: 0; color: #fe6857; padding: 0 20px; background: transparent; letter-spacing: 1px; border-bottom: 1px solid #fff; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus>form>div { margin-top: 10px; margin-bottom: 10px } .js_frm_contactus>form>div>textarea { resize: none; border: 0; color: #fe6857; padding: 10px 20px; letter-spacing: 1px; background: transparent; border-bottom: 1px solid #fff; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_white>form>div>input { border: 0; color: #e9ed92; background: transparent; border-bottom: 1px solid #000; -webkit-box-shadow: none; box-shadow: none } .js_frm_contactus_white>form>div>textarea { border: 0; color: #e9ed92; background: transparent; border-bottom: 1px solid #000 } .js_frm_contactus_transparent>form>div>input { border: 0; color: rgba(79,138,242,1); background: transparent; border-bottom: 1px solid rgba(79,138,242,0.7); -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0 } .js_frm_contactus_transparent>form>div>textarea { border: 0; color: rgba(79,138,242,1); background: transparent; border-bottom: 1px solid rgba(79,138,242,0.7); border-radius: 0; -webkit-border-radius: 0 } .js_frm_contactus>form>div>input:focus { outline: 0; border: 0; background: transparent; border-bottom: 1px solid #fe6857; -webkit-box-shadow: none; box-shadow: none } .js_frm_contactus>form>div>textarea:focus { outline: 0; border: 0; background: transparent; border-bottom: 1px solid #fe6857; -webkit-box-shadow: none; box-shadow: none } .js_frm_contactus_white>form>div>input:focus { border: 0; background: transparent; border-bottom: 1px solid #e9ed92 } .js_frm_contactus_white>form>div>textarea:focus { border: 0; background: transparent; border-bottom: 1px solid #e9ed92 } .js_frm_contactus_transparent>form>div>input:focus, .js_frm_contactus_transparent>form>div>textarea:focus { background: transparent; border-bottom: 1px solid #4f8af2 } .js_frm_contactus>form>div>input::-webkit-input-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus>form>div>textarea::-webkit-input-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus>form>div>input::-moz-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus>form>div>textarea::-moz-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus>form>div>input:-ms-input-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus>form>div>textarea:-ms-input-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus>form>div>input:-moz-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus>form>div>textarea:-moz-placeholder { color:#fff; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus>form>div>input:focus::-webkit-input-placeholder { color:#fe6857 } .js_frm_contactus>form>div>textarea:focus::-webkit-input-placeholder { color:#fe6857 } .js_frm_contactus>form>div>input:focus::-moz-placeholder { color:#fe6857 } .js_frm_contactus>form>div>textarea:focus::-moz-placeholder { color:#fe6857 } .js_frm_contactus>form>div>input:focus:-ms-input-placeholder { color:#fe6857 } .js_frm_contactus>form>div>textarea:focus:-ms-input-placeholder { color:#fe6857 } .js_frm_contactus>form>div>input:focus:-moz-placeholder { color:#fe6857 } .js_frm_contactus>form>div>textarea:focus:-moz-placeholder { color:#fe6857 } .js_frm_contactus_white>form>div>input::-webkit-input-placeholder { color:rgba(0,0,0,1) } .js_frm_contactus_white>form>div>textarea::-webkit-input-placeholder { color:rgba(0,0,0,1) } .js_frm_contactus_white>form>div>input::-moz-placeholder { color:rgba(0,0,0,1) } .js_frm_contactus_white>form>div>textarea::-moz-placeholder { color:rgba(0,0,0,1) } .js_frm_contactus_white>form>div>input:-ms-input-placeholder { color:rgba(0,0,0,1) } .js_frm_contactus_white>form>div>textarea:-ms-input-placeholder { color:rgba(0,0,0,1) } .js_frm_contactus_white>form>div>input:-moz-placeholder { color:rgba(0,0,0,1) } .js_frm_contactus_white>form>div>textarea:-moz-placeholder { color:rgba(0,0,0,1) } .js_frm_contactus_white>form>div>input:focus::-webkit-input-placeholder { color:#e9ed92 } .js_frm_contactus_white>form>div>textarea:focus::-webkit-input-placeholder { color:#e9ed92 } .js_frm_contactus_white>form>div>input:focus::-moz-placeholder { color:#e9ed92 } .js_frm_contactus_white>form>div>textarea:focus::-moz-placeholder { color:#e9ed92 } .js_frm_contactus_white>form>div>input:focus:-ms-input-placeholder { color:#e9ed92 } .js_frm_contactus_white>form>div>textarea:focus:-ms-input-placeholder { color:#e9ed92 } .js_frm_contactus_white>form>div>input:focus:-moz-placeholder { color:#e9ed92 } .js_frm_contactus_white>form>div>textarea:focus:-moz-placeholder { color:#e9ed92 } .js_frm_contactus_transparent>form>div>input::-webkit-input-placeholder { color:rgba(79,138,242,0.7) } .js_frm_contactus_transparent>form>div>textarea::-webkit-input-placeholder { color:rgba(79,138,242,0.7) } .js_frm_contactus_transparent>form>div>input::-moz-placeholder { color:rgba(79,138,242,0.7) } .js_frm_contactus_transparent>form>div>textarea::-moz-placeholder { color:rgba(79,138,242,0.7) } .js_frm_contactus_transparent>form>div>input:-ms-input-placeholder { color:rgba(79,138,242,0.7) } .js_frm_contactus_transparent>form>div>textarea:-ms-input-placeholder { color:rgba(79,138,242,0.7) } .js_frm_contactus_transparent>form>div>input:-moz-placeholder { color:rgba(79,138,242,0.7) } .js_frm_contactus_transparent>form>div>textarea:-moz-placeholder { color:rgba(79,138,242,0.7) } .js_frm_contactus_transparent>form>div>input:focus::-webkit-input-placeholder { color:#4f8af2 } .js_frm_contactus_transparent>form>div>textarea:focus::-webkit-input-placeholder { color:#4f8af2 } .js_frm_contactus_transparent>form>div>input:focus::-moz-placeholder { color:#4f8af2 } .js_frm_contactus_transparent>form>div>textarea:focus::-moz-placeholder { color:#4f8af2 } .js_frm_contactus_transparent>form>div>input:focus:-ms-input-placeholder { color:#4f8af2 } .js_frm_contactus_transparent>form>div>input:focus:-ms-input-placeholder { color:#4f8af2 } .js_frm_contactus_transparent>form>div>input:focus:-moz-placeholder { color:#4f8af2 } .js_frm_contactus_transparent>form>div>textarea:focus:-moz-placeholder { color:#4f8af2 } @media only screen and (max-width:480px) { #js_frm_036 { height: 580px } #js_frm_036>.carousel-inner, #js_frm_036>.carousel-inner>.item { height: 580px } #js_frm_036>.carousel-inner>.item>img, #js_frm_036>.carousel-inner>.item>a>img { height: 100% } .ps_control_smlongtrans .carousel-control { display: none } .js_frm_contactus { top: 2%; left: 0; margin: auto; width: 290px } } @media(min-width:481px) and (max-width:600px) { #js_frm_036 { height: 600px } #js_frm_036>.carousel-inner, #js_frm_036>.carousel-inner>.item { height: 600px } #js_frm_036>.carousel-inner>.item>img, #js_frm_036>.carousel-inner>.item>a>img { height: 100% } .js_frm_contactus { top: 3%; width: 300px } } @media(min-width:601px) and (max-width:767px) { #js_frm_036 { height: 600px } #js_frm_036>.carousel-inner, #js_frm_036>.carousel-inner>.item { height: 600px } #js_frm_036>.carousel-inner>.item>img, #js_frm_036>.carousel-inner>.item>a>img { height: 100% } .js_frm_contactus { top: 2%; width: 300px } } @media(min-width:768px) and (max-width:875px) { #js_frm_036 { height: 600px } #js_frm_036>.carousel-inner, #js_frm_036>.carousel-inner>.item { height: 600px } #js_frm_036>.carousel-inner>.item>img, #js_frm_036>.carousel-inner>.item>a>img { height: 100% } .js_frm_contactus { top: 2%; width: 300px } } @media(min-width:876px) and (max-width:1170px) { .js_frm_contactus { top: 1%; width: 300px } } #js_frm_037 { overflow: hidden; max-height: 658px; position: relative } #js_frm_037:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_frm_037:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_frm_037>.carousel-inner>.item>img, #js_frm_037>.carousel-inner>.item>a>img { width: 100%; margin: auto } .ps_control_brdrfillhand .carousel-control { top: 45%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #fff; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 46px; text-shadow: none; position: absolute; font-weight: normal; background: #000; border: 2px solid #fff; -webkit-border-radius: 0; border-radius: 0 } .ps_control_brdrfillhand:hover .carousel-control { opacity: .5 } .ps_control_brdrfillhand .carousel-control.left { left: 1% } .ps_control_brdrfillhand .carousel-control.right { right: 1% } .ps_control_brdrfillhand .carousel-control.left:hover, .ps_control_brdrfillhand .carousel-control.right:hover { opacity: .5; color: #fff; background: #000; border: 2px solid #fff } .ps_control_brdrfillhand .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_brdrfillhand .carousel-control.right>span:nth-child(1) { right: 45% } .js_frm_contactus_big { top: 13%; right: 0; left: 10%; width: 35%; overflow: hidden; text-align: left; position: absolute; background: #548ce9; outline: 10px solid #548ce9; padding: 5px 30px 30px 30px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big_right { top: 13%; right: 10%; left: auto } .js_frm_contactus_big_center { left: 0; top: 13%; right: 0; margin: auto } .js_frm_contactus_big:before, .js_frm_contactus_big:after, .js_frm_contactus_big>:first-child:before, .js_frm_contactus_big>:first-child:after { content: ' '; position: absolute; border-style: solid; border-color: #699ee4 } .js_frm_contactus_big_black:before, .js_frm_contactus_big_black:after, .js_frm_contactus_big_black>:first-child:before, .js_frm_contactus_big_black>:first-child:after { border-color: #3dae60 } .js_frm_contactus_big_white:before, .js_frm_contactus_big_white:after, .js_frm_contactus_big_white>:first-child:before, .js_frm_contactus_big_white>:first-child:after { border-color: #fff } .js_frm_contactus_big:before { top: 0; left: 0; width: 90%; border-width: 4px 0 0 0 } .js_frm_contactus_big:after { top: 0; right: 0; height: 90%; border-width: 0 4px 0 0 } .js_frm_contactus_big>:first-child:before { right: 0; bottom: 0; width: 100%; border-width: 4px 0 0 0 } .js_frm_contactus_big>:first-child:after { left: 0; bottom: 0; height: 90%; border-width: 0 0 0 4px } .js_frm_contactus_big_black { background: #363636; outline: 10px solid #363636 } .js_frm_contactus_big_white { background: #f2f6f7; outline: 10px solid #f2f6f7 } .js_frm_contactus_big>.row { margin: 0 } .js_frm_contactus_big>form>.form-group { padding: 0 } .js_frm_contactus_big>h3 { padding: 0; color: #fff; font-size: 20px; text-shadow: none; text-align: left; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif } .js_frm_contactus_big_black>h3 { color: #3dae60 } .js_frm_contactus_big_white>h3 { color: #000 } .js_frm_contactus_big>form>button, .js_frm_contactus_big>form>button:focus { width: 100%; outline: 0; color: #3e4044; box-shadow: none; padding: 9px 15px; letter-spacing: 1px; display: inline-block; background: #fff; text-transform: uppercase; border: 1px solid #699ee4; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big_black>form>button, .js_frm_contactus_big_black>form>button:focus { border: 0; color: #3dae60; background: transparent; border-bottom: 1px solid #3dae60 } .js_frm_contactus_big_white>form>button, .js_frm_contactus_big_white>form>button:focus { border: 0; color: #000; background: #fff; border-radius: 100px; -webkit-border-radius: 100px } .js_frm_contactus_big>form>button:hover, .js_frm_contactus_big>form>button:active { outline: none!important; color: #fff!important; background: #6d9fe8!important; border: 1px solid #6d9fe8!important } .js_frm_contactus_big_black>form>button:hover, .js_frm_contactus_big_black>form>button:active { border: none!important; color: #fff!important; background: transparent!important; border-bottom: 1px solid #fff!important } .js_frm_contactus_big_white>form>button:hover, .js_frm_contactus_big_white>form>button:active { color: #fff!important; border: none!important; background: #000!important } .js_frm_contactus_big>form>div input { height: 38px; color: #696b6d; padding: 0 20px; background: #fff; letter-spacing: 1px; border: 1px solid #acc6f1; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big>form>.row { margin: 0 } .js_frm_contactus_big>form>.row>div:nth-child(1) { padding: 0 5px 0 0 } .js_frm_contactus_big>form>.row>div:nth-child(2) { padding: 0 0 0 5px } .js_frm_contactus_big>form>div textarea { resize: none; color: #696b6d; padding: 10px 20px; letter-spacing: 1px; background: #fff; border: 1px solid #acc6f1; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big_black>form>div input { border: 0; color: #fff; background: transparent; border-bottom: 1px solid #3dae60; -webkit-box-shadow: none; box-shadow: none } .js_frm_contactus_big_black>form>div textarea { border: 0; color: #fff; background: transparent; border-bottom: 1px solid #3dae60 } .js_frm_contactus_big_white>form>div input { border: 0; color: #000; background: #fff; -webkit-box-shadow: none; box-shadow: none; border-radius: 100px; -webkit-border-radius: 100px } .js_frm_contactus_big_white>form>div textarea { border: 0; color: #000; background: #fff; border-radius: 15px; -webkit-border-radius: 15px } .js_frm_contactus_big>form>div input:focus { outline: 0; background: #fff; border: 1px solid #acc6f1; -webkit-box-shadow: none; box-shadow: none } .js_frm_contactus_big>form>div textarea:focus { outline: 0; background: #fff; border: 1px solid #acc6f1; -webkit-box-shadow: none; box-shadow: none } .js_frm_contactus_big_black>form>div input:focus { border: 0; background: transparent; border-bottom: 1px solid #fff } .js_frm_contactus_big_black>form>div textarea:focus { border: 0; background: transparent; border-bottom: 1px solid #fff } .js_frm_contactus_big_white>form>div input:focus, .js_frm_contactus_big_white>form>div textarea:focus { background: #fff; border: 0 } .js_frm_contactus_big>form>div input::-webkit-input-placeholder { color:#696b6d; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big>form>div textarea::-webkit-input-placeholder { color:#696b6d; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big>form>div input::-moz-placeholder { color:#696b6d; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big>form>div textarea::-moz-placeholder { color:#696b6d; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big>form>div input:-ms-input-placeholder { color:#696b6d; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big>form>div textarea:-ms-input-placeholder { color:#696b6d; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big>form>div input:-moz-placeholder { color:#696b6d; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big>form>div textarea:-moz-placeholder { color:#696b6d; text-transform:capitalize; -webkit-transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_frm_contactus_big>form>div input:focus::-webkit-input-placeholder { color:#696b6d } .js_frm_contactus_big>form>div textarea:focus::-webkit-input-placeholder { color:#696b6d } .js_frm_contactus_big>form>div input:focus::-moz-placeholder { color:#696b6d } .js_frm_contactus_big>form>div textarea:focus::-moz-placeholder { color:#696b6d } .js_frm_contactus_big>form>div input:focus:-ms-input-placeholder { color:#696b6d } .js_frm_contactus_big>form>div textarea:focus:-ms-input-placeholder { color:#696b6d } .js_frm_contactus_big>form>div input:focus:-moz-placeholder { color:#696b6d } .js_frm_contactus_big>form>div textarea:focus:-moz-placeholder { color:#696b6d } .js_frm_contactus_big_black>form>div input::-webkit-input-placeholder { color:#3dae60 } .js_frm_contactus_big_black>form>div textarea::-webkit-input-placeholder { color:#3dae60 } .js_frm_contactus_big_black>form>div input::-moz-placeholder { color:#3dae60 } .js_frm_contactus_big_black>form>div textarea::-moz-placeholder { color:#3dae60 } .js_frm_contactus_big_black>form>div input:-ms-input-placeholder { color:#3dae60 } .js_frm_contactus_big_black>form>div textarea:-ms-input-placeholder { color:#3dae60 } .js_frm_contactus_big_black>form>div input:-moz-placeholder { color:#3dae60 } .js_frm_contactus_big_black>form>div textarea:-moz-placeholder { color:#3dae60 } .js_frm_contactus_big_black>form>div input:focus::-webkit-input-placeholder { color:#fff } .js_frm_contactus_big_black>form>div textarea:focus::-webkit-input-placeholder { color:#fff } .js_frm_contactus_big_black>form>div input:focus::-moz-placeholder { color:#fff } .js_frm_contactus_big_black>form>div textarea:focus::-moz-placeholder { color:#fff } .js_frm_contactus_big_black>form>div input:focus:-ms-input-placeholder { color:#fff } .js_frm_contactus_big_black>form>div textarea:focus:-ms-input-placeholder { color:#fff } .js_frm_contactus_big_black>form>div input:focus:-moz-placeholder { color:#fff } .js_frm_contactus_big_black>form>div textarea:focus:-moz-placeholder { color:#fff } .js_frm_contactus_big_white>form>div input::-webkit-input-placeholder { color:#000 } .js_frm_contactus_big_white>form>div textarea::-webkit-input-placeholder { color:#000 } .js_frm_contactus_big_white>form>div input::-moz-placeholder { color:#000 } .js_frm_contactus_big_white>form>div textarea::-moz-placeholder { color:#000 } .js_frm_contactus_big_white>form>div input:-ms-input-placeholder { color:#000 } .js_frm_contactus_big_white>form>div textarea:-ms-input-placeholder { color:#000 } .js_frm_contactus_big_white>form>div input:-moz-placeholder { color:#000 } .js_frm_contactus_big_white>form>div textarea:-moz-placeholder { color:#000 } .js_frm_contactus_big_white>form>div input:focus::-webkit-input-placeholder { color:#4f8af2 } .js_frm_contactus_big_white>form>div textarea:focus::-webkit-input-placeholder { color:#4f8af2 } .js_frm_contactus_big_white>form>div input:focus::-moz-placeholder { color:#4f8af2 } .js_frm_contactus_big_white>form>div textarea:focus::-moz-placeholder { color:#4f8af2 } .js_frm_contactus_big_white>form>div input:focus:-ms-input-placeholder { color:#4f8af2 } .js_frm_contactus_big_white>form>div textarea:focus:-ms-input-placeholder { color:#4f8af2 } .js_frm_contactus_big_white>form>div input:focus:-moz-placeholder { color:#4f8af2 } .js_frm_contactus_big_white>form>div textarea:focus:-moz-placeholder { color:#4f8af2 } @media only screen and (max-width:480px) { #js_frm_037 { height: 560px } #js_frm_037>.carousel-inner, #js_frm_037>.carousel-inner>.item { height: 560px } #js_frm_037>.carousel-inner>.item>img, #js_frm_037>.carousel-inner>.item>a>img { height: 100% } .ps_control_brdrfillhand .carousel-control { display: none } .js_frm_contactus_big { top: 2%; left: 0; opacity: .9; margin: auto; width: 290px } .js_frm_contactus_big>form>.row>div:nth-child(1) { padding: 0 } .js_frm_contactus_big>form>.row>div:nth-child(2) { padding: 0 } } @media(min-width:481px) and (max-width:600px) { #js_frm_037 { height: 600px } #js_frm_037>.carousel-inner, #js_frm_037>.carousel-inner>.item { height: 600px } #js_frm_037>.carousel-inner>.item>img, #js_frm_037>.carousel-inner>.item>a>img { height: 100% } .js_frm_contactus_big { top: 7%; opacity: .9; width: 300px } .js_frm_contactus_big>form>.row>div:nth-child(1) { padding: 0 } .js_frm_contactus_big>form>.row>div:nth-child(2) { padding: 0 } } @media(min-width:601px) and (max-width:767px) { #js_frm_037 { height: 600px } #js_frm_037>.carousel-inner, #js_frm_037>.carousel-inner>.item { height: 600px } #js_frm_037>.carousel-inner>.item>img, #js_frm_037>.carousel-inner>.item>a>img { height: 100% } .js_frm_contactus_big { top: 7%; width: 300px } .js_frm_contactus_big>form>.row>div:nth-child(1) { padding: 0 } .js_frm_contactus_big>form>.row>div:nth-child(2) { padding: 0 } } @media(min-width:768px) and (max-width:875px) { #js_frm_037 { height: 600px } #js_frm_037>.carousel-inner, #js_frm_037>.carousel-inner>.item { height: 600px } #js_frm_037>.carousel-inner>.item>img, #js_frm_037>.carousel-inner>.item>a>img { height: 100% } .js_frm_contactus_big { width: 400px } } @media(min-width:876px) and (max-width:1170px) { .js_frm_contactus_big { width: 400px } } #js_frm_038 { overflow: hidden; max-height: 430px; position: relative } #js_frm_038:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_frm_038:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_frm_038>.carousel-inner>.item>img, #js_frm_038>.carousel-inner>.item>a>img { width: 100%; margin: auto } .ps_control_smcartbrdr .carousel-control { top: 45%; opacity: 0; width: 25px; height: 25px; z-index: 100; color: #666; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 24px; text-shadow: none; position: absolute; font-weight: normal; background: #1f1f1f; border: 1px solid #666; -webkit-border-radius: 0; border-radius: 0 } .ps_control_smcartbrdr:hover .carousel-control { opacity: 1 } .ps_control_smcartbrdr .carousel-control.left { left: 1% } .ps_control_smcartbrdr .carousel-control.right { right: 1% } .ps_control_smcartbrdr .carousel-control.left:hover, .ps_control_smcartbrdr .carousel-control.right:hover { opacity: .5; color: #666; background: #aeaeae; border: 1px solid #666 } .ps_control_smcartbrdr .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_smcartbrdr .carousel-control.right>span:nth-child(1) { right: 45% } .js_frm_billing { top: 8%; right: 0; left: 6%; width: 35%; overflow: hidden; text-align: left; position: absolute; background: #1f1f1f; padding: 5px 20px 10px 20px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing_right { top: 8%; right: 6%; left: auto } .js_frm_billing_center { left: 0; top: 8%; right: 0; margin: auto } .js_frm_billing_transparent { background: #3e5c92 } .js_frm_billing_white { background: #fff } .js_frm_billing>.row { margin: 0 } .js_frm_billing>form>.form-group { padding: 0 } .js_frm_billing>h3 { padding: 0; color: #aeaeae; font-size: 22px; text-align: left; font-weight: 400; text-shadow: none; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_frm_billing_transparent>h3 { color: #fff } .js_frm_billing_white>h3 { color: #fe6756 } .js_frm_billing>p { color: #666; font-size: 12px; text-align: left; text-shadow: none; letter-spacing: 1px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_frm_billing_white>p { color: #636363 } .js_frm_billing_transparent>p { color: #fff } .js_frm_billing>p>a { color: #aeaeae; text-decoration: none; margin-left: 10px; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-transition: color .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: color .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing_white>p>a { color: #fe6756 } .js_frm_billing_transparent>p>a { color: #93a6c4 } .js_frm_billing>p>a:hover, .js_frm_billing>p>a:active { color: #fff } .js_frm_billing_white>p>a:hover, .js_frm_billing_white>p>a:active { color: #636363 } .js_frm_billing_transparent>p>a:hover, .js_frm_billing_transparent>p>a:active { color: #fff } .js_frm_billing::-webkit-scrollbar { width:5px; background:transparent } .js_frm_billing::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:#666 } .js_frm_billing_white::-webkit-scrollbar-thumb { background:#e6e6e6 } .js_frm_billing_transparent::-webkit-scrollbar-thumb { background:#93a6c4 } .js_frm_billing>form>div>div>button, .js_frm_billing>form>div>div>button:focus { outline: 0; color: #666; box-shadow: none; padding: 7px 20px; letter-spacing: 1px; display: inline-block; background: transparent; text-transform: uppercase; border: 1px solid #666; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing_transparent>form>div>div>button, .js_frm_billing_transparent>form>div>div>button:focus { border: 0; color: #fff; background: #93a6c4 } .js_frm_billing_white>form>div>div>button, .js_frm_billing_white>form>div>div>button:focus { color: #bababa; background: transparent; border: 1px solid #e6e6e6 } .js_frm_billing>form>div>div>button:hover, .js_frm_billing>form>div>div>button:active { outline: none!important; color: #aeaeae!important; background: transparent!important; border: 1px solid #aeaeae!important } .js_frm_billing_transparent>form>div>div>button:hover, .js_frm_billing_transparent>form>div>div>button:active { border: none!important; color: #fff!important; background: #7b92b7!important } .js_frm_billing_white>form>div>div>button:hover, .js_frm_billing_white>form>div>div>button:active { color: #6edb8a!important; background: transparent!important; border: 1px solid #6edb8a!important } .js_frm_billing>form>div input { height: 38px; color: #aeaeae; padding: 0 20px; font-weight: 400; background: #1f1f1f; letter-spacing: 1px; border: 1px solid #666; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing>form>.row { margin: 0 } .js_frm_billing>form>.row>div:nth-child(1) { padding: 0 5px 0 0 } .js_frm_billing>form>.row>div:nth-child(2) { padding: 0 0 0 5px } .js_frm_billing_transparent>form>div input { border: 0; color: #fff; background: #93a6c4; -webkit-box-shadow: none; box-shadow: none } .js_frm_billing_white>form>div input { color: #636363; background: transparent; border: 1px solid #e6e6e6; -webkit-box-shadow: none; box-shadow: none } .js_frm_billing>form>div input:focus { outline: 0; background: transparent; border: 1px solid #aeaeae; -webkit-box-shadow: none; box-shadow: none } .js_frm_billing_transparent>form>div input:focus { border: 0; background: #7b92b7 } .js_frm_billing_white>form>div input:focus { background: transparent; border: 1px solid #6edb8a } .js_frm_billing>form>div input::-webkit-input-placeholder { color:#666; font-size:12px; font-weight:400; line-height:22px; letter-spacing:1px; text-transform:uppercase; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing>form>div input::-moz-placeholder { color:#666; font-size:12px; font-weight:400; letter-spacing:1px; text-transform:uppercase; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing>form>div input:-ms-input-placeholder { color:#666; font-size:12px; font-weight:400; line-height:22px; letter-spacing:1px; text-transform:uppercase; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing>form>div input:-moz-placeholder { color:#666; font-size:12px; font-weight:400; letter-spacing:1px; text-transform:uppercase; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing>form>div input:focus::-webkit-input-placeholder { color:#aeaeae } .js_frm_billing>form>div input:focus::-moz-placeholder { color:#aeaeae } .js_frm_billing>form>div input:focus:-ms-input-placeholder { color:#aeaeae } .js_frm_billing>form>div input:focus:-moz-placeholder { color:#aeaeae } .js_frm_billing_transparent>form>div input::-webkit-input-placeholder { color:#fff } .js_frm_billing_transparent>form>div input::-moz-placeholder { color:#fff } .js_frm_billing_transparent>form>div input:-ms-input-placeholder { color:#fff } .js_frm_billing_transparent>form>div input:-moz-placeholder { color:#fff } .js_frm_billing_transparent>form>div input:focus::-webkit-input-placeholder { color:#fff } .js_frm_billing_transparent>form>div input:focus::-moz-placeholder { color:#fff } .js_frm_billing_transparent>form>div input:focus:-ms-input-placeholder { color:#fff } .js_frm_billing_transparent>form>div input:focus:-moz-placeholder { color:#fff } .js_frm_billing_white>form>div input::-webkit-input-placeholder { color:#bababa } .js_frm_billing_white>form>div input::-moz-placeholder { color:#bababa } .js_frm_billing_white>form>div input:-ms-input-placeholder { color:#bababa } .js_frm_billing_white>form>div input:-moz-placeholder { color:#bababa } .js_frm_billing_white>form>div input:focus::-webkit-input-placeholder { color:#6edb8a } .js_frm_billing_white>form>div input:focus::-moz-placeholder { color:#6edb8a } .js_frm_billing_white>form>div input:focus:-ms-input-placeholder { color:#6edb8a } .js_frm_billing_white>form>div input:focus:-moz-placeholder { color:#6edb8a } .js_frm_billing>form .checkbox { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing>form .checkbox label { color: #666; font-size: 12px; cursor: initial; min-height: auto; font-weight: 300; letter-spacing: 1px; text-transform: capitalize; font-family: 'Open Sans', sans-serif } .js_frm_billing_white>form .checkbox label { color: #636363 } .js_frm_billing_transparent>form .checkbox label { color: #fff } .js_frm_billing>form .checkbox label>a { color: #aeaeae; text-decoration: none; -webkit-transition: color .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: color .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing>form .checkbox label>a:hover, .js_frm_billing>form .checkbox label>a:active { color: #fff } .js_frm_billing_white>form .checkbox label>a { color: #fe6756 } .js_frm_billing_transparent>form .checkbox label>a { color: #93a6c4 } .js_frm_billing>form .checkbox>div { width: 12px; height: 12px; position: relative; display: inline-block } .js_frm_billing>form .checkbox input[type="checkbox"] { top: 0; left: 0; margin: 0; z-index: 5; opacity: 0; width: 12px; height: 12px; position: absolute; vertical-align: middle } .js_frm_billing>form .checkbox>div>span { top: 4px; left: 0; z-index: 1; width: 12px; height: 12px; position: absolute; background: transparent; border: 1px solid #666; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); border-radius: 0; -webkit-border-radius: 0 } .js_frm_billing_white>form .checkbox>div>span { background: transparent; border: 1px solid #e6e6e6; border-radius: 0; -webkit-border-radius: 0 } .js_frm_billing_transparent>form .checkbox>div>span { background: #93a6c4; border: 0; border-radius: 0; -webkit-border-radius: 0 } .js_frm_billing>form .checkbox input[type=checkbox]:checked+span { background: transparent } .js_frm_billing>form .checkbox input:checked+span { border: 1px solid #aeaeae } .js_frm_billing_white>form .checkbox input[type=checkbox]:checked+span { background: transparent; border: 1px solid #fe6756 } .js_frm_billing_transparent>form .checkbox input:checked+span { background: #7b92b7 } .js_frm_billing>form .checkbox input:checked+span:before { opacity: 1 } .js_frm_billing>form .checkbox input+span:before { top: 0; left: 0; opacity: 0; width: 10px; color: #aeaeae; content: '\f00c'; font-size: 10px; line-height: 10px; text-align: center; position: absolute; vertical-align: middle; font-family: FontAwesome; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_billing_white>form .checkbox input+span:before { color: #fe6756 } .js_frm_billing_transparent>form .checkbox input+span:before { color: #fff } @media only screen and (max-width:480px) { #js_frm_038 { height: 550px } #js_frm_038>.carousel-inner, #js_frm_038>.carousel-inner>.item { height: 550px } #js_frm_038>.carousel-inner>.item>img, #js_frm_038>.carousel-inner>.item>a>img { height: 100% } .ps_control_smcartbrdr .carousel-control { display: none } .js_frm_billing { top: 0; left: 0; opacity: .9; margin: auto; height: 100%; width: 290px; overflow: auto } .js_frm_billing>h3 { font-size: 20px } .js_frm_billing>form>.row>div:nth-child(1) { padding: 0 } .js_frm_billing>form>.row>div:nth-child(2) { padding: 0 } .js_frm_billing>form .checkbox label { font-size: 11px; letter-spacing: 0 } } @media(min-width:481px) and (max-width:600px) { #js_frm_038 { height: 550px } #js_frm_038>.carousel-inner, #js_frm_038>.carousel-inner>.item { height: 550px } #js_frm_038>.carousel-inner>.item>img, #js_frm_038>.carousel-inner>.item>a>img { height: 100% } .js_frm_billing { top: 0; opacity: .9; height: 100%; width: 365px; overflow: auto } .js_frm_billing>form>.row>div:nth-child(1) { padding: 0 } .js_frm_billing>form>.row>div:nth-child(2) { padding: 0 } } @media(min-width:601px) and (max-width:767px) { #js_frm_038 { height: 550px } #js_frm_038>.carousel-inner, #js_frm_038>.carousel-inner>.item { height: 550px } #js_frm_038>.carousel-inner>.item>img, #js_frm_038>.carousel-inner>.item>a>img { height: 100% } .js_frm_billing { top: 0; overflow: auto; height: 100%; width: 365px } .js_frm_billing>form>.row>div:nth-child(1) { padding: 0 } .js_frm_billing>form>.row>div:nth-child(2) { padding: 0 } } @media(min-width:768px) and (max-width:875px) { #js_frm_038 { height: 600px } #js_frm_038>.carousel-inner, #js_frm_038>.carousel-inner>.item { height: 600px } #js_frm_038>.carousel-inner>.item>img, #js_frm_038>.carousel-inner>.item>a>img { height: 100% } .js_frm_billing { width: 90%; opacity: .9 } } @media(min-width:876px) and (max-width:1170px) { .js_frm_billing { width: 80%; opacity: .9 } } #js_frm_039 { overflow: hidden; max-height: 450px; position: relative; background: #000 } #js_frm_039:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_frm_039:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_frm_039>.carousel-inner>.item>img, #js_frm_039>.carousel-inner>.item>a>img { width: 100%; margin: auto } .ps_control_hlfradsarrow .carousel-control { top: 45%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #000; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 50px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,0.5); border: 0 } .ps_control_hlfradsarrow:hover .carousel-control { opacity: 1 } .ps_control_hlfradsarrow .carousel-control.left { left: 0; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0 } .ps_control_hlfradsarrow .carousel-control.right { right: 0; -webkit-border-radius: 100px 0 0 100px; border-radius: 100px 0 0 100px } .ps_control_hlfradsarrow .carousel-control.left:hover, .ps_control_hlfradsarrow .carousel-control.right:hover { opacity: 1; color: #000; background: rgba(255,255,255,0.8); border: 0 } .ps_control_hlfradsarrow .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_hlfradsarrow .carousel-control.right>span:nth-child(1) { right: 45% } .js_frm_search form { padding: 15px; background: #011d3a; border: 3px solid #1b344e; -webkit-border-radius: 100px; border-radius: 100px } .js_frm_search>form>.row { margin: 0 } .js_frm_search>form>.row>div { padding: 0 } .js_frm_search>form .form-group { margin: 0 } .js_frm_search_white form { background: rgba(90, 90, 90, 0.59); border-color: rgba(0,0,0,0.1); -webkit-border-radius: 0; border-radius: 0 } .js_frm_search_transparent form { background: rgba(255,255,255,0.4); border-color: transparent; -webkit-border-radius: 5px; border-radius: 5px } .js_frm_search>form>div input { height: 42px; border: 0; color: #fff; padding: 0 20px; font-weight: 400; background: #1b344e; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100px 0 0 100px; border-radius: 100px 0 0 100px; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_search>form>div input:focus { border: 0; outline: 0; background: #1b344e; -webkit-box-shadow: none; box-shadow: none } .js_frm_search_white>form>div input { color: #000; background: rgba(0,0,0,0.1); -webkit-border-radius: 0; border-radius: 0 } .js_frm_search_white>form>div input:focus { border: 0; outline: 0; background: rgba(0,0,0,0.1); -webkit-box-shadow: none; box-shadow: none } .js_frm_search_transparent>form>div input { color: #000; background: rgba(255,255,255,0.4); -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px } .js_frm_search_transparent>form>div input:focus { background: rgba(255,255,255,0.4) } .js_frm_search>form>div input::-webkit-input-placeholder { color:#fff; font-weight:400; letter-spacing:1px; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_search>form>div input::-moz-placeholder { color:#fff; font-weight:400; letter-spacing:1px; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_search>form>div input:-ms-input-placeholder { color:#fff; font-weight:400; letter-spacing:1px; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_search>form>div input:-moz-placeholder { color:#fff; font-weight:400; letter-spacing:1px; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_search_white>form>div input::-webkit-input-placeholder { color:#000 } .js_frm_search_white>form>div input::-moz-placeholder { color:#000 } .js_frm_search_white>form>div input:-ms-input-placeholder { color:#000 } .js_frm_search_white>form>div input:-moz-placeholder { color:#000 } .js_frm_search_white>form>div input:focus::-webkit-input-placeholder { color:#000 } .js_frm_search_white>form>div input:focus::-moz-placeholder { color:#000 } .js_frm_search_white>form>div input:focus:-ms-input-placeholder { color:#000 } .js_frm_search_white>form>div input:focus:-moz-placeholder { color:#000 } .js_frm_search>form>div input:focus::-webkit-input-placeholder { color:#000 } .js_frm_search>form>div input:focus::-moz-placeholder { color:#000 } .js_frm_search>form>div input:focus:-ms-input-placeholder { color:#000 } .js_frm_search>form>div input:focus:-moz-placeholder { color:#000 } .js_frm_search_transparent>form>div input::-webkit-input-placeholder { color:#000 } .js_frm_search_transparent>form>div input::-moz-placeholder { color:#000 } .js_frm_search_transparent>form>div input:-ms-input-placeholder { color:#000 } .js_frm_search_transparent>form>div input:-moz-placeholder { color:#000 } .js_frm_search_transparent>form>div input:focus::-webkit-input-placeholder { color:#000 } .js_frm_search_transparent>form>div input:focus::-moz-placeholder { color:#000 } .js_frm_search_transparent>form>div input:focus:-ms-input-placeholder { color:#000 } .js_frm_search_transparent>form>div input:focus:-moz-placeholder { color:#000 } .js_frm_search>form>div select { height: 42px; border: 0; outline: 0; color: #fff; font-weight: 400; margin-left: 1px; padding-left: 10px; padding-right: 10px; background: #1b344e; letter-spacing: 1px; text-transform: capitalize; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_search>form>div select:focus { border: 0; outline: 0; background: #1b344e; -webkit-box-shadow: none; box-shadow: none } .js_frm_search_white>form>div select { color: #fd6804; background:#fff; border-left: 2px solid rgba(253, 104, 4, 0.11); } .js_frm_search_white>form>div select:focus { background: rgba(0,0,0,0.1) } .js_frm_search_transparent>form>div select { color: #000; background: rgba(255,255,255,0.4) } .js_frm_search_transparent>form>div select:focus { background: rgba(255,255,255,0.4) } .js_frm_search { left: 0; top: 73%; right: 0; width: 60%; margin: auto; overflow: hidden; text-align: center; position: absolute; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_search_right { top: 8%; right: 6%; left: auto } .js_frm_search_center { left: 0; top: 8%; right: 0; margin: auto } .js_frm_search>h3 { padding: 0; color: #011d3a; font-size: 40px; font-weight: 400; text-shadow: none; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_frm_search>p { color: #011d3a; width: 65%; margin: auto; font-size: 18px; text-shadow: none; letter-spacing: 1px; margin-bottom: 40px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_frm_search_white>h3 { color: #fff } .js_frm_search_white>p { color: #fff } .js_frm_search_transparent>h3 { color: rgba(255,255,255,0.8) } .js_frm_search_transparent>p { color: rgba(255,255,255,0.8) } .js_frm_search>form>div>div>button, .js_frm_search>form>div>div>button:focus { width: 100%; height: 42px; border: 0; outline: 0; color: #fff; box-shadow: none; margin-left: 2px; letter-spacing: 1px; background: #1b344e; display: inline-block; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_search>form>div>div>button:hover, .js_frm_search>form>div>div>button:active { outline: none!important; color: rgba(255,255,255,0.3)!important; background: #1b344e!important; border: none!important } .js_frm_search_white>form>div>div>button, .js_frm_search_white>form>div>div>button:focus { color: #fff; background: rgb(253, 104, 4); -webkit-border-radius: 0; border-radius: 0 } .js_frm_search_white>form>div>div>button:hover, .js_frm_search_white>form>div>div>button:active { outline: none!important; color: rgb(255, 255, 255)!important; background: rgb(216, 108, 35)!important; border: none!important } .js_frm_search_transparent>form>div>div>button, .js_frm_search_transparent>form>div>div>button:focus { color: #000; background: rgba(255,255,255,0.4); -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0 } .js_frm_search_transparent>form>div>div>button:hover, .js_frm_search_transparent>form>div>div>button:active { outline: none!important; color: rgba(0,0,0,0.5)!important; background: rgba(255,255,255,0.4)!important; border: none!important } @media only screen and (max-width:480px) { .js_frm_search form { padding: 2px; border: 1px solid #1b344e } .js_frm_search>form>div input { font-size: 10px } .js_frm_search>form>div select { font-size: 10px } .js_frm_search>form>div>div>button, .js_frm_search>form>div>div>button:focus { font-size: 10px; margin-left: 2px } .ps_control_hlfradsarrow .carousel-control { display: none } .js_frm_search { top: 10%; width: 100%; background: rgba(255,255,255,0.3) } .js_frm_search>h3 { font-size: 14px; margin-bottom: 5px } .js_frm_search>p { width: 100%; font-size: 12px; margin-bottom: 5px } } @media(min-width:481px) and (max-width:600px) { .js_frm_search { top: 5%; width: 90%; background: rgba(255,255,255,0.3) } .js_frm_search>h3 { font-size: 25px } } @media(min-width:601px) and (max-width:767px) { .js_frm_search { top: 10%; width: 90% } } @media(min-width:768px) and (max-width:875px) { .js_frm_search { top: 10%; width: 80% } } #js_frm_040 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_frm_040:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_frm_040:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_frm_040>.carousel-inner>.item>img, #js_frm_040>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .5 } .ps_control_hrbrarrow .carousel-control { top: 45%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: rgba(0,0,0,0.5); display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 46px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,0.5); border: 3px solid rgba(255,255,255,0.5) } .ps_control_hrbrarrow:hover .carousel-control { opacity: 1 } .ps_control_hrbrarrow .carousel-control.left { left: 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0 } .ps_control_hrbrarrow .carousel-control.right { right: 0; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px } .ps_control_hrbrarrow .carousel-control.left:hover, .ps_control_hrbrarrow .carousel-control.right:hover { opacity: 1; color: rgba(0,0,0,0.7); background: rgba(255,255,255,0.4); border: 3px solid rgba(255,255,255,0.4) } .ps_control_hrbrarrow .carousel-control.left>span:nth-child(1) { left: 45% } .ps_control_hrbrarrow .carousel-control.right>span:nth-child(1) { right: 45% } .js_frm_subscribe form { padding: 5px; background: rgba(255,255,255,0.7); border-color: transparent; -webkit-border-radius: 5px; border-radius: 5px } .js_frm_subscribe>form>.row { margin: 0 } .js_frm_subscribe>form>.row>div { padding: 0 } .js_frm_subscribe>form .form-group { margin: 0 } .js_frm_subscribe>form>div input { height: 50px; border: 0; color: #000; padding: 0 20px; font-weight: 400; background: rgba(255,255,255,0.7); letter-spacing: 1px; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_subscribe>form>div input:focus { border: 0; outline: 0; background: rgba(255,255,255,0.7); -webkit-box-shadow: none; box-shadow: none } .js_frm_subscribe>form>div input::-webkit-input-placeholder { color:#000; font-weight:400; letter-spacing:1px; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_subscribe>form>div input::-moz-placeholder { color:#000; font-weight:400; letter-spacing:1px; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_subscribe>form>div input:-ms-input-placeholder { color:#000; font-weight:400; letter-spacing:1px; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_subscribe>form>div input:-moz-placeholder { color:#000; font-weight:400; letter-spacing:1px; -webkit-transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_subscribe>form>div input:focus::-webkit-input-placeholder { color:#000 } .js_frm_subscribe>form>div input:focus::-moz-placeholder { color:#000 } .js_frm_subscribe>form>div input:focus:-ms-input-placeholder { color:#000 } .js_frm_subscribe>form>div input:focus:-moz-placeholder { color:#000 } .js_frm_subscribe { left: 0; top: 55%; right: 0; width: 60%; margin: auto; overflow: hidden; text-align: center; position: absolute } .js_frm_subscribe>h3 { padding: 0; color: rgba(255,255,255,0.8); font-size: 40px; font-weight: 700; text-shadow: none; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_frm_subscribe>p { color: rgba(255,255,255,0.8); width: 65%; margin: auto; font-size: 14px; text-shadow: none; letter-spacing: 1px; margin-bottom: 20px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_frm_subscribe>form>div>div>button, .js_frm_subscribe>form>div>div>button:focus { width: 100%; height: 50px; border: 0; outline: 0; color: #fff; box-shadow: none; letter-spacing: 1px; background: #e6ae48; display: inline-block; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_frm_subscribe>form>div>div>button:hover, .js_frm_subscribe>form>div>div>button:active { outline: none!important; color: rgba(255,255,255,0.7)!important; background: #e6ae48!important; border: none!important } @media only screen and (max-width:480px) { .js_frm_subscribe>form>div input { font-size: 10px } .js_frm_subscribe>form>div select { font-size: 10px } .js_frm_subscribe>form>div>div>button, .js_frm_subscribe>form>div>div>button:focus { font-size: 10px } .ps_control_hrbrarrow .carousel-control { display: none } .js_frm_subscribe { top: 10%; width: 100% } .js_frm_subscribe>h3 { font-size: 14px; margin-bottom: 5px } .js_frm_subscribe>p { width: 100%; font-size: 12px; margin-bottom: 5px } } @media(min-width:481px) and (max-width:600px) { .js_frm_subscribe { top: 15%; width: 90% } .js_frm_subscribe>h3 { font-size: 25px } } @media(min-width:601px) and (max-width:767px) { .js_frm_subscribe { top: 15%; width: 90% } } @media(min-width:768px) and (max-width:1000px) { .js_frm_subscribe { top: 25%; width: 90% } } #js_graph_041 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_graph_041:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_graph_041:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_graph_041>.carousel-inner>.item>img, #js_graph_041>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .7 } .ps_indicators_square_trns>.carousel-indicators { cursor: e-resize; overflow-x: auto; overflow-y: hidden; white-space: nowrap } .ps_indicators_square_trns>.carousel-indicators li { width: 15px; height: 15px; border: 0; background: rgba(255,255,255,0.4); border-radius: 0; -webkit-border-radius: 0 } .ps_indicators_square_trns>.carousel-indicators .active { margin: 1px; width: 15px; height: 15px; border: 0; background: rgba(255,255,255,1); border-radius: 0; -webkit-border-radius: 0 } .ps_indicators_square_trns>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_square_trns>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .js_graph_simple { top: 10%; width: 40%; left: 5%; right: auto; overflow: hidden; text-align: center; position: absolute } .js_graph_simple_right { right: 5%; left: auto } .js_graph_simple_center { right: 0; left: 0; margin: auto } .js_graph_simple>h2 { color: #fff; font-size: 40px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_graph_simple>div { text-align: left } .js_graph_simple>div>span { color: #fff; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .js_graph_simple>div>.progress { height: 30px; margin-bottom: 15px; background: rgba(255,255,255,0.7); -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0 } .js_graph_simple>div>.progress>.progress-bar { color: #000; font-size: 12px; line-height: 30px; text-align: right; padding-right: 10px; background: rgba(255,255,255,0.9); -webkit-box-shadow: none; box-shadow: none } .js_graph_simple>.progress>span { text-align: left } .js_graph_simple>div:nth-child(2)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_simple>div:nth-child(3)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_simple>div:nth-child(4)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_simple>div:nth-child(5)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_simple>div:nth-child(6)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } @media only screen and (max-width:480px) { .ps_indicators_square_trns>.carousel-indicators { display: none } .js_graph_simple { top: 0; left: 0; width: 100%; padding: 3px } .js_graph_simple_right { left: 0; right: 0 } .js_graph_simple>h2 { font-size: 15px; margin: 0 } .js_graph_simple>div>.progress { height: 13px; margin-bottom: 0 } .js_graph_simple>div>.progress>.progress-bar { line-height: 13px } } @media(min-width:481px) and (max-width:600px) { .js_graph_simple>h2 { font-size: 25px; margin: 0 } .js_graph_simple>div>.progress { height: 13px; margin-bottom: 0 } .js_graph_simple>div>.progress>.progress-bar { line-height: 13px } } @media(min-width:601px) and (max-width:767px) { .js_graph_simple { width: 55% } .js_graph_simple>h2 { margin: 0 } .js_graph_simple>div>.progress { margin-bottom: 0 } } @media(min-width:768px) and (max-width:1000px) { .js_graph_simple { top: 5%; width: 55% } } #js_graph_042 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_graph_042:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_graph_042:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_graph_042>.carousel-inner>.item>img, #js_graph_042>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .4 } .ps_indicators_length_x>.carousel-indicators { left: 1%; bottom: 5%; width: 50%; margin: auto; text-align: left; padding-left: 1%; cursor: e-resize; overflow-x: auto; overflow-y: hidden; white-space: nowrap } .ps_indicators_length_x>.carousel-indicators li { width: 15px; height: 5px; border: 0; background: rgba(255,255,255,0.4); border-radius: 0; -webkit-border-radius: 0 } .ps_indicators_length_x>.carousel-indicators .active { margin: 1px; width: 15px; height: 5px; border: 0; background: #fa373d; border-radius: 0; -webkit-border-radius: 0 } .ps_indicators_length_x>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_length_x>.carousel-indicators::-webkit-scrollbar-thumb { background: #ffffff; -webkit-border-radius:0; border-radius:0 } .ps_control_bottom_lx .carousel-control { top: 91%; opacity: 1; width: 20px; height: 20px; z-index: 100; border: 0; display: block; font-size: 20px; cursor: pointer; overflow: hidden; line-height: 20px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; color: rgba(255,255,255,0.8); -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_bottom_lx:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_bottom_lx .carousel-control.left { right: 5%; left: auto } .ps_control_bottom_lx .carousel-control.right { right: 3%; left: auto } .ps_control_bottom_lx .carousel-control.left:hover, .ps_control_bottom_lx .carousel-control.right:hover { color: #fa373d; background: transparent } .js_graph_small { top: 3%; left: 10%; width: 35%; right: auto; overflow: hidden; text-align: left; position: absolute } .js_graph_small_right { right: 10%; left: auto; text-align: right } .js_graph_small_center { left: 0; right: 0; margin: auto; text-align: center } .js_graph_small>h2 { font-size: 45px; font-weight: 400; position: relative; margin-bottom: 30px; letter-spacing: 1px; text-transform: capitalize; color: #fd6804; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif } .js_graph_small>h2:after { left: 1%; right: 0; bottom: 0; width: 45%; height: 2px; content: ""; position: absolute; background: rgba(255,255,255,0.9) } .js_graph_small_right>h2:after { left: auto; right: 1% } .js_graph_small_center>h2:after { left: 0; right: 0; margin: auto } .js_graph_small>div { text-align: left } .js_graph_small>div>span { font-size: 15px; letter-spacing: 1px; text-transform: capitalize; color: rgba(255,255,255,0.9); -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif } .js_graph_small>div>span:nth-child(2) { float: right } .js_graph_small>div>.progress { height: 5px; margin-bottom: 40px; background: rgba(255,255,255,0.8); -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0 } .js_graph_small>div>.progress>.progress-bar { background: #fa373d; -webkit-box-shadow: none; box-shadow: none } .js_graph_small>div:nth-child(2)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_small>div:nth-child(3)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_small>div:nth-child(4)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_small>div:nth-child(5)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_small>div:nth-child(6)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_small>div:nth-child(7)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_small>a, .js_graph_small>a:visited { color: #fff; cursor: pointer; font-size: 12px; padding: 7px 15px; line-height: 15px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: capitalize; background: #fa373d; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s } .js_graph_small>a:hover, .js_graph_small>a:active { color: #fa373d; background: rgba(255,255,255,0.9) } @media only screen and (max-width:480px) { .ps_indicators_length_x>.carousel-indicators { display: none } .ps_control_bottom_lx .carousel-control { display: none } .js_graph_small { top: 0; left: 0; width: 100%; padding: 3px } .js_graph_small_right { left: 0; right: 0 } .js_graph_small>h2 { margin: 0; font-size: 15px } .js_graph_small>h2:after { left: 0; width: 25% } .js_graph_small_right>h2:after { left: auto; right: 0 } .js_graph_small>div>.progress { margin-bottom: 0 } .js_graph_small>a, .js_graph_small>a:visited { color: #fff; cursor: pointer; font-size: 12px; margin-top: 2px; padding: 3px 5px } } @media(min-width:481px) and (max-width:600px) { .ps_control_bottom_lx .carousel-control.left { right: 8% } .js_graph_small { width: 50% } .js_graph_small>h2 { font-size: 25px; margin: 0 } .js_graph_small>div>.progress { height: 13px; margin-bottom: 3px } .js_graph_small>div>.progress>.progress-bar { line-height: 13px } .js_graph_small>a, .js_graph_small>a:visited { color: #fff; cursor: pointer; font-size: 12px; margin-top: 2px; padding: 3px 5px } } @media(min-width:601px) and (max-width:767px) { .ps_control_bottom_lx .carousel-control.left { right: 7% } .js_graph_small>div>.progress { margin-bottom: 10px } } @media(min-width:768px) and (max-width:1000px) { .ps_control_bottom_lx .carousel-control.left { right: 7% } .js_graph_small { top: 0 } .js_graph_small>div>.progress { margin-bottom: 25px } } #js_graph_043 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_graph_043:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_graph_043:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_graph_043>.carousel-inner>.item>img, #js_graph_043>.carousel-inner>.item>a>img { width: 100%; margin: auto } .ps_indicators_numbers_x>.carousel-indicators { top: 1%; left: 1%; width: 98%; height: 45px; padding-left: 1%; cursor: e-resize; overflow-x: auto; text-align: right; margin-left: auto; margin-right: auto; overflow-y: hidden; white-space: nowrap } .ps_indicators_numbers_x>.carousel-indicators li { width: auto; height: auto; border: 0; padding: 5px; color: #fff; text-indent: 0; font-size: 18px; line-height: 14px; text-align: center; background: transparent; font-family: 'Raleway', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_indicators_numbers_x>.carousel-indicators .active { margin: 1px; width: auto; height: auto; border: 0; font-size: 35px; font-weight: 600; background: transparent; text-indent: 0; border-radius: 0; -webkit-border-radius: 0 } .ps_indicators_numbers_x>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_numbers_x>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_bottom_rx .carousel-control { top: 91%; opacity: 1; width: 20px; height: 20px; z-index: 100; border: 0; color: #fff; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 20px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-transition: all 1s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all 1s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_control_bottom_rx:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all 1s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_control_bottom_rx .carousel-control.left { left: 3% } .ps_control_bottom_rx .carousel-control.right { left: 6%; right: auto } .ps_control_bottom_rx .carousel-control.left:hover, .ps_control_bottom_rx .carousel-control.right:hover { color: #434343; background: transparent } .js_graph_striped_anim { top: 6%; left: 5%; width: 38%; right: auto; overflow: hidden; text-align: left; position: absolute; background: #323433; padding: 0 20px 20px 20px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 43px 69px -25px rgba(0,0,0,0.75); -moz-box-shadow: 0 43px 69px -25px rgba(0,0,0,0.75); box-shadow: 0 43px 69px -25px rgba(0,0,0,0.75) } .js_graph_striped_anim_right { right: 10%; left: auto; text-align: right } .js_graph_striped_anim_center { left: 0; right: 0; margin: auto; text-align: center } .js_graph_striped_anim>h2 { color: #afafaf; font-size: 30px; font-weight: 600; position: relative; margin-bottom: 30px; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_anim>div { text-align: left } .js_graph_striped_anim>div>span { color: #afafaf; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif } .js_graph_striped_anim>div>span:nth-child(2) { float: right } .js_graph_striped_anim>div>.progress { height: 15px; margin-bottom: 30px; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100px; border-radius: 100px } @-webkit-keyframes ps_progress_bar_animation { from { background-position:40px 0 } to { background-position: 0 0 } } @-o-keyframes ps_progress_bar_animation { from { background-position:40px 0 } to { background-position: 0 0 } } @keyframes ps_progress_bar_animation { from { background-position:40px 0 } to { background-position: 0 0 } } .js_graph_striped_anim>div>.progress>.progress-bar { -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100px; border-radius: 100px; background: #434343; -webkit-animation: ps_progress_bar_animation 2s linear infinite; -o-animation: ps_progress_bar_animation 2s linear infinite; animation: ps_progress_bar_animation 2s linear infinite; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 10px 10px; background-size: 10px 10px } .js_graph_striped_anim>div:nth-child(2) { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_anim>div:nth-child(3) { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_anim>div:nth-child(4) { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_anim>div:nth-child(5) { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_anim>div:nth-child(6) { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_anim>div:nth-child(7) { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_anim>a, .js_graph_striped_anim>a:visited { color: #afafaf; cursor: pointer; font-size: 12px; padding: 10px 40px; line-height: 15px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; background: #434343; -webkit-animation: ps_progress_bar_animation 2s linear infinite; -o-animation: ps_progress_bar_animation 2s linear infinite; animation: ps_progress_bar_animation 2s linear infinite; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 10px 10px; background-size: 10px 10px; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .js_graph_striped_anim>a:hover, .js_graph_striped_anim>a:active { color: #434343; background: #fff; -webkit-animation: ps_progress_bar_animation 2s linear infinite; -o-animation: ps_progress_bar_animation 2s linear infinite; animation: ps_progress_bar_animation 2s linear infinite; background-image: -webkit-linear-gradient(45deg, rgba(67,67,67,.15) 25%, transparent 25%, transparent 50%, rgba(67,67,67,.15) 50%, rgba(67,67,67,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(67,67,67,.15) 25%, transparent 25%, transparent 50%, rgba(67,67,67,.15) 50%, rgba(67,67,67,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(67,67,67,.15) 25%, transparent 25%, transparent 50%, rgba(67,67,67,.15) 50%, rgba(67,67,67,.15) 75%, transparent 75%, transparent); -webkit-background-size: 10px 10px; background-size: 10px 10px } @media only screen and (max-width:480px) { .ps_indicators_numbers_x>.carousel-indicators { display: none } .ps_control_bottom_rx .carousel-control { display: none } .js_graph_striped_anim { top: 0; left: 0; width: 100%; padding: 3px; opacity: .8 } .js_graph_striped_anim_right { left: 0; right: 0 } .js_graph_striped_anim>h2 { margin: 0; font-size: 14px } .js_graph_striped_anim>div>.progress { height: 5px; margin-bottom: 0 } .js_graph_striped_anim>a, .js_graph_striped_anim>a:visited { font-size: 10px; margin-top: 2px; padding: 2px 15px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_numbers_x>.carousel-indicators { display: none } .ps_control_bottom_rx .carousel-control { display: none } .js_graph_striped_anim { top: 1%; width: 67%; opacity: .9 } .js_graph_striped_anim>h2 { font-size: 25px; margin: 0 } .js_graph_striped_anim>div>.progress { height: 13px; margin-bottom: 7px } .js_graph_striped_anim>a, .js_graph_striped_anim>a:visited { padding: 5px 20px } } @media(min-width:601px) and (max-width:767px) { .js_graph_striped_anim { top: 4%; width: 65%; opacity: .9 } .js_graph_striped_anim>div>.progress { margin-bottom: 5px } .js_graph_striped_anim>a, .js_graph_striped_anim>a:visited { padding: 5px 20px } } @media(min-width:768px) and (max-width:1000px) { .js_graph_striped_anim { width: 50% } .js_graph_striped_anim>div>.progress { margin-bottom: 15px } } #js_graph_044 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_graph_044:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_graph_044:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_graph_044>.carousel-inner>.item>img, #js_graph_044>.carousel-inner>.item>a>img { width: 100%!important; opacity: .9; margin: auto } .ps_indicators_numbers_y>.carousel-indicators { top: 1%; left: auto; right: 1%; width: 55px; height: 100%; padding: 0; cursor: s-resize; overflow-y: auto; margin-left: auto; margin-right: auto; overflow-x: hidden; white-space: nowrap } .ps_indicators_numbers_y>.carousel-indicators li { width: auto; height: auto; border: 0; padding: 5px; color: #fff; text-indent: 0; font-size: 18px; line-height: 14px; display: block; margin-top: 10px; text-align: center; background: transparent; font-family: 'Playfair Display', serif; border-radius: 0; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_indicators_numbers_y>.carousel-indicators .active { margin: 1px; width: auto; height: auto; border: 0; font-size: 35px; font-weight: 600; background: transparent; text-indent: 0; border-radius: 0; -webkit-border-radius: 0 } .ps_indicators_numbers_y>.carousel-indicators::-webkit-scrollbar { width:5px } .ps_indicators_numbers_y>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_l_t_y .carousel-control { top: 10%; opacity: 1; width: 30px; height: 30px; z-index: 100; border: 0; color: #fff; display: block; font-size: 22px; cursor: pointer; overflow: hidden; line-height: 30px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_l_t_y:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_l_t_y .carousel-control.left { left: 2% } .ps_control_l_t_y .carousel-control.right { top: 5%; left: 2% } .ps_control_l_t_y .carousel-control.left:hover, .ps_control_l_t_y .carousel-control.right:hover { color: #e5ad4a; background: transparent } .js_graph_striped { top: 6%; left: 10%; width: 38%; right: auto; overflow: hidden; text-align: left; position: absolute; padding: 0 20px 20px 20px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .js_graph_striped_right { right: 10%; left: auto; text-align: right } .js_graph_striped_center { left: 0; right: 0; margin: auto; text-align: center } .js_graph_striped>h2 { color: #212121; font-size: 30px; font-weight: 600; position: relative; font-style: italic; margin-bottom: 30px; letter-spacing: 3px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped>div { text-align: left } .js_graph_striped>div>span { color: #212121; font-size: 15px; letter-spacing: 1px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif } .js_graph_striped>div>span:nth-child(2) { float: right } .js_graph_striped>div>.progress { height: 15px; margin-bottom: 30px; background: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0 } .js_graph_striped>div>.progress>.progress-bar { -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; background: #e5ad4a; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 30px 40px; background-size: 40px 40px } .js_graph_striped>div:nth-child(2)>.progress>.progress-bar { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped>div:nth-child(3)>.progress>.progress-bar { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped>div:nth-child(4)>.progress>.progress-bar { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped>div:nth-child(5)>.progress>.progress-bar { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped>div:nth-child(6)>.progress>.progress-bar { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped>div:nth-child(7)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped>a, .js_graph_striped>a:visited { color: #fff; cursor: pointer; font-size: 12px; padding: 10px 30px; line-height: 15px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif; background: #e5ad4a; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .js_graph_striped>a:hover, .js_graph_striped>a:active { color: #212121; background: #fff; background-image: -webkit-linear-gradient(45deg, rgba(230,172,73,.15) 25%, transparent 25%, transparent 50%, rgba(230,172,73,.15) 50%, rgba(230,172,73,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(230,172,73,.15) 25%, transparent 25%, transparent 50%, rgba(230,172,73,.15) 50%, rgba(230,172,73,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(230,172,73,.15) 25%, transparent 25%, transparent 50%, rgba(230,172,73,.15) 50%, rgba(230,172,73,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } @media only screen and (max-width:480px) { .ps_indicators_numbers_y>.carousel-indicators { display: none } .ps_control_l_t_y .carousel-control { display: none } .js_graph_striped { top: 0; left: 6%; width: 200px; background: rgba(255,255,255,0.7) } .js_graph_striped_right { right: 6%; left: auto } .js_graph_striped>h2 { margin: 0; font-size: 14px } .js_graph_striped>div>.progress { height: 5px; margin-bottom: 0 } .js_graph_striped>a, .js_graph_striped>a:visited { font-size: 10px; margin-top: 2px; padding: 2px 15px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_numbers_y>.carousel-indicators { display: none } .ps_control_l_t_y .carousel-control { display: none } .js_graph_striped { top: 1%; width: 300px; background: rgba(255,255,255,0.7) } .js_graph_striped>h2 { font-size: 25px; margin: 0 } .js_graph_striped>div>.progress { height: 13px; margin-bottom: 7px } .js_graph_striped>a, .js_graph_striped>a:visited { padding: 5px 20px } } @media(min-width:601px) and (max-width:767px) { .js_graph_striped { top: 4%; width: 300px } .js_graph_striped>div>.progress { margin-bottom: 5px } .js_graph_striped>a, .js_graph_striped>a:visited { padding: 5px 20px } } @media(min-width:768px) and (max-width:1000px) { .js_graph_striped { width: 50% } } #js_graph_045 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_graph_045:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_graph_045:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_graph_045>.carousel-inner>.item>img, #js_graph_045>.carousel-inner>.item>a>img { width: 100%; opacity: .9; margin: auto } .ps_indicators_numbers_y_c>.carousel-indicators { top: 35%; left: auto; right: 1%; width: 55px; height: 65%; padding: 0; text-align: center; cursor: s-resize; overflow-y: auto; margin-left: auto; margin-right: auto; overflow-x: hidden; white-space: nowrap } .ps_indicators_numbers_y_c>.carousel-indicators li { width: auto; height: auto; border: 0; padding: 5px; color: #000; text-indent: 0; font-size: 18px; line-height: 14px; display: block; margin-top: 10px; text-align: center; background: transparent; font-family: 'Playfair Display', serif; border-radius: 0; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-transition: font-size .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: font-size .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_indicators_numbers_y_c>.carousel-indicators .active { margin: 1px; width: auto; height: auto; border: 0; font-size: 35px; font-weight: 600; border-right: 2px solid #000; background: transparent; text-indent: 0; border-radius: 0; -webkit-border-radius: 0 } .ps_indicators_numbers_y_c>.carousel-indicators::-webkit-scrollbar { width:5px } .ps_indicators_numbers_y_c>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_t_b_y .carousel-control { opacity: 1; width: 30px; height: 30px; z-index: 100; border: 0; color: #000; display: block; font-size: 22px; cursor: pointer; overflow: hidden; line-height: 30px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_t_b_y:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_t_b_y .carousel-control.left { top: 89%; left: 2% } .ps_control_t_b_y .carousel-control.right { top: 5%; left: 2% } .ps_control_t_b_y .carousel-control.left:hover, .ps_control_t_b_y .carousel-control.right:hover { color: #fff; background: transparent } .js_graph_striped_y { top: 7%; left: 10%; width: 35%; right: auto; overflow: hidden; text-align: left; position: absolute; padding: 0 20px 20px 20px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .js_graph_striped_y_right { right: 10%; left: auto; text-align: right } .js_graph_striped_y_center { left: 0; right: 0; margin: auto; text-align: center } .js_graph_striped_y>h2 { color: #212121; font-size: 30px; font-weight: 600; position: relative; margin-bottom: 30px; letter-spacing: 3px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_y>div { text-align: center } .js_graph_striped_y>div>span { float: left; color: #000; width: 100px; font-size: 15px; background: #f6f6f6; line-height: 50px; letter-spacing: 1px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif } .js_graph_striped_y>div>.progress { height: 50px; margin-bottom: 30px; background: #f6f6f6; border: 2px solid #f6f6f6; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0 } .js_graph_striped_y>div>.progress>.progress-bar { line-height: 50px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; background: #000; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 30px 40px; background-size: 40px 40px } .js_graph_striped_y>div:nth-child(2)>.progress>.progress-bar { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_y>div:nth-child(3)>.progress>.progress-bar { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_y>div:nth-child(4)>.progress>.progress-bar { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_y>div:nth-child(5)>.progress>.progress-bar { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_y>div:nth-child(6)>.progress>.progress-bar { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_y>div:nth-child(7)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_graph_striped_y>a, .js_graph_striped_y>a:visited { color: #fff; cursor: pointer; font-size: 12px; padding: 10px 30px; line-height: 15px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Playfair Display', serif; background: #000; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .js_graph_striped_y>a:hover, .js_graph_striped_y>a:active { color: #000; background: #fff; background-image: -webkit-linear-gradient(45deg, rgba(0,0,0,.15) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.15) 50%, rgba(0,0,0,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(0,0,0,.15) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.15) 50%, rgba(0,0,0,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(0,0,0,.15) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.15) 50%, rgba(0,0,0,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } @media only screen and (max-width:480px) { .ps_indicators_numbers_y_c>.carousel-indicators { display: none } .ps_control_t_b_y .carousel-control { display: none } .js_graph_striped_y { top: 0; left: 1%; width: 225px } .js_graph_striped_y_right { right: -5%; left: auto } .js_graph_striped_y>h2 { margin: 0; font-size: 14px } .js_graph_striped_y>div>.progress { height: 25px; border: 0; margin-bottom: 5px } .js_graph_striped_y>div>.progress>.progress-bar { font-size: 9px; line-height: 25px } .js_graph_striped_y>div>span { width: 50px; font-size: 10px; line-height: 25px } .js_graph_striped_y>a, .js_graph_striped_y>a:visited { font-size: 10px; margin-top: 2px; padding: 2px 15px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_numbers_y_c>.carousel-indicators { display: none } .ps_control_t_b_y .carousel-control { display: none } .js_graph_striped_y { top: -5%; width: 300px } .js_graph_striped_y_right { right: 3%; left: auto } .js_graph_striped_y>h2 { margin: 0; font-size: 25px } .js_graph_striped_y>div>.progress { margin-bottom: 5px } } @media(min-width:601px) and (max-width:767px) { .js_graph_striped_y { top: 0; width: 350px } .js_graph_striped_y>div>.progress { margin-bottom: 5px } } @media(min-width:768px) and (max-width:1000px) { .js_graph_striped_y { left: 15%; width: 50% } .js_graph_striped_y_right { right: 17%; left: auto } } @media(min-width:1001px) and (max-width:1150px) { .js_graph_striped_y { left: 15% } .js_graph_striped_y_right { right: 17%; left: auto } } #js_graph_046 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_graph_046:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_graph_046:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_graph_046>.carousel-inner>.item>img, #js_graph_046>.carousel-inner>.item>a>img { width: 100%; margin: auto } .ps_indicators_numb_brdr>.carousel-indicators { top: 0; left: 0; width: 100%; height: 60px; margin-left: 0; text-align: left; cursor: e-resize; overflow-x: auto; padding-left: 3%; padding-right: 3%; line-height: 70px; overflow-y: hidden; white-space: nowrap } .ps_indicators_numb_brdr>.carousel-indicators li { width: 20px; height: 20px; text-indent: 0; line-height: 0; color: #000; font-size: 18px; border: 2px solid rgba(0,0,0,0.5); background: rgba(255,255,255,0.7); font-family: 'Raleway', sans-serif; border-radius: 100%; -webkit-border-radius: 100%; -webkit-font-smoothing: antialiased; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.7); box-shadow: 0 0 0 2px rgba(255,255,255,0.7) } .ps_indicators_numb_brdr>.carousel-indicators li span { top: 0; opacity: 0; position: relative } .ps_indicators_numb_brdr>.carousel-indicators .active { width: 20px; margin: 1px; height: 20px; text-indent: 0; background: rgba(0,0,0,0.7); border: 2px solid rgba(255,255,255,0.7); -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.7); box-shadow: 0 0 0 2px rgba(0,0,0,0.7) } .ps_indicators_numb_brdr>.carousel-indicators .active span { opacity: 1; top: -20px; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_indicators_numb_brdr>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_numb_brdr>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_b_r_radius .carousel-control { top: 89%; opacity: 1; width: 25px; height: 25px; z-index: 100; border: 0; color: #000; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 22px; text-shadow: none; position: absolute; font-weight: normal; border: 2px solid rgba(0,0,0,0.5); background: rgba(255,255,255,0.7); font-family: 'Raleway', sans-serif; border-radius: 100%; -webkit-border-radius: 100%; -webkit-font-smoothing: antialiased; -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.7); box-shadow: 0 0 0 2px rgba(255,255,255,0.7); -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_b_r_radius:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_b_r_radius .carousel-control.left { right: 5%; left: auto } .ps_control_b_r_radius .carousel-control.right { right: 2%; left: auto } .ps_control_b_r_radius .carousel-control.left:hover, .ps_control_b_r_radius .carousel-control.right:hover { color: #fff; background: transparent } .js_graph_x { top: 7%; left: 10%; width: 35%; right: auto; overflow: hidden; text-align: left; position: absolute; padding: 0 20px 20px 20px } .js_graph_x_right { right: 10%; left: auto; text-align: right } .js_graph_x_center { left: 0; right: 0; margin: auto; text-align: center } .js_graph_x>h2 { color: #212121; font-size: 30px; font-weight: 400; position: relative; margin-bottom: 30px; letter-spacing: 3px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_x>div { text-align: center } .js_graph_x>div>span { float: left; width: 125px; color: #000; font-size: 15px; line-height: 40px; position: relative; background: #f6f6f6; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; -webkit-border-radius: 100px 0 0 100px; border-radius: 100px 0 0 100px } .js_graph_x>div>span:after { top: 10px; z-index: 2; content: ''; right: -10px; display: block; position: absolute; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent #f6f6f6 } .js_graph_x>div>.progress { height: 40px; margin-bottom: 30px; background: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0 } .js_graph_x>div>.progress>.progress-bar { color: #f6f6f6; line-height: 40px; background: #000; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0 } .js_graph_x>div:nth-child(2)>.progress>.progress-bar { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_x>div:nth-child(3)>.progress>.progress-bar { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_x>div:nth-child(4)>.progress>.progress-bar { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_x>div:nth-child(5)>.progress>.progress-bar { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_x>div:nth-child(6)>.progress>.progress-bar { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_x>div:nth-child(7)>.progress>.progress-bar { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_x>a, .js_graph_x>a:visited { color: #f6f6f6; cursor: pointer; font-size: 12px; padding: 10px 30px; line-height: 15px; text-align: center; letter-spacing: 2px; white-space: nowrap; background: #000; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s } .js_graph_x>a:hover, .js_graph_x>a:active { color: #000; background: #f6f6f6 } @media only screen and (max-width:480px) { .ps_indicators_numb_brdr>.carousel-indicators { display: none } .ps_control_b_r_radius .carousel-control { display: none } .js_graph_x { top: 5%; left: 1%; width: 300px } .js_graph_x_right { right: -4%; left: auto } .js_graph_x>h2 { margin: 0; font-size: 14px } .js_graph_x>div>.progress { height: 25px; border: 0; margin-bottom: 5px } .js_graph_x>div>.progress>.progress-bar { font-size: 9px; line-height: 25px } .js_graph_x>div>span { width: 80px; font-size: 10px; line-height: 25px } .js_graph_x>div>span:after { top: 7px; right: -5px; border-width: 5px 0 5px 5px } .js_graph_x>a, .js_graph_x>a:visited { font-size: 10px; margin-top: 2px; padding: 2px 15px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_numb_brdr>.carousel-indicators { display: none } .ps_control_b_r_radius .carousel-control { display: none } .js_graph_x { top: 4%; left: 1%; width: 400px } .js_graph_x_right { right: 3%; left: auto } .js_graph_x>h2 { margin: 0; font-size: 25px } .js_graph_x>div>.progress { margin-bottom: 5px } } @media(min-width:601px) and (max-width:767px) { .ps_control_b_r_radius .carousel-control.left { right: 7% } .js_graph_x { top: 15%; left: 1%; width: 450px } .js_graph_x_right { right: 1%; left: auto } .js_graph_x>h2 { margin: 0; margin-bottom: 5px } .js_graph_x>div>.progress { margin-bottom: 5px } } @media(min-width:768px) and (max-width:1000px) { .ps_control_b_r_radius .carousel-control.left { right: 6% } .js_graph_x { width: 50% } .js_graph_x>h2 { margin-bottom: 5px } } @media(min-width:1001px) and (max-width:1150px) { .js_graph_x { width: 50% } } #js_graph_047 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_graph_047:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_graph_047:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_graph_047>.carousel-inner>.item>img, #js_graph_047>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .7 } .ps_indicators_numb_long>.carousel-indicators { bottom: 5px; cursor: e-resize; overflow-x: auto; line-height: 80px; overflow-y: hidden; white-space: nowrap } .ps_indicators_numb_long>.carousel-indicators li { width: 30px; height: 5px; text-indent: 0; line-height: 0; color: #fff; font-size: 22px; background: rgba(255,255,255,0.8); border: 1px solid #000; font-family: 'Josefin Sans', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.8); box-shadow: 0 0 0 1px rgba(255,255,255,0.8) } .ps_indicators_numb_long>.carousel-indicators li span { opacity: 0; top: -20px; left: -25px; position: relative } .ps_indicators_numb_long>.carousel-indicators .active { width: 30px; margin: 1px; height: 5px; text-indent: 0; background: #fff; border: 1px solid #000; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff } .ps_indicators_numb_long>.carousel-indicators .active span { left: 0; opacity: 1; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_indicators_numb_long>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_numb_long>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_square_box .carousel-control { top: 2%; opacity: 1; width: 25px; height: 25px; z-index: 100; border: 0; color: #000; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 22px; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,0.8); border: 1px solid #000; font-family: 'Josefin Sans', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.8); box-shadow: 0 0 0 1px rgba(255,255,255,0.8); -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_square_box:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_square_box .carousel-control.left { right: 5%; left: auto } .ps_control_square_box .carousel-control.right { right: 2%; left: auto } .ps_control_square_box .carousel-control.left:hover, .ps_control_square_box .carousel-control.right:hover { color: #000; background: #fff; border: 1px solid #000; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff } .js_graph_long_bar_x { top: 10%; left: 5%; width: 50%; right: auto; overflow: hidden; text-align: left; position: absolute; padding: 0 20px 20px 20px } .js_graph_long_bar_x_right { right: 10%; left: auto; text-align: right } .js_graph_long_bar_x_center { left: 0; right: 0; margin: auto; text-align: center } .js_graph_long_bar_x>h2 { color: #fff; font-size: 30px; font-weight: 400; position: relative; margin-bottom: 20px; letter-spacing: 3px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_x>p { color: #fff; font-size: 15px; font-weight: 400; letter-spacing: 1px; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_graph_long_bar_x>ul { padding: 0; width: 250px; list-style-type: none } .js_graph_long_bar_x>ul>li { color: #fff; font-size: 15px; margin-top: 3px; font-weight: 400; position: relative; letter-spacing: 1px; padding: 0 0 0 30px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_graph_long_bar_x_right>ul { margin-left: auto } .js_graph_long_bar_x_right>ul>li { padding: 0 30px 0 0 } .js_graph_long_bar_x>ul>li:nth-child(1):after, .js_graph_long_bar_x>ul>li:nth-child(2):after, .js_graph_long_bar_x>ul>li:nth-child(3):after, .js_graph_long_bar_x>ul>li:nth-child(4):after, .js_graph_long_bar_x>ul>li:nth-child(5):after { left: 0; width: 21px; content: ""; height: 21px; position: absolute } .js_graph_long_bar_x_right>ul>li:nth-child(1):after, .js_graph_long_bar_x_right>ul>li:nth-child(2):after, .js_graph_long_bar_x_right>ul>li:nth-child(3):after, .js_graph_long_bar_x_right>ul>li:nth-child(4):after, .js_graph_long_bar_x_right>ul>li:nth-child(5):after { right: 0; left: auto } .js_graph_long_bar_x_center>ul { margin-left: auto; margin-right: auto } .js_graph_long_bar_x_center>ul>li:nth-child(1):after, .js_graph_long_bar_x_center>ul>li:nth-child(2):after, .js_graph_long_bar_x_center>ul>li:nth-child(3):after, .js_graph_long_bar_x_center>ul>li:nth-child(4):after, .js_graph_long_bar_x_center>ul>li:nth-child(5):after { left: 60px } .js_graph_long_bar_x>.progress { height: 50px; margin-bottom: 30px; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0 } .js_graph_long_bar_x>.progress>.progress-bar { color: #fff; font-size: 14px; line-height: 50px; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0 } .js_graph_long_bar_x>.progress>.progress-bar:nth-child(1) { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_x>.progress>.progress-bar:nth-child(2) { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_x>.progress>.progress-bar:nth-child(3) { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_x>.progress>.progress-bar:nth-child(4) { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_x>.progress>.progress-bar:nth-child(5) { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_x>a, .js_graph_long_bar_x>a:visited { color: #000; cursor: pointer; font-size: 12px; padding: 10px 30px; line-height: 15px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; background: rgba(255,255,255,0.8); -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s } .js_graph_long_bar_x>a:hover, .js_graph_long_bar_x>a:active { color: #000; background: #fff } .js_graph_long_bar_x>ul>li:nth-child(1):after, .js_graph_long_bar_x>.progress>.progress-bar:nth-child(1) { background: #fe4745 } .js_graph_long_bar_x>ul>li:nth-child(2):after, .js_graph_long_bar_x>.progress>.progress-bar:nth-child(2) { background: #4fbf69 } .js_graph_long_bar_x>ul>li:nth-child(3):after, .js_graph_long_bar_x>.progress>.progress-bar:nth-child(3) { background: #a92d7e } .js_graph_long_bar_x>ul>li:nth-child(4):after, .js_graph_long_bar_x>.progress>.progress-bar:nth-child(4) { background: #fdac14 } .js_graph_long_bar_x>ul>li:nth-child(5):after, .js_graph_long_bar_x>.progress>.progress-bar:nth-child(5) { background: #366bb7 } @media only screen and (max-width:480px) { .ps_indicators_numb_long>.carousel-indicators { display: none } .ps_control_square_box .carousel-control { display: none } .js_graph_long_bar_x { top: 0; left: 0; width: 100%; padding: 5px } .js_graph_long_bar_x_right { right: 1%; left: auto } .js_graph_long_bar_x>h2 { margin: 0; font-size: 14px } .js_graph_long_bar_x>p { font-size: 10px } .js_graph_long_bar_x>ul { margin: 0 } .js_graph_long_bar_x>ul>li { font-size: 10px; margin-top: 1px; padding: 0 0 0 30px } .js_graph_long_bar_x>ul>li:nth-child(1):after, .js_graph_long_bar_x>ul>li:nth-child(2):after, .js_graph_long_bar_x>ul>li:nth-child(3):after, .js_graph_long_bar_x>ul>li:nth-child(4):after, .js_graph_long_bar_x>ul>li:nth-child(5):after { width: 10px; height: 10px } .js_graph_long_bar_x_right>ul { margin-left: auto } .js_graph_long_bar_x_right>ul>li { padding: 0 30px 0 0 } .js_graph_long_bar_x_center>ul { margin-left: auto; margin-right: auto } .js_graph_long_bar_x_center>ul>li:nth-child(1):after, .js_graph_long_bar_x_center>ul>li:nth-child(2):after, .js_graph_long_bar_x_center>ul>li:nth-child(3):after, .js_graph_long_bar_x_center>ul>li:nth-child(4):after, .js_graph_long_bar_x_center>ul>li:nth-child(5):after { left: 90px } .js_graph_long_bar_x>.progress { height: 20px; margin-bottom: 2px } .js_graph_long_bar_x>.progress>.progress-bar { font-size: 10px; line-height: 20px } .js_graph_long_bar_x>a, .js_graph_long_bar_x>a:visited { font-size: 10px; margin-top: 2px; padding: 2px 15px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_numb_long>.carousel-indicators { display: none } .ps_control_square_box .carousel-control { display: none } .js_graph_long_bar_x { top: 0; left: 0; width: 100%; padding: 5px } .js_graph_long_bar_x_right { right: 0; left: auto } .js_graph_long_bar_x>h2 { margin: 0; font-size: 25px } .js_graph_long_bar_x>p { font-size: 12px } .js_graph_long_bar_x>.progress { height: 40px; margin-bottom: 2px } .js_graph_long_bar_x>.progress>.progress-bar { line-height: 40px } } @media(min-width:601px) and (max-width:767px) { .ps_control_square_box .carousel-control.left { right: 7% } .js_graph_long_bar_x { top: 5%; left: 0; width: 100%; padding: 5px } .js_graph_long_bar_x_right { right: 0; left: auto } .js_graph_long_bar_x>h2 { margin: 0; font-size: 25px } .js_graph_long_bar_x>p { font-size: 12px } .js_graph_long_bar_x>.progress { height: 40px; margin-bottom: 2px } .js_graph_long_bar_x>.progress>.progress-bar { line-height: 40px } } @media(min-width:768px) and (max-width:1000px) { .ps_control_square_box .carousel-control.left { right: 6% } .js_graph_long_bar_x { top: 5%; width: 75% } } #js_graph_048 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_graph_048:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_graph_048:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_graph_048>.carousel-inner>.item>img, #js_graph_048>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .7 } .ps_indicators_numb_glow>.carousel-indicators { bottom: 5px; text-align: right; cursor: e-resize; overflow-x: auto; line-height: 80px; overflow-y: hidden; white-space: nowrap; padding-left: 10px; padding-right: 10px } .ps_indicators_numb_glow>.carousel-indicators li { width: 30px; height: 5px; border: 0; text-indent: 0; line-height: 0; color: #fff; font-size: 22px; background: #fff; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; border-radius: 100px; -webkit-border-radius: 100px; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,0.7); box-shadow: 0 0 1px 1px rgba(255,255,255,0.7) } .ps_indicators_numb_glow>.carousel-indicators li span { opacity: 0; top: -40px; position: relative } .ps_indicators_numb_glow>.carousel-indicators .active { width: 30px; margin: 1px; height: 5px; border: 0; text-indent: 0; background: #000; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.7); box-shadow: 0 0 1px 1px rgba(0,0,0,0.7) } .ps_indicators_numb_glow>.carousel-indicators .active span { top: -20px; opacity: 1; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_indicators_numb_glow>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_numb_glow>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_glow .carousel-control { top: 2%; opacity: 1; width: 25px; height: 25px; z-index: 100; border: 0; color: #000; display: block; font-size: 18px; cursor: pointer; overflow: hidden; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,1); font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: 0 0 2px 2px rgba(255,255,255,0.7); box-shadow: 0 0 2px 2px rgba(255,255,255,0.7); -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_glow:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .ps_control_glow .carousel-control.left { right: auto; left: 2%; border-radius: 100px 0 0 100px; -webkit-border-radius: 100px 0 0 100px } .ps_control_glow .carousel-control.right { right: auto; left: 5%; border-radius: 0 100px 100px 0; -webkit-border-radius: 0 100px 100px 0 } .ps_control_glow .carousel-control span { margin: auto } .ps_control_glow .carousel-control.left:hover, .ps_control_glow .carousel-control.right:hover { color: #000; background: #fff; -webkit-box-shadow: 0 0 3px 3px #fff; box-shadow: 0 0 3px 3px #fff } .js_graph_long_bar_radius { top: 20%; left: 2%; width: 60%; right: auto; overflow: hidden; text-align: left; position: absolute; padding: 0 20px 20px 20px } .js_graph_long_bar_radius_right { right: 2%; left: auto; text-align: right } .js_graph_long_bar_radius_center { left: 0; right: 0; margin: auto; text-align: center } .js_graph_long_bar_radius>h2 { color: #fff; font-size: 30px; font-weight: 400; position: relative; margin-bottom: 20px; letter-spacing: 3px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_radius>p { color: #fff; font-size: 15px; font-weight: 400; letter-spacing: 1px; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_graph_long_bar_radius>ul { padding: 0; list-style-type: none } .js_graph_long_bar_radius>ul>li { color: #fff; font-size: 15px; font-weight: 400; margin-right: 20px; position: relative; letter-spacing: 1px; padding: 0 0 0 30px; display: inline-block; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_graph_long_bar_radius_right>ul { margin-left: auto } .js_graph_long_bar_radius_right>ul>li { padding: 0 30px 0 0 } .js_graph_long_bar_radius>ul>li:nth-child(1):after, .js_graph_long_bar_radius>ul>li:nth-child(2):after, .js_graph_long_bar_radius>ul>li:nth-child(3):after, .js_graph_long_bar_radius>ul>li:nth-child(4):after, .js_graph_long_bar_radius>ul>li:nth-child(5):after { left: 0; width: 21px; content: ""; height: 21px; position: absolute; border-radius: 100px 0 0 100px; -webkit-border-radius: 100px 0 0 100px } .js_graph_long_bar_radius_right>ul>li:nth-child(1):after, .js_graph_long_bar_radius_right>ul>li:nth-child(2):after, .js_graph_long_bar_radius_right>ul>li:nth-child(3):after, .js_graph_long_bar_radius_right>ul>li:nth-child(4):after, .js_graph_long_bar_radius_right>ul>li:nth-child(5):after { right: 0; left: auto; border-radius: 0 100px 100px 0; -webkit-border-radius: 0 100px 100px 0 } .js_graph_long_bar_radius_center>ul { margin-left: auto; margin-right: auto } .js_graph_long_bar_radius>.progress { height: 50px; margin: 30px 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 0 25px #000; box-shadow: 0 0 25px #000 } .js_graph_long_bar_radius>.progress>.progress-bar { color: #fff; font-size: 14px; line-height: 50px; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none } .js_graph_long_bar_radius>.progress>.progress-bar:nth-child(1) { border-radius: 100px 0 0 100px; -webkit-border-radius: 100px 0 0 100px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_radius>.progress>.progress-bar:nth-child(2) { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_radius>.progress>.progress-bar:nth-child(3) { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_radius>.progress>.progress-bar:nth-child(4) { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_radius>.progress>.progress-bar:nth-child(5) { border-radius: 0 100px 100px 0; -webkit-border-radius: 0 100px 100px 0; -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .js_graph_long_bar_radius>a, .js_graph_long_bar_radius>a:visited { color: #000; cursor: pointer; font-size: 12px; padding: 10px 30px; line-height: 15px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; background: rgba(255,255,255,0.7); -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; border-radius: 100px; -webkit-border-radius: 100px; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .5s } .js_graph_long_bar_radius>a:hover, .js_graph_long_bar_radius>a:active { color: #000; background: #fff } .js_graph_long_bar_radius>ul>li:nth-child(1):after { background: rgba(254,71,69,0.7); -webkit-box-shadow: 0 0 3px 3px #fe4745; box-shadow: 0 0 3px 3px #fe4745 } .js_graph_long_bar_radius>.progress>.progress-bar:nth-child(1) { background: rgba(254,71,69,0.7) } .js_graph_long_bar_radius>ul>li:nth-child(2):after { background: rgba(79,191,105,0.7); -webkit-box-shadow: 0 0 3px 3px #4fbf69; box-shadow: 0 0 3px 3px #4fbf69 } .js_graph_long_bar_radius>.progress>.progress-bar:nth-child(2) { background: rgba(79,191,105,0.7) } .js_graph_long_bar_radius>ul>li:nth-child(3):after { background: rgba(169,45,126,0.7); -webkit-box-shadow: 0 0 3px 3px #a92d7e; box-shadow: 0 0 3px 3px #a92d7e } .js_graph_long_bar_radius>.progress>.progress-bar:nth-child(3) { background: rgba(169,45,126,0.7) } .js_graph_long_bar_radius>ul>li:nth-child(4):after { background: rgba(253,172,20,0.7); -webkit-box-shadow: 0 0 3px 3px #fdac14; box-shadow: 0 0 3px 3px #fdac14 } .js_graph_long_bar_radius>.progress>.progress-bar:nth-child(4) { background: rgba(253,172,20,0.7) } .js_graph_long_bar_radius>ul>li:nth-child(5):after { background: rgba(54,107,183,0.7); -webkit-box-shadow: 0 0 3px 3px #366bb7; box-shadow: 0 0 3px 3px #366bb7 } .js_graph_long_bar_radius>.progress>.progress-bar:nth-child(5) { background: rgba(54,107,183,0.7) } @media only screen and (max-width:480px) { .ps_indicators_numb_glow>.carousel-indicators { display: none } .ps_control_glow .carousel-control { display: none } .js_graph_long_bar_radius { top: 0; left: 0; width: 100%; padding: 5px } .js_graph_long_bar_radius_right { right: 1%; left: auto } .js_graph_long_bar_radius>h2 { margin: 0; font-size: 14px } .js_graph_long_bar_radius>p { font-size: 10px } .js_graph_long_bar_radius>ul { margin: 0 } .js_graph_long_bar_radius>ul>li { font-size: 9px; margin-top: 1px; margin-right: 5px; padding: 0 0 0 20px } .js_graph_long_bar_radius>ul>li:nth-child(1):after, .js_graph_long_bar_radius>ul>li:nth-child(2):after, .js_graph_long_bar_radius>ul>li:nth-child(3):after, .js_graph_long_bar_radius>ul>li:nth-child(4):after, .js_graph_long_bar_radius>ul>li:nth-child(5):after { width: 10px; height: 10px } .js_graph_long_bar_radius_right>ul { margin-left: auto } .js_graph_long_bar_radius_right>ul>li { padding: 0 20px 0 0 } .js_graph_long_bar_radius_center>ul { margin-left: auto; margin-right: auto } .js_graph_long_bar_radius_center>ul>li:nth-child(1):after, .js_graph_long_bar_radius_center>ul>li:nth-child(2):after, .js_graph_long_bar_radius_center>ul>li:nth-child(3):after, .js_graph_long_bar_radius_center>ul>li:nth-child(4):after, .js_graph_long_bar_radius_center>ul>li:nth-child(5):after { left: 0 } .js_graph_long_bar_radius>.progress { height: 20px; margin-bottom: 2px } .js_graph_long_bar_radius>.progress>.progress-bar { font-size: 10px; line-height: 20px } .js_graph_long_bar_radius>a, .js_graph_long_bar_radius>a:visited { font-size: 10px; margin-top: 2px; padding: 2px 15px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_numb_glow>.carousel-indicators { display: none } .ps_control_glow .carousel-control { display: none } .js_graph_long_bar_radius { top: 5%; left: 0; width: 100%; padding: 5px } .js_graph_long_bar_radius_right { right: 0; left: auto } .js_graph_long_bar_radius>h2 { margin: 0; font-size: 25px } .js_graph_long_bar_radius>p { font-size: 12px } .js_graph_long_bar_radius>ul>li { font-size: 10px; margin-right: 5px; padding: 0 0 0 20px } .js_graph_long_bar_radius>ul>li:nth-child(1):after, .js_graph_long_bar_radius>ul>li:nth-child(2):after, .js_graph_long_bar_radius>ul>li:nth-child(3):after, .js_graph_long_bar_radius>ul>li:nth-child(4):after, .js_graph_long_bar_radius>ul>li:nth-child(5):after { width: 10px; height: 10px } .js_graph_long_bar_radius_right>ul { margin-left: auto } .js_graph_long_bar_radius_right>ul>li { padding: 0 20px 0 0 } .js_graph_long_bar_radius>.progress { height: 40px } .js_graph_long_bar_radius>.progress>.progress-bar { line-height: 40px } } @media(min-width:601px) and (max-width:767px) { .ps_control_glow .carousel-control.left { left: 2% } .ps_control_glow .carousel-control.right { left: 8% } .js_graph_long_bar_radius { left: 0; top: 15%; width: 100%; padding: 5px } .js_graph_long_bar_radius_right { right: 0; left: auto } .js_graph_long_bar_radius>h2 { margin: 0; font-size: 25px } .js_graph_long_bar_radius>p { font-size: 12px } .js_graph_long_bar_radius>.progress { height: 40px } .js_graph_long_bar_radius>.progress>.progress-bar { line-height: 40px } } @media(min-width:768px) and (max-width:1050px) { .ps_control_glow .carousel-control.left { left: 2% } .ps_control_glow .carousel-control.right { left: 8% } .js_graph_long_bar_radius { top: 15%; width: 85% } } #js_graph_049 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_graph_049:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_graph_049:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_graph_049>.carousel-inner>.item>img, #js_graph_049>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .7 } .ps_indicators_long_striped>.carousel-indicators { top: 5px; right: 1%; width: 95%; left: auto; height: 55px; text-align: right; cursor: e-resize; overflow-x: auto; line-height: 110px; overflow-y: hidden; white-space: nowrap; padding-left: 10px; padding-right: 10px } .ps_indicators_long_striped>.carousel-indicators li { width: 45px; height: 5px; border: 0; text-indent: 0; line-height: 0; color: #fff; font-size: 42px; background: #000; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0, 1, 0, 1); transition: all .5s cubic-bezier(0, 1, 0, 1); box-shadow: none; -webkit-box-shadow: none; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,0.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 75%, transparent 75%, transparent); -webkit-background-size: 5px 5px; background-size: 5px 5px } .ps_indicators_long_striped>.carousel-indicators li span { opacity: 0; top: -50px; left: -50px; position: relative } .ps_indicators_long_striped>.carousel-indicators .active { width: 45px; margin: 1px; height: 5px; border: 0; text-indent: 0; background: #fff; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-linear-gradient(45deg, rgba(0,0,0,0.5) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(0,0,0,0.5) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(0,0,0,0.5) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 5px 5px; -webkit-animation: ps_progress_bar_animation 2s linear infinite; -o-animation: ps_progress_bar_animation 2s linear infinite; animation: ps_progress_bar_animation 2s linear infinite } .ps_indicators_long_striped>.carousel-indicators .active span { left: 0; top: -20px; opacity: 1; -webkit-transition: all .5s cubic-bezier(0, 1, 0, 1); transition: all .5s cubic-bezier(0, 1, 0, 1) } .ps_indicators_long_striped>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_long_striped>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_long_striped .carousel-control { top: 90%; opacity: 1; width: 25px; height: 25px; z-index: 100; border: 0; color: #fff; display: block; font-size: 18px; cursor: pointer; overflow: hidden; text-shadow: none; position: absolute; font-weight: normal; background: transparent; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -webkit-transition: all 1s cubic-bezier(0, 1, 0, 1); transition: all 1s cubic-bezier(0, 1, 0, 1); background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,0.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 75%, transparent 75%, transparent); -webkit-background-size: 5px 5px; background-size: 5px 5px } .ps_control_long_striped:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0, 1, 0, 1); transition: all 1s cubic-bezier(0, 1, 0, 1) } .ps_control_long_striped .carousel-control.left { right: auto; left: 2% } .ps_control_long_striped .carousel-control.right { right: auto; left: 5% } .ps_control_long_striped .carousel-control span { margin: auto } .ps_control_long_striped .carousel-control.left:hover, .ps_control_long_striped .carousel-control.right:hover { color: #fff; background: rgba(255,255,255,0.8); box-shadow: none; -webkit-box-shadow: none; background-image: -webkit-linear-gradient(45deg, rgba(0,0,0,0.5) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(0,0,0,0.5) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(0,0,0,0.5) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 75%, transparent 75%, transparent); -webkit-background-size: 5px 5px; background-size: 5px 5px; -webkit-animation: ps_progress_bar_animation 2s linear infinite; -o-animation: ps_progress_bar_animation 2s linear infinite; animation: ps_progress_bar_animation 2s linear infinite } .js_graph_long_bar_striped { top: 40%; left: 0; right: 0; width: 90%; margin: auto; padding: 5px; overflow: hidden; text-align: left; position: absolute } .js_graph_long_bar_striped>h2 { color: #fff; font-size: 50px; font-weight: 400; position: relative; margin-bottom: 20px; letter-spacing: 3px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0, 1, 0, 1); animation-timing-function: cubic-bezier(0, 1, 0, 1) } .js_graph_long_bar_striped>ul { padding: 0; list-style-type: none } .js_graph_long_bar_striped>ul>li { color: #fff; font-size: 15px; font-weight: 400; margin-right: 20px; position: relative; letter-spacing: 1px; padding: 0 0 0 30px; display: inline-block; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_graph_long_bar_striped>ul>li:nth-child(1):after, .js_graph_long_bar_striped>ul>li:nth-child(2):after, .js_graph_long_bar_striped>ul>li:nth-child(3):after, .js_graph_long_bar_striped>ul>li:nth-child(4):after, .js_graph_long_bar_striped>ul>li:nth-child(5):after { left: 0; width: 21px; content: ""; height: 21px; position: absolute; border: 1px solid #fff; border-radius: 0; -webkit-border-radius: 0; -webkit-animation: ps_progress_bar_animation 2s linear infinite; -o-animation: ps_progress_bar_animation 2s linear infinite; animation: ps_progress_bar_animation 2s linear infinite } .js_graph_long_bar_striped>.progress { height: 54px; margin: 30px 0; background: #fff; border: 3px solid #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 25px #000; box-shadow: 0 0 25px #000 } .js_graph_long_bar_striped>.progress>.progress-bar { color: #fff; font-size: 14px; line-height: 50px; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-animation: ps_progress_bar_animation 2s linear infinite; -o-animation: ps_progress_bar_animation 2s linear infinite; animation: ps_progress_bar_animation 2s linear infinite; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0 } .js_graph_long_bar_striped>a, .js_graph_long_bar_striped>a:visited { color: #000; cursor: pointer; font-size: 12px; padding: 14px 40px; line-height: 15px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; background: rgba(255,255,255,0.7); -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-transition: all cubic-bezier(0, 1, 0, 1) .5s; transition: all cubic-bezier(0, 1, 0, 1) .5s; transition: all 1s cubic-bezier(0, 1, 0, 1); background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; -webkit-animation: ps_progress_bar_animation 2s linear infinite; -o-animation: ps_progress_bar_animation 2s linear infinite; animation: ps_progress_bar_animation 2s linear infinite } .js_graph_long_bar_striped>a:hover, .js_graph_long_bar_striped>a:active { color: #fff; background: #000; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; -webkit-animation: ps_progress_bar_animation 2s linear infinite; -o-animation: ps_progress_bar_animation 2s linear infinite; animation: ps_progress_bar_animation 2s linear infinite } .js_graph_long_bar_striped>ul>li:nth-child(1):after, .js_graph_long_bar_striped>.progress>.progress-bar:nth-child(1) { background: #fe4745; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .js_graph_long_bar_striped>ul>li:nth-child(2):after, .js_graph_long_bar_striped>.progress>.progress-bar:nth-child(2) { background: #4fbf69; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .js_graph_long_bar_striped>ul>li:nth-child(3):after, .js_graph_long_bar_striped>.progress>.progress-bar:nth-child(3) { background: #a92d7e; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .js_graph_long_bar_striped>ul>li:nth-child(4):after, .js_graph_long_bar_striped>.progress>.progress-bar:nth-child(4) { background: #fdac14; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .js_graph_long_bar_striped>ul>li:nth-child(5):after, .js_graph_long_bar_striped>.progress>.progress-bar:nth-child(5) { background: #366bb7; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } @media only screen and (max-width:480px) { .ps_indicators_long_striped>.carousel-indicators { display: none } .ps_control_long_striped .carousel-control { display: none } .js_graph_long_bar_striped { left: 0; top: 25%; width: 100% } .js_graph_long_bar_striped>h2 { margin: 0; font-size: 18px } .js_graph_long_bar_striped>ul>li { font-size: 9px; margin-top: 1px; margin-right: 5px; padding: 0 0 0 20px } .js_graph_long_bar_striped>ul>li:nth-child(1):after, .js_graph_long_bar_striped>ul>li:nth-child(2):after, .js_graph_long_bar_striped>ul>li:nth-child(3):after, .js_graph_long_bar_striped>ul>li:nth-child(4):after, .js_graph_long_bar_striped>ul>li:nth-child(5):after { width: 10px; height: 10px } .js_graph_long_bar_striped>.progress { height: 22px; margin-bottom: 2px; border: 1px solid #fff } .js_graph_long_bar_striped>.progress>.progress-bar { font-size: 10px; line-height: 20px } .js_graph_long_bar_striped>a, .js_graph_long_bar_striped>a:visited { font-size: 10px; margin-top: 2px; padding: 2px 15px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_long_striped>.carousel-indicators { display: none } .ps_control_long_striped .carousel-control { display: none } .js_graph_long_bar_striped { left: 0; top: 25%; width: 100% } .js_graph_long_bar_striped>h2 { margin: 0; font-size: 25px } .js_graph_long_bar_striped>ul>li { font-size: 10px; margin-right: 5px; padding: 0 0 0 20px } .js_graph_long_bar_striped>ul>li:nth-child(1):after, .js_graph_long_bar_striped>ul>li:nth-child(2):after, .js_graph_long_bar_striped>ul>li:nth-child(3):after, .js_graph_long_bar_striped>ul>li:nth-child(4):after, .js_graph_long_bar_striped>ul>li:nth-child(5):after { width: 10px; height: 10px } .js_graph_long_bar_striped>.progress { height: 40px; border: 1px solid #fff } .js_graph_long_bar_striped>.progress>.progress-bar { line-height: 40px } } @media(min-width:601px) and (max-width:767px) { .ps_control_long_striped .carousel-control.left { left: 2% } .ps_control_long_striped .carousel-control.right { left: 8% } .js_graph_long_bar_striped { left: 0; top: 25%; width: 100%; padding: 5px } .js_graph_long_bar_striped>h2 { font-size: 25px } .js_graph_long_bar_striped>.progress { height: 40px } .js_graph_long_bar_striped>.progress>.progress-bar { line-height: 34px } } @media(min-width:768px) and (max-width:1050px) { .ps_control_long_striped .carousel-control.left { left: 2% } .ps_control_long_striped .carousel-control.right { left: 8% } .js_graph_long_bar_striped { top: 15% } } #js_graph_050 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_graph_050:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_graph_050:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_graph_050>.carousel-inner>.item>img, #js_graph_050>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .5; -webkit-filter: blur(2px); filter: blur(2px) } .ps_indicators_num_sm>.carousel-indicators { right: 1%; width: 95%; left: auto; bottom: 20px; height: 55px; text-align: left; cursor: e-resize; overflow-x: auto; line-height: 110px; overflow-y: hidden; white-space: nowrap; padding-left: 10px; padding-right: 10px } .ps_indicators_num_sm>.carousel-indicators li { width: 20px; height: 5px; border: 0; text-indent: 0; line-height: 0; color: #fff; font-size: 42px; background: #fff; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; border-radius: 10px; -webkit-border-radius: 10px; -webkit-transition: all .5s cubic-bezier(0.3, 1, 0, 1); transition: all .5s cubic-bezier(0.3, 1, 0, 1); box-shadow: none; -webkit-box-shadow: none } .ps_indicators_num_sm>.carousel-indicators li span { opacity: 0; top: -20px; left: -50px; position: relative; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .ps_indicators_num_sm>.carousel-indicators .active { width: 50px; margin: 1px; height: 5px; border: 0; text-indent: 0; background: #fff; -webkit-box-shadow: none; box-shadow: none } .ps_indicators_num_sm>.carousel-indicators .active span { left: 0; opacity: 1 } .ps_indicators_num_sm>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_num_sm>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_xs_long .carousel-control { top: 3%; opacity: 1; width: 50px; height: 15px; z-index: 100; border: 0; color: #000; display: block; font-size: 12px; cursor: pointer; overflow: hidden; text-shadow: none; position: absolute; font-weight: normal; background: rgba(255,255,255,0.9); font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: none; -webkit-box-shadow: none; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .ps_control_xs_long:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .ps_control_xs_long .carousel-control.left { right: auto; left: 2% } .ps_control_xs_long .carousel-control.right { right: auto; left: 6% } .ps_control_xs_long .carousel-control span { margin: auto } .ps_control_xs_long .carousel-control.left:hover, .ps_control_xs_long .carousel-control.right:hover { color: #000; background: #fff; box-shadow: none; -webkit-box-shadow: none } .js_graph_xs_long_bar { top: 25%; left: 0; right: 0; width: 90%; margin: auto; padding: 5px; overflow: hidden; text-align: left; position: absolute } .js_graph_xs_long_bar>p { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 1px; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_graph_xs_long_bar>ul { padding: 0; text-align: right; list-style-type: none } .js_graph_xs_long_bar>ul>li { color: #fff; font-size: 14px; font-weight: 400; margin-top: 10px; position: relative; letter-spacing: 1px; padding: 0 40px 0 0; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_graph_xs_long_bar>ul>li:nth-child(1):after, .js_graph_xs_long_bar>ul>li:nth-child(2):after, .js_graph_xs_long_bar>ul>li:nth-child(3):after, .js_graph_xs_long_bar>ul>li:nth-child(4):after, .js_graph_xs_long_bar>ul>li:nth-child(5):after { top: 5px; left: auto; right: 0; width: 30px; content: ""; height: 11px; position: absolute; border-radius: 10px; -webkit-border-radius: 10px } .js_graph_xs_long_bar>.progress { height: 20px; margin: 20px 0; background: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; box-shadow: none } .js_graph_xs_long_bar>.progress>.progress-bar { color: #fff; font-size: 14px; line-height: 20px; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s ease; transition: all .5s ease } .js_graph_xs_long_bar>a, .js_graph_xs_long_bar>a:visited { color: #000; cursor: pointer; font-size: 12px; padding: 3px 40px; line-height: 15px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; background: rgba(255,255,255,0.9); -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; border-radius: 10px; -webkit-border-radius: 10px; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .js_graph_xs_long_bar>a:hover, .js_graph_xs_long_bar>a:active { color: #fff; background: #000 } .js_graph_xs_long_bar>ul>li:nth-child(1):after, .js_graph_xs_long_bar>.progress>.progress-bar:nth-child(1) { background: #fe4745 } .js_graph_xs_long_bar>ul>li:nth-child(2):after, .js_graph_xs_long_bar>.progress>.progress-bar:nth-child(2) { background: #4fbf69 } .js_graph_xs_long_bar>ul>li:nth-child(3):after, .js_graph_xs_long_bar>.progress>.progress-bar:nth-child(3) { background: #a92d7e } .js_graph_xs_long_bar>ul>li:nth-child(4):after, .js_graph_xs_long_bar>.progress>.progress-bar:nth-child(4) { background: #fdac14 } .js_graph_xs_long_bar>ul>li:nth-child(5):after, .js_graph_xs_long_bar>.progress>.progress-bar:nth-child(5) { background: #366bb7 } .js_graph_xs_long_bar>.progress>.progress-bar:hover { color: #fff; cursor: pointer; background: #000; cursor: -moz-pointer; cursor: -webkit-pointer } @media only screen and (max-width:480px) { .ps_indicators_num_sm>.carousel-indicators { display: none } .ps_control_xs_long .carousel-control.right { left: 20% } .js_graph_xs_long_bar { top: 0; width: 100% } .js_graph_xs_long_bar>p { font-size: 10px } .js_graph_xs_long_bar>ul>li { font-size: 10px; margin-top: 1px } .js_graph_xs_long_bar>ul>li:nth-child(1):after, .js_graph_xs_long_bar>ul>li:nth-child(2):after, .js_graph_xs_long_bar>ul>li:nth-child(3):after, .js_graph_xs_long_bar>ul>li:nth-child(4):after, .js_graph_xs_long_bar>ul>li:nth-child(5):after { height: 10px; margin-top: 0 } .js_graph_xs_long_bar>.progress { margin-bottom: 2px } .js_graph_xs_long_bar>.progress>.progress-bar { font-size: 10px; line-height: 20px } .js_graph_xs_long_bar>a, .js_graph_xs_long_bar>a:visited { font-size: 10px; margin-top: 2px; padding: 2px 15px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_num_sm>.carousel-indicators { display: none } .ps_control_xs_long .carousel-control.right { left: 14% } .js_graph_xs_long_bar { top: 0; width: 100% } .js_graph_xs_long_bar>p { font-size: 12px } } @media(min-width:601px) and (max-width:767px) { .ps_indicators_num_sm>.carousel-indicators { bottom: 0 } .ps_control_xs_long .carousel-control.right { left: 12% } .js_graph_xs_long_bar { top: 0; width: 100%; padding: 5px } } @media(min-width:768px) and (max-width:1050px) { .ps_control_xs_long .carousel-control.right { left: 11% } .js_graph_xs_long_bar { top: 15% } } #js_list_051 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_list_051:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_list_051:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_list_051>.carousel-inner>.item>img, #js_list_051>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .8 } .ps_indicators_square_dots>.carousel-indicators { top: 5px; right: 0; left: auto; width: 100%; height: 25px; text-align: left; cursor: e-resize; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-left: 10px; padding-right: 10px } .ps_indicators_square_dots>.carousel-indicators li { width: 10px; height: 10px; border: 0; text-indent: 0; color: #fff; font-size: 22px; background: #fff; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.3, 1, 0, 1); transition: all .5s cubic-bezier(0.3, 1, 0, 1) } .ps_indicators_square_dots>.carousel-indicators .active { width: 50px; margin: 1px; height: 10px; border: 0; text-indent: 0; background: #000 } .ps_indicators_square_dots>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_square_dots>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_square_txt .carousel-control { top: 85%; opacity: 1; width: 50px; height: 50px; z-index: 100; border: 0; color: #000; font-size: 11px; cursor: pointer; overflow: hidden; text-shadow: none; position: absolute; font-weight: normal; background: #fff; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .ps_control_square_txt:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .ps_control_square_txt .carousel-control.left { left: auto; right: 55px } .ps_control_square_txt .carousel-control.right { left: auto; right: 4px } .ps_control_square_txt .carousel-control span:nth-child(1) { display: block; line-height: 25px } .ps_control_square_txt .carousel-control span:nth-child(1)>span { text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased } .ps_control_square_txt .carousel-control.left:hover, .ps_control_square_txt .carousel-control.right:hover { color: #fff; background: #000; -webkit-box-shadow: none; box-shadow: none } .js_list_simple { top: 7%; left: 10%; width: 60%; right: auto; overflow: hidden; text-align: left; position: absolute; padding: 0 20px 20px 20px } .js_list_simple_right { right: 10%; left: auto; text-align: right } .js_list_simple_center { left: 0; right: 0; margin: auto; text-align: center } .js_list_simple>h1 { color: #fff; font-size: 70px; font-weight: 700; position: relative; margin-bottom: 40px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_simple>ul { padding: 0; width: 300px; margin-bottom: 40px; list-style-type: none } .js_list_simple>ul>li { color: #000; font-size: 17px; height: 40px; line-height: 40px; font-weight: 400; margin-top: 10px; position: relative; letter-spacing: 1px; padding: 0 0 0 20px; background: #fff; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_list_simple_right>ul { margin-left: auto } .js_list_simple_right>ul>li { padding: 0 20px 0 0 } .js_list_simple_center>ul { margin-left: auto; margin-right: auto } .js_list_simple_center>ul>li { padding: 0 } .js_list_simple>ul>li:nth-child(1) { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_simple>ul>li:nth-child(2) { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_simple>ul>li:nth-child(3) { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_simple>ul>li:nth-child(4) { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_simple>ul>li:nth-child(5) { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_simple>a, .js_list_simple>a:visited { color: #fff; cursor: pointer; font-size: 12px; padding: 10px 30px; line-height: 15px; text-align: center; background: #000; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1); -webkit-transition: all cubic-bezier(0.3, 1, 0, 1) .5s; transition: all cubic-bezier(0.3, 1, 0, 1) .5s } .js_list_simple>a:hover, .js_list_simple>a:active { color: #000; background: #fff } @media only screen and (max-width:480px) { .ps_indicators_square_dots>.carousel-indicators { display: none } .ps_control_square_txt .carousel-control { display: none } .js_list_simple { top: 0; left: 5%; width: 100%; padding: 5px } .js_list_simple_right { right: 5%; left: auto } .js_list_simple>h1 { margin: 0; font-size: 25px } .js_list_simple>ul { width: 225px; margin-bottom: 10px } .js_list_simple>ul>li { height: 20px; font-size: 12px; margin-top: 5px; line-height: 20px; padding: 0 0 0 10px } .js_list_simple_right>ul { margin-left: auto } .js_list_simple_right>ul>li { padding: 0 10px 0 0 } .js_list_simple_center>ul { margin-left: auto; margin-right: auto } .js_list_simple>a, .js_list_simple>a:visited { font-size: 10px; padding: 3px 15px } } @media(min-width:481px) and (max-width:600px) { .ps_control_square_txt .carousel-control { display: none } .js_list_simple { width: 100%; padding: 5px } .js_list_simple>h1 { margin: 0; font-size: 45px } .js_list_simple>ul { margin-bottom: 10px } .js_list_simple>ul>li { height: 25px; font-size: 14px; margin-top: 5px; line-height: 25px; padding: 0 0 0 10px } .js_list_simple_right>ul { margin-left: auto } .js_list_simple_right>ul>li { padding: 0 10px 0 0 } .js_list_simple_center>ul { margin-left: auto; margin-right: auto } } @media(min-width:601px) and (max-width:767px) { .ps_control_square_txt .carousel-control { display: none } .js_list_simple { top: 1%; width: 100%; padding: 5px } .js_list_simple_right { right: 0; left: auto } .js_list_simple>h1 { font-size: 55px } .js_list_simple>ul { margin-bottom: 10px } .js_list_simple>ul>li { height: 35px; margin-top: 5px; line-height: 35px } .js_list_simple_right>ul { margin-left: auto } .js_list_simple_center>ul { margin-left: auto; margin-right: auto } } @media(min-width:768px) and (max-width:1050px) { .js_list_simple { top: 5%; width: 100% } } #js_list_052 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_list_052:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_list_052:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_list_052>.carousel-inner>.item>img, #js_list_052>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .6 } .ps_indicators_radius_icons>.carousel-indicators { top: 5px; right: 0; left: auto; width: 100%; height: 35px; cursor: e-resize; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_radius_icons>.carousel-indicators li { width: 30px; height: 30px; border: 0; text-indent: 0; font-size: 16px; text-align: center; color: rgba(0,0,0,0.5); background: rgba(255,255,255,0.5); -webkit-font-smoothing: antialiased; border-radius: 100%; -webkit-border-radius: 100%; -webkit-transition: all .5s cubic-bezier(0.3, 1, 0, 1); transition: all .5s cubic-bezier(0.3, 1, 0, 1) } .ps_indicators_radius_icons>.carousel-indicators li span { line-height: 30px } .ps_indicators_radius_icons>.carousel-indicators .active { width: 30px; margin: 1px; height: 30px; border: 0; text-indent: 0; background: rgba(0,0,0,0.8); color: rgba(255,255,255,0.8) } .ps_indicators_radius_icons>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_radius_icons>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_radius_txt .carousel-control { top: 88%; opacity: 1; width: 40px; height: 40px; z-index: 100; border: 0; font-size: 12px; cursor: pointer; overflow: hidden; text-shadow: none; position: absolute; font-weight: normal; color: rgba(0,0,0,0.5); background: rgba(255,255,255,0.5); font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .ps_control_radius_txt:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .ps_control_radius_txt .carousel-control.left { right: auto; left: 10px } .ps_control_radius_txt .carousel-control.right { right: auto; left: 55px } .ps_control_radius_txt .carousel-control span:nth-child(1) { display: block; line-height: 20px } .ps_control_radius_txt .carousel-control span:nth-child(1)>span { font-size: 9px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .ps_control_radius_txt .carousel-control.left:hover, .ps_control_radius_txt .carousel-control.right:hover { background: rgba(0,0,0,0.8); color: rgba(255,255,255,0.8); -webkit-box-shadow: none; box-shadow: none } .js_list_icons { top: 5%; left: 10%; width: 45%; right: auto; text-align: left; position: absolute; padding: 0 25px 25px 25px } .js_list_icons_right { right: 10%; left: auto; text-align: right } .js_list_icons_center { left: 0; right: 0; margin: auto; text-align: center } .js_list_icons>h1 { color: #fff; font-size: 45px; font-weight: 400; position: relative; margin-bottom: 20px; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_icons>ul { padding: 0; width: 375px; margin-bottom: 20px; list-style-type: none } .js_list_icons>ul>li { color: #fff; font-size: 22px; font-weight: 400; margin: 26px 0; padding-left: 60px; position: relative; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif } .js_list_icons_right>ul>li { padding-left: 0; padding-right: 60px } .js_list_icons_center>ul>li { padding: 0 } .js_list_icons>ul>li>span { top: 0; left: 0; width: 40px; height: 40px; color: #000; font-size: 18px; line-height: 40px; text-align: center; position: absolute; background: #fff; -webkit-border-radius: 100%; border-radius: 100% } .js_list_icons_right>ul>li>span { right: 0; left: auto } .js_list_icons_center>ul>li>span { position: relative; margin-right: 15px } .js_list_icons>ul>li>span:after { top: 0; left: 0; padding: 0; opacity: 0; width: 100%; content: ''; height: 100%; position: absolute; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1); box-shadow: 0 0 0 2px rgba(255,255,255,0.1) } .js_list_icons>ul>li:hover span:after { -webkit-animation: psBoxShadowEffect 1s ease-out; animation: psBoxShadowEffect 1s ease-out } .js_list_icons_right>ul { margin-left: auto } .js_list_icons_center>ul { margin-left: auto; margin-right: auto } .js_list_icons>ul>li:nth-child(1) { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_icons>ul>li:nth-child(2) { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_icons>ul>li:nth-child(3) { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_icons>ul>li:nth-child(4) { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_icons>ul>li:nth-child(5) { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_icons>ul>li:nth-child(6) { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_icons>ul>li:nth-child(7) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .js_list_icons>a, .js_list_icons>a:visited { width: 60px; height: 60px; color: #000; cursor: pointer; font-size: 12px; line-height: 60px; text-align: center; position: relative; background: #fff; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1); -webkit-transition: all cubic-bezier(0.3, 1, 0, 1) .5s; transition: all cubic-bezier(0.3, 1, 0, 1) .5s } .js_list_icons>a:after { top: 0; left: 0; padding: 0; opacity: 0; width: 100%; content: ''; height: 100%; position: absolute; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1); box-shadow: 0 0 0 2px rgba(255,255,255,0.1) } .js_list_icons>a:hover, .js_list_icons>a:active { color: #fff; background: #000 } .js_list_icons>a:hover:after { -webkit-animation: psBoxShadowEffect 1s ease-out; animation: psBoxShadowEffect 1s ease-out } @-webkit-keyframes psBoxShadowEffect { 0% { opacity:.3 } 40% { opacity:.5; -webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5) } 100% { -webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); -webkit-transform:scale(1.1); opacity:0 } } @keyframes psBoxShadowEffect { 0% { opacity:.3 } 40% { opacity:.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5) } 100% { box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); transform:scale(1.1); opacity:0 } } @media only screen and (max-width:480px) { .ps_indicators_radius_icons>.carousel-indicators { display: none } .ps_control_radius_txt .carousel-control { display: none } .js_list_icons { top: 0; width: 100%; padding: 5px } .js_list_icons_right { left: auto } .js_list_icons>h1 { margin: 0; font-size: 22px } .js_list_icons>ul { width: 250px; margin-bottom: 5px } .js_list_icons>ul>li { font-size: 12px; margin: 5px 0; padding-left: 25px } .js_list_icons_right>ul>li { padding-left: 0; padding-right: 25px } .js_list_icons>ul>li>span { width: 15px; height: 15px; font-size: 9px; line-height: 15px } .js_list_icons_right>ul>li>span { right: 0; left: auto } .js_list_icons_right>ul { margin-left: auto } .js_list_icons_center>ul { margin-left: auto; margin-right: auto } .js_list_icons>a, .js_list_icons>a:visited { width: 30px; height: 30px; font-size: 7px; line-height: 30px } } @media(min-width:481px) and (max-width:600px) { .ps_control_radius_txt .carousel-control { display: none } .js_list_icons { top: 15%; width: 100% } .js_list_icons>h1 { margin: 0; font-size: 22px } .js_list_icons>ul { width: 250px; margin-bottom: 5px } .js_list_icons>ul>li { font-size: 12px; margin: 10px 0; padding-left: 25px } .js_list_icons_right>ul>li { padding-left: 0; padding-right: 25px } .js_list_icons>ul>li>span { width: 20px; height: 20px; font-size: 11px; line-height: 20px } .js_list_icons_right>ul>li>span { right: 0; left: auto } .js_list_icons_right>ul { margin-left: auto } .js_list_icons_center>ul { margin-left: auto; margin-right: auto } .js_list_icons>a, .js_list_icons>a:visited { width: 40px; height: 40px; font-size: 10px; line-height: 40px } } @media(min-width:601px) and (max-width:767px) { .js_list_icons { top: 12%; width: 100% } .js_list_icons>h1 { margin: 0; font-size: 32px } .js_list_icons>ul { margin-bottom: 5px } .js_list_icons>ul>li { font-size: 16px; margin: 10px 0; padding-left: 35px } .js_list_icons_right>ul>li { padding-left: 0; padding-right: 35px } .js_list_icons>ul>li>span { width: 25px; height: 25px; font-size: 12px; line-height: 25px } .js_list_icons_right>ul>li>span { right: 0; left: auto } .js_list_icons_right>ul { margin-left: auto } .js_list_icons_center>ul { margin-left: auto; margin-right: auto } .js_list_icons>a, .js_list_icons>a:visited { width: 40px; height: 40px; font-size: 10px; line-height: 40px } } @media(min-width:768px) and (max-width:1050px) { .js_list_icons { top: 5%; width: 100% } .js_list_icons>h1 { font-size: 40px } .js_list_icons>ul>li { margin: 12px 0 } } #js_list_053 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_list_053:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_list_053:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_list_053>.carousel-inner>.item>img, #js_list_053>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .9 } .ps_indicators_square_num>.carousel-indicators { right: 0; left: auto; right: 1%; bottom: 5%; width: 90%; height: 35px; cursor: e-resize; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_square_num>.carousel-indicators li { width: 30px; height: 30px; border: 0; color: #fff; text-indent: 0; font-size: 16px; line-height: 30px; text-align: center; background: #000; -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1); transition: all .5s cubic-bezier(.075, .82, .165, 1) } .ps_indicators_square_num>.carousel-indicators .active { width: 30px; margin: 1px; height: 30px; border: 0; text-indent: 0; color: #000; background: #fff } .ps_indicators_square_num>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_square_num>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_black_box_txt .carousel-control { top: 87%; opacity: 1; width: 40px; height: 40px; z-index: 100; border: 0; font-size: 12px; cursor: pointer; overflow: hidden; text-shadow: none; position: absolute; font-weight: normal; color: #fff; background: #000; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 1s cubic-bezier(.075, .82, .165, 1); transition: all 1s cubic-bezier(.075, .82, .165, 1) } .ps_control_black_box_txt:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(.075, .82, .165, 1); transition: all 1s cubic-bezier(.075, .82, .165, 1) } .ps_control_black_box_txt .carousel-control.left { right: auto; left: 10px } .ps_control_black_box_txt .carousel-control.right { right: auto; left: 51px } .ps_control_black_box_txt .carousel-control span:nth-child(1) { display: block; line-height: 20px } .ps_control_black_box_txt .carousel-control span:nth-child(1)>span { font-size: 9px; text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased } .ps_control_black_box_txt .carousel-control.left:hover, .ps_control_black_box_txt .carousel-control.right:hover { background: #fff; color: #000; -webkit-box-shadow: none; box-shadow: none } .js_list_three { top: 15%; left: 5%; padding: 0; right: auto; width: 300px; text-align: left; position: absolute } .js_list_three_right { right: 5%; left: auto; text-align: right } .js_list_three_center { left: 0; right: 0; margin: auto; text-align: center } .js_list_three>h1 { color: #000; font-size: 30px; font-weight: 400; position: relative; margin-bottom: 20px; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .js_list_three>ul { padding: 0; margin-bottom: 20px; list-style-type: none } .js_list_three>ul>li { color: #fff; font-size: 16px; height: 35px; line-height: 35px; font-weight: 400; margin: 5px 0; padding-left: 10px; letter-spacing: 1px; background: #000; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_list_three_right>ul>li { padding-left: 0; padding-right: 10px } .js_list_three_center>ul>li { padding: 0 } .js_list_three_right>ul { margin-left: auto } .js_list_three_center>ul { margin-left: auto; margin-right: auto } .js_list_three>ul>li:nth-child(1) { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .js_list_three>ul>li:nth-child(2) { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .js_list_three>ul>li:nth-child(3) { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .js_list_three>ul>li:nth-child(4) { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .js_list_three>ul>li:nth-child(5) { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .js_list_three>ul>li:nth-child(6) { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .js_list_three>ul>li:nth-child(7) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .js_list_three>a, .js_list_three>a:visited { width: 100px; height: 35px; color: #000; cursor: pointer; font-size: 12px; line-height: 35px; text-align: center; position: relative; background: #ebce42; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1); -webkit-transition: all cubic-bezier(.075, .82, .165, 1) .5s; transition: all cubic-bezier(.075, .82, .165, 1) .5s } .js_list_three>a:hover, .js_list_three>a:active { color: #fff; background: #000 } @media only screen and (max-width:480px) { .ps_indicators_square_num>.carousel-indicators { display: none } .ps_control_black_box_txt .carousel-control { display: none } .js_list_three { top: 0; left: 0; width: 108px } .js_list_three_right { left: auto; right: 0 } .js_list_three>h1 { margin: 0; font-size: 14px } .js_list_three>ul { margin-bottom: 0 } .js_list_three>ul>li { height: 25px; margin: 1px 0; font-size: 8px; line-height: 25px; padding-left: 1px; letter-spacing: 0; white-space: nowrap } .js_list_three_right>ul>li { padding-left: 0; padding-right: 1px } .js_list_three>ul>li>span { width: 15px; height: 15px; font-size: 9px; line-height: 15px } .js_list_three_right>ul>li>span { right: 0; left: auto } .js_list_three_right>ul { margin-left: auto } .js_list_three_center>ul { margin-left: auto; margin-right: auto } .js_list_three>a, .js_list_three>a:visited { width: 70px; height: 30px; font-size: 10px; line-height: 30px } } @media(min-width:481px) and (max-width:600px) { .ps_control_black_box_txt .carousel-control { display: none } .js_list_three { top: 5%; left: 0; padding: 3px; width: 150px } .js_list_three_right { left: auto; right: 0 } .js_list_three>h1 { margin: 0; font-size: 24px } .js_list_three>ul { margin-bottom: 0 } .js_list_three>ul>li { height: 25px; margin: 2px 0; font-size: 10px; line-height: 25px; padding-left: 3px; letter-spacing: 0; white-space: nowrap } .js_list_three_right>ul>li { padding-left: 0; padding-right: 3px } .js_list_three_right>ul { margin-left: auto } .js_list_three_center>ul { margin-left: auto; margin-right: auto } .js_list_three>a, .js_list_three>a:visited { width: 70px; height: 30px; font-size: 10px; line-height: 30px } } @media(min-width:601px) and (max-width:767px) { .js_list_three { top: 10%; left: 1%; width: 185px } .js_list_three_right { left: auto; right: 1% } .js_list_three>h1 { margin: 0; font-size: 30px } .js_list_three>ul { margin-bottom: 0 } .js_list_three>ul>li { height: 25px; margin: 2px 0; font-size: 14px; line-height: 25px; padding-left: 3px; letter-spacing: 0; white-space: nowrap } .js_list_three_right>ul>li { padding-left: 0; padding-right: 3px } .js_list_three_right>ul { margin-left: auto } .js_list_three_center>ul { margin-left: auto; margin-right: auto } } @media(min-width:768px) and (max-width:1050px) { .js_list_three { left: 1%; width: 240px } .js_list_three_right { left: auto; right: 1% } } #js_list_054 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_list_054:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_list_054:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_list_054>.carousel-inner>.item>img, #js_list_054>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .5 } .ps_indicators_radius_num>.carousel-indicators { right: 0; left: auto; right: 1%; bottom: 5%; width: 90%; height: 35px; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_radius_num>.carousel-indicators li { width: 60px; height: 30px; border: 0; color: #fff; text-indent: 0; font-size: 16px; line-height: 30px; text-align: center; background: #19b453; text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all .5s cubic-bezier(.445, .05, .55, .95); transition: all .5s cubic-bezier(.445, .05, .55, .95) } .ps_indicators_radius_num>.carousel-indicators .active { width: 30px; margin: 1px; height: 30px; border: 0; text-indent: 0; color: #19b453; background: #fff } .ps_indicators_radius_num>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_radius_num>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_radius_txt_x .carousel-control { top: 1%; opacity: 1; width: 80px; height: 40px; z-index: 100; border: 0; color: #fff; font-size: 10px; cursor: pointer; overflow: hidden; text-shadow: none; line-height: 40px; position: absolute; font-weight: normal; background: #19b453; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all 1s cubic-bezier(.445, .05, .55, .95); transition: all 1s cubic-bezier(.445, .05, .55, .95) } .ps_control_radius_txt_x:hover .carousel-control { opacity: 1; -webkit-transition: all 1s cubic-bezier(.445, .05, .55, .95); transition: all 1s cubic-bezier(.445, .05, .55, .95) } .ps_control_radius_txt_x .carousel-control.left { left: auto; right: 92px } .ps_control_radius_txt_x .carousel-control.right { left: auto; right: 10px } .ps_control_radius_txt_x .carousel-control>span { text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased } .ps_control_radius_txt_x .carousel-control.left:hover, .ps_control_radius_txt_x .carousel-control.right:hover { color: #19b453; background: #fff; -webkit-box-shadow: none; box-shadow: none } .js_list_radius { top: 15%; left: 5%; padding: 0; right: auto; width: 500px; position: absolute } .js_list_radius_right { right: 5%; left: auto; text-align: right } .js_list_radius_center { left: 0; right: 0; width: 300px; margin: auto; text-align: center } .js_list_radius>h1 { color: #fff; font-size: 30px; font-weight: 400; position: relative; margin-bottom: 20px; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95); animation-timing-function: cubic-bezier(.445, .05, .55, .95) } .js_list_radius>ul { padding: 0; margin-bottom: 5px; list-style-type: none } .js_list_radius>ul>li { width: 265px; margin: 5px 0; color: #fff; font-size: 16px; font-weight: 400; line-height: 40px; padding-left: 20px; letter-spacing: 1px; background: #19b453; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-border-radius: 100px; border-radius: 100px } .js_list_radius_right>ul>li { padding-left: 0; padding-right: 20px } .js_list_radius_center>ul>li { padding: 0 } .js_list_radius_center>ul { margin-left: auto; margin-right: auto } .js_list_radius>ul>li:nth-child(1) { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95); animation-timing-function: cubic-bezier(.445, .05, .55, .95) } .js_list_radius>ul>li:nth-child(2) { margin-left: 60px; -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95); animation-timing-function: cubic-bezier(.445, .05, .55, .95) } .js_list_radius>ul>li:nth-child(3) { margin-left: 120px; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95); animation-timing-function: cubic-bezier(.445, .05, .55, .95) } .js_list_radius>ul>li:nth-child(4) { margin-left: 180px; -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95); animation-timing-function: cubic-bezier(.445, .05, .55, .95) } .js_list_radius>ul>li:nth-child(5) { margin-left: 240px; -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95); animation-timing-function: cubic-bezier(.445, .05, .55, .95) } .js_list_radius_right>ul>li:nth-child(1) { margin-left: auto } .js_list_radius_right>ul>li:nth-child(2) { margin-left: auto; margin-right: 60px } .js_list_radius_right>ul>li:nth-child(3) { margin-left: auto; margin-right: 120px } .js_list_radius_right>ul>li:nth-child(4) { margin-left: auto; margin-right: 180px } .js_list_radius_right>ul>li:nth-child(5) { margin-left: auto; margin-right: 240px } .js_list_radius_center>ul>li:nth-child(1) { margin-left: auto; margin-right: 0 } .js_list_radius_center>ul>li:nth-child(2) { margin-left: 0; margin-right: auto } .js_list_radius_center>ul>li:nth-child(3) { margin-left: auto; margin-right: 0 } .js_list_radius_center>ul>li:nth-child(4) { margin-left: 0; margin-right: auto } .js_list_radius_center>ul>li:nth-child(5) { margin-left: auto; margin-right: 0 } .js_list_radius>a, .js_list_radius>a:visited { left: auto; right: 0; width: 100px; height: 35px; color: #fff; cursor: pointer; font-size: 12px; line-height: 35px; text-align: center; position: absolute; background: #19b453; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-border-radius: 100px; border-radius: 100px; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95); animation-timing-function: cubic-bezier(.445, .05, .55, .95); -webkit-transition: all cubic-bezier(.445, .05, .55, .95) .5s; transition: all cubic-bezier(.445, .05, .55, .95) .5s } .js_list_radius>a:hover, .js_list_radius>a:active { color: #19b453; background: #fff } .js_list_radius_right>a, .js_list_radius_right>a:visited { right: auto; left: 0 } .js_list_radius_center>a, .js_list_radius_center>a:visited { position: relative } @media only screen and (max-width:480px) { .ps_indicators_radius_num>.carousel-indicators { display: none } .ps_control_radius_txt_x .carousel-control { display: none } .js_list_radius { top: 5%; left: 5%; width: 300px } .js_list_radius_right { right: 5%; left: auto } .js_list_radius_center { width: 200px } .js_list_radius>h1 { margin: 0; font-size: 16px } .js_list_radius>ul { margin-bottom: 0 } .js_list_radius>ul>li { width: 170px; margin: 5px 0; font-size: 10px; line-height: 20px; padding-left: 10px } .js_list_radius_right>ul>li { padding-left: 0; padding-right: 10px } .js_list_radius>ul>li:nth-child(2) { margin-left: 25px } .js_list_radius>ul>li:nth-child(3) { margin-left: 50px } .js_list_radius>ul>li:nth-child(4) { margin-left: 75px } .js_list_radius>ul>li:nth-child(5) { margin-left: 100px } .js_list_radius_right>ul>li:nth-child(1) { margin-left: auto } .js_list_radius_right>ul>li:nth-child(2) { margin-left: auto; margin-right: 25px } .js_list_radius_right>ul>li:nth-child(3) { margin-left: auto; margin-right: 50px } .js_list_radius_right>ul>li:nth-child(4) { margin-left: auto; margin-right: 75px } .js_list_radius_right>ul>li:nth-child(5) { margin-left: auto; margin-right: 100px } .js_list_radius_center>ul>li:nth-child(1) { margin-left: auto; margin-right: 0 } .js_list_radius_center>ul>li:nth-child(2) { margin-left: 0; margin-right: auto } .js_list_radius_center>ul>li:nth-child(3) { margin-left: auto; margin-right: 0 } .js_list_radius_center>ul>li:nth-child(4) { margin-left: 0; margin-right: auto } .js_list_radius_center>ul>li:nth-child(5) { margin-left: auto; margin-right: 0 } .js_list_radius_right>ul { margin-left: auto } .js_list_radius_center>ul { margin-left: auto; margin-right: auto } .js_list_radius>a, .js_list_radius>a:visited { left: auto; right: 30px; width: 90px; height: 20px; font-size: 12px; line-height: 20px } .js_list_radius_right>a, .js_list_radius_right>a:visited { left: 30px; right: auto } .js_list_radius_center>a, .js_list_radius_center>a:visited { right: 0; position: relative } } @media(min-width:481px) and (max-width:600px) { .ps_control_radius_txt_x .carousel-control { display: none } .js_list_radius { top: 5%; left: 5%; width: 300px } .js_list_radius_right { right: 5%; left: auto } .js_list_radius_center { top: 0; width: 200px } .js_list_radius>h1 { margin: 0 } .js_list_radius>ul { margin-bottom: 0 } .js_list_radius>ul>li { width: 170px; margin: 5px 0; font-size: 10px; line-height: 25px; padding-left: 10px } .js_list_radius_right>ul>li { padding-left: 0; padding-right: 10px } .js_list_radius>ul>li:nth-child(2) { margin-left: 25px } .js_list_radius>ul>li:nth-child(3) { margin-left: 50px } .js_list_radius>ul>li:nth-child(4) { margin-left: 75px } .js_list_radius>ul>li:nth-child(5) { margin-left: 100px } .js_list_radius_right>ul>li:nth-child(1) { margin-left: auto } .js_list_radius_right>ul>li:nth-child(2) { margin-left: auto; margin-right: 25px } .js_list_radius_right>ul>li:nth-child(3) { margin-left: auto; margin-right: 50px } .js_list_radius_right>ul>li:nth-child(4) { margin-left: auto; margin-right: 75px } .js_list_radius_right>ul>li:nth-child(5) { margin-left: auto; margin-right: 100px } .js_list_radius_center>ul>li:nth-child(1) { margin-left: auto; margin-right: 0 } .js_list_radius_center>ul>li:nth-child(2) { margin-left: 0; margin-right: auto } .js_list_radius_center>ul>li:nth-child(3) { margin-left: auto; margin-right: 0 } .js_list_radius_center>ul>li:nth-child(4) { margin-left: 0; margin-right: auto } .js_list_radius_center>ul>li:nth-child(5) { margin-left: auto; margin-right: 0 } .js_list_radius_right>ul { margin-left: auto } .js_list_radius_center>ul { margin-left: auto; margin-right: auto } .js_list_radius>a, .js_list_radius>a:visited { left: auto; right: 30px; width: 90px; height: 25px; font-size: 12px; line-height: 25px } .js_list_radius_right>a, .js_list_radius_right>a:visited { left: 30px; right: auto } .js_list_radius_center>a, .js_list_radius_center>a:visited { right: 0; position: relative } } @media(min-width:601px) and (max-width:767px) { .js_list_radius { left: 5%; width: 330px } .js_list_radius_right { right: 5%; left: auto } .js_list_radius_center { width: 250px } .js_list_radius>ul>li { width: 200px; margin: 5px 0; font-size: 12px; line-height: 25px; padding-left: 10px } .js_list_radius_right>ul>li { padding-left: 0; padding-right: 10px } .js_list_radius>ul>li:nth-child(2) { margin-left: 25px } .js_list_radius>ul>li:nth-child(3) { margin-left: 50px } .js_list_radius>ul>li:nth-child(4) { margin-left: 75px } .js_list_radius>ul>li:nth-child(5) { margin-left: 100px } .js_list_radius_right>ul>li:nth-child(1) { margin-left: auto } .js_list_radius_right>ul>li:nth-child(2) { margin-left: auto; margin-right: 25px } .js_list_radius_right>ul>li:nth-child(3) { margin-left: auto; margin-right: 50px } .js_list_radius_right>ul>li:nth-child(4) { margin-left: auto; margin-right: 75px } .js_list_radius_right>ul>li:nth-child(5) { margin-left: auto; margin-right: 100px } .js_list_radius_center>ul>li:nth-child(1) { margin-left: auto; margin-right: 0 } .js_list_radius_center>ul>li:nth-child(2) { margin-left: 0; margin-right: auto } .js_list_radius_center>ul>li:nth-child(3) { margin-left: auto; margin-right: 0 } .js_list_radius_center>ul>li:nth-child(4) { margin-left: 0; margin-right: auto } .js_list_radius_center>ul>li:nth-child(5) { margin-left: auto; margin-right: 0 } .js_list_radius_right>ul { margin-left: auto } .js_list_radius_center>ul { margin-left: auto; margin-right: auto } .js_list_radius>a, .js_list_radius>a:visited { left: auto; right: 30px; width: 90px; height: 25px; font-size: 12px; line-height: 25px } .js_list_radius_right>a, .js_list_radius_right>a:visited { left: 30px; right: auto } .js_list_radius_center>a, .js_list_radius_center>a:visited { right: 0; position: relative } } #js_list_055 { overflow: hidden; max-height: 658px; position: relative } #js_list_055:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_list_055:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_list_055>.carousel-inner>.item>img, #js_list_055>.carousel-inner>.item>a>img { width: 100%; margin: auto } .ps_indicators_caption>.carousel-indicators { right: 0; left: auto; right: 1%; bottom: 5%; width: 90%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_caption>.carousel-indicators li { width: 30px; height: 30px; border: 0; color: #fff; text-indent: 0; padding: 0 10px; font-size: 16px; overflow: hidden; line-height: 30px; text-align: center; background: #201114; text-transform: capitalize; font-family: 'Cinzel', serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(.445, .05, .55, .95); transition: all .5s cubic-bezier(.445, .05, .55, .95) } .ps_indicators_caption>.carousel-indicators li>span { margin-left: 15px; -webkit-transition: margin .5s cubic-bezier(.445, .05, .55, .95); transition: margin .5s cubic-bezier(.445, .05, .55, .95) } .ps_indicators_caption>.carousel-indicators .active { width: auto; margin: 1px; height: 30px; border: 0; text-indent: 0; color: #fff; background: #de7687 } .ps_indicators_caption>.carousel-indicators .active span { margin-left: 5px } .ps_indicators_caption>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_caption>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_text .carousel-control { top: 45%; opacity: 0; width: 70px; height: 25px; z-index: 100; border: 0; color: #201114; font-size: 16px; cursor: pointer; font-weight: 700; overflow: hidden; text-shadow: none; line-height: 25px; position: absolute; background: transparent; font-family: 'Cinzel', serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(.445, .05, .55, .95); transition: all .5s cubic-bezier(.445, .05, .55, .95) } .ps_control_text:hover .carousel-control { opacity: 1 } .ps_control_text .carousel-control.left { left: 0; right: auto } .ps_control_text .carousel-control.right { left: auto; right: 0 } .ps_control_text .carousel-control>span { letter-spacing: 2px; text-transform: uppercase; font-family: 'Cinzel', serif; -webkit-font-smoothing: antialiased } .ps_control_text .carousel-control.left:hover, .ps_control_text .carousel-control.right:hover { color: #de7687; background: transparent; -webkit-box-shadow: none; box-shadow: none } .js_list_box { top: 10%; left: 10%; right: auto; width: 315px; height: 400px; position: absolute; background: #201114; padding: 10px 35px 35px 35px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95); animation-timing-function: cubic-bezier(.445, .05, .55, .95) } .js_list_box_right { right: 10%; left: auto; text-align: right } .js_list_box_center { left: 0; right: 0; margin: auto; text-align: center } .js_list_box>h1 { color: #fff; font-size: 20px; font-weight: 700; position: relative; letter-spacing: 2px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Cinzel', serif } .js_list_box>ul { padding: 0; list-style-type: none } .js_list_box>ul>li { margin: 10px 0; color: #c2b7b9; font-size: 14px; font-weight: 400; letter-spacing: 2px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Cinzel', serif } .js_list_box>ul>li>span { color: #de7687; margin-right: 10px } .js_list_box_right>ul>li>span { float: right; margin-right: 0; margin-left: 10px } .js_list_box_center>ul>li { padding: 0 } .js_list_box_center>ul { margin-left: auto; margin-right: auto } .js_list_box>a, .js_list_box>a:visited { right: 0; left: auto; color: #fff; cursor: pointer; font-size: 14px; text-align: left; position: relative; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #de7687; font-family: 'Cinzel', serif; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(.445, .05, .55, .95) .5s; transition: all cubic-bezier(.445, .05, .55, .95) .5s } .js_list_box>a:hover, .js_list_box>a:active { color: #de7687 } .js_list_box_right>a, .js_list_box_right>a:visited { right: auto; left: 0 } .js_list_box_center>a, .js_list_box_center>a:visited { position: relative } @media only screen and (max-width:480px) { .ps_indicators_caption>.carousel-indicators { display: none } .ps_control_text .carousel-control { display: none } .js_list_box { top: 0; left: 0; right: auto; width: 100%; height: 100%; opacity: .9; padding: 5px 5px 5px 50px } .js_list_box_right { padding: 5px 50px 5px 5px } .js_list_box>h1 { margin: 0; font-size: 14px; letter-spacing: 1px } .js_list_box>ul { margin-bottom: 5px } .js_list_box>ul>li { margin: 1px 0; font-size: 11px; letter-spacing: 2px } .js_list_box>a, .js_list_box>a:visited { font-size: 12px } } @media(min-width:481px) and (max-width:600px) { .ps_control_text .carousel-control { display: none } .ps_indicators_caption>.carousel-indicators { bottom: 0 } .js_list_box { top: 0; padding: 10px 5px 5px 50px } .js_list_box_right { padding: 10px 50px 5px 5px } .js_list_box_center { padding: 10px 0 0 0 } .js_list_box>h1 { margin: 0; font-size: 18px } .js_list_box>ul { margin-bottom: 5px } .js_list_box>ul>li { margin: 1px 0 } } @media(min-width:601px) and (max-width:767px) { .js_list_box { top: 0 } .js_list_box>ul>li { margin: 1px 0 } } #js_table_056 { overflow: hidden; max-height: 658px; position: relative; background: #333 } #js_table_056:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_table_056:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_table_056>.carousel-inner>.item>img, #js_table_056>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .9 } .ps_indicators_txt_caption>.carousel-indicators { right: 0; left: auto; right: 1%; top: 1%; width: 98%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_txt_caption>.carousel-indicators li { width: 30px; height: 30px; border: 0; color: #fff; text-indent: 0; padding: 0 10px; font-size: 16px; overflow: hidden; line-height: 30px; text-align: center; background: #333; text-transform: capitalize; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(.445, .05, .55, .95); transition: all .5s cubic-bezier(.445, .05, .55, .95) } .ps_indicators_txt_caption>.carousel-indicators li>span { margin-left: 15px; -webkit-transition: margin .5s cubic-bezier(.445, .05, .55, .95); transition: margin .5s cubic-bezier(.445, .05, .55, .95) } .ps_indicators_txt_caption>.carousel-indicators .active { width: auto; margin: 1px; height: 30px; border: 0; text-indent: 0; color: #fff; background: #5cae4a } .ps_indicators_txt_caption>.carousel-indicators .active span { margin-left: 5px } .ps_indicators_txt_caption>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_txt_caption>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_txt_oblong .carousel-control { top: auto; bottom: 5%; opacity: 1; width: 70px; height: 25px; z-index: 100; border: 0; color: #fff; font-size: 16px; cursor: pointer; font-weight: 400; overflow: hidden; text-shadow: none; line-height: 25px; position: absolute; background: #333; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(.445, .05, .55, .95); transition: all .5s cubic-bezier(.445, .05, .55, .95) } .ps_control_txt_oblong:hover .carousel-control { opacity: 1 } .ps_control_txt_oblong .carousel-control.left { left: auto; right: 76px } .ps_control_txt_oblong .carousel-control.right { left: auto; right: 5px } .ps_control_txt_oblong .carousel-control>span { letter-spacing: 2px; text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased } .ps_control_txt_oblong .carousel-control.left:hover, .ps_control_txt_oblong .carousel-control.right:hover { color: #fff; background: #5cae4a; -webkit-box-shadow: none; box-shadow: none } .js_table_price { top: 6%; left: 5%; width: 50%; z-index: 2; right: auto; position: absolute; text-align: center } .js_table_price_right { right: 5%; left: auto } .js_table_price_center { left: 0; right: 0; margin: auto } .js_table_price>.row { margin: 0 } .js_table_price>.row>div { padding: 20px; position: relative; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1) } .js_table_price>.row>div:before { top: 0; left: 0; right: 0; height: 35%; content: ""; margin: auto; width: 215px; position: absolute; background: #5cae4a; -webkit-box-shadow: 0 -7px 34px -4px rgba(0,0,0,0.31); box-shadow: 0 -7px 34px -4px rgba(0,0,0,0.31) } .js_table_price>.row>div:after { left: 0; right: 0; bottom: 0; content: ""; z-index: -1; height: 65%; width: 215px; margin: auto; position: absolute; background: #fff; -webkit-box-shadow: 0 -7px 34px -4px rgba(0,0,0,0.31); box-shadow: 0 -7px 34px -4px rgba(0,0,0,0.31) } .js_table_price>h1 { color: #fff; font-size: 30px; font-weight: 700; position: relative; letter-spacing: 2px; margin-bottom: 40px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_table_price>h1:after { left: 0; right: 0; height: 2px; content: ""; width: 100px; margin: auto; bottom: -5px; position: absolute; background: #fff } .js_table_price>.row>div>h3 { color: #fff; font-size: 18px; font-weight: 700; position: relative; margin: 0 0 15px 0; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_table_price>.row>div>h2 { color: #fff; font-size: 30px; font-weight: 400; margin: 0 0 15px 0; position: relative; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_table_price>.row>div>h2:before { top: -7px; width: 10%; left: -2px; right: auto; content: "$"; font-size: 20px; position: relative; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_table_price>.row>div>h4 { color: #fff; font-size: 12px; font-weight: 400; margin: 0 0 30px 0; position: relative; font-style: italic; letter-spacing: 1px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_table_price>.row>div>ul { padding: 0; list-style-type: none } .js_table_price>.row>div>ul>li { margin: 0; padding: 7px 0; color: #7e7e7e; font-size: 12px; font-weight: 400; position: relative; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .js_table_price>.row>div>ul>li:after { left: 0; right: 0; bottom: 0; width: 70%; content: ""; height: 1px; margin: auto; position: absolute; background: #e2e2e2 } .js_table_price>.row>div>a, .js_table_price>.row>div>a:visited { right: 0; left: auto; width: 120px; height: 35px; color: #fff; cursor: pointer; font-size: 12px; margin-top: 15px; line-height: 33px; text-align: center; position: relative; letter-spacing: 2px; white-space: nowrap; background: #5cae4a; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .5s; transition: all cubic-bezier(.23, 1, .32, 1) .5s } .js_table_price>.row>div>a:hover, .js_table_price>.row>div>a:active { color: #fff; background: #333 } @media only screen and (max-width:480px) { .ps_indicators_txt_caption>.carousel-indicators { display: none } .ps_control_txt_oblong .carousel-control { display: none } .js_table_price { top: 0; left: 0; right: 0; width: 100% } .js_table_price_right { left: 0; right: 0 } .js_table_price>.row>div { padding: 2px } .js_table_price>.row>div:before { height: 30%; width: 99%; -webkit-box-shadow: none; box-shadow: none } .js_table_price>.row>div:after { height: 70%; width: 99%; -webkit-box-shadow: none; box-shadow: none } .js_table_price>h1 { font-size: 14px; margin: 0 0 3px 0 } .js_table_price>h1:after { height: 1px; width: 100px; bottom: -5px } .js_table_price>.row>div>h3 { font-size: 11px; margin: 0; letter-spacing: 0 } .js_table_price>.row>div>h2 { font-size: 14px; margin: 0 } .js_table_price>.row>div>h2:before { top: 0; width: 10%; left: -2px; font-size: 10px } .js_table_price>.row>div>h4 { font-size: 12px; margin-bottom: 15px } .js_table_price>.row>div>ul>li { margin: 0 } .js_table_price>.row>div>ul>li { padding: 1px 0; font-size: 9px; letter-spacing: 1px } .js_table_price>.row>div>a, .js_table_price>.row>div>a:visited { width: 80px; height: 16px; margin-top: 0; font-size: 10px; line-height: 16px } } @media(min-width:481px) and (max-width:600px) { .ps_control_txt_oblong .carousel-control { display: none } .js_table_price { top: 12%; left: 0; right: 0; width: 100% } .js_table_price_right { left: 0; right: 0 } .js_table_price>.row>div { padding: 10px 5px 10px 5px } .js_table_price>.row>div:before { width: 99%; height: 30%; -webkit-box-shadow: none; box-shadow: none } .js_table_price>.row>div:after { width: 99%; height: 70%; -webkit-box-shadow: none; box-shadow: none } .js_table_price>h1 { font-size: 18px; margin: 0 0 10px 0 } .js_table_price>h1:after { height: 1px; width: 100px; bottom: -5px } .js_table_price>.row>div>h3 { margin: 0; font-size: 16px; letter-spacing: 0 } .js_table_price>.row>div>h2 { margin: 0; font-size: 18px } .js_table_price>.row>div>h2:before { top: 0; width: 10%; left: -2px; font-size: 14px } .js_table_price>.row>div>ul>li { padding: 3px 0; font-size: 11px; letter-spacing: 1px } .js_table_price>.row>div>a, .js_table_price>.row>div>a:visited { height: 25px; margin-top: 0; line-height: 25px } } @media(min-width:601px) and (max-width:767px) { .js_table_price { left: 0; top: 12%; right: 0; width: 100% } .js_table_price_right { left: 0; right: 0 } .js_table_price>.row>div:before { width: 99% } .js_table_price>.row>div:after { width: 99% } .js_table_price>h1 { font-size: 20px; margin: 0 0 10px 0 } .js_table_price>h1:after { height: 1px; width: 100px; bottom: -5px } .js_table_price>.row>div>h3 { margin: 0 } .js_table_price>.row>div>h2 { margin: 0 } .js_table_price>.row>div>ul>li { padding: 3px 0; font-size: 11px; letter-spacing: 1px } .js_table_price>.row>div>a, .js_table_price>.row>div>a:visited { margin-top: 0 } } @media(min-width:768px) and (max-width:900px) { .js_table_price { top: 10%; width: 80% } .js_table_price>.row>div:before { width: 99% } .js_table_price>.row>div:after { width: 99% } .js_table_price>h1 { margin: 0 0 15px 0 } .js_table_price>.row>div>ul>li { padding: 5px 0; font-size: 11px } } @media(min-width:901px) and (max-width:1200px) { .js_table_price { width: 70% } .js_table_price>.row>div:before { width: 98% } .js_table_price>.row>div:after { width: 98% } } #js_table_057 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_table_057:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_table_057:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_table_057>.carousel-inner>.item>img, #js_table_057>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .3 } .ps_indicators_brdr_caption>.carousel-indicators { top: 1%; right: 1%; left: auto; width: 98%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_brdr_caption>.carousel-indicators li { width: 30px; height: 30px; border: 0; color: #d3d1d1; text-indent: 0; padding: 0 10px; font-size: 16px; overflow: hidden; line-height: 28px; text-align: center; border: 1px solid #d3d1d1; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .5s cubic-bezier(.445, .05, .55, .95); transition: all .5s cubic-bezier(.445, .05, .55, .95) } .ps_indicators_brdr_caption>.carousel-indicators li>span { margin-left: 17px; -webkit-transition: margin .5s cubic-bezier(.445, .05, .55, .95); transition: margin .5s cubic-bezier(.445, .05, .55, .95) } .ps_indicators_brdr_caption>.carousel-indicators .active { width: auto; margin: 1px; height: 30px; border: 0; text-indent: 0; color: #fff; background: transparent; border: 1px solid #fff } .ps_indicators_brdr_caption>.carousel-indicators .active span { margin-left: 5px } .ps_indicators_brdr_caption>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_brdr_caption>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_txt_y .carousel-control { top: 42%; opacity: 1; width: 20px; padding: 5px; height: auto; z-index: 100; bottom: auto; color: #d3d1d1; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; text-shadow: none; position: absolute; white-space: normal; background: transparent; border: 1px solid #d3d1d1; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .5s cubic-bezier(.445, .05, .55, .95); transition: all .5s cubic-bezier(.445, .05, .55, .95) } .ps_control_txt_y:hover .carousel-control { opacity: 1 } .ps_control_txt_y .carousel-control.left { left: 1%; right: auto } .ps_control_txt_y .carousel-control.right { right: 1%; left: auto } .ps_control_txt_y .carousel-control>span { text-transform: uppercase; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased } .ps_control_txt_y .carousel-control.left:hover, .ps_control_txt_y .carousel-control.right:hover { color: #fff; background: transparent; border: 1px solid #fff; -webkit-box-shadow: none; box-shadow: none } .js_table_price_dark { top: 6%; left: 10%; width: 55%; z-index: 2; right: auto; text-align: left; position: absolute } .js_table_price_dark_right { right: 10%; left: auto; text-align: right } .js_table_price_dark_center { left: 0; right: 0; margin: auto; text-align: center } .js_table_price_dark>.row { margin: 0 } .js_table_price_dark>.row>div { position: relative; padding: 20px 0 20px 20px } .js_table_price_dark_right>.row>div { padding: 20px 20px 20px 0 } .js_table_price_dark_center>.row>div { padding: 20px } .js_table_price_dark>.row>div:before { top: 0; left: 0; right: 0; width: 97%; height: 35%; content: ""; margin: auto; position: absolute; border-bottom: 0; border-left: 2px solid #d3d1d1; border-top: 10px solid #d3d1d1; border-right: 2px solid #d3d1d1; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .js_table_price_dark>.row>div:after { left: 0; right: 0; bottom: 0; width: 97%; content: ""; z-index: -1; height: 65%; margin: auto; position: absolute; border: 2px solid #d3d1d1; background: rgba(211,209,209,0.3); -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px } .js_table_price_dark>h1 { color: #d3d1d1; font-size: 30px; font-weight: 700; position: relative; letter-spacing: 2px; margin-bottom: 30px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif } .js_table_price_dark>h1:after { left: 0; right: auto; height: 2px; content: ""; width: 150px; margin: auto; bottom: -5px; position: absolute; background: #d3d1d1 } .js_table_price_dark_right>h1:after { right: 0; left: auto } .js_table_price_dark_center>h1:after { left: 0; right: 0 } .js_table_price_dark>.row>div>h3 { color: #fff; font-size: 18px; font-weight: 400; position: relative; margin: 0 0 15px 0; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif } .js_table_price_dark>.row>div>h2 { color: #fff; font-size: 30px; font-weight: 900; position: relative; letter-spacing: 1px; margin: 10px 0 10px 0; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif } .js_table_price_dark>.row>div>h4 { color: #fff; font-size: 12px; font-weight: 400; margin: 0 0 10px 0; position: relative; letter-spacing: 1px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif } .js_table_price_dark>.row>div>ul { padding: 0; margin-top: 40px; list-style-type: none } .js_table_price_dark>.row>div>ul>li { margin: 0; padding: 7px 0; color: #c6c6c6; font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif } .js_table_price_dark>.row>div>a, .js_table_price_dark>.row>div>a:visited { right: 0; left: auto; color: #fff; cursor: pointer; font-size: 12px; margin-top: 15px; text-align: center; position: relative; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #fff; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .5s; transition: all cubic-bezier(.23, 1, .32, 1) .5s } .js_table_price_dark>.row>div>a:hover, .js_table_price_dark>.row>div>a:active { color: #c6c6c6; border-bottom: 1px solid #c6c6c6 } @media only screen and (max-width:480px) { .ps_indicators_brdr_caption>.carousel-indicators { display: none } .ps_control_txt_y .carousel-control { display: none } .js_table_price_dark { top: 2%; left: 0; right: 0; width: 100% } .js_table_price_dark_right { left: 0; right: 0 } .js_table_price_dark>.row>div { padding: 5px } .js_table_price_dark>.row>div:before { width: 99%; height: 30%; border: 1px solid #d3d1d1; border-bottom: 0 } .js_table_price_dark>.row>div:after { width: 99%; height: 70%; border: 1px solid #d3d1d1 } .js_table_price_dark>h1 { font-size: 14px; margin: 0 0 3px 0 } .js_table_price_dark>h1:after { bottom: 0; height: 1px; width: 80px } .js_table_price_dark>.row>div>h3 { margin: 0; font-size: 11px; letter-spacing: 0 } .js_table_price_dark>.row>div>h2 { margin: 0; font-size: 14px; margin-bottom: 2px } .js_table_price_dark>.row>div>h2:before { top: 0; width: 10%; left: -2px; font-size: 10px } .js_table_price_dark>.row>div>h4 { font-size: 10px; margin-bottom: 2px } .js_table_price_dark>.row>div>ul { margin-top: 10px; margin-bottom: 0 } .js_table_price_dark>.row>div>ul>li { padding: 1px 0; font-size: 8px; letter-spacing: 1px } .js_table_price_dark>.row>div>a, .js_table_price_dark>.row>div>a:visited { margin-top: 0; font-size: 9px } } @media(min-width:481px) and (max-width:600px) { .ps_control_txt_y .carousel-control { display: none } .js_table_price_dark { top: 13%; left: 0; right: 0; width: 100% } .js_table_price_dark_right { left: 0; right: 0 } .js_table_price_dark>.row>div { padding: 10px } .js_table_price_dark>h1 { font-size: 18px; margin: 0 0 5px 0 } .js_table_price_dark>h1:after { bottom: 0; height: 1px; width: 80px } .js_table_price_dark>.row>div>h3 { margin: 0; font-size: 11px; letter-spacing: 0 } .js_table_price_dark>.row>div>h2 { font-size: 14px; margin-bottom: 2px } .js_table_price_dark>.row>div>h2:before { top: 0; width: 10%; left: -2px; font-size: 10px } .js_table_price_dark>.row>div>h4 { font-size: 10px; margin-bottom: 2px } .js_table_price_dark>.row>div>ul { margin-top: 35px; margin-bottom: 0 } .js_table_price_dark>.row>div>ul>li { padding: 1px 0; font-size: 10px; letter-spacing: 1px } } @media(min-width:601px) and (max-width:767px) { .js_table_price_dark { left: 0; top: 8%; right: 0; padding: 5px; width: 100% } .js_table_price_dark_right { left: 0; right: 0 } .js_table_price_dark_center>.row>div { padding: 15px } .js_table_price_dark>h1 { font-size: 20px; margin: 0 0 10px 0 } .js_table_price_dark>h1:after { height: 1px; width: 100px; bottom: -5px } .js_table_price_dark>.row>div>h3 { margin: 0 } .js_table_price_dark>.row>div>h2 { margin: 0 } .js_table_price_dark>.row>div>ul>li { padding: 3px 0; font-size: 11px; letter-spacing: 1px } .js_table_price_dark>.row>div>a, .js_table_price_dark>.row>div>a:visited { margin-top: 0 } } @media(min-width:768px) and (max-width:900px) { .js_table_price_dark { top: 10%; width: 80% } .js_table_price_dark>h1 { margin: 0 0 15px 0 } .js_table_price_dark>.row>div>ul>li { padding: 5px 0; font-size: 11px } } @media(min-width:901px) and (max-width:1200px) { .js_table_price_dark { width: 70% } } #js_table_058 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_table_058:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_table_058:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_table_058>.carousel-inner>.item>img, #js_table_058>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .9 } .ps_indicators_text>.carousel-indicators { top: 1%; right: 1%; left: auto; width: 98%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_text>.carousel-indicators li { width: auto; height: 30px; border: 0; color: #000; text-indent: 0; padding: 0 10px; font-size: 12px; overflow: hidden; line-height: 30px; text-align: center; background: transparent; text-transform: uppercase; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(.445, .05, .55, .95); transition: all .5s cubic-bezier(.445, .05, .55, .95) } .ps_indicators_text>.carousel-indicators li>span { margin-left: 17px; -webkit-transition: margin .5s cubic-bezier(.445, .05, .55, .95); transition: margin .5s cubic-bezier(.445, .05, .55, .95) } .ps_indicators_text>.carousel-indicators .active { width: auto; margin: 1px; height: 30px; border: 0; text-indent: 0; color: #000; background: transparent; border-bottom: 1px solid #000 } .ps_indicators_text>.carousel-indicators .active span { margin-left: 5px } .ps_indicators_text>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_text>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_txt .carousel-control { top: 42%; opacity: 1; width: 20px; padding: 5px; height: auto; z-index: 100; bottom: auto; border: 0; color: #000; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; text-shadow: none; position: absolute; white-space: normal; background: transparent; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(.445, .05, .55, .95); transition: all .5s cubic-bezier(.445, .05, .55, .95) } .ps_control_txt:hover .carousel-control { opacity: 1 } .ps_control_txt .carousel-control.left { left: 1%; right: auto } .ps_control_txt .carousel-control.right { right: 1%; left: auto } .ps_control_txt .carousel-control>span { text-transform: uppercase; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased } .ps_control_txt .carousel-control.left:hover, .ps_control_txt .carousel-control.right:hover { color: #fff; background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none } .js_table_course { top: 8%; left: 8%; width: 45%; z-index: 2; right: auto; padding: 0 10px; text-align: left; position: absolute; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1); animation-timing-function: cubic-bezier(.19, 1, .22, 1) } .js_table_course_right { right: 8%; left: auto; text-align: right } .js_table_course_center { left: 0; right: 0; margin: auto; text-align: center } .js_table_course>h1 { color: #fff; font-size: 25px; font-weight: 700; position: relative; letter-spacing: 2px; margin-bottom: 15px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif } .js_table_course>table { cursor: initial; text-align: center; background: #fff } .js_table_course>table>thead>tr>th { color: #fff; font-size: 12px; font-weight: 900; padding: 16px 5px; text-align: center; position: relative; letter-spacing: 1px; background: #d45585; text-transform: uppercase; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased } .js_table_course>table>thead>tr>th, .js_table_course>table>tbody>tr>td { outline: 0; border-top: 0; border-bottom: 0 } .js_table_course>table>tbody>tr>td { color: #000; font-size: 12px; font-weight: 400; padding: 16px 5px; letter-spacing: 1px; text-transform: capitalize; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(.19, 1, .22, 1) .5s; transition: all cubic-bezier(.19, 1, .22, 1) .5s } .js_table_course>table>tbody>tr>td>a { color: #000; text-decoration: none; -webkit-transition: all cubic-bezier(.19, 1, .22, 1) .5s; transition: all cubic-bezier(.19, 1, .22, 1) .5s } .js_table_course>table>tbody>tr>td:first-child { text-transform: uppercase } .js_table_course>table>tbody>tr:nth-of-type(odd) { color: #fff; background-color: #fafafa; border-top: 1px dashed #eaeaea; border-bottom: 1px dashed #eaeaea } .js_table_course>table>tbody>tr:hover>td { color: #fff; background: #d45585 } .js_table_course>table>tbody>tr:hover>td>a { color: #fff } @media only screen and (max-width:480px) { .ps_indicators_text>.carousel-indicators { display: none } .ps_control_txt .carousel-control { display: none } .js_table_course { top: 0; left: 0; right: 0; width: 100%; padding: 3px } .js_table_course>h1 { margin: 0; font-size: 15px; margin-bottom: 2px } .js_table_course>table>thead>tr>th { padding: 4px 0; font-size: 8px; letter-spacing: 0 } .js_table_course>table>tbody>tr>td { padding: 4px 0; font-size: 9px; letter-spacing: 0 } } @media(min-width:481px) and (max-width:600px) { .ps_control_txt .carousel-control { display: none } .js_table_course { left: 0; right: 0; top: 15%; width: 100% } .js_table_course>h1 { margin: 0; font-size: 20px; margin-bottom: 2px } .js_table_course>table>thead>tr>th { padding: 5px 0; font-size: 10px; letter-spacing: 0 } .js_table_course>table>tbody>tr>td { padding: 4px 0; font-size: 12px; letter-spacing: 0 } } @media(min-width:601px) and (max-width:767px) { .js_table_course { left: 5%; right: 0; top: 15%; width: 90% } .js_table_course_right { right: 5%; left: auto } .js_table_course_center { left: 0; right: 0 } .js_table_course>h1 { margin: 0; font-size: 20px; margin-bottom: 2px } .js_table_course>table>thead>tr>th { padding: 8px 0; font-size: 10px } .js_table_course>table>tbody>tr>td { padding: 8px 0; font-size: 12px } } @media(min-width:768px) and (max-width:900px) { .js_table_course { top: 5%; left: 5%; right: 0; width: 90% } .js_table_course_right { right: 5%; left: auto } .js_table_course_center { left: 0; right: 0 } } @media(min-width:901px) and (max-width:1200px) { .js_table_course { width: 70% } } #js_table_059 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_table_059:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_table_059:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_table_059>.carousel-inner>.item>img, #js_table_059>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .9; -webkit-filter: grayscale(100%); filter: grayscale(100%) } .ps_indicators_txt_db>.carousel-indicators { top: 1%; right: 14%; left: auto; width: 85%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_txt_db>.carousel-indicators li { width: auto; height: 30px; border: 0; color: #fff; text-indent: 0; padding: 0 10px; font-size: 12px; overflow: hidden; line-height: 30px; text-align: center; letter-spacing: 1px; background: transparent; text-transform: uppercase; font-family: 'Francois One', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_indicators_txt_db>.carousel-indicators .active { width: auto; margin: 1px; height: 30px; border: 0; text-indent: 0; color: #fff; background: transparent; border-top: 1px solid #fff; border-bottom: 1px solid #fff } .ps_indicators_txt_db>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_txt_db>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_txt_db .carousel-control { top: 0; opacity: 1; width: 70px; padding: 5px; height: 25px; z-index: 100; bottom: auto; border: 0; color: #fff; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; text-shadow: none; position: absolute; background: transparent; font-family: 'Francois One', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_control_txt_db:hover .carousel-control { opacity: 1 } .ps_control_txt_db .carousel-control.left { top: 26px; right: 1%; left: auto } .ps_control_txt_db .carousel-control.right { right: 1%; left: auto } .ps_control_txt_db .carousel-control>span { text-transform: uppercase; font-family: 'Francois One', sans-serif; -webkit-font-smoothing: antialiased } .ps_control_txt_db .carousel-control.left:hover, .ps_control_txt_db .carousel-control.right:hover { border: 0; color: #fff; background: transparent; border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-box-shadow: none; box-shadow: none } .js_table_schedule { top: 8%; left: 3%; width: 60%; right: auto; text-align: left; position: absolute; padding: 20px 25px 0 25px; background: rgba(34,34,34,0.9); -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .js_table_schedule_right { right: 3%; left: auto; text-align: right } .js_table_schedule_center { left: 0; right: 0; margin: auto; text-align: center } .js_table_schedule>h1 { margin: 0; color: #fff; font-size: 25px; font-weight: bold; position: relative; letter-spacing: 2px; margin-bottom: 20px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Francois One', sans-serif } .js_table_schedule>table { cursor: initial; text-align: center; background: transparent } .js_table_schedule>table>thead>tr>th { font-size: 12px; font-weight: 900; padding: 14px 5px; text-align: center; position: relative; letter-spacing: 1px; background: transparent; text-transform: uppercase; color: rgba(255,255,255,0.8); font-family: 'Francois One', sans-serif; -webkit-font-smoothing: antialiased } .js_table_schedule>table>thead>tr>th, .js_table_schedule>table>tbody>tr>td { outline: 0; border-top: 0; border-bottom: 0 } .js_table_schedule>table>tbody>tr { -webkit-transition: background cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: background cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .js_table_schedule>table>tbody>tr>td { color: #aaa; font-size: 12px; line-height: 30px; padding: 14px 5px; letter-spacing: 1px; font-weight: normal; text-transform: capitalize; font-family: 'Francois One', sans-serif; -webkit-font-smoothing: antialiased } .js_table_schedule>table>tbody>tr>td>a { width: 100px; height: 30px; margin: auto; color: #fff; display: block; font-size: 11px; line-height: 30px; text-decoration: none; text-transform: uppercase; border: 1px solid #04bdf3; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .js_table_schedule>table>tbody>tr>td:first-child { text-transform: uppercase } .js_table_schedule>table>tbody>tr:nth-of-type(odd) { border-top: 1px dashed #444; border-bottom: 1px dashed #444 } .js_table_schedule>table>tbody>tr:hover { background: #292929 } .js_table_schedule>table>tbody>tr>td>a:hover { background: #04bdf3 } @media only screen and (max-width:480px) { .ps_indicators_txt_db>.carousel-indicators { display: none } .ps_control_txt_db .carousel-control { display: none } .js_table_schedule { top: 0; left: 0; right: 0; width: 100%; padding: 3px } .js_table_schedule>h1 { margin: 0; font-size: 15px; margin-bottom: 2px } .js_table_schedule>table>thead>tr>th { padding: 3px 0; font-size: 8px; letter-spacing: 0 } .js_table_schedule>table>tbody>tr>td { padding: 3px 0; font-size: 9px; line-height: 15px; letter-spacing: 0 } .js_table_schedule>table>tbody>tr>td>a { width: 50px; height: 15px; font-size: 9px; line-height: 15px; letter-spacing: 0 } } @media(min-width:481px) and (max-width:600px) { .ps_control_txt_db .carousel-control { display: none } .js_table_schedule { left: 0; right: 0; top: 11%; width: 100%; padding: 10px } .js_table_schedule>h1 { margin: 0; font-size: 20px; margin-bottom: 2px } .js_table_schedule>table>thead>tr>th { padding: 5px 0; font-size: 10px; letter-spacing: 0 } .js_table_schedule>table>tbody>tr>td { padding: 4px 0; font-size: 12px; letter-spacing: 0; line-height: 20px } .js_table_schedule>table>tbody>tr>td>a { height: 20px; font-size: 12px; line-height: 20px; letter-spacing: 0 } } @media(min-width:601px) and (max-width:767px) { .js_table_schedule { left: 5%; right: 0; top: 13%; width: 90%; padding: 15px } .js_table_schedule_right { right: 5%; left: auto } .js_table_schedule_center { left: 0; right: 0 } .js_table_schedule>h1 { margin: 0; font-size: 20px; margin-bottom: 2px } .js_table_schedule>table>thead>tr>th { padding: 8px 0; font-size: 10px } .js_table_schedule>table>tbody>tr>td { padding: 8px 0; font-size: 12px; line-height: 20px } .js_table_schedule>table>tbody>tr>td>a { height: 20px; font-size: 12px; line-height: 20px } } @media(min-width:768px) and (max-width:900px) { .js_table_schedule { top: 10%; left: 5%; right: 0; width: 90%; padding: 10px 15px 0 15px } .js_table_schedule_right { right: 5%; left: auto } .js_table_schedule_center { left: 0; right: 0 } .js_table_schedule>table>tbody>tr>td { line-height: 20px } .js_table_schedule>table>tbody>tr>td>a { height: 20px; line-height: 20px } } @media(min-width:901px) and (max-width:1200px) { .js_table_schedule { width: 75% } } #js_table_060 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #js_table_060:hover { cursor: -moz-grab; cursor: -webkit-grab } #js_table_060:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #js_table_060>.carousel-inner>.item>img, #js_table_060>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .8 } .ps_indicators_txt_rdb>.carousel-indicators { top: 1%; right: 14%; left: auto; width: 85%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_txt_rdb>.carousel-indicators li { width: auto; height: 20px; border: 0; color: #fff; text-indent: 0; padding: 0 10px; font-size: 10px; overflow: hidden; line-height: 20px; text-align: center; letter-spacing: 1px; background: transparent; text-transform: uppercase; font-family: 'Arial'; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100px; border-radius: 100px } .ps_indicators_txt_rdb>.carousel-indicators .active { width: auto; margin: 1px; height: 20px; border: 0; text-indent: 0; color: #fff; background: transparent; border-left: 3px solid #fff; border-right: 3px solid #fff } .ps_indicators_txt_rdb>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_txt_rdb>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_txt_rdb .carousel-control { top: 5px; opacity: 1; width: 50px; padding: 5px; height: 15px; z-index: 100; bottom: auto; border: 0; color: #fff; font-size: 11px; cursor: pointer; line-height: 5px; font-weight: 400; overflow: hidden; text-shadow: none; position: absolute; background: transparent; font-family: 'PT Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none } .ps_control_txt_rdb:hover .carousel-control { opacity: 1 } .ps_control_txt_rdb .carousel-control.left { top: 21px; right: 1%; left: auto; -webkit-border-radius: 100px; border-radius: 100px } .ps_control_txt_rdb .carousel-control.right { right: 1%; left: auto; -webkit-border-radius: 100px; border-radius: 100px } .ps_control_txt_rdb .carousel-control>span { text-transform: uppercase; font-family: 'PT Sans', sans-serif; -webkit-font-smoothing: antialiased } .ps_control_txt_rdb .carousel-control.left:hover, .ps_control_txt_rdb .carousel-control.right:hover { border: 0; color: #fff; background: transparent; border-left: 3px solid #fff; border-right: 3px solid #fff; -webkit-box-shadow: none; box-shadow: none } .js_table_timetable { top: 7%; left: 5%; width: 55%; right: auto; text-align: left; position: absolute; background: #f8f8f8; padding: 10px 10px 0 10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1); animation-timing-function: cubic-bezier(.165, .84, .44, 1) } .js_table_timetable_right { right: 5%; left: auto; text-align: right } .js_table_timetable_center { left: 0; right: 0; margin: auto; text-align: center } .js_table_timetable>h1 { margin: 0; color: #666; font-size: 25px; font-weight: 400; position: relative; letter-spacing: 2px; margin-bottom: 10px; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'PT Sans', sans-serif } .js_table_timetable>table { cursor: initial; text-align: center; background: transparent } .js_table_timetable>table>thead>tr>th { color: #fff; font-size: 10px; padding: 7px 5px; text-align: center; position: relative; letter-spacing: 1px; background: #3156a3; font-weight: normal; text-transform: uppercase; font-family: 'Arial'; -webkit-font-smoothing: antialiased } .js_table_timetable>table>thead>tr>th, .js_table_timetable>table>tbody>tr>td { outline: 0; border-top: 0; border-bottom: 0 } .js_table_timetable>table>tbody>tr { -webkit-transition: background cubic-bezier(.165, .84, .44, 1) .5s; transition: background cubic-bezier(.165, .84, .44, 1) .5s } .js_table_timetable>table>tbody>tr>td { color: #666; font-size: 12px; padding: 7px 5px; letter-spacing: 1px; font-weight: normal; text-transform: capitalize; font-family: 'PT Sans', sans-serif; -webkit-font-smoothing: antialiased } .js_table_timetable>table>tbody>tr>td>a { color: #666; font-size: 11px; text-decoration: none; text-transform: uppercase; -webkit-transition: all cubic-bezier(.165, .84, .44, 1) .5s; transition: all cubic-bezier(.165, .84, .44, 1) .5s } .js_table_timetable>table>tbody>tr>td:first-child { text-transform: uppercase } .js_table_timetable>table>tbody>tr:nth-of-type(odd) { background: #f0f0f0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8 } .js_table_timetable>table>tbody>tr:hover { color: #fff; background: #3156a3 } .js_table_timetable>table>tbody>tr:hover td, .js_table_timetable>table>tbody>tr:hover a { color: #fff } .js_table_timetable::-webkit-scrollbar { width:5px; background:transparent } .js_table_timetable::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:#e6e6e6 } @media only screen and (max-width:480px) { .ps_indicators_txt_rdb>.carousel-indicators { display: none } .ps_control_txt_rdb .carousel-control { display: none } .js_table_timetable { top: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 1px; opacity: .9; overflow: auto } .js_table_timetable>h1 { margin: 0; font-size: 12px; margin-bottom: 1px } .js_table_timetable>table>thead>tr>th { padding: 3px 0; font-size: 9px } .js_table_timetable>table>tbody>tr>td { padding: 3px 0; font-size: 9px } .js_table_timetable>table>tbody>tr>td>a { font-size: 9px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_txt_rdb>.carousel-indicators { display: none } .ps_control_txt_rdb .carousel-control { display: none } .js_table_timetable { top: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 1px; opacity: .9; overflow: auto } .js_table_timetable>h1 { margin: 0; font-size: 16px; margin-bottom: 5px } .js_table_timetable>table>thead>tr>th { padding: 5px 0 } .js_table_timetable>table>tbody>tr>td { padding: 5px 0 } } @media(min-width:601px) and (max-width:767px) { .js_table_timetable { left: 0; right: 0; top: 12%; width: 100%; height: 100%; padding: 1px; opacity: .9; overflow: auto } } @media(min-width:768px) and (max-width:900px) { .js_table_timetable { top: 10%; width: 85%; height: 85%; overflow: auto } } @media(min-width:901px) and (max-width:1150px) { .js_table_timetable { top: 10%; width: 80%; height: 75%; overflow: auto } } #kenburns_061 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #kenburns_061:hover { cursor: -moz-grab; cursor: -webkit-grab } #kenburns_061:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #kenburns_061>.carousel-inner>.item { overflow: hidden } #kenburns_061>.carousel-inner>.item>img, #kenburns_061>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .5 } .ps_indicators_txt_icon>.carousel-indicators { top: 1%; right: 9%; left: auto; width: 80%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_txt_icon>.carousel-indicators li { width: 50px; height: 30px; border: 0; color: #fff; text-indent: 0; padding: 0 10px; font-size: 12px; overflow: hidden; text-align: left; line-height: 30px; position: relative; letter-spacing: 1px; background: transparent; text-transform: uppercase; font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(.165, .84, .44, 1) .5s; transition: all cubic-bezier(.165, .84, .44, 1) .5s } .ps_indicators_txt_icon>.carousel-indicators li:after { top: 0; right: 15%; content: "\f178"; font-style: normal; position: absolute; font-weight: normal; font-family: FontAwesome; text-decoration: inherit } .ps_indicators_txt_icon>.carousel-indicators .active { width: 75px; margin: 1px; height: 30px; border: 0; text-indent: 0; color: #fff; background: transparent; border-bottom: 1px solid #fff } .ps_indicators_txt_icon>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_txt_icon>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_txt_icon .carousel-control { top: 3%; opacity: 1; width: 75px; padding: 5px; height: 25px; z-index: 100; bottom: auto; border: 0; color: #fff; font-size: 12px; cursor: pointer; line-height: 15px; font-weight: 400; overflow: hidden; text-shadow: none; position: absolute; background: transparent; font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none } .ps_control_txt_icon:hover .carousel-control { opacity: 1 } .ps_control_txt_icon .carousel-control.left { left: 1%; right: auto } .ps_control_txt_icon .carousel-control.right { right: 1%; left: auto } .ps_control_txt_icon .carousel-control>span { text-transform: uppercase; font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(.165, .84, .44, 1) .5s; transition: all cubic-bezier(.165, .84, .44, 1) .5s } .ps_control_txt_icon .carousel-control.left span:after { top: 0; left: 0; opacity: 0; visibility: hidden; content: "\f177"; font-style: normal; position: absolute; font-weight: normal; font-family: FontAwesome; text-decoration: inherit; line-height: 25px; -webkit-transition: all cubic-bezier(.165, .84, .44, 1) .5s; transition: all cubic-bezier(.165, .84, .44, 1) .5s } .ps_control_txt_icon .carousel-control.right span:before { top: 0; right: 0; opacity: 0; visibility: hidden; content: "\f178"; font-style: normal; position: absolute; font-weight: normal; font-family: FontAwesome; text-decoration: inherit; line-height: 25px; -webkit-transition: all cubic-bezier(.165, .84, .44, 1) .5s; transition: all cubic-bezier(.165, .84, .44, 1) .5s } .ps_control_txt_icon .carousel-control.left:hover span:after, .ps_control_txt_icon .carousel-control.right:hover span:before { visibility: visible; opacity: 1 } .kenburns_061_slide { top: 23%; left: 8%; width: 65%; right: auto; text-align: left; position: absolute; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1); animation-timing-function: cubic-bezier(.165, .84, .44, 1) } .kenburns_061_slide_right { right: 8%; left: auto; text-align: right } .kenburns_061_slide_center { left: 0; right: 0; margin: auto; text-align: center } .kenburns_061_slide>h1 { color: #fff; margin: 10px 0; font-size: 90px; font-weight: 700; text-shadow: none; letter-spacing: 1px; text-transform: uppercase; font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased } .kenburns_061_slide>h2 { margin: 0; color: #fff; font-size: 35px; font-weight: 400; text-shadow: none; letter-spacing: 1px; text-transform: capitalize; font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased } .kenburns_061_slide>h3 { margin: 0; color: #fff; font-size: 22px; font-weight: 400; text-shadow: none; letter-spacing: 1px; text-transform: capitalize; font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased } .kenburns_061_slide>a, .kenburns_061_slide>a:visited { width: 120px; color: #fff; font-size: 12px; text-align: left; font-weight: 400; margin-top: 25px; text-shadow: none; position: relative; letter-spacing: 2px; text-decoration: none; display: inline-block; text-transform: uppercase; font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: width cubic-bezier(.165, .84, .44, 1) .5s; transition: width cubic-bezier(.165, .84, .44, 1) .5s } .kenburns_061_slide>a:hover, .kenburns_061_slide>a:active { width: 130px } .kenburns_061_slide_right>a { text-align: right } .kenburns_061_slide_center>a { width: 135px; text-align: center } .kenburns_061_slide>a:after { top: 0; right: 0; content: "\f178"; font-style: normal; position: absolute; font-weight: normal; font-family: FontAwesome; text-decoration: inherit } .kenburns_061_slide_right>a:after { left: 0; right: auto; content: "\f177" } .kenburns_061_slide_center>a:before { top: 0; left: 0; content: "\f177"; font-style: normal; position: absolute; font-weight: normal; font-family: FontAwesome; text-decoration: inherit } @media only screen and (max-width:480px) { .ps_indicators_txt_icon>.carousel-indicators { display: none } .ps_control_txt_icon .carousel-control { display: none } .kenburns_061_slide { top: 10%; left: 5%; width: 100% } .kenburns_061_slide_right { right: 5%; left: auto } .kenburns_061_slide_center { left: 0; right: 0 } .kenburns_061_slide>h1 { margin: 5px 0; font-size: 25px } .kenburns_061_slide>h2 { margin: 5px 0; font-size: 16px } .kenburns_061_slide>h3 { margin: 5px 0; font-size: 14px } .kenburns_061_slide>a, .kenburns_061_slide>a:visited { margin-top: 10px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_txt_icon>.carousel-indicators { display: none } .kenburns_061_slide>h1 { margin: 5px 0; font-size: 35px } .kenburns_061_slide>h2 { margin: 5px 0; font-size: 20px } .kenburns_061_slide>h3 { margin: 5px 0; font-size: 18px } } @media(min-width:601px) and (max-width:767px) { .ps_indicators_txt_icon>.carousel-indicators { right: 15%; width: 70% } .kenburns_061_slide>h1 { font-size: 40px } } #kenburns_062 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #kenburns_062:hover { cursor: -moz-grab; cursor: -webkit-grab } #kenburns_062:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #kenburns_062>.carousel-inner>.item { overflow: hidden } #kenburns_062>.carousel-inner>.item>img, #kenburns_062>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .7 } .ps_indicators_cs_icon>.carousel-indicators { right: 9%; bottom: 5%; left: auto; width: 80%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_cs_icon>.carousel-indicators li { width: 25px; height: 30px; border: 0; color: #fff; text-indent: 0; padding: 0 10px; font-size: 12px; overflow: hidden; text-align: left; line-height: 30px; position: relative; letter-spacing: 1px; background: transparent; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .ps_indicators_cs_icon>.carousel-indicators li:after { top: 0; right: 15%; content: "\f178"; font-style: normal; position: absolute; font-weight: normal; font-family: FontAwesome; text-decoration: inherit } .ps_indicators_cs_icon>.carousel-indicators .active { width: 50px; margin: 1px; height: 30px; border: 0; text-indent: 0; color: #fff; font-size: 30px; background: transparent } .ps_indicators_cs_icon>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_cs_icon>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_cs_icon .carousel-control { top: 5px; width: 40px; opacity: .5; padding: 5px; height: 40px; z-index: 100; bottom: auto; color: #fff; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 28px; text-shadow: none; position: absolute; background: transparent; border: 1px solid #fff; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .ps_control_cs_icon:hover .carousel-control { opacity: 1 } .ps_control_cs_icon .carousel-control.left { left: 5px; right: auto } .ps_control_cs_icon .carousel-control.right { left: 50px; right: auto } .ps_control_cs_icon .carousel-control>span { text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .ps_control_cs_icon .carousel-control.left span:after { top: 0; left: 0; right: 0; margin: auto; content: "\f177"; line-height: 38px; font-style: normal; position: absolute; font-weight: normal; font-family: FontAwesome; text-decoration: inherit } .ps_control_cs_icon .carousel-control.right span:before { top: 0; left: 0; right: 0; margin: auto; content: "\f178"; line-height: 38px; font-style: normal; position: absolute; font-weight: normal; font-family: FontAwesome; text-decoration: inherit } .kenburns_062_slide { top: 20%; left: 5%; width: 55%; right: auto; text-align: center; position: absolute } .kenburns_062_slide_right { right: 5%; left: auto } .kenburns_062_slide_center { left: 0; right: 0; margin: auto } .kenburns_062_slide>h1 { color: #fff; margin: 20px 0; padding: 20px 0; font-size: 50px; font-weight: 900; text-shadow: none; text-align: center; letter-spacing: 2px; border: 7px solid #fff; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .kenburns_062_slide>p { margin: 0; color: #fff; font-size: 18px; padding: 0 60px; font-weight: 400; text-shadow: none; text-align: center; letter-spacing: 1px; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .kenburns_062_slide>a, .kenburns_062_slide>a:visited { width: 150px; height: 50px; font-size: 12px; font-weight: 400; margin-top: 25px; line-height: 48px; text-shadow: none; position: relative; text-align: center; letter-spacing: 2px; text-decoration: none; display: inline-block; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .kenburns_062_slide>a:nth-child(3) { color: #fff; margin-right: 5px; background: #fe8a8d; border: 1px solid #fe8a8d } .kenburns_062_slide>a:nth-child(4) { color: #fff; margin-left: 5px; border: 1px solid #fff } .kenburns_062_slide>a:nth-child(3):hover, .kenburns_062_slide>a:nth-child(3):active { color: #fe8a8d; background: #fff; border: 1px solid #fff } .kenburns_062_slide>a:nth-child(4):hover, .kenburns_062_slide>a:nth-child(4):active { color: #fe8a8d; background: #fff } @media only screen and (max-width:480px) { .ps_indicators_cs_icon>.carousel-indicators { display: none } .ps_control_cs_icon .carousel-control { display: none } .kenburns_062_slide { top: 1%; left: 0; width: 100% } .kenburns_062_slide_right { right: 0; left: auto } .kenburns_062_slide_center { left: 0; right: 0 } .kenburns_062_slide>h1 { margin: 5px 0; padding: 5px 0; font-size: 25px; border: 2px solid #fff } .kenburns_062_slide>p { padding: 0 20px; font-size: 12px } .kenburns_062_slide>a, .kenburns_062_slide>a:visited { width: 100px; height: 25px; font-size: 10px; font-weight: 400; margin-top: 10px; line-height: 23px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_cs_icon>.carousel-indicators { display: none } .ps_control_cs_icon .carousel-control { display: none } .kenburns_062_slide { top: 5%; left: 3%; width: 80% } .kenburns_062_slide_right { right: 3%; left: auto } .kenburns_062_slide_center { left: 0; right: 0 } .kenburns_062_slide>h1 { margin: 5px 0; font-size: 25px } .kenburns_062_slide>p { padding: 0 20px } .kenburns_062_slide>a, .kenburns_062_slide>a:visited { margin-top: 10px } } @media(min-width:601px) and (max-width:767px) { .kenburns_062_slide { top: 14%; width: 80% } .kenburns_062_slide_right { right: 3%; left: auto } .kenburns_062_slide_center { left: 0; right: 0 } .kenburns_062_slide>h1 { margin: 5px 0; font-size: 25px } .kenburns_062_slide>p { padding: 0 20px } .kenburns_062_slide>a, .kenburns_062_slide>a:visited { margin-top: 10px } } @media(min-width:768px) and (max-width:900px) { .kenburns_062_slide { top: 10%; width: 85% } } #kenburns_063 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #kenburns_063:hover { cursor: -moz-grab; cursor: -webkit-grab } #kenburns_063:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #kenburns_063>.carousel-inner>.item { overflow: hidden } #kenburns_063>.carousel-inner>.item>img, #kenburns_063>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .4 } .ps_indicators_blue>.carousel-indicators { right: 5%; bottom: 5%; left: auto; width: 90%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_blue>.carousel-indicators li { width: 15px; height: 10px; border: 0; text-indent: 0; padding: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; text-transform: uppercase; background: rgba(46,57,201,0.5); font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .ps_indicators_blue>.carousel-indicators .active { width: 15px; margin: 1px; height: 10px; border: 0; text-indent: 0; background: #2e39c9 } .ps_indicators_blue>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_blue>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_blue .carousel-control { top: 5%; opacity: 1; width: 30px; height: 15px; z-index: 100; bottom: auto; color: #fff; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 15px; text-shadow: none; position: absolute; background: #2e39c9; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .5s } .ps_control_blue .carousel-control.left { left: 15px; right: auto } .ps_control_blue .carousel-control.right { left: 46px; right: auto } .ps_control_blue .carousel-control:hover { background: rgba(46,57,201,0.5) } .kenburns_063_slide { top: 25%; left: 5%; width: 60%; right: auto; text-align: center; position: absolute } .kenburns_063_slide_right { right: 5%; left: auto } .kenburns_063_slide_center { left: 0; right: 0; margin: auto } .kenburns_063_slide>h1 { color: #fff; margin: 0; padding: 0; font-size: 60px; font-weight: 400; text-shadow: none; text-align: center; letter-spacing: 0; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.455, .03, .515, .955); animation-timing-function: cubic-bezier(.455, .03, .515, .955) } .kenburns_063_slide>h1>span { font-size: 30px; color: #2e39c9; font-weight: 600; display: inline-block; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.455, .03, .515, .955); animation-timing-function: cubic-bezier(.455, .03, .515, .955) } .kenburns_063_slide>p { color: #fff; width: 60%; margin: auto; font-size: 12px; font-weight: 400; text-shadow: none; text-align: center; letter-spacing: 2px; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.455, .03, .515, .955); animation-timing-function: cubic-bezier(.455, .03, .515, .955) } .kenburns_063_slide>a, .kenburns_063_slide>a:visited { width: 170px; height: 40px; color: #fff; font-size: 11px; font-weight: 400; margin-top: 25px; line-height: 40px; text-shadow: none; position: relative; text-align: center; letter-spacing: 2px; padding: 0 25px 0 0; background: #2e39c9; text-decoration: none; display: inline-block; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(.455, .03, .515, .955) .5s; transition: all cubic-bezier(.455, .03, .515, .955) .5s; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.455, .03, .515, .955); animation-timing-function: cubic-bezier(.455, .03, .515, .955) } .kenburns_063_slide>a:after { top: 0; left: auto; right: 5%; margin: auto; content: "\f178"; line-height: 40px; font-style: normal; position: absolute; font-weight: normal; font-family: FontAwesome; text-decoration: inherit; -webkit-transition: right cubic-bezier(.455, .03, .515, .955) .5s; transition: right cubic-bezier(.455, .03, .515, .955) .5s } .kenburns_063_slide>a:hover:after { right: 15% } .kenburns_063_slide>a:hover, .kenburns_063_slide>a:active { background: rgba(46,57,201,0.5) } @media only screen and (max-width:480px) { .ps_indicators_blue>.carousel-indicators { display: none } .ps_control_blue .carousel-control { display: none } .kenburns_063_slide { top: 7%; left: 0; width: 100% } .kenburns_063_slide_right { right: 0; left: auto } .kenburns_063_slide_center { left: 0; right: 0 } .kenburns_063_slide>h1 { font-size: 22px } .kenburns_063_slide>h1>span { font-size: 16px } .kenburns_063_slide>p { font-size: 11px } } @media(min-width:481px) and (max-width:600px) { .kenburns_063_slide { left: 0; top: 15%; width: 85% } .kenburns_063_slide_right { right: 0; left: auto } .kenburns_063_slide_center { left: 0; right: 0 } .kenburns_063_slide>h1 { font-size: 30px } .kenburns_063_slide>h1>span { font-size: 20px } } @media(min-width:601px) and (max-width:767px) { .kenburns_063_slide { left: 0; width: 95% } .kenburns_063_slide_right { right: 0; left: auto } } @media(min-width:768px) and (max-width:900px) { .kenburns_063_slide { width: 75% } } #kenburns_064 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #kenburns_064:hover { cursor: -moz-grab; cursor: -webkit-grab } #kenburns_064:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #kenburns_064>.carousel-inner>.item { overflow: hidden } .ps_indicators_orange>.carousel-indicators { right: 5%; bottom: 5%; left: auto; width: 90%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_orange>.carousel-indicators li { padding: 0; width: 15px; height: 15px; border: 0; text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; text-transform: uppercase; background: rgba(255,255,255,1); font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 2px; border-radius: 2px } .ps_indicators_orange>.carousel-indicators .active { width: 15px; margin: 1px; height: 15px; border: 0; text-indent: 0; background: #fd4000 } .ps_indicators_orange>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_orange>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_orange .carousel-control { top: 3%; opacity: 1; width: 17px; height: 17px; z-index: 100; bottom: auto; color: #fd4000; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 17px; text-shadow: none; position: absolute; background: #fff; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; border-radius: 2px } .ps_control_orange .carousel-control.left { left: auto; right: 43px } .ps_control_orange .carousel-control.right { left: auto; right: 25px } .ps_control_orange .carousel-control:hover { color: #fff; background: #fd4000 } .kenburns_064_slide { top: 0; bottom: 0; width: 100%; padding-top: 17%; position: absolute; background: rgba(0,0,0,0.5) } .kenburns_064_slide_right { text-align: right } .kenburns_064_slide_center { text-align: center } .kenburns_064_slide>h1 { padding: 0; width: 400px; color: #fff; font-size: 60px; font-weight: 400; text-shadow: none; letter-spacing: 1px; margin: 0 auto 0 15%; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .kenburns_064_slide_right>h1 { margin: 0 15% 0 auto } .kenburns_064_slide_center>h1 { margin: 0 auto } .kenburns_064_slide>h1>span { font-weight: 800; margin-left: 15px; display: inline-block } .kenburns_064_slide>h2 { width: 320px; color: #fff; font-size: 14px; font-weight: 600; text-shadow: none; padding: 7px 15px; background: #fd4000; letter-spacing: 1px; margin: 0 auto 15px 15%; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .kenburns_064_slide_right>h2 { margin: 0 15% 15px auto } .kenburns_064_slide_center>h2 { margin: 0 auto 15px auto } .kenburns_064_slide>p { width: 320px; color: #fff; font-size: 12px; font-weight: 400; text-shadow: none; letter-spacing: 1px; margin: 0 auto 0 15%; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .kenburns_064_slide_right>p { margin: 0 15% 0 auto } .kenburns_064_slide_center>p { margin: 0 auto } .kenburns_064_slide>a, .kenburns_064_slide>a:visited { width: 120px; height: 35px; color: #fff; font-size: 10px; font-weight: 400; line-height: 33px; text-shadow: none; position: relative; text-align: center; letter-spacing: 1px; text-decoration: none; display: inline-block; margin: 15px auto 0 15%; border: 1px solid #fff; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .1s cubic-bezier(.455, .03, .515, .955); transition: all .1s cubic-bezier(.455, .03, .515, .955) } .kenburns_064_slide_right>a { margin: 15px 15% 0 auto } .kenburns_064_slide_center>a { margin: 15px auto 0 auto } .kenburns_064_slide>a:hover, .kenburns_064_slide>a:active { background: #fd4000; border: 1px solid #fd4000 } @media only screen and (max-width:480px) { .ps_indicators_orange>.carousel-indicators { display: none } .ps_control_orange .carousel-control { display: none } .kenburns_064_slide { padding-top: 5% } .kenburns_064_slide>h1 { width: 260px; font-size: 35px; margin: 0 auto 0 5% } .kenburns_064_slide_right>h1 { margin: 0 5% 0 auto } .kenburns_064_slide_center>h1 { margin: 0 auto } .kenburns_064_slide>h2 { width: 220px; font-size: 10px; padding: 7px 3px; margin: 0 auto 5px 5% } .kenburns_064_slide_right>h2 { margin: 0 5% 5px auto } .kenburns_064_slide_center>h2 { margin: 0 auto 5px auto } .kenburns_064_slide>p { width: 220px; font-size: 10px; margin: 0 auto 0 5% } .kenburns_064_slide_right>p { margin: 0 5% 0 auto } .kenburns_064_slide_center>p { margin: 0 auto } .kenburns_064_slide>a, .kenburns_064_slide>a:visited { width: 95px; height: 25px; line-height: 23px; margin: 5px auto 0 5% } .kenburns_064_slide_right>a { margin: 5px 5% 0 auto } .kenburns_064_slide_center>a { margin: 5px auto 0 auto } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_orange>.carousel-indicators { display: none } .kenburns_064_slide { padding-top: 11% } .kenburns_064_slide>h1 { width: 260px; font-size: 35px; margin: 0 auto 0 5% } .kenburns_064_slide_right>h1 { margin: 0 5% 0 auto } .kenburns_064_slide_center>h1 { margin: 0 auto } .kenburns_064_slide>h2 { width: 220px; font-size: 10px; padding: 7px 3px; margin: 0 auto 5px 5% } .kenburns_064_slide_right>h2 { margin: 0 5% 5px auto } .kenburns_064_slide_center>h2 { margin: 0 auto 5px auto } .kenburns_064_slide>p { width: 220px; font-size: 10px; margin: 0 auto 0 5% } .kenburns_064_slide_right>p { margin: 0 5% 0 auto } .kenburns_064_slide_center>p { margin: 0 auto } .kenburns_064_slide>a, .kenburns_064_slide>a:visited { width: 95px; height: 25px; line-height: 23px; margin: 5px auto 0 5% } .kenburns_064_slide_right>a { margin: 5px 5% 0 auto } .kenburns_064_slide_center>a { margin: 5px auto 0 auto } } @media(min-width:601px) and (max-width:767px) { .kenburns_064_slide { padding-top: 10% } } #kenburns_065 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #kenburns_065:hover { cursor: -moz-grab; cursor: -webkit-grab } #kenburns_065:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #kenburns_065>.carousel-inner>.item { overflow: hidden } .ps_indicators_gray>.carousel-indicators { top: 3%; right: 5%; left: auto; width: 90%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_gray>.carousel-indicators li { padding: 0; width: 7px; height: 7px; border: 0; text-indent: 0; overflow: hidden; text-align: left; position: relative; background: #bcbcbc; letter-spacing: 1px; text-transform: uppercase; font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100% } .ps_indicators_gray>.carousel-indicators .active { width: 25px; margin: 1px; height: 7px; border: 0; text-indent: 0; background: #fff; -webkit-border-radius: 10px; border-radius: 10px } .ps_indicators_gray>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_gray>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_gray .carousel-control { top: auto; bottom: 5%; opacity: 1; width: 30px; height: 30px; z-index: 100; color: #bcbcbc; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 30px; text-shadow: none; position: absolute; background: transparent; border: 1px solid #bcbcbc; font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100%; border-radius: 100% } .ps_control_gray .carousel-control.left { left: 25px; right: auto } .ps_control_gray .carousel-control.right { left: 58px; right: auto } .ps_control_gray .carousel-control:hover { color: #bcbcbc; background: #fff; border: 1px solid #fff } .kenburns_065_slide { top: 0; bottom: 0; width: 100%; padding-top: 13%; position: absolute; background: rgba(0,0,0,0.4) } .kenburns_065_slide_right { text-align: right } .kenburns_065_slide_center { text-align: center } .kenburns_065_slide>h1 { padding: 0; width: 625px; color: #fff; font-size: 100px; font-weight: 500; text-shadow: none; letter-spacing: 1px; margin: 0 auto 0 15%; text-transform: uppercase; font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased } .kenburns_065_slide_right>h1 { margin: 0 15% 0 auto } .kenburns_065_slide_center>h1 { margin: 0 auto } .kenburns_065_slide>h2 { width: 400px; color: #fff; font-size: 60px; font-weight: 400; text-shadow: none; padding: 0; letter-spacing: 1px; margin: 0 auto 0 15%; text-transform: uppercase; font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased } .kenburns_065_slide_right>h2 { margin: 0 15% 15px auto } .kenburns_065_slide_center>h2 { margin: 0 auto 15px auto } .kenburns_065_slide>a, .kenburns_065_slide>a:visited { width: 150px; height: 50px; color: #212121; font-size: 18px; font-weight: 400; line-height: 46px; text-shadow: none; position: relative; text-align: center; letter-spacing: 1px; background: #fff; text-decoration: none; display: inline-block; margin: 25px auto 0 15%; text-transform: uppercase; font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all .1s cubic-bezier(.455, .03, .515, .955); transition: all .1s cubic-bezier(.455, .03, .515, .955) } .kenburns_065_slide_right>a { margin: 15px 15% 0 auto } .kenburns_065_slide_center>a { margin: 15px auto 0 auto } .kenburns_065_slide>a:hover, .kenburns_065_slide>a:active { color: #fff; background: #bcbcbc } @media only screen and (max-width:480px) { .kenburns_065_slide { padding-top: 12% } .kenburns_065_slide>h1 { width: 260px; font-size: 35px; margin: 0 auto 0 5% } .kenburns_065_slide_right>h1 { margin: 0 5% 0 auto } .kenburns_065_slide_center>h1 { margin: 0 auto } .kenburns_065_slide>h2 { width: 220px; font-size: 20px; margin: 0 auto 0 5% } .kenburns_065_slide_right>h2 { margin: 0 5% 0 auto } .kenburns_065_slide_center>h2 { margin: 0 auto 0 auto } .kenburns_065_slide>a, .kenburns_065_slide>a:visited { width: 130px; height: 30px; line-height: 30px; margin: 5px auto 0 5% } .kenburns_065_slide_right>a { margin: 5px 5% 0 auto } .kenburns_065_slide_center>a { margin: 5px auto 0 auto } } @media(min-width:481px) and (max-width:600px) { .kenburns_065_slide { padding-top: 12% } .kenburns_065_slide>h1 { width: 260px; font-size: 35px; margin: 0 auto 0 5% } .kenburns_065_slide_right>h1 { margin: 0 5% 0 auto } .kenburns_065_slide_center>h1 { margin: 0 auto } .kenburns_065_slide>h2 { width: 220px; font-size: 20px; margin: 0 auto 0 5% } .kenburns_065_slide_right>h2 { margin: 0 5% 0 auto } .kenburns_065_slide_center>h2 { margin: 0 auto 0 auto } .kenburns_065_slide>a, .kenburns_065_slide>a:visited { width: 130px; height: 30px; line-height: 30px; margin: 5px auto 0 5% } .kenburns_065_slide_right>a { margin: 5px 5% 0 auto } .kenburns_065_slide_center>a { margin: 5px auto 0 auto } } @media(min-width:601px) and (max-width:767px) { .kenburns_065_slide { padding-top: 10% } .kenburns_065_slide>h1 { width: 460px; font-size: 75px } } .ps_modal_066_gallery, .ps_modal_066_gallery>.row>div { margin: 0; padding: 0 2px } .ps_modal_066_gallery>.row { margin: 0 } .ps_modal_066_gallery>.row>div>img { width: 100%; cursor: pointer } #ps_modal_066 { padding-left: 0!important; padding-right: 0!important } #ps_modal_066>.modal-dialog { margin: 0; width: 100% } #ps_modal_066>.modal-dialog>.modal-content { border: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } @media(min-width:768px) { #ps_modal_066>.modal-dialog { width: 100%; margin: 0 } #ps_modal_066>.modal-dialog>.modal-content { -webkit-box-shadow: none; box-shadow: none } } .ps_modal_close_yellow>.modal-dialog>.modal-content>a { top: 1%; right: 2%; left: auto; z-index: 10; width: 15px; height: 15px; font-size: 25px; line-height: 15px; position: absolute; text-align: center; text-decoration: none; color: rgba(18,17,19,0.5); -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_modal_close_yellow>.modal-dialog>.modal-content>a:hover { color: #e2db19 } #fw_slider_modal_066 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #fw_slider_modal_066:hover { cursor: -moz-grab; cursor: -webkit-grab } #fw_slider_modal_066:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #fw_slider_modal_066>.carousel-inner>.item { overflow: hidden; max-height: 658px } #fw_slider_modal_066>.carousel-inner>.item>img, #fw_slider_modal_066>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .8 } .ps_indicators_yellow>.carousel-indicators { top: 2%; left: auto; width: 50%; right: 25%; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_yellow>.carousel-indicators li { padding: 0; width: 15px; height: 15px; border: 0; text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; text-transform: uppercase; background: rgba(18,17,19,0.5); font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_indicators_yellow>.carousel-indicators .active { width: 15px; margin: 1px; height: 15px; border: 0; text-indent: 0; background: #e2db19 } .ps_indicators_yellow>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_yellow>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_yellow .carousel-control { top: 2%; opacity: 1; width: 25px; height: 25px; z-index: 100; bottom: auto; color: #e2db19; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 25px; text-shadow: none; position: absolute; background: rgba(18,17,19,0.5); font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_control_yellow .carousel-control.left { left: 15px; right: auto } .ps_control_yellow .carousel-control.right { left: 45px; right: auto } .ps_control_yellow .carousel-control:hover { color: #fefefe; background: #e2db19 } .fw_slider_modal_066_slide { left: 0; top: auto; bottom: 0; width: 100%; height: 30%; right: auto; overflow: auto; position: absolute; text-align: justify; padding: 15px 120px; border-top: 1px solid #414141; background: rgba(18,17,19,0.8) } .fw_slider_modal_066_slide_right { text-align: right } .fw_slider_modal_066_slide_center { text-align: center } .fw_slider_modal_066_slide>h1 { color: #fefefe; font-size: 20px; font-weight: 600; text-shadow: none; margin: 0 0 15px 0; letter-spacing: 1px; text-transform: capitalize; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_slider_modal_066_slide>p { margin: 0; color: #fefefe; font-size: 15px; font-weight: 300; text-shadow: none; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_slider_modal_066_slide>p>span { color: #e2db19 } .fw_slider_modal_066_slide>a, .fw_slider_modal_066_slide>a:visited { color: #fefefe; font-size: 12px; font-weight: 300; margin-top: 15px; line-height: 40px; text-shadow: none; position: relative; text-align: center; letter-spacing: 1px; text-decoration: none; display: inline-block; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_slider_modal_066_slide>a>span { color: #e2db19; margin-left: 15px; -webkit-transition: all cubic-bezier(.455, .03, .515, .955) .5s; transition: all cubic-bezier(.455, .03, .515, .955) .5s } .fw_slider_modal_066_slide_right>a>span { margin-right: 15px } .fw_slider_modal_066_slide>a:after { top: 0; left: 0; right: auto; height: 1px; width: 25px; content: ""; margin: auto; position: absolute; background: #e2db19; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .fw_slider_modal_066_slide_right>a:after { right: 0; left: auto } .fw_slider_modal_066_slide_center>a:after { left: 0; right: 0 } .fw_slider_modal_066_slide>a:hover, .fw_slider_modal_066_slide>a:active { color: #e2db19 } .fw_slider_modal_066_slide>a:hover span { color: #fefefe; margin-left: 5px } .fw_slider_modal_066_slide_right>a:hover span { margin-right: 5px } .fw_slider_modal_066_slide>a:hover:after { background: #fefefe } .fw_slider_modal_066_slide::-webkit-scrollbar { width:4px; background:transparent } .fw_slider_modal_066_slide::-webkit-scrollbar-thumb { background:#e6e6e6 } @media only screen and (max-width:480px) { .ps_indicators_yellow>.carousel-indicators { display: none } .fw_slider_modal_066_slide { top: 0; height: 100%; padding: 5px 10px; position: relative } .fw_slider_modal_066_slide>h1 { margin: 0 0 5px 0 } .fw_slider_modal_066_slide>p { font-size: 10px } .fw_slider_modal_066_slide>a, .fw_slider_modal_066_slide>a:visited { margin-top: 10px; line-height: 20px } } @media(min-width:481px) and (max-width:600px) { .fw_slider_modal_066_slide { top: 0; height: 100%; position: relative; padding: 15px 25px } } @media(min-width:601px) and (max-width:767px) { .fw_slider_modal_066_slide { height: 170px; padding: 15px 25px } .fw_slider_modal_066_slide>h1 { margin: 0 0 5px 0 } .fw_slider_modal_066_slide>p { font-size: 11px } .fw_slider_modal_066_slide>a, .fw_slider_modal_066_slide>a:visited { margin-top: 10px; line-height: 20px } } @media(min-width:768px) and (max-width:1050px) { .fw_slider_modal_066_slide { height: 230px; padding: 15px 50px } } .ps_modal_067_gallery, .ps_modal_067_gallery>.row>div { margin: 0; padding: 0 2px } .ps_modal_067_gallery>.row { margin: 0 } .ps_modal_067_gallery>.row>div>img { width: 100%; cursor: pointer } #ps_modal_067 { padding-left: 0!important; padding-right: 0!important } #ps_modal_067>.modal-dialog { width: 100%; margin: 30px 0 } #ps_modal_067>.modal-dialog>.modal-content { border: 0; -webkit-border-radius: 0; border-radius: 0 } @media(min-width:768px) { #ps_modal_067>.modal-dialog { width: 60%; margin: 30px auto } } .ps_modal_close_pink>.modal-dialog>.modal-content>a { top: 1%; right: 2%; left: auto; z-index: 10; width: 15px; height: 15px; color: #ed7dd1; font-size: 25px; line-height: 15px; position: absolute; text-align: center; text-decoration: none; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_modal_close_pink>.modal-dialog>.modal-content>a:hover { color: #fff } #thx_slider_modal_067 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #thx_slider_modal_067:hover { cursor: -moz-grab; cursor: -webkit-grab } #thx_slider_modal_067:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #thx_slider_modal_067>.carousel-inner>.item { overflow: hidden; max-height: 658px } #thx_slider_modal_067>.carousel-inner>.item>img, #thx_slider_modal_067>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .6 } .thx_slider_modal_thumb>.carousel-indicators { left: 0; bottom: 0; margin: 0; width: 100%; font-size: 0; padding: 2px 2px; cursor: e-resize; overflow-x: auto; position: absolute; text-align: center; white-space: nowrap; background: #1a1c1b } .thx_slider_modal_thumb>.carousel-indicators li { border: 0; padding: 0; width: 12%; height: 100%; margin: 0 1px; text-indent: 0; cursor: pointer; display: inline-block; background-color: transparent; -webkit-border-radius: 0; border-radius: 0 } .thx_slider_modal_thumb>.carousel-indicators li img { width: 100%; -webkit-border-radius: 0; border-radius: 0 } .thx_slider_modal_thumb>.carousel-indicators .active { width: 12%; height: 100%; margin: 0 1px; background-color: transparent } .thx_slider_modal_thumb>.carousel-indicators .active img { opacity: .6 } .thx_slider_modal_thumb>.carousel-indicators::-webkit-scrollbar { margin:0; padding:0; width:4px; height:4px; background:transparent } .thx_slider_modal_thumb>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.6) } @media screen and (min-width:768px) { .thx_slider_modal_thumb>.carousel-indicators { bottom: 0 } } .thx_slider_modal_067_slide { top: 30%; left: 5%; width: 60%; right: auto; text-align: left; position: absolute; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .thx_slider_modal_067_slide_right { right: 5%; left: auto; text-align: right } .thx_slider_modal_067_slide_center { left: 0; right: 0; margin: auto; text-align: center } .thx_slider_modal_067_slide>h1 { padding: 0; color: #fff; font-size: 25px; font-weight: 700; margin: 0 0 10px 0; letter-spacing: 1px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif } .thx_slider_modal_067_slide>h1>span { color: #ed7dd1 } .thx_slider_modal_067_slide>h2 { margin: 0; padding: 0; color: #fff; font-size: 20px; font-weight: 400; font-style: italic; text-transform: capitalize; font-family: 'Droid Serif', serif } .thx_slider_modal_067_slide>a, .thx_slider_modal_067_slide>a:visited { color: #fff; cursor: pointer; font-size: 10px; margin-top: 40px; line-height: 10px; text-align: center; padding: 10px 20px; letter-spacing: 1px; white-space: nowrap; background: #ed7dd1; display: inline-block; text-decoration: none; text-transform: capitalize; font-family: 'Source Sans Pro', sans-serif; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .thx_slider_modal_067_slide>a:hover, .thx_slider_modal_067_slide>a:active { color: #ed7dd1; background: #fff } @media only screen and (max-width:480px) { .thx_slider_modal_067_slide, .thx_slider_modal_067_slide.thx_slider_modal_067_slide_right { top: 15%; width: 100% } .thx_slider_modal_067_slide>h2 { font-size: 18px } .thx_slider_modal_067_slide>h1 { font-size: 25px; margin-bottom: 5px } .thx_slider_modal_067_slide>a { margin-top: 10px } } @media(min-width:481px) and (max-width:600px) { .thx_slider_modal_067_slide { width: 100% } } @media(min-width:601px) and (max-width:900px) { .thx_slider_modal_067_slide { width: 100% } } .ps_modal_068_gallery, .ps_modal_068_gallery>.row>div { margin: 0; padding: 0 2px } .ps_modal_068_gallery>.row { margin: 0 } .ps_modal_068_gallery>.row>div>img { width: 100%; cursor: pointer } #ps_modal_068 { padding-left: 0!important; padding-right: 0!important; background: rgba(242,242,242,0.9) } #ps_modal_068>.modal-dialog { width: 100%; margin: 30px 0; -webkit-border-radius: 0; border-radius: 0 } #ps_modal_068>.modal-dialog>.modal-content { border: 0; border: 8px solid #fff; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } @media(min-width:1101px) { #ps_modal_068>.modal-dialog { width: 60%; margin: 30px auto; -webkit-border-radius: 0; border-radius: 0 } } .ps_modal_close_cream>.modal-dialog>.modal-content>a { top: 1%; left: 2%; right: auto; z-index: 10; width: 15px; height: 15px; color: #fff; font-size: 25px; line-height: 15px; position: absolute; text-align: center; text-decoration: none; -webkit-transition: all .5s cubic-bezier(0.3, 1, 0, 1); transition: all .5s cubic-bezier(0.3, 1, 0, 1) } .ps_modal_close_cream>.modal-dialog>.modal-content>a:hover { color: #e5ae49 } #thy_slider_modal_068 { overflow: hidden; max-height: 643px; position: relative; background: #000 } #thy_slider_modal_068:hover { cursor: -moz-grab; cursor: -webkit-grab } #thy_slider_modal_068:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #thy_slider_modal_068>.carousel-inner>.item>img, #thy_slider_modal_068>.carousel-inner>.item>a>img { width: 100%; margin: auto; opacity: .9 } .thy_slider_modal_thumb>.carousel-indicators { top: 0; margin: 0; bottom: 0; left: 85%; width: 15%; height: 100%; overflow: auto; padding: 0 5px; cursor: s-resize; position: absolute } .thy_slider_modal_thumb>.carousel-indicators li { width: 100%; height: auto; border: 0; margin: 5px 0; display: block; border: 3px solid #fff; background-color: transparent; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: background 1s cubic-bezier(0.3, 1, 0, 1); transition: background 1s cubic-bezier(0.3, 1, 0, 1) } .thy_slider_modal_thumb>.carousel-indicators li img { width: 100%; height: auto; display: block; position: relative; -webkit-border-radius: 0; border-radius: 0 } .thy_slider_modal_thumb>.carousel-indicators .active { width: 100%; height: auto; border: 0; margin: 5px 0; border: 3px solid #fff; background-color: #e5ae49 } .thy_slider_modal_thumb>.carousel-indicators .active img { opacity: .7 } .thy_slider_modal_thumb>.carousel-indicators::-webkit-scrollbar { width:4px } .thy_slider_modal_thumb>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.5) } @media screen and (min-width:768px) { .thy_slider_modal_thumb>.carousel-indicators { bottom: 0 } } .thy_slider_modal_068_slide { top: 40%; left: 2%; padding: 0; right: auto; margin: auto; width: 400px; text-align: left; position: absolute; -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .thy_slider_modal_068_slide_right { right: 20%; left: auto; text-align: right } .thy_slider_modal_068_slide_center { left: 0; right: 0; text-align: center } .thy_slider_modal_068_slide>h1 { padding: 0; z-index: 20; color: #fff; font-size: 35px; font-weight: 900; margin: 0 0 5px 0; position: relative; text-transform: uppercase; font-family: 'Catamaran', sans-serif } .thy_slider_modal_068_slide>h1:after { left: 0; right: 0; top: 35%; z-index: -1; content: ""; bottom: auto; height: 10px; width: 380px; margin: auto; position: absolute; background: #e5ae49 } .thy_slider_modal_068_slide_center>h1:after { left: 0; right: 0 } .thy_slider_modal_068_slide_right>h1:after { right: 0; left: auto } .thy_slider_modal_068_slide>p { padding: 0; color: #fff; font-size: 14px; font-weight: 400; text-align: left; margin: 0 0 25px 0; letter-spacing: 1px; font-family: 'Catamaran', sans-serif } .thy_slider_modal_068_slide_right>p { text-align: right } .thy_slider_modal_068_slide_center>p { text-align: center } .thy_slider_modal_068_slide>a, .thy_slider_modal_068_slide>a:visited { margin: 0; color: #e5ae49; cursor: pointer; font-size: 12px; line-height: 10px; text-align: center; padding: 10px 30px; background: #fff; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Catamaran', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.3, 1, 0, 1); transition: all .5s cubic-bezier(0.3, 1, 0, 1) } .thy_slider_modal_068_slide>a:hover, .thy_slider_modal_068_slide>a:active { color: #fff; background: #e5ae49 } @media only screen and (max-width:480px) { #ps_modal_068>.modal-dialog>.modal-content { border: 3px solid #fff } .thy_slider_modal_thumb>.carousel-indicators { padding: 0 2px } .thy_slider_modal_thumb>.carousel-indicators li { margin: 2px 0; border: 1px solid #fff } .thy_slider_modal_thumb>.carousel-indicators .active { margin: 2px 0; border: 1px solid #fff } .thy_slider_modal_068_slide { top: 25%; width: 210px } .thy_slider_modal_068_slide>h1 { font-size: 18px } .thy_slider_modal_068_slide>h1:after { top: 40%; height: 5px; width: 200px } .thy_slider_modal_068_slide>p { font-size: 11px; margin-bottom: 5px } } @media(min-width:481px) and (max-width:600px) { #ps_modal_068>.modal-dialog>.modal-content { border: 3px solid #fff } .thy_slider_modal_thumb>.carousel-indicators { padding: 0 2px } .thy_slider_modal_thumb>.carousel-indicators li { margin: 2px 0; border: 1px solid #fff } .thy_slider_modal_thumb>.carousel-indicators .active { margin: 2px 0; border: 1px solid #fff } .thy_slider_modal_068_slide { top: 25%; width: 290px } .thy_slider_modal_068_slide>h1 { font-size: 25px } .thy_slider_modal_068_slide>h1:after { top: 40%; height: 5px; width: 270px } .thy_slider_modal_068_slide>h2 { font-size: 22px } } @media(min-width:768px) and (max-width:1100px) { #ps_modal_068>.modal-dialog { width: 80%; margin: 30px auto } } .ps_modal_069_gallery, .ps_modal_069_gallery>.row>div { margin: 0; padding: 0 2px } .ps_modal_069_gallery>.row { margin: 0 } .ps_modal_069_gallery>.row>div>img { width: 100%; cursor: pointer } #ps_modal_069 { padding-left: 0!important; padding-right: 0!important; background: rgba(0,0,0,0.6) } #ps_modal_069>.modal-dialog { margin: 0; width: 100%; background: transparent; -webkit-border-radius: 0; border-radius: 0 } #ps_modal_069>.modal-dialog>.modal-content { border: 0; background: transparent; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } @media(min-width:1101px) { #ps_modal_069>.modal-dialog { margin: 0; width: 100%; background: transparent; -webkit-border-radius: 0; border-radius: 0 } } .ps_modal_close_transp>.modal-dialog>.modal-content>a { top: 1%; left: auto; right: 1%; z-index: 10; width: 30px; height: 30px; color: #fff; font-size: 24px; line-height: 30px; position: absolute; text-align: center; text-decoration: none; -webkit-transition: all .5s cubic-bezier(.455, .03, .515, .955); transition: all .5s cubic-bezier(.455, .03, .515, .955) } .ps_modal_close_transp>.modal-dialog>.modal-content>a:hover { color: #828282 } #video_slider_modal_069 { height: 640px; overflow: hidden; position: relative } #video_slider_modal_069:hover { cursor: -moz-grab; cursor: -webkit-grab } #video_slider_modal_069:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #video_slider_modal_069>.carousel-inner>.item { height: 535px; padding: 20px 0 } .vid_slider_modal_069 { width: 685px; margin: auto; position: relative } .vid_slider_modal_069>video { width: 100% } .vid_slider_modal_thumb>.carousel-indicators { left: 0; bottom: 0; margin: 0; width: 100%; font-size: 0; padding: 2px 10px; cursor: e-resize; overflow-x: auto; position: absolute; text-align: left; white-space: nowrap } .vid_slider_modal_thumb>.carousel-indicators li { border: 0; padding: 0; width: 11%; height: 100%; margin: 0 1px; text-indent: 0; cursor: pointer; position: relative; display: inline-block; border: 1px solid rgba(0,0,0,0.2); -webkit-border-radius: 2px; border-radius: 2px } .vid_slider_modal_thumb>.carousel-indicators li img { width: 100%; -webkit-border-radius: 2px; border-radius: 2px } .vid_slider_modal_thumb>.carousel-indicators .active { width: 11%; height: 100%; margin: 0 1px; background-color: transparent } .vid_slider_modal_thumb>.carousel-indicators .active:after { left: 0; right: 0; top: auto; bottom: 0; height: 25px; color: #000; font-size: 13px; line-height: 25px; content: "playing"; position: absolute; text-align: center; text-transform: capitalize; background: rgba(255,255,255,0.8); font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .vid_slider_modal_thumb>.carousel-indicators::-webkit-scrollbar { margin:0; padding:0; width:4px; height:4px; background:transparent } .vid_slider_modal_thumb>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.6) } @media screen and (min-width:768px) { .vid_slider_modal_thumb>.carousel-indicators { bottom: 0 } } .vid_slider_modal_069_slide { width: 685px; margin: auto; height: 127px; overflow: auto; padding: 10px 0; text-align: left; position: relative } .vid_slider_modal_069_slide_right { text-align: right } .vid_slider_modal_069_slide_center { text-align: center } .vid_slider_modal_069_slide>h1 { padding: 0; color: #fff; font-size: 20px; font-weight: 500; margin: 0 0 5px 0; position: relative; text-transform: uppercase; font-family: 'Raleway', sans-serif } .vid_slider_modal_069_slide>p { padding: 0; color: #fff; font-size: 12px; font-weight: 300; margin: 0 0 7px 0; letter-spacing: 1px; font-family: 'Raleway', sans-serif } .vid_slider_modal_069_slide>a, .vid_slider_modal_069_slide>a:visited { margin: 0; color: #828282; cursor: pointer; font-size: 12px; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(.455, .03, .515, .955); transition: all .5s cubic-bezier(.455, .03, .515, .955) } .vid_slider_modal_069_slide>a:hover, .vid_slider_modal_069_slide>a:active { color: #fff } .vid_slider_modal_069_slide::-webkit-scrollbar { margin:0; padding:0; width:4px; height:4px; background:transparent } .vid_slider_modal_069_slide::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.6) } @media only screen and (max-width:480px) { #video_slider_modal_069 { height: 340px } #video_slider_modal_069>.carousel-inner>.item { height: 340px; padding: 10px 0 } .vid_slider_modal_069 { width: 300px } .vid_slider_modal_thumb>.carousel-indicators li { width: 14% } .vid_slider_modal_thumb>.carousel-indicators .active { width: 14% } .vid_slider_modal_thumb>.carousel-indicators .active:after { height: 10px; font-size: 10px; line-height: 10px } .vid_slider_modal_069_slide { width: 300px } .vid_slider_modal_069_slide>p { margin: 0 } } @media(min-width:481px) and (max-width:600px) { #video_slider_modal_069 { height: 440px } #video_slider_modal_069>.carousel-inner>.item { height: 440px; padding: 10px 0 } .vid_slider_modal_069 { width: 450px } .vid_slider_modal_thumb>.carousel-indicators li { width: 14% } .vid_slider_modal_thumb>.carousel-indicators .active { width: 14% } .vid_slider_modal_thumb>.carousel-indicators .active:after { height: 10px; font-size: 10px; line-height: 10px } .vid_slider_modal_069_slide { width: 450px } .vid_slider_modal_069_slide>p { margin: 0 } } @media(min-width:601px) and (max-width:767px) { #video_slider_modal_069 { height: 500px } #video_slider_modal_069>.carousel-inner>.item { height: 500px; padding: 10px 0 } .vid_slider_modal_069 { width: 525px } .vid_slider_modal_thumb>.carousel-indicators li { width: 14% } .vid_slider_modal_thumb>.carousel-indicators .active { width: 14% } .vid_slider_modal_thumb>.carousel-indicators .active:after { height: 10px; font-size: 10px; line-height: 10px } .vid_slider_modal_069_slide { width: 525px } } @media(min-width:768px) and (max-width:1100px) { #video_slider_modal_069 { height: 575px } #video_slider_modal_069>.carousel-inner>.item { height: 575px } .vid_slider_modal_069 { width: 600px } .vid_slider_modal_069_slide { width: 600px } } .ps_modal_070_gallery, .ps_modal_070_gallery>.row>div { margin: 0; padding: 0 2px } .ps_modal_070_gallery>.row { margin: 0 } .ps_modal_070_gallery>.row>div>img { width: 100%; cursor: pointer } #ps_modal_070 { padding-left: 0!important; padding-right: 0!important; background: rgba(0,0,0,0.7) } #ps_modal_070>.modal-dialog { margin: 0; width: 100%; background: transparent; -webkit-border-radius: 0; border-radius: 0 } #ps_modal_070>.modal-dialog>.modal-content { border: 0; background: transparent; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } @media(min-width:1101px) { #ps_modal_070>.modal-dialog { margin: 0; width: 100%; background: transparent; -webkit-border-radius: 0; border-radius: 0 } } .ps_modal_close_icon>.modal-dialog>.modal-content>a { top: 1%; right: 1%; left: auto; z-index: 10; width: 30px; height: 30px; font-size: 30px; line-height: 30px; position: absolute; text-align: center; text-decoration: none; color: rgba(255,255,255,0.5); -webkit-transition: all .5s cubic-bezier(.455, .03, .515, .955); transition: all .5s cubic-bezier(.455, .03, .515, .955) } .ps_modal_close_icon>.modal-dialog>.modal-content>a:hover { color: #fff } #simple_slider_modal_070 { overflow: hidden; position: relative } #simple_slider_modal_070:hover { cursor: -moz-grab; cursor: -webkit-grab } #simple_slider_modal_070:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #simple_slider_modal_070>.carousel-inner>.item { padding: 50px 0 10px 0 } #simple_slider_modal_070>.carousel-inner>.item>img, #simple_slider_modal_070>.carousel-inner>.item>a>img { width: 55%; margin: auto; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5); box-shadow: 0 5px 15px rgba(0,0,0,0.5) } .ps_control_big_icon .carousel-control { top: 45%; opacity: 1; width: 50px; height: 50px; z-index: 100; font-size: 55px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 50px; text-shadow: none; position: absolute; background: transparent; color: rgba(255,255,255,0.5); font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(.455, .03, .515, .955); transition: all .5s cubic-bezier(.455, .03, .515, .955) } .ps_control_big_icon .carousel-control.left { left: 10%; right: auto } .ps_control_big_icon .carousel-control.right { left: auto; right: 10% } .ps_control_big_icon .carousel-control:hover { color: #fff; background: transparent } @media only screen and (max-width:480px) { .ps_modal_close_icon>.modal-dialog>.modal-content>a { font-size: 25px } #simple_slider_modal_070>.carousel-inner>.item { padding: 40px 0 10px 0 } #simple_slider_modal_070>.carousel-inner>.item>img, #simple_slider_modal_070>.carousel-inner>.item>a>img { width: 90% } .ps_control_big_icon .carousel-control { font-size: 25px } .ps_control_big_icon .carousel-control.left { left: 5% } .ps_control_big_icon .carousel-control.right { right: 5% } } @media(min-width:481px) and (max-width:767px) { #simple_slider_modal_070>.carousel-inner>.item>img, #simple_slider_modal_070>.carousel-inner>.item>a>img { width: 90% } } #parallax_071 { overflow: hidden; max-height: 658px; position: relative; background: #dad8cc } #parallax_071:hover { cursor: -moz-grab; cursor: -webkit-grab } #parallax_071:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #parallax_071>.carousel-inner>.item { overflow: hidden } .prlx_071_bg_img { height: 658px; background-repeat: repeat-x; background-attachment: fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100% } @media only screen and (max-width:380px) { .prlx_071_bg_img { max-height: 200px } } @media(min-width:381px) and (max-width:550px) { .prlx_071_bg_img { max-height: 235px } } @media(min-width:551px) and (max-width:767px) { .prlx_071_bg_img { max-height: 350px } } @media(min-width:768px) and (max-width:900px) { .prlx_071_bg_img { max-height: 495px } } @media(min-width:901px) and (max-width:1100px) { .prlx_071_bg_img { max-height: 550px } } .ps_indicators_green_line>.carousel-indicators { right: 5%; bottom: 5%; left: auto; width: 20%; height: 15px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_green_line>.carousel-indicators li { padding: 0; width: 25px; height: 3px; border: 0; text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: #444; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_indicators_green_line>.carousel-indicators .active { width: 25px; margin: 1px; height: 3px; border: 0; text-indent: 0; background: #00d8a3 } .ps_indicators_green_line>.carousel-indicators::-webkit-scrollbar { height:4px } .ps_indicators_green_line>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(51,51,51,0.4); -webkit-border-radius:0; border-radius:0 } .ps_control_green_long .carousel-control { top: 3%; opacity: 1; width: 40px; height: 10px; z-index: 100; bottom: auto; color: #fff; font-size: 10px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 10px; text-shadow: none; position: absolute; background: #444; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .ps_control_green_long .carousel-control.left { left: 30px; right: auto } .ps_control_green_long .carousel-control.right { left: 71px; right: auto } .ps_control_green_long .carousel-control:hover { color: #fff; background: #00d8a3 } .prlx_071_slide { top: 30%; left: 10%; margin: 0; padding: 0; width: 600px; height: 275px; position: absolute; list-style-type: none } .prlx_071_slide_right { right: 10%; left: auto; text-align: right } .prlx_071_slide_center { left: 0; right: 0; margin-left: auto; margin-right: auto } .prlx_071_slide>h2, .prlx_071_slide>h1, .prlx_071_slide>p, .prlx_071_slide>a { margin: 0; padding: 0; color: #444; display: block; text-shadow: none; position: relative; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased } .prlx_071_slide_right>h2, .prlx_071_slide_right>h1, .prlx_071_slide_right>p, .prlx_071_slide_right>a { right: 0!important; margin-left: auto } .prlx_071_slide_center>h2, .prlx_071_slide_center>h1, .prlx_071_slide_center>p, .prlx_071_slide_center>a { right: 0!important; left: 0!important; text-align: center; margin: auto } .prlx_071_slide>h2 { top: 0; font-size: 38px; font-weight: 900 } .prlx_071_slide>h1 { top: 45px!important; font-size: 35px; font-weight: 400 } .prlx_071_slide>h1>span { color: #00d8a3; font-size: 65px; font-weight: 700; margin-left: 10px } .prlx_071_slide>h1:after { left: 0; right: 0; top: 32%; z-index: -1; height: 3px; width: 95px; content: ""; position: absolute; background: #00d8a3 } .prlx_071_slide_right>h1:after { left: auto; right: 59% } .prlx_071_slide_center>h1:after { left: 12.5%; right: 0 } .prlx_071_slide>p { top: 115px!important; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-transform: none } .prlx_071_slide>a { top: 170px!important; width: 140px; height: 30px; color: #fff; font-size: 10px; font-weight: 400; line-height: 30px; text-align: center; background: #00d8a3; letter-spacing: 1px; text-decoration: none; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .prlx_071_slide>a:hover, .prlx_071_slide>a:active { color: #fff; background: #444 } @media only screen and (max-width:480px) { .ps_indicators_green_line>.carousel-indicators { display: none } .ps_control_green_long .carousel-control { display: none } .prlx_071_slide { top: 10%; left: 7%; height: 80%; width: 270px } .prlx_071_slide_right { right: 7%; left: auto } .prlx_071_slide_center { left: 0; right: 0; margin-left: auto; margin-right: auto } .prlx_071_slide>h2 { font-size: 18px } .prlx_071_slide>h1 { font-size: 22px; top: 20px!important } .prlx_071_slide>h1>span { font-size: 30px } .prlx_071_slide>h1:after { top: 18%; width: 60px } .prlx_071_slide_right>h1:after { left: 40px; right: auto } .prlx_071_slide_center>h1:after { right: 0; left: 20px } .prlx_071_slide>p { font-size: 12px; top: 60px!important } .prlx_071_slide>a { top: 125px!important } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_green_line>.carousel-indicators { display: none } .prlx_071_slide { top: 15%; height: 80%; width: 270px } .prlx_071_slide>h2 { font-size: 18px } .prlx_071_slide>h1 { font-size: 22px; top: 20px!important } .prlx_071_slide>h1>span { font-size: 30px } .prlx_071_slide>h1:after { top: 18%; width: 60px } .prlx_071_slide_right>h1:after { left: 40px; right: auto } .prlx_071_slide_center>h1:after { right: 0; left: 20px } .prlx_071_slide>p { font-size: 12px; top: 60px!important } .prlx_071_slide>a { top: 125px!important } } @media(min-width:601px) and (max-width:767px) { .prlx_071_slide { top: 20%; width: 500px } .prlx_071_slide>h2 { font-size: 25px } .prlx_071_slide>h1 { font-size: 30px; top: 20px!important } .prlx_071_slide>h1>span { font-size: 50px } .prlx_071_slide>h1:after { top: 30%; width: 80px } .prlx_071_slide_right>h1:after { left: 145px; right: auto } .prlx_071_slide_center>h1:after { right: 0; left: 73px } .prlx_071_slide>p { top: 80px!important } .prlx_071_slide>a { top: 125px!important } } #parallax_072 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #parallax_072:hover { cursor: -moz-grab; cursor: -webkit-grab } #parallax_072:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #parallax_072>.carousel-inner>.item { overflow: hidden } .prlx_072_bg_img { height: 658px; background-repeat: repeat-x; background-attachment: fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100% } @media only screen and (max-width:380px) { .prlx_072_bg_img { max-height: 200px } } @media(min-width:381px) and (max-width:550px) { .prlx_072_bg_img { max-height: 235px } } @media(min-width:551px) and (max-width:767px) { .prlx_072_bg_img { max-height: 350px } } @media(min-width:768px) and (max-width:900px) { .prlx_072_bg_img { max-height: 495px } } @media(min-width:901px) and (max-width:1100px) { .prlx_072_bg_img { max-height: 550px } } .ps_indicators_reddish_num>.carousel-indicators { right: 0; right: 1%; bottom: 5%; width: 90%; left: auto; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_reddish_num>.carousel-indicators li { min-width: 30px; width: auto; height: 30px; border: 0; color: #fff; text-indent: 0; font-size: 16px; line-height: 30px; text-align: center; background: #333; letter-spacing: 1px; -webkit-font-smoothing: antialiased; font-family: 'Slabo 27px', serif; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1); transition: all .5s cubic-bezier(.165, .84, .44, 1) } .ps_indicators_reddish_num>.carousel-indicators .active { min-width: 30px; width: auto; margin: 1px; height: 30px; border: 0; text-indent: 0; color: #fff; background: #ea2c58 } .ps_indicators_reddish_num>.carousel-indicators::-webkit-scrollbar { height:5px } .ps_indicators_reddish_num>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_reddish_rbox .carousel-control { top: 3%; opacity: 1; width: 30px; height: 30px; z-index: 100; bottom: auto; color: #fff; font-size: 10px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 30px; text-shadow: none; position: absolute; background: #333; -webkit-font-smoothing: antialiased; border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1); transition: all .5s cubic-bezier(.165, .84, .44, 1) } .ps_control_reddish_rbox .carousel-control.left { left: 30px; right: auto } .ps_control_reddish_rbox .carousel-control.right { left: 61px; right: auto } .ps_control_reddish_rbox .carousel-control:hover { color: #fff; background: #ea2c58 } .prlx_072_slide { top: 25%!important; left: 10%!important; bottom: 0; margin: 0; width: 600px; padding: 10px; position: absolute; list-style-type: none } .prlx_072_slide_right { text-align: right; right: 10%!important; left: auto!important } .prlx_072_slide_center { margin: auto; text-align: center; right: 0!important; left: 0!important } .prlx_072_slide>h5, .prlx_072_slide>h1, .prlx_072_slide>p, .prlx_072_slide>a { margin: 0; padding: 0; color: #333; display: block; text-shadow: none; letter-spacing: 1px; text-transform: uppercase; font-family: 'Alegreya Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1); animation-timing-function: cubic-bezier(.165, .84, .44, 1) } .prlx_072_slide>h5 { font-size: 16px; font-weight: 500 } .prlx_072_slide>h1 { font-size: 100px; font-weight: 900 } .prlx_072_slide>h1>span { color: #ea2c58 } .prlx_072_slide>p { font-size: 20px; font-weight: 500; margin-bottom: 40px } .prlx_072_slide>a { width: 150px; height: 40px; color: #fff; font-size: 11px; font-weight: 400; line-height: 40px; position: relative; text-align: center; background: #ea2c58; text-decoration: none; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .prlx_072_slide_right>a { margin-left: auto } .prlx_072_slide_center>a { margin: auto } .prlx_072_slide>a:before { right: 15px; content: "\f105"; position: absolute; font-family: FontAwesome } .prlx_072_slide>a:hover, .prlx_072_slide>a:active { color: #fff; background: #333 } @media only screen and (max-width:480px) { .ps_indicators_reddish_num>.carousel-indicators { display: none } .ps_control_reddish_rbox .carousel-control { display: none } .prlx_072_slide { width: 80%; top: 5%!important; left: 5%!important } .prlx_072_slide_right { right: 5%!important; left: auto!important } .prlx_072_slide_center { margin: auto; right: 0!important; left: 0!important } .prlx_072_slide>h1 { font-size: 50px } .prlx_072_slide>p { font-size: 12px; margin-bottom: 15px } .prlx_072_slide>a { height: 30px; line-height: 30px } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_reddish_num>.carousel-indicators { display: none } .prlx_072_slide { width: 80% } .prlx_072_slide>h1 { font-size: 50px } .prlx_072_slide>p { font-size: 12px; margin-bottom: 15px } .prlx_072_slide>a { height: 30px; line-height: 30px } } @media(min-width:601px) and (max-width:900px) { .prlx_072_slide { width: 80% } .prlx_072_slide>h1 { font-size: 50px } .prlx_072_slide>p { font-size: 12px; margin-bottom: 15px } .prlx_072_slide>a { height: 30px; line-height: 30px } } #parallax_073 { overflow: hidden; max-height: 658px; position: relative; background: rgba(0,0,0,0.7) } #parallax_073:hover { cursor: -moz-grab; cursor: -webkit-grab } #parallax_073:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #parallax_073>.carousel-inner>.item { overflow: hidden } .prlx_073_bg_img { height: 658px; background-repeat: repeat-x; background-attachment: fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100% } @media only screen and (max-width:380px) { .prlx_073_bg_img { max-height: 200px } } @media(min-width:381px) and (max-width:550px) { .prlx_073_bg_img { max-height: 235px } } @media(min-width:551px) and (max-width:767px) { .prlx_073_bg_img { max-height: 350px } } @media(min-width:768px) and (max-width:900px) { .prlx_073_bg_img { max-height: 495px } } @media(min-width:901px) and (max-width:1100px) { .prlx_073_bg_img { max-height: 550px } } .ps_indicators_ylow_num>.carousel-indicators { right: 2%; bottom: 5%; width: 95%; left: auto; height: 35px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_ylow_num>.carousel-indicators li { min-width: 25px; width: auto; height: 25px; border: 0; opacity: .8; color: #090902; text-indent: 0; font-size: 10px; font-weight: 400; line-height: 25px; text-align: center; background: #feff39; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1); transition: all .5s cubic-bezier(.165, .84, .44, 1) } .ps_indicators_ylow_num>.carousel-indicators .active { min-width: 25px; width: auto; opacity: 1; height: 25px; border: 0; margin: 1px; text-indent: 0; color: #feff39; background: #090902 } .ps_indicators_ylow_num>.carousel-indicators::-webkit-scrollbar { height:4px } .ps_indicators_ylow_num>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_ylow_box .carousel-control { top: 3%; width: 25px; opacity: .5; height: 25px; z-index: 100; bottom: auto; color: #090902; font-size: 10px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 25px; text-shadow: none; position: absolute; background: #feff39; -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1); transition: all .5s cubic-bezier(.165, .84, .44, 1) } .ps_control_ylow_box .carousel-control.left { left: auto; right: 56px } .ps_control_ylow_box .carousel-control.right { left: auto; right: 30px } .ps_control_ylow_box .carousel-control:hover { opacity: 1; color: #feff39; background: #090902 } .prlx_073_slide { top: 0; left: 0; bottom: 0; margin: 0; width: 100%; padding: 10px; text-align: center; position: absolute; background: rgba(0,0,0,0.7) } .prlx_073_slide>h1, .prlx_073_slide>p, .prlx_073_slide>a, .prlx_073_slide>span { left: 0; right: 0; padding: 0; margin: auto; color: #fff; display: block; text-shadow: none; position: relative; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .prlx_073_slide>span { width: 325px; height: 325px; top: 150px!important } .prlx_073_slide>span:before, .prlx_073_slide>span:after, .prlx_073_slide>span>:first-child:before, .prlx_073_slide>span>:first-child:after { width: 75px; height: 75px; content: ' '; position: absolute; border-style: solid; border-color: rgba(255,255,255,0.2) } .prlx_073_slide>span:before { top: 0; left: 0; border-width: 3px 0 0 3px } .prlx_073_slide>span:after { top: 0; right: 0; border-width: 3px 3px 0 0 } .prlx_073_slide>span>:first-child:before { right: 0; bottom: 0; border-width: 0 3px 3px 0 } .prlx_073_slide>span>:first-child:after { left: 0; bottom: 0; border-width: 0 0 3px 3px } .prlx_073_slide>h1 { width: 90%; font-size: 40px; font-weight: 600; top: 200px!important; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1); animation-timing-function: cubic-bezier(.165, .84, .44, 1) } .prlx_073_slide>h1>span { color: #090902; padding: 0 10px; margin-left: 7px; font-weight: 400; background: #feff39 } .prlx_073_slide>p { width: 80%; font-size: 14px; font-weight: 500; top: 290px!important; -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1); animation-timing-function: cubic-bezier(.165, .84, .44, 1) } .prlx_073_slide>a { width: 150px; height: 40px; color: #fff; font-size: 11px; font-weight: 400; line-height: 40px; text-align: center; top: 400px!important; text-decoration: none; border: 2px solid #fff; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1); animation-timing-function: cubic-bezier(.165, .84, .44, 1) } .prlx_073_slide>a:before { right: 15px; content: "\f105"; position: absolute; font-family: FontAwesome } .prlx_073_slide>a:hover, .prlx_073_slide>a:active { color: #090902; background: #feff39; border: 2px solid #feff39 } @media only screen and (max-width:480px) { .ps_indicators_ylow_num>.carousel-indicators { display: none } .ps_control_ylow_box .carousel-control { display: none } .prlx_073_slide>span { width: 100px; height: 100px; top: 30px!important } .prlx_073_slide>span:before, .prlx_073_slide>span:after, .prlx_073_slide>span>:first-child:before, .prlx_073_slide>span>:first-child:after { width: 25px; height: 25px } .prlx_073_slide>h1 { font-size: 12px; top: 15px!important } .prlx_073_slide>p { width: 90%; font-size: 8px; font-weight: 500; top: 55px!important } .prlx_073_slide>a { width: 150px; height: 30px; line-height: 30px; top: 135px!important; border: 1px solid #fff } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_ylow_num>.carousel-indicators { display: none } .prlx_073_slide>span { width: 175px; height: 175px; top: 20px!important } .prlx_073_slide>span:before, .prlx_073_slide>span:after, .prlx_073_slide>span>:first-child:before, .prlx_073_slide>span>:first-child:after { width: 25px; height: 25px } .prlx_073_slide>h1 { font-size: 14px; top: 70px!important } .prlx_073_slide>p { width: 90%; font-size: 8px; font-weight: 500; top: 100px!important } .prlx_073_slide>a { width: 150px; height: 30px; line-height: 30px; top: 165px!important; border: 1px solid #fff } } @media(min-width:601px) and (max-width:767px) { .prlx_073_slide>span { width: 275px; height: 275px; top: 20px!important } .prlx_073_slide>h1 { font-size: 25px; top: 60px!important } .prlx_073_slide>p { width: 85%; font-size: 12px; top: 125px!important } .prlx_073_slide>a { top: 220px!important } } @media(min-width:768px) and (max-width:900px) { .prlx_073_slide>span { top: 50px!important } .prlx_073_slide>h1 { top: 70px!important } .prlx_073_slide>p { top: 185px!important } .prlx_073_slide>a { top: 320px!important } } @media(min-width:901px) and (max-width:1150px) { .prlx_073_slide>span { top: 90px!important } .prlx_073_slide>h1 { top: 100px!important } .prlx_073_slide>p { top: 225px!important } .prlx_073_slide>a { top: 350px!important } } #parallax_074 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #parallax_074:hover { cursor: -moz-grab; cursor: -webkit-grab } #parallax_074:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #parallax_074>.carousel-inner>.item { overflow: hidden } .prlx_074_bg_img { height: 658px; background-repeat: repeat-x; background-attachment: fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100% } @media only screen and (max-width:380px) { .prlx_074_bg_img { max-height: 200px } } @media(min-width:381px) and (max-width:550px) { .prlx_074_bg_img { max-height: 235px } } @media(min-width:551px) and (max-width:767px) { .prlx_074_bg_img { max-height: 350px } } @media(min-width:768px) and (max-width:900px) { .prlx_074_bg_img { max-height: 495px } } @media(min-width:901px) and (max-width:1100px) { .prlx_074_bg_img { max-height: 550px } } .ps_indicators_brown>.carousel-indicators { right: 2%; bottom: 5%; width: 95%; left: auto; height: 35px; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_brown>.carousel-indicators li { width: 15px; height: 15px; border: 0; opacity: .8; color: #090902; text-indent: 0; font-size: 10px; font-weight: 400; text-align: center; background: transparent; border: 2px solid #e5ae49; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1); transition: all .5s cubic-bezier(.165, .84, .44, 1) } .ps_indicators_brown>.carousel-indicators .active { width: 15px; opacity: 1; height: 15px; border: 0; margin: 1px; text-indent: 0; background: #e5ae49 } .ps_indicators_brown>.carousel-indicators::-webkit-scrollbar { height:4px } .ps_indicators_brown>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_brown .carousel-control { top: 45%; width: 40px; opacity: .5; height: 40px; z-index: 100; bottom: auto; color: #e5ae49; font-size: 18px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 41px; text-shadow: none; position: absolute; background: transparent; border: 2px solid #e5ae49; -webkit-font-smoothing: antialiased; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1); transition: all .5s cubic-bezier(.165, .84, .44, 1) } .ps_control_brown .carousel-control.left { left: 1% } .ps_control_brown .carousel-control.right { right: 1% } .ps_control_brown .carousel-control:hover { opacity: 1; color: #e5ae49; background: transparent } .prlx_074_slide { top: 0; left: 0; bottom: 0; margin: 0; width: 100%; padding: 10px; text-align: left; position: absolute; background: rgba(0,0,0,0.4) } .prlx_074_slide>h1, .prlx_074_slide>p, .prlx_074_slide>a { right: 0; padding: 0; width: 450px; color: #fff; display: block; text-shadow: none; position: relative; text-align: left; letter-spacing: 1px; left: 180px!important; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .prlx_074_slide_right>h1, .prlx_074_slide_right>p, .prlx_074_slide_right>a { text-align: right; left: auto!important; right: 180px!important } .prlx_074_slide_center>h1, .prlx_074_slide_center>p, .prlx_074_slide_center>a { margin: 0 auto; text-align: center; left: 0!important; right: 0!important } .prlx_074_slide>span { width: 550px; height: 325px; position: relative; top: 130px!important; left: 100px!important } .prlx_074_slide_right>span { left: auto!important; right: 80px!important } .prlx_074_slide_center>span { margin-left: auto; margin-right: auto; left: 0!important; right: 0!important } .prlx_074_slide>span:before, .prlx_074_slide>span:after, .prlx_074_slide>span>:first-child:before, .prlx_074_slide>span>:first-child:after { width: 50px; height: 50px; content: ' '; position: absolute; border-style: solid; border-color: rgba(255,255,255,1) } .prlx_074_slide>span:before { top: 0; left: 0; border-width: 2px 0 0 2px } .prlx_074_slide>span:after { top: 0; right: 0; border-width: 2px 2px 0 0 } .prlx_074_slide>span>:first-child:before { right: 0; bottom: 0; border-width: 0 2px 2px 0 } .prlx_074_slide>span>:first-child:after { left: 0; bottom: 0; border-width: 0 0 2px 2px } .prlx_074_slide>h1 { font-size: 40px; font-weight: 600; top: 180px!important; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .prlx_074_slide>h1>span { color: #e5ae49; padding: 0; margin-left: 15px; font-weight: 400; text-transform: lowercase; border-bottom: 2px solid #e5ae49 } .prlx_074_slide>p { font-size: 17px; font-weight: 500; text-transform: none; top: 260px!important; -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .prlx_074_slide>a { width: 100px; height: 40px; color: #fff; font-size: 11px; font-weight: 400; line-height: 40px; text-align: center; border-radius: 3px; background: #e5ae49; top: 375px!important; text-decoration: none; -webkit-border-radius: 3px; -webkit-transition: all .5s cubic-bezier(0.3, 1, 0, 1); transition: all .5s cubic-bezier(0.3, 1, 0, 1); -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1); animation-timing-function: cubic-bezier(0.3, 1, 0, 1) } .prlx_074_slide>a:hover, .prlx_074_slide>a:active { color: #e5ae49; background: #fff } @media only screen and (max-width:480px) { .ps_indicators_brown>.carousel-indicators { display: none } .ps_control_brown .carousel-control { display: none } .prlx_074_slide>span { width: 265px; height: 165px; top: 10px!important; left: 10px!important } .prlx_074_slide_right>span { left: auto!important; right: 10px!important } .prlx_074_slide_center>span { margin: 0 auto; left: 0!important; right: 0!important; height: 160px } .prlx_074_slide>h1, .prlx_074_slide>p, .prlx_074_slide>a { width: 220px; left: 50px!important } .prlx_074_slide_right>h1, .prlx_074_slide_right>p, .prlx_074_slide_right>a { left: auto!important; right: 50px!important } .prlx_074_slide_center>h1, .prlx_074_slide_center>p, .prlx_074_slide_center>a { margin: 0 auto; text-align: center; left: 0!important; right: 0!important } .prlx_074_slide>span:before, .prlx_074_slide>span:after, .prlx_074_slide>span>:first-child:before, .prlx_074_slide>span>:first-child:after { width: 25px; height: 25px } .prlx_074_slide>h1 { font-size: 20px; top: 20px!important } .prlx_074_slide>p { font-size: 11px; top: 70px!important } .prlx_074_slide>a { width: 100px; height: 25px; line-height: 25px; top: 140px!important } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_brown>.carousel-indicators { display: none } .ps_control_brown .carousel-control { display: none } .prlx_074_slide>span { width: 265px; height: 170px; top: 30px!important; left: 40px!important } .prlx_074_slide_right>span { left: auto!important; right: 40px!important } .prlx_074_slide_center>span { margin: 0 auto; left: 0!important; right: 0!important } .prlx_074_slide>h1, .prlx_074_slide>p, .prlx_074_slide>a { width: 220px; left: 80px!important } .prlx_074_slide_right>h1, .prlx_074_slide_right>p, .prlx_074_slide_right>a { left: auto!important; right: 80px!important } .prlx_074_slide_center>h1, .prlx_074_slide_center>p, .prlx_074_slide_center>a { margin: 0 auto; text-align: center; left: 0!important; right: 0!important } .prlx_074_slide>span:before, .prlx_074_slide>span:after, .prlx_074_slide>span>:first-child:before, .prlx_074_slide>span>:first-child:after { width: 25px; height: 25px } .prlx_074_slide>h1 { font-size: 20px; top: 40px!important } .prlx_074_slide>p { font-size: 11px; top: 90px!important } .prlx_074_slide>a { width: 100px; height: 25px; line-height: 25px; top: 160px!important } } @media(min-width:601px) and (max-width:767px) { .prlx_074_slide>span { width: 300px; height: 190px; top: 50px!important; left: 60px!important } .prlx_074_slide_right>span { left: auto!important; right: 60px!important } .prlx_074_slide_center>span { margin: 0 auto; left: 0!important; right: 0!important } .prlx_074_slide>h1, .prlx_074_slide>p, .prlx_074_slide>a { width: 240px; left: 110px!important } .prlx_074_slide_right>h1, .prlx_074_slide_right>p, .prlx_074_slide_right>a { left: auto!important; right: 110px!important } .prlx_074_slide_center>h1, .prlx_074_slide_center>p, .prlx_074_slide_center>a { margin: 0 auto; text-align: center; left: 0!important; right: 0!important } .prlx_074_slide>span:before, .prlx_074_slide>span:after, .prlx_074_slide>span>:first-child:before, .prlx_074_slide>span>:first-child:after { width: 25px; height: 25px } .prlx_074_slide>h1 { font-size: 20px; top: 65px!important } .prlx_074_slide>p { font-size: 11px; top: 125px!important } .prlx_074_slide>a { width: 100px; height: 25px; line-height: 25px; top: 185px!important } } @media(min-width:768px) and (max-width:1100px) { .prlx_074_slide>span { top: 50px!important } .prlx_074_slide>h1 { top: 90px!important } .prlx_074_slide>p { top: 170px!important } .prlx_074_slide>a { top: 290px!important } } #parallax_075 { overflow: hidden; max-height: 658px; position: relative; background: #000 } #parallax_075:hover { cursor: -moz-grab; cursor: -webkit-grab } #parallax_075:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #parallax_075>.carousel-inner>.item { overflow: hidden } .prlx_075_bg_img { height: 658px; background-repeat: repeat-x; background-attachment: fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%) } @media only screen and (max-width:380px) { .prlx_075_bg_img { max-height: 200px } } @media(min-width:381px) and (max-width:550px) { .prlx_075_bg_img { max-height: 235px } } @media(min-width:551px) and (max-width:767px) { .prlx_075_bg_img { max-height: 350px } } @media(min-width:768px) and (max-width:900px) { .prlx_075_bg_img { max-height: 495px } } @media(min-width:901px) and (max-width:1100px) { .prlx_075_bg_img { max-height: 550px } } .ps_indicators_gray_lg>.carousel-indicators { right: 2%; bottom: 5%; width: 95%; left: auto; height: 40px; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 10px; padding-right: 10px; white-space: nowrap } .ps_indicators_gray_lg>.carousel-indicators li { width: 35px; height: 35px; opacity: .8; color: #090902; text-indent: 0; font-size: 10px; font-weight: 400; text-align: center; background: transparent; border: 2px solid #b2b2b2; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1); transition: all .5s cubic-bezier(.075, .82, .165, 1) } .ps_indicators_gray_lg>.carousel-indicators .active { width: 35px; opacity: 1; height: 35px; border: 2px solid #b2b2b2; margin: 1px; text-indent: 0; background: #b2b2b2 } .ps_indicators_gray_lg>.carousel-indicators::-webkit-scrollbar { height:4px } .ps_indicators_gray_lg>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .ps_control_gray_lg .carousel-control { top: 45%; width: 65px; opacity: .5; height: 65px; z-index: 100; bottom: auto; color: #fff; font-size: 30px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 65px; text-shadow: none; position: absolute; background: #b2b2b2; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1); transition: all .5s cubic-bezier(.075, .82, .165, 1) } .ps_control_gray_lg .carousel-control.left { left: 0; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0 } .ps_control_gray_lg .carousel-control.right { right: 0; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px } .ps_control_gray_lg .carousel-control:hover { opacity: 1; color: #fff; background: #b2b2b2 } .prlx_075_slide { top: 0; left: 0; bottom: 0; margin: 0; width: 100%; padding: 10px; text-align: left; position: absolute; background: rgba(0,0,0,0.4) } .prlx_075_slide>h1, .prlx_075_slide>a { right: 0; padding: 0; width: 80%; color: #fff; display: block; text-align: left; text-shadow: none; position: relative; letter-spacing: 1px; left: 180px!important; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .prlx_075_slide_right>h1, .prlx_075_slide_right>a { text-align: right; left: auto!important; right: 180px!important } .prlx_075_slide_center>h1, .prlx_075_slide_center>a { margin: 0 auto; text-align: center; left: 0!important; right: 0!important } .prlx_075_slide>h1 { font-size: 80px; font-weight: 900; top: 80px!important; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .prlx_075_slide>h1>span { padding: 0; color: #b2b2b2; margin-left: 15px; text-transform: uppercase } .prlx_075_slide>a { width: 200px; height: 50px; color: #fff; font-size: 20px; font-weight: 300; line-height: 50px; text-align: center; border-radius: 3px; background: #b2b2b2; top: 375px!important; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 3px; -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1); transition: all .5s cubic-bezier(.075, .82, .165, 1); -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .prlx_075_slide>a:hover, .prlx_075_slide>a:active { color: #b2b2b2; background: #fff } @media only screen and (max-width:480px) { .ps_indicators_gray_lg>.carousel-indicators { display: none } .ps_control_gray_lg .carousel-control { display: none } .prlx_075_slide>h1, .prlx_075_slide>a { left: 40px!important } .prlx_075_slide_right>h1, .prlx_075_slide_right>a { left: auto!important; right: 40px!important } .prlx_075_slide_center>h1, .prlx_075_slide_center>a { margin: 0 auto; text-align: center; left: 0!important; right: 0!important } .prlx_075_slide>h1 { font-size: 20px; top: 10px!important } .prlx_075_slide>a { width: 150px; height: 30px; line-height: 30px; top: 120px!important } } @media(min-width:481px) and (max-width:600px) { .ps_indicators_gray_lg>.carousel-indicators { display: none } .ps_control_gray_lg .carousel-control { display: none } .prlx_075_slide>h1, .prlx_075_slide>a { left: 75px!important } .prlx_075_slide_right>h1, .prlx_075_slide_right>a { left: auto!important; right: 75px!important } .prlx_075_slide_center>h1, .prlx_075_slide_center>a { margin: 0 auto; text-align: center; left: 0!important; right: 0!important } .prlx_075_slide>h1 { font-size: 20px; top: 20px!important } .prlx_075_slide>a { width: 150px; height: 30px; line-height: 30px; top: 130px!important } } @media(min-width:601px) and (max-width:767px) { .prlx_075_slide>h1, .prlx_075_slide>a { left: 95px!important } .prlx_075_slide_right>h1, .prlx_075_slide_right>a { left: auto!important; right: 95px!important } .prlx_075_slide_center>h1, .prlx_075_slide_center>a { margin: 0 auto; text-align: center; left: 0!important; right: 0!important } .prlx_075_slide>h1 { font-size: 30px; top: 25px!important } .prlx_075_slide>a { width: 150px; height: 40px; line-height: 40px; top: 150px!important } } @media(min-width:768px) and (max-width:900px) { .prlx_075_slide>h1, .prlx_075_slide>a { left: 110px!important } .prlx_075_slide_right>h1, .prlx_075_slide_right>a { left: auto!important; right: 110px!important } .prlx_075_slide_center>h1, .prlx_075_slide_center>a { margin: 0 auto; text-align: center; left: 0!important; right: 0!important } .prlx_075_slide>h1 { font-size: 45px; top: 75px!important } .prlx_075_slide>a { top: 250px!important } } @media(min-width:901px) and (max-width:1100px) { .prlx_075_slide>h1, .prlx_075_slide>a { left: 140px!important } .prlx_075_slide_right>h1, .prlx_075_slide_right>a { left: auto!important; right: 140px!important } .prlx_075_slide_center>h1, .prlx_075_slide_center>a { margin: 0 auto; text-align: center; left: 0!important; right: 0!important } .prlx_075_slide>h1 { font-size: 50px; top: 75px!important } .prlx_075_slide>a { top: 250px!important } } @media(min-width:1101px) and (max-width:1250px) { .prlx_075_slide>h1 { font-size: 70px } } .portfolio_076_content { background: rgba(67,161,212,0.9) } .portfolio_076 { overflow: hidden; position: relative; padding: 20px 20px } .portfolio_076>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .portfolio_076>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .portfolio_076>.carousel-inner>.item { overflow: hidden } .portfolio_076>.carousel-inner>.item>.row { margin: 0 } .portfolio_076_control_button .carousel-control { top: 115px; width: 35px; opacity: .5; height: 35px; z-index: 100; bottom: auto; color: #666; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 35px; text-shadow: none; position: absolute; background: transparent; border: 1px solid #666; -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1); transition: all .5s cubic-bezier(.075, .82, .165, 1) } .portfolio_076_control_button .carousel-control.left { left: auto; right: 62px } .portfolio_076_control_button .carousel-control.right { right: 25px } .portfolio_076_control_button .carousel-control:hover { opacity: 1; color: #fff; background: #666 } .portfolio_076_header>h1, .portfolio_076_header>p, .portfolio_076_content>h5>a, .portfolio_076_content>ul>li>a { padding: 0; text-shadow: none; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .portfolio_076_header { width: 35%; text-align: center; margin: 0 auto 50px auto } .portfolio_076_header>h1 { color: #666; font-weight: 600; text-align: center; position: relative; margin: 0 0 30px 0; text-transform: uppercase } .portfolio_076_header>h1:after { left: 0; right: 0; width: 30%; content: ""; height: 1px; margin: auto; bottom: -15px; position: absolute; background: #666 } .portfolio_076_header>p { color: #666; font-size: 12px; font-weight: 600 } .portfolio_076_grid { padding: 5px 5px } .portfolio_076_grid_mov_2 { padding: 0 } .portfolio_076_grid_mov_2>.row { margin: 0 } .portfolio_076_grid_mov_2>.row>div { padding: 5px 5px } .portfolio_076_wrapper { overflow: hidden; position: relative } .portfolio_076_wrapper>img { width: 100% } .portfolio_076_content { top: 0; bottom: 0; opacity: 0; left: -100%; width: 100%; padding: 10px; visibility: hidden; text-align: center; position: absolute; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s } .portfolio_076_wrapper:hover>.portfolio_076_content { left: 0; opacity: 1; visibility: visible } .portfolio_076_content>h5 { margin: 10% 0 0 0 } .portfolio_076_content>h5>a { color: #fff; font-size: 12px; font-weight: 600; text-decoration: none; text-transform: uppercase } .portfolio_076_content>ul { padding: 0; list-style-type: none } .portfolio_076_content>ul>li { display: inline-block } .portfolio_076_content>ul>li>a { color: #fff; font-size: 11px; font-weight: 400; text-decoration: none; text-transform: capitalize } .portfolio_076_link { left: 5px; bottom: 5px; position: absolute } .portfolio_076_link>a { width: 35px; height: 35px; color: #fff; text-shadow: none; line-height: 35px; display: inline-block; border: 1px solid #fff; -webkit-font-smoothing: antialiased; -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1); transition: all .5s cubic-bezier(.075, .82, .165, 1); -webkit-animation-delay: 1.1s; animation-delay: 1.1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .portfolio_076_link>a:hover { color: #43a1d4; background: #fff } .portfolio_076_content_col_2>h5 { margin-top: 20% } .portfolio_076_content_col_2>h5>a { font-size: 50px } .portfolio_076_content_col_2>ul>li>a { font-size: 14px } .portfolio_076_content_col_3>h5 { margin-top: 20% } .portfolio_076_content_col_3>h5>a { font-size: 35px } .portfolio_076_content_col_3>ul>li>a { font-size: 14px } .portfolio_076_content_col_4>h5 { margin-top: 20% } .portfolio_076_content_col_4>h5>a { font-size: 25px } .portfolio_076_content_col_4_mov_2>h5 { margin-top: 20% } .portfolio_076_content_col_4_mov_2>h5>a { font-size: 25px } @media only screen and (max-width:480px) { .portfolio_076_control_button .carousel-control { display: none } .portfolio_076_header { width: 100%; margin: 0 auto 25px auto } .portfolio_076_content>h5 { margin-top: 18% } .portfolio_076_content>h5>a { font-size: 20px } .portfolio_076_content>ul>li>a { font-size: 14px } } @media(min-width:481px) and (max-width:767px) { .portfolio_076_header { width: 60% } .portfolio_076_content>h5 { margin-top: 20% } .portfolio_076_content>h5>a { font-size: 35px } .portfolio_076_content>ul>li>a { font-size: 18px } } @media(min-width:768px) and (max-width:991px) { .portfolio_076_header { width: 60% } .portfolio_076_content_col_2>h5>a { font-size: 30px } .portfolio_076_content_col_3>h5 { margin-top: 5% } .portfolio_076_content_col_3>h5>a { font-size: 20px } .portfolio_076_content_col_3>ul>li>a { font-size: 14px } .portfolio_076_content_col_4_mov_2>h5 { margin: 5% 0 0 0 } .portfolio_076_content_col_4_mov_2>h5>a { font-size: 16px } .portfolio_076_content_col_4_mov_2>ul { font-size: 0 } .portfolio_076_content_col_6_mov_2 { padding: 3px } .portfolio_076_content_col_6_mov_2>h5 { margin: 0 } .portfolio_076_content_col_6_mov_2>h5>a { font-size: 10px } .portfolio_076_content_col_6_mov_2>ul { font-size: 0 } .portfolio_076_content_col_6_mov_2>ul>li>a { font-size: 9px } .portfolio_076_content_col_6_mov_2>.portfolio_076_link { left: 1px; bottom: 1px } .portfolio_076_content_col_6_mov_2>.portfolio_076_link>a { width: 20px; height: 20px; line-height: 20px } } @media(min-width:992px) and (max-width:1225px) { .portfolio_076_header { width: 45% } .portfolio_076_content>h5 { margin: 7% 0 0 0 } .portfolio_076_content>ul { font-size: 0 } .portfolio_076_content>ul>li>a { font-size: 9px } .portfolio_076_link { left: 2px; bottom: 2px } .portfolio_076_link>a { width: 25px; height: 25px; line-height: 25px } .portfolio_076_content_col_2>h5 { margin-top: 20% } .portfolio_076_content_col_2>h5>a { font-size: 40px } .portfolio_076_content_col_2>ul>li>a { font-size: 14px } .portfolio_076_content_col_3>h5 { margin-top: 20% } .portfolio_076_content_col_3>h5>a { font-size: 30px } .portfolio_076_content_col_3>ul>li>a { font-size: 12px } .portfolio_076_content_col_4>h5 { margin-top: 15% } .portfolio_076_content_col_4>h5>a { font-size: 15px } .portfolio_076_content_col_4>ul>li>a { font-size: 12px } .portfolio_076_content_col_4_mov_2>ul>li>a { font-size: 12px } .portfolio_076_content_col_4_mov_2>h5 { margin: 20% 0 0 0 } .portfolio_076_content_col_4_mov_2>h5>a { font-size: 16px } .portfolio_076_content_col_4_mov_2>ul { font-size: 0 } } .six_coloumns .cloneditem-1, .six_coloumns .cloneditem-2, .six_coloumns .cloneditem-3, .six_coloumns .cloneditem-4, .six_coloumns .cloneditem-5 { display: none } @media all and (min-width:768px) { .six_coloumns .carousel-inner>.active.left, .six_coloumns .carousel-inner>.prev { left: -33.333% } .six_coloumns .carousel-inner>.active.right, .six_coloumns .carousel-inner>.next { left: 33.333% } .six_coloumns .carousel-inner>.left, .six_coloumns .carousel-inner>.prev.right, .six_coloumns .carousel-inner>.active { left: 0 } .six_coloumns .carousel-inner .cloneditem-1, .six_coloumns .carousel-inner .cloneditem-2 { display: block } } @media all and (min-width:768px) and (transform-3d), all and (min-width:768px) and (-webkit-transform-3d) { .six_coloumns .carousel-inner>.item.active.right, .six_coloumns .carousel-inner>.item.next { -webkit-transform: translate3d(33.333%, 0, 0); transform: translate3d(33.333%, 0, 0); left: 0 } .six_coloumns .carousel-inner>.item.active.left, .six_coloumns .carousel-inner>.item.prev { -webkit-transform: translate3d(-33.333%, 0, 0); transform: translate3d(-33.333%, 0, 0); left: 0 } .six_coloumns .carousel-inner>.item.left, .six_coloumns .carousel-inner>.item.prev.right, .six_coloumns .carousel-inner>.item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } @media all and (min-width:992px) { .six_coloumns .carousel-inner>.active.left, .six_coloumns .carousel-inner>.prev { left: -16.666% } .six_coloumns .carousel-inner>.active.right, .six_coloumns .carousel-inner>.next { left: 16.666% } .six_coloumns .carousel-inner>.left, .six_coloumns .carousel-inner>.prev.right, .six_coloumns .carousel-inner>.active { left: 0 } .six_coloumns .carousel-inner .cloneditem-3, .six_coloumns .carousel-inner .cloneditem-4, .six_coloumns .carousel-inner .cloneditem-5 { display: block } } @media all and (min-width:992px) and (transform-3d), all and (min-width:992px) and (-webkit-transform-3d) { .six_coloumns .carousel-inner>.item.active.right, .six_coloumns .carousel-inner>.item.next { -webkit-transform: translate3d(16.666%, 0, 0); transform: translate3d(16.666%, 0, 0); left: 0 } .six_coloumns .carousel-inner>.item.active.left, .six_coloumns .carousel-inner>.item.prev { -webkit-transform: translate3d(-16.666%, 0, 0); transform: translate3d(-16.666%, 0, 0); left: 0 } .six_coloumns .carousel-inner>.item.left, .six_coloumns .carousel-inner>.item.prev.right, .six_coloumns .carousel-inner>.item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } .five_coloumns .cloneditem-1, .five_coloumns .cloneditem-2, .five_coloumns .cloneditem-3, .five_coloumns .cloneditem-4, .five_coloumns .cloneditem-5 { display: none } @media all and (min-width:768px) { .five_coloumns .carousel-inner>.active.left, .five_coloumns .carousel-inner>.prev { left: -33.333% } .five_coloumns .carousel-inner>.active.right, .five_coloumns .carousel-inner>.next { left: 33.333% } .five_coloumns .carousel-inner>.left, .five_coloumns .carousel-inner>.prev.right, .five_coloumns .carousel-inner>.active { left: 0 } .five_coloumns .carousel-inner .cloneditem-1, .five_coloumns .carousel-inner .cloneditem-2 { display: block } } @media all and (min-width:768px) and (transform-3d), all and (min-width:768px) and (-webkit-transform-3d) { .five_coloumns .carousel-inner>.item.active.right, .five_coloumns .carousel-inner>.item.next { -webkit-transform: translate3d(33.333%, 0, 0); transform: translate3d(33.333%, 0, 0); left: 0 } .five_coloumns .carousel-inner>.item.active.left, .five_coloumns .carousel-inner>.item.prev { -webkit-transform: translate3d(-33.333%, 0, 0); transform: translate3d(-33.333%, 0, 0); left: 0 } .five_coloumns .carousel-inner>.item.left, .five_coloumns .carousel-inner>.item.prev.right, .five_coloumns .carousel-inner>.item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } @media all and (min-width:992px) { .five_coloumns .carousel-inner>.active.left, .five_coloumns .carousel-inner>.prev { left: -20% } .five_coloumns .carousel-inner>.active.right, .five_coloumns .carousel-inner>.next { left: 20% } .five_coloumns .carousel-inner>.left, .five_coloumns .carousel-inner>.prev.right, .five_coloumns .carousel-inner>.active { left: 0 } .five_coloumns .carousel-inner .cloneditem-3, .five_coloumns .carousel-inner .cloneditem-4, .five_coloumns .carousel-inner .cloneditem-5 { display: block } } @media all and (min-width:992px) and (transform-3d), all and (min-width:992px) and (-webkit-transform-3d) { .five_coloumns .carousel-inner>.item.active.right, .five_coloumns .carousel-inner>.item.next { -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); left: 0 } .five_coloumns .carousel-inner>.item.active.left, .five_coloumns .carousel-inner>.item.prev { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); left: 0 } .five_coloumns .carousel-inner>.item.left, .five_coloumns .carousel-inner>.item.prev.right, .five_coloumns .carousel-inner>.item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } .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 } } .three_coloumns .cloneditem-1, .three_coloumns .cloneditem-2 { display: none } @media all and (min-width:768px) { .three_coloumns .carousel-inner>.active.left, .three_coloumns .carousel-inner>.prev { left: -33.333% } .three_coloumns .carousel-inner>.active.right, .three_coloumns .carousel-inner>.next { left: 33.333% } .three_coloumns .carousel-inner>.left, .three_coloumns .carousel-inner>.prev.right, .three_coloumns .carousel-inner>.active { left: 0 } .three_coloumns .carousel-inner .cloneditem-1, .three_coloumns .carousel-inner .cloneditem-2 { display: block } } @media all and (min-width:768px) and (transform-3d), all and (min-width:768px) and (-webkit-transform-3d) { .three_coloumns .carousel-inner>.item.active.right, .three_coloumns .carousel-inner>.item.next { -webkit-transform: translate3d(33.333%, 0, 0); transform: translate3d(33.333%, 0, 0); left: 0 } .three_coloumns .carousel-inner>.item.active.left, .three_coloumns .carousel-inner>.item.prev { -webkit-transform: translate3d(-33.333%, 0, 0); transform: translate3d(-33.333%, 0, 0); left: 0 } .three_coloumns .carousel-inner>.item.left, .three_coloumns .carousel-inner>.item.prev.right, .three_coloumns .carousel-inner>.item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } @media all and (min-width:992px) { .three_coloumns .carousel-inner>.active.left, .three_coloumns .carousel-inner>.prev { left: -33.333% } .three_coloumns .carousel-inner>.active.right, .three_coloumns .carousel-inner>.next { left: 33.333% } .three_coloumns .carousel-inner>.left, .three_coloumns .carousel-inner>.prev.right, .three_coloumns .carousel-inner>.active { left: 0 } .three_coloumns .carousel-inner .cloneditem-2 { display: block } } @media all and (min-width:992px) and (transform-3d), all and (min-width:992px) and (-webkit-transform-3d) { .three_coloumns .carousel-inner>.item.active.right, .three_coloumns .carousel-inner>.item.next { -webkit-transform: translate3d(33.333%, 0, 0); transform: translate3d(33.333%, 0, 0); left: 0 } .three_coloumns .carousel-inner>.item.active.left, .three_coloumns .carousel-inner>.item.prev { -webkit-transform: translate3d(-33.333%, 0, 0); transform: translate3d(-33.333%, 0, 0); left: 0 } .three_coloumns .carousel-inner>.item.left, .three_coloumns .carousel-inner>.item.prev.right, .three_coloumns .carousel-inner>.item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } .two_coloumns .cloneditem-1 { display: none } @media all and (min-width:768px) { .two_coloumns .carousel-inner>.active.left, .two_coloumns .carousel-inner>.prev { left: -50% } .two_coloumns .carousel-inner>.active.right, .two_coloumns .carousel-inner>.next { left: 50% } .two_coloumns .carousel-inner>.left, .two_coloumns .carousel-inner>.prev.right, .two_coloumns .carousel-inner>.active { left: 0 } .two_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) { .two_coloumns .carousel-inner>.item.active.right, .two_coloumns .carousel-inner>.item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0 } .two_coloumns .carousel-inner>.item.active.left, .two_coloumns .carousel-inner>.item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0 } .two_coloumns .carousel-inner>.item.left, .two_coloumns .carousel-inner>.item.prev.right, .two_coloumns .carousel-inner>.item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } @media all and (min-width:992px) { .two_coloumns .carousel-inner>.active.left, .two_coloumns .carousel-inner>.prev { left: -50% } .two_coloumns .carousel-inner>.active.right, .two_coloumns .carousel-inner>.next { left: 50% } .two_coloumns .carousel-inner>.left, .two_coloumns .carousel-inner>.prev.right, .two_coloumns .carousel-inner>.active { left: 0 } .two_coloumns .carousel-inner .cloneditem-2 { display: block } } @media all and (min-width:992px) and (transform-3d), all and (min-width:992px) and (-webkit-transform-3d) { .two_coloumns .carousel-inner>.item.active.right, .two_coloumns .carousel-inner>.item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0 } .two_coloumns .carousel-inner>.item.active.left, .two_coloumns .carousel-inner>.item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0 } .two_coloumns .carousel-inner>.item.left, .two_coloumns .carousel-inner>.item.prev.right, .two_coloumns .carousel-inner>.item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } .portfolio_077_content { background: rgba(0,0,0,0.85) } .portfolio_077 { padding: 50px 0; overflow: hidden; position: relative; background: #ffffff; } .portfolio_077>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .portfolio_077>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .portfolio_077>.carousel-inner>.item { overflow: hidden } .portfolio_077>.carousel-inner>.item>.row { margin: 0 } .portfolio_077_indicators>.carousel-indicators { top: 180px; right: 0; left: 0; width: 100%; height: 40px; font-size: 0; margin: 0 auto; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 15px; padding-right: 15px; white-space: nowrap } .portfolio_077_indicators>.carousel-indicators li { width: auto; height: 35px; border: 0; margin: 0 3px; color: #fff; text-indent: 0; padding: 0 10px; font-size: 10px; overflow: hidden; line-height: 35px; text-align: center; letter-spacing: 1px; background: #c9c9c9; text-transform: uppercase; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: background .6s cubic-bezier(0.19, 1, 0.22, 1); transition: background .6s cubic-bezier(0.19, 1, 0.22, 1) } .portfolio_077_indicators>.carousel-indicators .active { width: auto; height: 35px; border: 0; margin: 0 3px; text-indent: 0; color: #fff; background: #d8ae4c } .portfolio_077_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .portfolio_077_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .portfolio_077_control_button .carousel-control { top: 25px; opacity: 1; width: 35px; height: 35px; z-index: 100; bottom: auto; color: #fff; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 35px; text-shadow: none; position: absolute; background: #c9c9c9; -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1); transition: all .6s cubic-bezier(0.19, 1, 0.22, 1) } .portfolio_077_control_button .carousel-control.left { left: auto; right: 62px } .portfolio_077_control_button .carousel-control.right { right: 25px } .portfolio_077_control_button .carousel-control:hover { color: #fff; background: #d8ae4c } .portfolio_077_header>h1, .portfolio_077_header>p, .portfolio_077_content>h5>a { padding: 0; text-shadow: none; letter-spacing: 1px; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased } .portfolio_077_header { width: 35%; text-align: center; margin: 0 auto 75px auto } .portfolio_077_header>h1 { color: #fd6804; font-size: 25px; font-weight: 600; text-align: center; position: relative; margin: 0 0 30px 0; text-transform: uppercase } .portfolio_077_header>h1>span { color: #d8ae4c } .portfolio_077_header>h1:after { left: 0; right: auto; width: 100%; content: ""; height: 1px; margin: auto; bottom: -10px; position: absolute; background: #c9c9c9 } .portfolio_077_header>p { color: #c9c9c9; font-size: 16px; font-weight: 300 } .portfolio_077_grid { padding: 10px } .portfolio_077_grid_mov_2 { padding: 0 } .portfolio_077_grid_mov_2>.row { margin: 0 } .portfolio_077_grid_mov_2>.row>div { padding: 5px 5px } .portfolio_077_wrapper { overflow: hidden; position: relative } .portfolio_077_wrapper>img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: -moz-transform .6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1) } .portfolio_077_wrapper:hover>img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); transform: scale(1.25) } .portfolio_077_content { top: 0; left: 0; bottom: 0; opacity: 0; width: 100%; padding: 10px; visibility: hidden; text-align: center; position: absolute; -webkit-transform: scale(1.25); -moz-transform: scale(1.25); transform: scale(1.25); background-image: url(../images/portfolio_077_plus.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: 15%; -moz-background-size: 15%; -o-background-size: 15%; background-size: 15%; -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1); transition: all .6s cubic-bezier(0.19, 1, 0.22, 1) } .portfolio_077_content:before, .portfolio_077_content:after, .portfolio_077_content>:first-child:before, .portfolio_077_content>:first-child:after { width: 40px; height: 40px; content: ' '; position: absolute; border-style: solid; border-color: #d8ae4c } .portfolio_077_content:before { top: 8px; left: 8px; border-width: 1px 0 0 1px } .portfolio_077_content:after { top: 8px; right: 8px; border-width: 1px 1px 0 0 } .portfolio_077_content>:first-child:before { right: 8px; bottom: 8px; border-width: 0 1px 1px 0 } .portfolio_077_content>:first-child:after { left: 8px; bottom: 8px; border-width: 0 0 1px 1px } .portfolio_077_wrapper:hover>.portfolio_077_content { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } .portfolio_077_content>h5 { margin: 15px 0 0 0 } .portfolio_077_content>h5>a { color: #fff; font-size: 12px; font-weight: 300; text-decoration: none; text-transform: uppercase; -webkit-transition: color .6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: color .6s cubic-bezier(0.19, 1, 0.22, 1); transition: color .6s cubic-bezier(0.19, 1, 0.22, 1) } .portfolio_077_content>h5>a:hover { color: #d8ae4c } .portfolio_077_content_col_2>h5 { margin-top: 40px } .portfolio_077_content_col_2>h5>a { font-size: 50px } .portfolio_077_content_col_3>h5>a { font-size: 35px } .portfolio_077_content_col_4>h5>a { font-size: 25px } .portfolio_077_content_col_4_mov_2>h5>a { font-size: 25px } @media only screen and (max-width:480px) { .portfolio_077_indicators>.carousel-indicators { display: none } .portfolio_077_control_button .carousel-control { display: none } .portfolio_077 { padding: 25px 0 } .portfolio_077_header { width: 90%; margin: 0 auto 50px auto } .portfolio_077_content>h5 { margin-top: 35px } .portfolio_077_content>h5>a { font-size: 20px } } @media(min-width:481px) and (max-width:767px) { .portfolio_077_control_button .carousel-control { top: 10px } .portfolio_077_control_button .carousel-control.left { left: auto; right: 47px } .portfolio_077_control_button .carousel-control.right { right: 10px } .portfolio_077_header { width: 70% } .portfolio_077_content>h5 { margin-top: 35px } .portfolio_077_content>h5>a { font-size: 35px } } @media(min-width:768px) and (max-width:991px) { .portfolio_077_header { width: 60% } .portfolio_077_content_col_2>h5>a { font-size: 30px } .portfolio_077_content_col_3>h5>a { font-size: 20px } .portfolio_077_content_col_4_mov_2>h5>a { font-size: 16px } .portfolio_077_content_col_6_mov_2:before, .portfolio_077_content_col_6_mov_2:after, .portfolio_077_content_col_6_mov_2>:first-child:before, .portfolio_077_content_col_6_mov_2>:first-child:after { width: 20px; height: 20px } } @media(min-width:992px) and (max-width:1225px) { .portfolio_077_content:before, .portfolio_077_content:after, .portfolio_077_content>:first-child:before, .portfolio_077_content>:first-child:after { width: 20px; height: 20px } .portfolio_077_content_col_2>h5 { margin-top: 25px } .portfolio_077_content_col_2>h5>a { font-size: 40px } .portfolio_077_content_col_3>h5>a { font-size: 30px } .portfolio_077_content_col_4>h5>a { font-size: 15px } .portfolio_077_content_col_4_mov_2>h5>a { font-size: 16px } } .portfolio_078_content { background: #fff } .portfolio_078 { overflow: hidden; position: relative; padding: 50px 10px; background: #fff } .portfolio_078>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .portfolio_078>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .portfolio_078>.carousel-inner>.item { overflow: hidden } .portfolio_078>.carousel-inner>.item>.row { margin: 0 } .portfolio_078_indicators>.carousel-indicators { left: 0; right: 0; top: 120px; width: 100%; height: 40px; font-size: 0; margin: 0 auto; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 15px; padding-right: 15px; white-space: nowrap } .portfolio_078_indicators>.carousel-indicators li { width: auto; height: 35px; margin: 0 3px; color: #000; text-indent: 0; padding: 0 15px; font-size: 10px; overflow: hidden; line-height: 35px; text-align: center; letter-spacing: 1px; border: 1px solid #eee; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition: background .6s cubic-bezier(0.19, 1, 0.22, 1); transition: background .6s cubic-bezier(0.19, 1, 0.22, 1) } .portfolio_078_indicators>.carousel-indicators .active { width: auto; height: 35px; margin: 0 3px; text-indent: 0; color: #000; background: #eee; border: 1px solid #eee } .portfolio_078_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .portfolio_078_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .portfolio_078_control_button .carousel-control { top: 10px; opacity: 1; width: 35px; height: 35px; z-index: 100; bottom: auto; color: #000; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 35px; text-shadow: none; position: absolute; background: #f5f5f5; -webkit-font-smoothing: antialiased; border-radius: 100%; -webkit-border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1); transition: all .6s cubic-bezier(0.19, 1, 0.22, 1) } .portfolio_078_control_button .carousel-control.left { left: 0; right: 36px; margin: 0 auto } .portfolio_078_control_button .carousel-control.right { right: 0; left: 36px; margin: 0 auto } .portfolio_078_control_button .carousel-control:hover { color: #000; background: #eee } .portfolio_078_header>h1, .portfolio_078_content>h5>a { padding: 0; text-shadow: none; letter-spacing: 0; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .portfolio_078_header { width: 35%; text-align: center; margin: 15px auto 75px auto } .portfolio_078_header>h1 { color: #000; font-size: 30px; font-weight: 800; text-align: center; position: relative; margin: 0 0 30px 0; text-transform: uppercase } .portfolio_078_grid { padding: 5px } .portfolio_078_grid_mov_2 { padding: 0 } .portfolio_078_grid_mov_2>.row { margin: 0 } .portfolio_078_grid_mov_2>.row>div { padding: 5px 5px } .portfolio_078_wrapper { overflow: hidden; position: relative; border: 5px solid #eee } .portfolio_078_wrapper>img { width: 100% } .portfolio_078_content { top: 0; left: 0; bottom: 0; opacity: 0; width: 100%; padding: 10px; overflow-y: auto; visibility: hidden; text-align: center; position: absolute; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all .8s cubic-bezier(0.19, 1, 0.22, 1); transition: all .8s cubic-bezier(0.19, 1, 0.22, 1) } .portfolio_078_wrapper:hover>.portfolio_078_content { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } .portfolio_078_content>h5 { left: 0; right: 0; top: auto; bottom: 3%; margin: auto; height: 35px; display: block; line-height: 35px; position: absolute; text-align: center } .portfolio_078_content>h5>a { color: #000; font-size: 14px; font-weight: 400; text-decoration: none; text-transform: uppercase; -webkit-transition: color .6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: color .6s cubic-bezier(0.19, 1, 0.22, 1); transition: color .6s cubic-bezier(0.19, 1, 0.22, 1) } .portfolio_078_content>h5>a:hover { color: rgba(0,0,0,0.5) } .portfolio_078_content_col_2>h5 { bottom: 20% } .portfolio_078_content_col_2>h5>a { font-size: 50px } .portfolio_078_content_col_3>h5 { bottom: 12% } .portfolio_078_content_col_3>h5>a { font-size: 25px } .portfolio_078_content_col_4>h5 { bottom: 12% } .portfolio_078_content_col_4>h5>a { font-size: 25px } .portfolio_078_content_col_4_mov_2>h5 { bottom: 12% } .portfolio_078_content_col_4_mov_2>h5>a { font-size: 25px } .portfolio_078_link { top: 0; left: 0; right: 0; bottom: 0; height: 50px; margin: auto; position: absolute } .portfolio_078_link>a { width: 50px; height: 50px; color: #000; font-size: 12px; text-shadow: none; line-height: 50px; background: #f5f5f5; display: inline-block; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1); transition: all .5s cubic-bezier(.075, .82, .165, 1) } .portfolio_078_link>a:hover { color: #000; background: #eee } .portfolio_078_content::-webkit-scrollbar { width:4px } .portfolio_078_content::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } @media only screen and (max-width:480px) { .portfolio_078_indicators>.carousel-indicators { display: none } .portfolio_078_header { width: 90%; margin: 0 auto 50px auto } .portfolio_078_content_col_2>h5 { bottom: 10% } .portfolio_078_content_col_2>h5>a { font-size: 25px } } @media(min-width:481px) and (max-width:767px) { .portfolio_078_header { width: 70% } .portfolio_078_content>h5 { bottom: 15% } .portfolio_078_content>h5>a { font-size: 35px } } @media(min-width:768px) and (max-width:991px) { .portfolio_078_header { width: 60% } .portfolio_078_content_col_2>h5>a { font-size: 30px } .portfolio_078_content_col_3>h5>a { font-size: 20px } .portfolio_078_content_col_4_mov_2>h5 { bottom: 0 } .portfolio_078_content_col_4_mov_2>h5>a { font-size: 16px } .portfolio_078_content_col_6_mov_2>h5>a { font-size: 10px } .portfolio_078_content_col_6_mov_2>.portfolio_078_link>a { width: 30px; height: 30px; font-size: 9px; line-height: 30px } } @media(min-width:992px) and (max-width:1225px) { .portfolio_078_link { bottom: 35% } .portfolio_078_content_col_2>h5>a { font-size: 40px } .portfolio_078_content_col_3>h5>a { font-size: 30px } .portfolio_078_content_col_4>h5>a { font-size: 15px } .portfolio_078_content_col_4_mov_2>h5>a { font-size: 16px } } .portfolio_079_content { background: rgba(253,255,57,0.9) } .portfolio_079 { overflow: hidden; position: relative; background: #fff } .portfolio_079>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .portfolio_079>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .portfolio_079>.carousel-inner>.item { overflow: hidden } .portfolio_079>.carousel-inner>.item>.row { margin: 0 } .portfolio_079_indicators>.carousel-indicators { left: 0; right: 0; top: 225px; width: 95%; bottom: auto; height: 30px; font-size: 0; margin: auto; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 15px; padding-right: 15px; white-space: nowrap } .portfolio_079_indicators>.carousel-indicators li { width: auto; height: 25px; margin: 0 3px; color: #fff; text-indent: 0; padding: 0 5px; font-size: 11px; overflow: hidden; line-height: 25px; text-align: center; letter-spacing: 1px; border: 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: background .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: background .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .portfolio_079_indicators>.carousel-indicators .active { width: auto; height: 25px; margin: 0 3px; text-indent: 0; color: #fdff39; background: transparent; border: 0 } .portfolio_079_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .portfolio_079_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .portfolio_079_control_button .carousel-control { top: 25px; opacity: 1; width: 25px; height: 25px; z-index: 100; bottom: auto; color: #fdff39; font-size: 16px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 25px; text-shadow: none; position: absolute; background: transparent; -webkit-font-smoothing: antialiased; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .portfolio_079_control_button .carousel-control.left { left: auto; right: 55px; margin: 0 auto } .portfolio_079_control_button .carousel-control.right { left: auto; right: 25px; margin: 0 auto } .portfolio_079_control_button .carousel-control:hover { opacity: .7; color: #fdff39; background: transparent } .portfolio_079_header>h1, .portfolio_079_content>h5>a { padding: 0; text-shadow: none; letter-spacing: 0; font-family: 'Ubuntu', sans-serif; -webkit-font-smoothing: antialiased } .portfolio_079_header { margin: 0; padding: 0; width: 100%; height: 300px; position: relative; background-position: center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100% } .portfolio_079_header:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.9) } .portfolio_079_header>h1 { top: 50px; margin: 0; left: 175px; width: 350px; color: #fff; font-size: 25px; font-weight: 700; text-align: left; position: relative; text-transform: uppercase } .portfolio_079_header>h1>span { color: #000; padding: 0 7px; margin-left: 10px; background: #fdff39; -webkit-border-radius: 3px; border-radius: 3px } .portfolio_079_grid { padding: 0 } .portfolio_079_grid_mov_2 { padding: 0 } .portfolio_079_grid_mov_2>.row { margin: 0 } .portfolio_079_grid_mov_2>.row>div { padding: 0 } .portfolio_079_wrapper { overflow: hidden; position: relative } .portfolio_079_wrapper:before { width: 100%; content: ""; height: 100%; position: absolute; background: rgba(0,0,0,0.3); -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); -moz-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); -ms-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .portfolio_079_wrapper:hover:before { opacity: 0; visibility: hidden; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%) } .portfolio_079_wrapper>img { width: 100% } .portfolio_079_content { top: 0; left: 0; bottom: 0; opacity: 0; width: 100%; visibility: hidden; text-align: center; position: absolute; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: all .8s cubic-bezier(0.22, 0.81, 0.01, 0.99); -moz-transition: all .8s cubic-bezier(0.22, 0.81, 0.01, 0.99); -ms-transition: all .8s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .8s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .portfolio_079_wrapper:hover>.portfolio_079_content { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .portfolio_079_content>h5 { top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100px; height: 30px; line-height: 30px; position: absolute; text-align: center; background: #000; -webkit-border-radius: 3px; border-radius: 3px } .portfolio_079_content>h5>a { color: #fdff39; display: block; font-size: 12px; font-weight: 400; text-decoration: none; text-transform: capitalize; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); -moz-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .portfolio_079_content>h5>a:hover { color: #fff; background: rgba(253,255,57,0.4) } @media only screen and (max-width:480px) { .portfolio_079_indicators>.carousel-indicators { top: 150px } .portfolio_079_header { max-height: 200px; background-position: initial } .portfolio_079_header>h1 { left: 5%; top: 80px; width: 250px } } @media(min-width:481px) and (max-width:767px) { .portfolio_079_header { background-position: initial } .portfolio_079_header>h1 { left: 10%; top: 90px } } @media(min-width:768px) and (max-width:991px) { .portfolio_079_header { background-position: initial } } @media(min-width:992px) and (max-width:1225px) { .portfolio_079_header { background-position: initial } } .portfolio_080_content { background: rgba(0,0,0,0.8) } .portfolio_080 { padding: 50px 25px; overflow: hidden; position: relative; background: #f7f7f7 } .portfolio_080>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .portfolio_080>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .portfolio_080>.carousel-inner>.item { overflow: hidden } .portfolio_080>.carousel-inner>.item>.row { margin: 0 } .portfolio_080_indicators>.carousel-indicators { left: 230px; right: auto; top: 88px; width: 50%; bottom: auto; height: 30px; font-size: 0; margin: auto; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .portfolio_080_indicators>.carousel-indicators li { width: auto; height: 25px; margin: 0 3px; color: #303030; text-indent: 0; padding: 0 5px; font-size: 11px; font-weight: 500; overflow: hidden; line-height: 25px; text-align: center; letter-spacing: 1px; border: 0; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .portfolio_080_indicators>.carousel-indicators .active { width: auto; height: 25px; margin: 0 3px; text-indent: 0; color: #303030; background: transparent; border: 0; font-weight: 700 } .portfolio_080_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .portfolio_080_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .portfolio_080_control_button .carousel-control { top: 55px; opacity: 1; width: 20px; height: 20px; z-index: 100; bottom: auto; color: #3a3a3a; font-size: 22px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 20px; text-shadow: none; position: absolute; background: transparent; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .portfolio_080_control_button .carousel-control.left { left: 90px; right: auto; margin: 0 auto } .portfolio_080_control_button .carousel-control.right { left: 135px; right: auto; margin: 0 auto } .portfolio_080_control_button .carousel-control:hover { opacity: .7; color: #d6e350; background: transparent } .portfolio_080_header>h1, .portfolio_080_content>h5>a { padding: 0; text-shadow: none; letter-spacing: 1px; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .portfolio_080_header { top: 20px; left: 40px; width: 150px; height: 20px; position: relative; margin: 0 0 75px 0; border-right: 1px solid #d6e350 } .portfolio_080_header>h1 { color: #191919; font-size: 20px; font-weight: 600; text-align: left; position: relative; text-transform: uppercase } .portfolio_080_grid { padding: 1px } .portfolio_080_grid_mov_2 { padding: 0 } .portfolio_080_grid_mov_2>.row { margin: 0 } .portfolio_080_grid_mov_2>.row>div { padding: 1px } .portfolio_080_wrapper { overflow: hidden; position: relative } .portfolio_080_wrapper>img { width: 100%; -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: -webkit-transform 1s cubic-bezier(0.3, 1, 0, 1); -moz-transition: -moz-transform 1s cubic-bezier(0.3, 1, 0, 1); -ms-transition: -ms-transform 1s cubic-bezier(0.3, 1, 0, 1); transition: transform 1s cubic-bezier(0.3, 1, 0, 1) } .portfolio_080_wrapper:hover>img { -webkit-transform: scale(2) rotate(45deg); -ms-transform: scale(2) rotate(45deg); transform: scale(2) rotate(45deg) } .portfolio_080_content { top: 75%; left: 0; width: 100%; height: 100%; text-align: center; position: absolute; -webkit-transition: top 1s cubic-bezier(0.3, 1, 0, 1); transition: top 1s cubic-bezier(0.3, 1, 0, 1) } .portfolio_080_wrapper:hover>.portfolio_080_content { top: 0 } .portfolio_080_content>h5 { top: 0; left: 0; right: 0; bottom: 0; height: 25%; margin: auto; position: relative; text-align: center; background: rgba(214,227,80,0.5) } .portfolio_080_content>h5>a { top: 0; left: 0; right: 0; bottom: 0; height: 25%; margin: auto; color: #fff; display: block; font-size: 12px; font-weight: 400; position: absolute; text-decoration: none; text-transform: capitalize } .portfolio_080_content_col_3>h5>a { font-size: 16px } .portfolio_080_content_col_2>h5>a { font-size: 16px } .portfolio_080_content>a { top: 0; left: 0; right: 0; bottom: 0; font-weight: 100; font-size: 50px; margin: auto; height: 30px; line-height: 30px; position: absolute; text-align: center; display: inline-block; width: 50px; color: #fff; text-decoration: none; height: 50px; line-height: 50px; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .portfolio_080_content>a:before, .portfolio_080_content>a:after, .portfolio_080_content>a>:first-child:before, .portfolio_080_content>a>:first-child:after { width: 12px; height: 12px; content: ''; position: absolute; border-style: solid; border-color: #fff; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .portfolio_080_content>a:before { top: 0; left: 0; border-width: 1px 0 0 1px } .portfolio_080_content>a:after { top: 0; right: 0; border-width: 1px 1px 0 0 } .portfolio_080_content>a>:first-child:before { right: 0; bottom: 0; border-width: 0 1px 1px 0 } .portfolio_080_content>a>:first-child:after { left: 0; bottom: 0; border-width: 0 0 1px 1px } .portfolio_080_content>a:hover { color: #d6e350 } .portfolio_080_content>a:hover:before, .portfolio_080_content>a:hover:after, .portfolio_080_content>a:hover>:first-child:before, .portfolio_080_content>a:hover>:first-child:after { width: 30px; height: 30px; border-color: #d6e350 } @media only screen and (max-width:480px) { .portfolio_080_indicators>.carousel-indicators { top: 125px; left: 50px; width: 90% } } @media(min-width:481px) and (max-width:767px) { .portfolio_080_indicators>.carousel-indicators { width: 90% } .portfolio_080_content>h5>a { font-size: 22px } } @media(min-width:768px) and (max-width:991px) { .portfolio_080_content_col_6_mov_2>h5>a { font-size: 11px } .portfolio_080_content_col_6_mov_2>a { top: 25% } } @media(min-width:992px) and (max-width:1225px) { .portfolio_080_content>a { top: 25%; bottom: 0 } } .post_081 { overflow: hidden; padding: 50px 25px; position: relative; background: #fff } .post_081>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .post_081>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .post_081>.carousel-inner>.item { overflow: hidden } .post_081>.carousel-inner>.item>.row { margin: 0 } .post_081_indicators>.carousel-indicators { left: 0; right: 0; top: 115px; width: 95%; bottom: auto; height: 30px; font-size: 0; margin: auto; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .post_081_indicators>.carousel-indicators li { padding: 0; width: 10px; border: 0; height: 10px; margin: 0 3px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; line-height: 15px; text-align: center; letter-spacing: 1px; border: 1px solid #000; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .post_081_indicators>.carousel-indicators .active { width: 10px; border: 0; height: 10px; margin: 0 3px; text-indent: 0; font-weight: 700; background: #aa914f; border-color: #aa914f } .post_081_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .post_081_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .post_081_control_button .carousel-control { top: auto; bottom: 0; opacity: 1; width: 30px; height: 30px; bottom: auto; color: #000; font-size: 22px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 26px; text-shadow: none; position: absolute; background: transparent; border: 2px solid #000; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .post_081_control_button .carousel-control.left { left: 0; right: 35px; margin: auto } .post_081_control_button .carousel-control.right { right: 0; left: 35px; margin: auto } .post_081_control_button .carousel-control:hover { opacity: 1; color: #aa914f; border-color: #aa914f; background: transparent } .post_081_header { top: 0; left: 0; right: 0; bottom: 0; display: block; text-align: center; position: relative; margin: 0 auto 75px auto } .post_081_header>h1 { top: 0; left: 0; right: 0; bottom: 0; width: 200px; margin: auto; display: block; padding: 5px 0; color: #191919; font-size: 25px; font-weight: 700; position: relative; text-transform: uppercase } .post_081_header>h1:after { left: 0; right: 0; bottom: 0; top: auto; content: ""; height: 2px; width: 125px; margin: auto; position: absolute; background: #000 } .post_081_grid { padding: 5px } .post_081_grid_mov_2 { padding: 0 } .post_081_grid_mov_2>.row { margin: 0 } .post_081_grid_mov_2>.row>div { padding: 5px } .post_081_wrapper { overflow: hidden; position: relative } .post_081_image { overflow: hidden; position: relative } .post_081_image>img { width: 100% } .post_081_image>a { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; display: block; color: #aa914f; font-size: 25px; visibility: hidden; text-align: center; position: absolute; text-decoration: none; background: rgba(0,0,0,0.5); -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .post_081_image>a>span { top: 0; left: 0; right: 0; bottom: 0; width: 50px; margin: auto; height: 50px; display: block; position: absolute; line-height: 50px; text-align: center; text-decoration: none } .post_081_image>a:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; margin: 10px; display: block; text-align: center; position: absolute; text-decoration: none; border: 5px solid #aa914f; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .post_081_image>a:hover { color: rgba(255,255,255,0.8) } .post_081_image>a:hover:before { border-color: rgba(255,255,255,0.8) } .post_081_wrapper:hover>.post_081_image>a { opacity: 1; visibility: visible } .post_081_header>h1, .post_081_content>p, .post_081_content>h5>a, .post_081_content>ul>li>a { text-shadow: none; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .post_081_content { padding: 5px; text-align: left } .post_081_content>h5 { margin: 15px 0; text-align: left } .post_081_content>h5>a { color: #000; display: block; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .post_081_content>h5>a:hover { color: #aa914f } .post_081_content>ul { padding: 0; font-size: 0; margin: 0 0 15px 0; list-style-type: none } .post_081_content>ul>li { margin: 0 4px; position: relative; display: inline-block } .post_081_content>ul>li:after { top: 0; width: 1px; content: ""; right: -4px; height: 100%; position: absolute; background: #aa914f } .post_081_content>ul>li>a { color: #aa914f; display: block; font-size: 11px; font-weight: 400; text-decoration: none; text-transform: uppercase; -webkit-transition: opacity .7s cubic-bezier(0.3, 1, 0, 1); transition: opacity .7s cubic-bezier(0.3, 1, 0, 1) } .post_081_content>ul>li>a:hover { opacity: .5 } .post_081_content>p { font-size: 12px; margin: 0 0 15px 0; text-align: justify } @media(min-width:768px) and (max-width:991px) { .post_081_grid_mov_2>.row>div { padding: 1px } } .post_082 { overflow: hidden; padding: 50px 5px; position: relative; background: #fff } .post_082>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .post_082>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .post_082>.carousel-inner>.item { overflow: hidden } .post_082>.carousel-inner>.item>.row { margin: 0 } .post_082_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 95%; bottom: 0; height: 30px; font-size: 0; margin: auto; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .post_082_indicators>.carousel-indicators li { padding: 0; height: 3px; width: 30px; border: 0; margin: 0; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; line-height: 15px; text-align: center; letter-spacing: 1px; background: #f2f2f2; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .post_082_indicators>.carousel-indicators .active { width: 30px; border: 0; height: 3px; margin: 0 3px; text-indent: 0; font-weight: 700; background: #e5cf7c } .post_082_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .post_082_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .post_082_control_button .carousel-control { top: 115px; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #000; font-size: 22px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 30px; text-shadow: none; position: absolute; background: #f2f2f2; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .post_082_control_button .carousel-control.left { left: 0; right: 40px; margin: auto } .post_082_control_button .carousel-control.right { right: 0; left: 40px; margin: auto } .post_082_control_button .carousel-control:hover { opacity: 1; color: #fff; background: #e5cf7c } .post_082_header { top: 0; left: 0; right: 0; bottom: 0; display: block; text-align: center; position: relative; margin: 0 auto 75px auto } .post_082_header>h1 { top: 0; left: 0; right: 0; bottom: 0; width: 200px; margin: auto; display: block; padding: 5px 0; color: #444; font-size: 25px; font-weight: 700; position: relative; text-transform: uppercase } .post_082_header>h1:after { left: 0; right: 0; bottom: 0; top: auto; content: ""; height: 2px; width: 140px; margin: auto; position: absolute; background: #444 } .post_082_grid { padding: 10px } .post_082_grid_mov_2 { padding: 0 } .post_082_grid_mov_2>.row { margin: 0 } .post_082_grid_mov_2>.row>div { padding: 10px } .post_082_wrapper { overflow: hidden; position: relative; box-shadow: 0 0 4px 1px #f6f6f6 } .post_082_image { overflow: hidden; position: relative; background: #000 } .post_082_image>img { width: 100% } .post_082_wrapper:hover>.post_082_image>img { opacity: .8 } .post_082_header>h1, .post_082_content>a, .post_082_footer>a, .post_082_content>h5>a { text-shadow: none; font-family: 'Ubuntu', sans-serif; -webkit-font-smoothing: antialiased } .post_082_content { text-align: left; padding-top: 10px; position: relative; border: 1px solid #f3f3f3; border-top: 0 } .post_082_content>h5 { text-align: left; margin: 0 8px 0 8px } .post_082_content>h5>a { color: #444; display: block; font-size: 14px; font-weight: 500; text-decoration: none; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .post_082_content>h5>a:hover { color: #e5cf7c } .post_082_content>a { color: #acacac; display: block; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-decoration: none; margin: 10px 8px 25px 8px; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .post_082_content>a:hover { color: #e5cf7c } .post_082_footer { left: 0; right: 0; bottom: 0; position: relative; padding: 5px 8px 10px 8px; border-top: 1px solid #f2f2f2 } .post_082_footer>a { color: #000; font-size: 12px; font-weight: 300; margin: 0 4px 0 0; text-decoration: none; display: inline-block; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .post_082_footer>a>span { color: #acacac; margin-right: 4px } .post_082_footer>a:last-child { width: 110px; height: 35px; display: block; line-height: 35px; text-align: center; position: relative; background: #f2f2f2; margin: 10px 0 0 auto; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .post_082_footer>a:hover { color: #e5cf7c } .post_082_footer>a:last-child:hover { color: #fff; background: #e5cf7c } @media(min-width:768px) and (max-width:991px) { .post_082_grid_mov_2>.row>div { padding: 1px } } .post_083 { overflow: hidden; padding: 50px 5px; position: relative; background: #262626 } .post_083>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .post_083>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .post_083>.carousel-inner>.item { overflow: hidden } .post_083>.carousel-inner>.item>.row { margin: 0 } .post_083_indicators>.carousel-indicators { left: 0; right: 0; top: 185px; width: 50%; bottom: auto; height: 15px; font-size: 0; margin: auto; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .post_083_indicators>.carousel-indicators li { padding: 0; width: 8px; height: 8px; border: 0; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; background: #f2f2f2; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .post_083_indicators>.carousel-indicators .active { width: 8px; height: 8px; border: 0; margin: 0 5px; text-indent: 0; font-weight: 700; background: #ffc200 } .post_083_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .post_083_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .post_083_control_button .carousel-control { top: 175px; opacity: 1; width: 50px; bottom: auto; height: 30px; color: #eee; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 30px; text-shadow: none; position: absolute; letter-spacing: 1px; background: transparent; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .post_083_control_button .carousel-control.left { left: 100px; right: auto; margin: auto } .post_083_control_button .carousel-control.right { left: auto; right: 100px; margin: auto } .post_083_control_button .carousel-control:hover { opacity: 1; color: #fec200; background: transparent } .post_083_header { top: 0; left: 0; right: 0; bottom: 0; display: block; text-align: center; position: relative; margin: 0 auto 50px auto } .post_083_header>h1 { top: 0; left: 0; right: 0; bottom: 0; width: 350px; display: block; padding: 5px 0; color: #eee; font-size: 35px; font-weight: 700; position: relative; text-transform: uppercase; margin: auto auto 20px auto } .post_083_header>p { top: 0; left: 0; right: 0; bottom: 0; width: 700px; margin: auto; display: block; padding: 5px 0; color: #585858; font-size: 16px; font-weight: 400; position: relative } .post_083_grid { padding: 10px } .post_083_grid_mov_2 { padding: 0 } .post_083_grid_mov_2>.row { margin: 0 } .post_083_grid_mov_2>.row>div { padding: 10px } .post_083_wrapper { overflow: hidden; position: relative; background: #1c1c1c } .post_083_image { overflow: hidden; position: relative } .post_083_image>a { right: 0; bottom: 0; width: 90px; height: 25px; color: #fff; font-size: 11px; line-height: 25px; text-align: center; position: absolute; letter-spacing: 1px; background: #ffc200; text-decoration: none; text-transform: uppercase; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .post_083_image>a:hover { color: #262626; background: #ffe165 } .post_083_image>img { width: 100% } .post_083_header>h1, .post_083_header>p, .post_083_content>a { text-shadow: none; font-family: 'PT Sans', sans-serif; -webkit-font-smoothing: antialiased } .post_083_image>a, .post_083_content>p, .post_083_content>h5>a, .post_083_control_button .carousel-control { text-shadow: none; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased } .post_083_content { padding: 15px; text-align: left; position: relative } .post_083_content:after { left: 0; top: 15px; width: 4px; content: ""; height: 35px; position: absolute; background: #3d3d3d; -webkit-transition: background .7s cubic-bezier(0.3, 1, 0, 1); transition: background .7s cubic-bezier(0.3, 1, 0, 1) } .post_083_content>h5 { text-align: left } .post_083_content>h5>a { color: #eee; display: block; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .post_083_content>h5>a:hover { color: #fec200 } .post_083_content>a { color: #585858; font-size: 12px; font-weight: 400; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .post_083_content>a:hover { color: #fec200 } .post_083_content>p { color: #585858; font-size: 12px; font-weight: 400; letter-spacing: 1px } .post_083_content:hover:after { background: #fec200 } @media only screen and (max-width:480px) { .post_083_indicators>.carousel-indicators { display: none } .post_083_header>h1 { width: 250px; font-size: 25px } .post_083_header>p { width: 250px; font-size: 12px } } @media(min-width:481px) and (max-width:767px) { .post_083_indicators>.carousel-indicators { top: 195px; width: 30% } .post_083_control_button .carousel-control { top: 190px } .post_083_header>p { width: 90% } } @media(min-width:768px) and (max-width:991px) { .post_083_grid_mov_2>.row>div { padding: 1px } } .post_084 { overflow: hidden; padding: 50px 5px; position: relative; background: #f9f9f9 } .post_084>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .post_084>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .post_084>.carousel-inner>.item { overflow: hidden } .post_084>.carousel-inner>.item>.row { margin: 0 } .post_084_indicators>.carousel-indicators { left: 0; right: 0; top: 115px; width: 90%; bottom: auto; height: 20px; font-size: 0; margin: auto; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .post_084_indicators>.carousel-indicators li { padding: 0; width: 15px; height: 15px; border: 0; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; background: #444; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .post_084_indicators>.carousel-indicators .active { width: 15px; height: 15px; border: 0; margin: 0 5px; text-indent: 0; font-weight: 700; background: #1b80b5 } .post_084_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .post_084_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .post_084_control_button .carousel-control { top: 10px; opacity: 1; width: 50px; bottom: auto; height: 30px; color: #fff; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 30px; text-shadow: none; position: absolute; letter-spacing: 1px; background: #1b80b5; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .post_084_control_button .carousel-control.left { left: 10px; right: auto; margin: auto } .post_084_control_button .carousel-control.right { left: 62px; right: auto; margin: auto } .post_084_control_button .carousel-control:hover { opacity: 1; color: #fff; background: #444 } .post_084_header { top: 0; left: 0; right: 0; bottom: 0; display: block; text-align: center; position: relative; margin: 0 auto 50px auto } .post_084_header>h1 { top: 0; left: 0; right: 0; bottom: 0; display: block; padding: 5px 0; color: #444; font-size: 35px; font-weight: 700; position: relative; text-transform: uppercase; margin: auto auto 20px auto } .post_084_header>p { top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; padding: 5px 0; color: #444; font-size: 16px; font-weight: 400; position: relative } .post_084_grid { padding: 10px } .post_084_grid_mov_2 { padding: 0 } .post_084_grid_mov_2>.row { margin: 0 } .post_084_grid_mov_2>.row>div { padding: 10px } .post_084_wrapper { overflow: hidden; position: relative; background: #fff; box-shadow: 0 0 4px 1px #eee } .post_084_image { overflow: hidden; position: relative } .post_084_image>a { top: 7px; left: 7px; width: 35px; height: 50px; color: #fff; font-size: 16px; font-weight: 400; text-align: center; position: absolute; padding-top: 6px; letter-spacing: 1px; background: #1b80b5; text-decoration: none; text-transform: capitalize; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .post_084_image>a>span { font-size: 10px; display: block; font-weight: 100 } .post_084_image>a:hover { color: #fff; background: #444 } .post_084_image>img { width: 100% } .post_084_header>h1, .post_084_header>p, .post_084_content>a, .post_084_image>a, .post_084_content>p, .post_084_content>h5>a, .post_084_control_button .carousel-control { text-shadow: none; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased } .post_084_content { text-align: left; position: relative } .post_084_content>h5 { text-align: left; margin: 15px 10px } .post_084_content>h5>a { color: #181818; display: block; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .post_084_content>h5>a:hover { color: #1b80b5 } .post_084_content>a { bottom: 0; left: 0; color: #585858; font-size: 12px; font-weight: 400; letter-spacing: 1px; position: relative; display: block; width: 100%; padding: 15px; text-decoration: none; text-align: center; border-top: 1px solid #f1f1f1; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .post_084_content>a:hover { color: #1b80b5 } .post_084_content>p { color: #585858; font-size: 12px; font-weight: 400; letter-spacing: 1px; margin: 15px 10px } .post_084_content:hover:after { background: #1b80b5 } @media only screen and (max-width:480px) { .post_084_indicators>.carousel-indicators { display: none } } @media(min-width:768px) and (max-width:991px) { .post_084_grid_mov_2>.row>div { padding: 1px } } @media(min-width:992px) and (max-width:1225px) { .post_084_grid { padding: 3px } } .post_085 { overflow: hidden; position: relative } .post_085>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .post_085>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .post_085>.carousel-inner>.item { overflow: hidden } .post_085>.carousel-inner>.item>.row { margin: 0 } .post_085_indicators>.carousel-indicators { left: 0; right: 0; top: 220px; width: 90%; bottom: auto; height: 20px; font-size: 0; margin: auto; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .post_085_indicators>.carousel-indicators li { padding: 0; width: 15px; height: 15px; border: 0; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; border: 2px solid #fff; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .post_085_indicators>.carousel-indicators .active { width: 15px; height: 15px; border: 0; margin: 0 5px; text-indent: 0; font-weight: 700; background: #feca00; border: 2px solid #feca00 } .post_085_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .post_085_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .post_085_control_button .carousel-control { top: 30px; opacity: 1; width: 40px; bottom: auto; height: 40px; color: #fff; font-size: 14px; cursor: pointer; font-weight: 600; overflow: hidden; line-height: 40px; position: absolute; letter-spacing: 1px; background: #feca00; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .post_085_control_button .carousel-control.left { left: auto; right: 72px; margin: auto } .post_085_control_button .carousel-control.right { left: auto; right: 30px; margin: auto } .post_085_control_button .carousel-control:hover { opacity: 1; color: #feca00; background: #fff } .post_085_header { margin: 0; padding: 0; width: 100%; height: 300px; position: relative; background-position: center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100% } .post_085_header:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; background: rgba(0,0,0,0.5) } .post_085_header>h1 { left: 0; right: 0; margin: 0; bottom: 0; top: 100px; display: block; padding: 5px 0; color: #fff; font-size: 50px; font-weight: 800; position: relative; text-align: center; text-transform: capitalize } .post_085_grid { padding: 6px 3px } .post_085_grid_mov_2 { padding: 0 } .post_085_grid_mov_2>.row { margin: 0 } .post_085_grid_mov_2>.row>div { padding: 6px 3px } .post_085_wrapper { overflow: hidden; position: relative; border: 1px solid #ccc } .post_085_image { overflow: hidden; position: relative } .post_085_image>a { top: 0; left: 0; right: 0; bottom: 0; position: absolute; text-decoration: none; background: rgba(0,0,0,0.4); -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: -webkit-transform .7s cubic-bezier(0.3, 1, 0, 1); -ms-transition: -ms-transform .7s cubic-bezier(0.3, 1, 0, 1); transition: transform .7s cubic-bezier(0.3, 1, 0, 1) } .post_085_wrapper:hover>.post_085_image>a { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .post_085_image>a>span { top: 0; left: 0; right: 0; bottom: 0; width: 35px; height: 35px; margin: auto; color: #fff; line-height: 35px; text-align: center; position: absolute; text-decoration: none; border: 2px solid #fff; -webkit-border-radius: 100%; border-radius: 100% } .post_085_image>img { width: 100% } .post_085_header>h1, .post_085_content>a, .post_085_content_header>a, .post_085_content>ul>li>a, .post_085_control_button .carousel-control { text-shadow: none; font-family: 'Dosis', sans-serif; -webkit-font-smoothing: antialiased } .post_085_content { text-align: left; padding: 10px 5px; position: relative } .post_085_content_header { width: 25%; float: left; position: relative } .post_085_content_header>a { height: 70px; color: #fff; display: block; font-size: 20px; font-weight: 700; padding-top: 10px; text-align: center; letter-spacing: 1px; background: #feca00; text-decoration: none; text-transform: capitalize; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .post_085_content_header>a:hover { background: #222 } .post_085_content_header>a>span { display: block; font-size: 15px; font-weight: 100 } .post_085_content>a { width: 75%; float: right; display: block; color: #222; padding: 0 10px; font-size: 15px; font-weight: 600; text-align: left; position: relative; letter-spacing: 1px; text-decoration: none; list-style-type: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .post_085_content>a:hover { color: #feca00 } .post_085_content>ul { top: 15px; padding: 0; clear: both; display: block; text-align: left; position: relative; list-style-type: none } .post_085_content>ul>li { display: inline-block } .post_085_content>ul>li>a { color: #b3b3b3; display: block; font-size: 13px; font-weight: 500; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .post_085_content>ul>li>a:hover { color: #feca00 } .post_085_content_col_4>.post_085_content_header { width: 15% } .post_085_content_col_4>a { width: 85% } .post_085_content_col_3>.post_085_content_header { width: 15% } .post_085_content_col_3>a { width: 85% } .post_085_content_col_2>.post_085_content_header { width: 10% } .post_085_content_col_2>a { width: 90% } @media only screen and (max-width:480px) { .post_085_indicators>.carousel-indicators { display: none } .post_085_header { max-height: 200px; background-position: initial } .post_085_content_header { width: 15% } .post_085_content>a { width: 85% } .post_085_content_col_2>.post_085_content_header { width: 15% } .post_085_content_col_2>a { width: 85% } } @media(min-width:481px) and (max-width:767px) { .post_085_header { background-position: initial } .post_085_content_header { width: 10% } .post_085_content>a { width: 90% } .post_085_content_col_4>.post_085_content_header { width: 10% } .post_085_content_col_4>a { width: 90% } .post_085_content_col_3>.post_085_content_header { width: 10% } .post_085_content_col_3>a { width: 90% } .post_085_content_col_2>.post_085_content_header { width: 10% } .post_085_content_col_2>a { width: 90% } } @media(min-width:768px) and (max-width:991px) { .post_085_header { background-position: initial } } @media(min-width:992px) and (max-width:1225px) { .post_085_header { background-position: initial } .post_085_content_col_4>.post_085_content_header { width: 15% } .post_085_content_col_4>a { width: 85% } .post_085_content_col_3>.post_085_content_header { width: 15% } .post_085_content_col_3>a { width: 85% } .post_085_content_col_2>.post_085_content_header { width: 10% } .post_085_content_col_2>a { width: 90% } } .team_086 { overflow: hidden; padding: 30px 5px; position: relative; } .team_086>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .team_086>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .team_086>.carousel-inner>.item { overflow: hidden } .team_086>.carousel-inner>.item>.row { margin: 0 } .team_086_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 90%; bottom: 0; height: 20px; font-size: 0; margin: auto; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .team_086_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; background: #e5e8e7; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .team_086_indicators>.carousel-indicators .active { width: 10px; height: 10px; border: 0; margin: 0 5px; text-indent: 0; font-weight: 700; background: #fd6804; } .team_086_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .team_086_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .team_086_control_button .carousel-control { top: 65px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #ffffff; font-size: 11px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 25px; text-shadow: none; text-align: center; position: absolute; letter-spacing: 1px; background: #fd6804; text-transform: uppercase; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .team_086_control_button .carousel-control.left { left: 50px; right: auto; margin: auto } .team_086_control_button .carousel-control.right { left: 77px; right: auto; margin: auto } .team_086_control_button .carousel-control:hover { opacity: 1; color: #fff; background: #e05d06; } .team_086_header { top: 0; left: 0; right: 0; bottom: 0; display: block; text-align: center; position: relative; margin: 0 auto 55px auto; } .team_086_header>h1 { top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; display: block; color: #fd6804; font-size: 20px; font-weight: 700; position: relative; letter-spacing: 2px; text-transform: uppercase } .team_086_header>h1:after { left: 0; right: 0; content: ""; height: 2px; width: 75px; margin: auto; bottom: -25px; position: absolute; background: #fd6804; } .team_086_grid { padding: 5px } .team_086_grid_mov_2 { padding: 0 } .team_086_grid_mov_2>.row { margin: 0 } .team_086_grid_mov_2>.row>div { padding: 5px } .team_086_wrapper { overflow: hidden; position: relative; background: #fff } .team_086_wrapper>img { width: 100%; -webkit-filter: grayscale(30%); filter: grayscale(30%); -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .team_086_wrapper:hover>img { -webkit-filter: grayscale(0); filter: grayscale(0) } .team_086_header>h1, .team_086_content>h6>a, .team_086_content>h5>a { text-shadow: none; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased } .team_086_content { left: 0; right: 0; bottom: 1%; width: 96%; margin: auto; padding: 7px; text-align: left; position: absolute; background: #fff; text-align: center; } .team_086_content>h5 { margin: 0 } .team_086_content>h5>a { color: #4e7f16; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_086_content>h6 { margin: 10px 0 0 0 } .team_086_content>h6>a { color: #adadad; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_086_content>h5>a:hover, .team_086_content>h6>a:hover { color: #fd6804; } .team_086_content_col_2 { padding: 25px } .team_086_content_col_2>h5>a, .team_086_content_col_2>h6>a { font-size: 20px } @media only screen and (max-width:480px) { .team_086_content_col_2 { padding: 10px } .team_086_content_col_2>h5>a, .team_086_content_col_2>h6>a { font-size: 14px } } @media(min-width:481px) and (max-width:767px) { .team_086_content { padding: 25px } .team_086_content>h5>a, .team_086_content>h6>a { font-size: 20px } } @media(min-width:768px) and (max-width:991px) { .team_086_content_col_6_mov_2 { padding: 3px } .team_086_content_col_6_mov_2>h6 { margin: 0 } .team_086_content_col_6_mov_2>h5>a, .team_086_content_col_6_mov_2>h6>a { font-size: 10px } .team_086_content_col_4_mov_2 { padding: 5px } .team_086_content_col_4_mov_2>h6 { margin: 0 } } @media(min-width:992px) and (max-width:1225px) { .team_086_content { padding: 5px } .team_086_content>h5>a, .team_086_content>h6>a { font-size: 12px } .team_086_content_col_3 { padding: 10px } .team_086_content_col_3>h5>a, .team_086_content_col_3>h6>a { font-size: 14px } .team_086_content_col_2 { padding: 25px } .team_086_content_col_2>h5>a, .team_086_content_col_2>h6>a { font-size: 20px } } .team_087 { overflow: hidden; padding: 50px 5px; position: relative; background: #242424 } .team_087>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .team_087>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .team_087>.carousel-inner>.item { overflow: hidden } .team_087>.carousel-inner>.item>.row { margin: 0 } .team_087_indicators>.carousel-indicators { right: 0; margin: 0; top: 230px; width: 70%; left: 140px; bottom: auto; height: 20px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .team_087_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; border: 1px solid #dbb760; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .team_087_indicators>.carousel-indicators .active { width: 10px; height: 10px; margin: 0 5px; text-indent: 0; font-weight: 700; background: #dbb760; border: 1px solid #dbb760 } .team_087_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .team_087_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .team_087_control_button .carousel-control { top: 60px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #dbb760; font-size: 11px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 25px; text-shadow: none; text-align: center; position: absolute; letter-spacing: 1px; background: transparent; border: 1px solid #dbb760; text-transform: uppercase; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .team_087_control_button .carousel-control.left { left: 140px; right: auto; margin: auto } .team_087_control_button .carousel-control.right { left: 167px; right: auto; margin: auto } .team_087_control_button .carousel-control:hover { opacity: 1; color: #000; background: #dbb760 } .team_087_header>h6, .team_087_header>h5, .team_087_content>h5>a, .team_087_content>p { text-shadow: none; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased } .team_087_header>p, .team_087_content>h6>a { text-shadow: none; font-family: 'Lora', serif; -webkit-font-smoothing: antialiased } .team_087_header { top: 0; bottom: 0; left: 140px; width: 625px; display: block; text-align: left; position: relative; margin: 50px 0 75px 0 } .team_087_header>h6 { top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; color: #dbb760; font-size: 10px; font-weight: 400; position: relative; letter-spacing: 1px; text-transform: uppercase } .team_087_header>h5 { top: 0; left: 0; right: 0; bottom: 0; color: #fff; font-size: 16px; font-weight: 400; margin: 0 0 20px 0; position: relative; letter-spacing: 2px; padding: 5px 0 20px 0; text-transform: uppercase } .team_087_header>h5:after { left: 0; right: 0; bottom: 0; content: ""; height: 2px; width: 35px; position: absolute; background: #555 } .team_087_header>p { margin: 0; padding: 0; color: #8a8a8a; font-size: 12px; font-weight: 400; font-style: italic; letter-spacing: 1px } .team_087_grid { padding: 5px } .team_087_grid_mov_2 { padding: 0 } .team_087_grid_mov_2>.row { margin: 0 } .team_087_grid_mov_2>.row>div { padding: 5px } .team_087_wrapper { overflow: hidden; position: relative; background: #fff } .team_087_wrapper>img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .team_087_wrapper:hover>img { -webkit-filter: grayscale(0); filter: grayscale(0) } .team_087_content { left: 0; right: 0; top: auto; width: 100%; height: 100%; margin: auto; bottom: -100%; overflow-y: auto; text-align: left; position: absolute; padding: 25px 15px 0 15px; background: rgba(36,36,36,0.9); -webkit-transition: bottom .7s cubic-bezier(0.3, 1, 0, 1); transition: bottom .7s cubic-bezier(0.3, 1, 0, 1) } .team_087_wrapper:hover>.team_087_content { bottom: 0 } .team_087_content>h5 { margin: 0; position: relative; padding: 0 0 10px 0 } .team_087_content>h5:after { left: 0; right: 0; bottom: 0; content: ""; height: 2px; width: 35px; position: absolute; background: #555 } .team_087_content>h5>a { color: #dbb760; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_087_content>h5>a:hover { color: #fff } .team_087_content>h6>a { color: #adadad; font-size: 12px; font-weight: 400; font-style: italic; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_087_content>h5>a:hover, .team_087_content>h6>a:hover { color: #fff } .team_087_content>p { color: #adadad; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_087_content>ul { padding: 0; margin-top: 30px; list-style-type: none } .team_087_content>ul>li { display: inline-block } .team_087_content>ul>li>a { width: 25px; height: 25px; color: #fff; display: block; font-size: 12px; line-height: 25px; text-align: center; border: 1px solid transparent; text-decoration: none; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .team_087_content>ul>li>a:hover { color: #dbb760; border: 1px solid #dbb760 } .team_087_content::-webkit-scrollbar { width:3px } .team_087_content::-webkit-scrollbar-thumb { background:#555; -webkit-border-radius:0; border-radius:0 } .team_087_content_col_4 { padding: 70px 35px 0 35px } .team_087_content_col_3, .team_087_content_col_2 { padding: 25% 15% 0 15% } .team_087_content_col_3>h5>a, .team_087_content_col_2>h5>a { font-size: 22px } .team_087_content_col_3>h6>a, .team_087_content_col_2>h6>a { font-size: 14px } .team_087_content_col_3>p, .team_087_content_col_2>p { font-size: 12px } .team_087_content_col_3>ul>li>a, .team_087_content_col_2>ul>li>a { width: 35px; height: 35px; font-size: 16px; line-height: 35px } @media only screen and (max-width:480px) { .team_087_indicators>.carousel-indicators { top: 280px; left: 40px } .team_087_control_button .carousel-control.left { left: 40px } .team_087_control_button .carousel-control.right { left: 67px } .team_087_header { left: 40px; width: 250px } .team_087_content { padding: 25% 25% 0 25% } .team_087_content_col_3, .team_087_content_col_2 { padding: 25% 25% 0 25% } .team_087_content_col_3>h5>a, .team_087_content_col_2>h5>a { font-size: 13px } .team_087_content_col_3>h6>a, .team_087_content_col_2>h6>a { font-size: 12px } .team_087_content_col_3>p, .team_087_content_col_2>p { font-size: 10px } .team_087_content_col_3>ul>li>a, .team_087_content_col_2>ul>li>a { width: 25px; height: 25px; font-size: 12px; line-height: 25px } } @media(min-width:481px) and (max-width:767px) { .team_087_indicators>.carousel-indicators { top: 250px; left: 40px } .team_087_control_button .carousel-control.left { left: 45px } .team_087_control_button .carousel-control.right { left: 72px } .team_087_header { left: 45px; width: 400px } .team_087_content { padding: 25% 15% 0 15% } .team_087_content>h5:after { height: 4px } .team_087_content>h5>a { font-size: 30px } .team_087_content>h6>a { font-size: 22px } .team_087_content>p { font-size: 18px } .team_087_content>ul>li>a { width: 35px; height: 35px; font-size: 16px; line-height: 35px } } @media(min-width:768px) and (max-width:991px) { .team_087_indicators>.carousel-indicators { left: 40px } .team_087_control_button .carousel-control.left { left: 50px } .team_087_control_button .carousel-control.right { left: 77px } .team_087_header { left: 50px } .team_087_content { padding: 20% 10% 0 10% } .team_087_content_col_3, .team_087_content_col_2 { padding: 20% 10% 0 10% } .team_087_content_col_3>h5>a, .team_087_content_col_2>h5>a { font-size: 13px } .team_087_content_col_3>h6>a, .team_087_content_col_2>h6>a { font-size: 12px } .team_087_content_col_3>p, .team_087_content_col_2>p { font-size: 10px } .team_087_content_col_3>ul>li>a, .team_087_content_col_2>ul>li>a { width: 25px; height: 25px; font-size: 12px; line-height: 25px } .team_087_content_col_6_mov_2 { padding: 5px } .team_087_content_col_6_mov_2>h5:after { height: 4px } .team_087_content_col_6_mov_2>h5>a { font-size: 12px } .team_087_content_col_6_mov_2>h6>a { font-size: 10px } .team_087_content_col_6_mov_2>p { font-size: 9px } .team_087_content_col_6_mov_2>ul { margin-top: 5px; font-size: 0 } } .team_088 { overflow: hidden; padding: 50px 5px; position: relative; background: #f7f7f7 } .team_088>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .team_088>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .team_088>.carousel-inner>.item { overflow: hidden } .team_088>.carousel-inner>.item>.row { margin: 0 } .team_088_indicators>.carousel-indicators { top: 175px; width: 65%; left: 10px; right: auto; margin: auto; bottom: auto; height: 20px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .team_088_indicators>.carousel-indicators li { padding: 0; width: 15px; height: 15px; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; border: 1px solid #3e9dfb; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .team_088_indicators>.carousel-indicators .active { width: 15px; height: 15px; margin: 0 5px; text-indent: 0; font-weight: 700; background: #3e9dfb; border: 1px solid #3e9dfb } .team_088_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .team_088_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .team_088_control_button .carousel-control { top: 175px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #3e9dfb; font-size: 11px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 25px; text-shadow: none; text-align: center; position: absolute; letter-spacing: 1px; background: transparent; border: 1px solid #3e9dfb; text-transform: uppercase; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .team_088_control_button .carousel-control.left { left: auto; right: 38px; margin: auto } .team_088_control_button .carousel-control.right { left: auto; right: 10px; margin: auto } .team_088_control_button .carousel-control:hover { opacity: 1; color: #fff; background: #3e9dfb } .team_088_header>h5, .team_088_content>h5>a, .team_088_content>p { text-shadow: none; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased } .team_088_header>p, .team_088_content>h6>a { text-shadow: none; font-family: 'Lora', serif; -webkit-font-smoothing: antialiased } .team_088_header { top: 0; left: 0; bottom: 0; width: 550px; display: block; text-align: center; position: relative; margin: 0 auto 70px auto } .team_088_header>h5 { color: #353d4a; font-size: 25px; font-weight: 400; margin: 0 0 10px 0; position: relative; letter-spacing: 2px; padding: 5px 0 10px 0; text-transform: uppercase } .team_088_header>h5>span { margin: 0 5px; color: #3e9dfb; padding: 0 10px; border: 1px solid #3e9dfb; -webkit-border-radius: 3px; border-radius: 3px } .team_088_header>p { margin: 0; padding: 0; color: #8a8a8a; font-size: 14px; font-weight: 400; font-style: italic; letter-spacing: 1px } .team_088_grid { padding: 5px } .team_088_grid_mov_2 { padding: 0 } .team_088_grid_mov_2>.row { margin: 0 } .team_088_grid_mov_2>.row>div { padding: 5px } .team_088_wrapper { overflow: hidden; position: relative; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 15px 0 rgba(236,236,236,1); -moz-box-shadow: 0 5px 15px 0 rgba(236,236,236,1); box-shadow: 0 5px 15px 0 rgba(236,236,236,1) } .team_088_wrapper>img { width: 100%; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .team_088_content { left: 0; right: 0; bottom: 0; top: auto; width: 100%; height: 100%; margin: auto; text-align: center; position: relative; background: #fff; padding: 15px 15px 0 15px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px } .team_088_content>h5 { margin: 0; position: relative; padding: 0 0 10px 0 } .team_088_content>h5:after { left: 0; right: 0; bottom: 0; content: ""; height: 2px; width: 30px; margin: auto; position: absolute; background: #353d4a } .team_088_content>h5>a { color: #353d4a; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_088_content>h5>a:hover { color: #3e9dfb } .team_088_content>h6>a { color: #3e9dfb; font-size: 12px; font-weight: 400; font-style: italic; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_088_content>h6>a:hover { color: #353d4a } .team_088_content>p { color: #8a8a8a; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_088_content>ul { padding: 0; margin-top: 20px; list-style-type: none } .team_088_content>ul>li { display: inline-block } .team_088_content>ul>li>a { width: 25px; height: 25px; color: #cfcfcf; display: block; font-size: 12px; line-height: 25px; text-align: center; border: 1px solid #cfcfcf; text-decoration: none; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .team_088_content>ul>li>a:hover { color: #fff; background: #3e9dfb; border: 1px solid #3e9dfb } @media only screen and (max-width:480px) { .team_088_indicators>.carousel-indicators { top: 200px } .team_088_control_button .carousel-control { top: 195px } .team_088_header { width: 95%; margin: 0 auto 70px auto } .team_088_header>h5 { font-size: 20px } } @media(min-width:481px) and (max-width:767px) { .team_088_header { width: 95%; margin: 0 auto 70px auto } } @media(min-width:768px) and (max-width:991px) { .team_088_content_col_6_mov_2 { padding: 15px 5px 0 5px } .team_088_grid_mov_2>.row>div { padding: 2px } } .team_089 { overflow: hidden; padding: 70px 5px 50px 5px; position: relative; background: #fdfdfd } .team_089>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .team_089>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .team_089>.carousel-inner>.item { overflow: hidden } .team_089>.carousel-inner>.item>.row { margin: 0 } .team_089_indicators>.carousel-indicators { left: 0; right: 0; top: 150px; width: 90%; margin: auto; bottom: auto; height: 20px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .team_089_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; background: #e8e8e8; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .team_089_indicators>.carousel-indicators .active { width: 10px; height: 10px; border: 0; margin: 0 5px; text-indent: 0; font-weight: 700; background: #090909 } .team_089_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .team_089_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .team_089_control_button .carousel-control { top: 20px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #090909; font-size: 11px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 25px; text-shadow: none; text-align: center; position: absolute; letter-spacing: 0; background: transparent; background: #e8e8e8; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .team_089_control_button .carousel-control.left { left: 0; right: 27px; margin: auto } .team_089_control_button .carousel-control.right { left: 27px; right: 0; margin: auto } .team_089_control_button .carousel-control:hover { opacity: 1; color: #fdff39; background: #090909 } .team_089_header>h5, .team_089_content>h5>a, .team_089_content>h6>a { text-shadow: none; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased } .team_089_header { top: 0; left: 0; bottom: 0; width: 550px; display: block; text-align: center; position: relative; margin: 0 auto 70px auto } .team_089_header>h5 { color: #353d4a; font-size: 35px; font-weight: 400; margin: 0 0 10px 0; position: relative; letter-spacing: 1px; padding: 5px 0 10px 0; text-transform: uppercase } .team_089_header>h5>span { margin-left: 5px; color: #fdff39; padding: 0 10px; background: #090909; font-weight: 400 } .team_089_grid { padding: 5px } .team_089_grid_mov_2 { padding: 0 } .team_089_grid_mov_2>.row { margin: 0 } .team_089_grid_mov_2>.row>div { padding: 5px } .team_089_wrapper { overflow: hidden; position: relative } .team_089_image { overflow: hidden; position: relative; background: #000 } .team_089_image:after { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; content: ""; visibility: hidden; position: absolute; background: rgba(9,9,9,0.8); -webkit-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); -ms-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .team_089_wrapper:hover>.team_089_image:after { opacity: 1; visibility: visible; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1) } .team_089_image>img { width: 100%; opacity: .9 } .team_089_image>ul { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; padding: 0; width: 37px; margin: auto; height: 130px; overflow-y: auto; overflow-x: hidden; visibility: hidden; position: absolute; list-style-type: none; -webkit-transform: rotate(-360deg) scale(0); -ms-transform: rotate(-360deg) scale(0); transform: rotate(-360deg) scale(0); -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); -ms-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .team_089_image>ul>li { margin: 2px } .team_089_image>ul>li>a { width: 30px; height: 30px; color: #fff; display: block; font-size: 14px; line-height: 30px; text-align: center; text-decoration: none; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .team_089_image>ul>li>a:hover { color: #090909; background: #fdff39 } .team_089_wrapper:hover>.team_089_image>ul { opacity: 1; visibility: visible; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1) } .team_089_image>ul::-webkit-scrollbar { width:2px } .team_089_image>ul::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.3); -webkit-border-radius:0; border-radius:0 } .team_089_content { left: 0; right: 0; bottom: 0; top: auto; width: 100%; height: 100%; margin: auto; text-align: left; position: relative; padding: 5px 0 15px 0 } .team_089_content>h5>a { color: #090909; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_089_content>h5>a:hover { color: #ccc } .team_089_content>h6>a { color: #fdff39; font-size: 10px; font-weight: 400; padding: 5px; background: #090909; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .team_089_content>h6>a:hover { color: #090909; background: #fdff39 } @media only screen and (max-width:480px) { .team_089_header { width: 95% } .team_089_header>h5 { font-size: 25px } } @media(min-width:481px) and (max-width:767px) { .team_089_header { width: 95% } } .team_090 { overflow: hidden; position: relative; background: #eaebe6; padding: 60px 5px 60px 5px } .team_090>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .team_090>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .team_090>.carousel-inner>.item { overflow: hidden } .team_090>.carousel-inner>.item>.row { margin: 0 } .team_090_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 90%; bottom: 10px; margin: auto; height: 20px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .team_090_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; background: transparent; border: 1px solid #c13c3d; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .team_090_indicators>.carousel-indicators .active { width: 10px; height: 10px; margin: 0 5px; text-indent: 0; font-weight: 700; background: #c13c3d } .team_090_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .team_090_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .team_090_control_button .carousel-control { top: 140px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #c13c3d; font-size: 14px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 23px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 1px solid #c13c3d; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .team_090_control_button .carousel-control.left { left: 0; right: 28px; margin: auto } .team_090_control_button .carousel-control.right { right: 0; left: 28px; margin: auto } .team_090_control_button .carousel-control:hover { opacity: 1; color: #fff; background: #c13c3d } .team_090_header>h5, .team_090_content>h5>a, .team_090_content>h6>a { text-shadow: none; font-family: 'Catamaran', sans-serif; -webkit-font-smoothing: antialiased } .team_090_header { top: 0; left: 0; bottom: 0; width: 340px; display: block; text-align: center; position: relative; margin: 0 auto 100px auto } .team_090_header>h5 { padding: 10px; color: #c13c3d; font-size: 30px; font-weight: 300; position: relative; letter-spacing: 1px; border: 1px solid #c13c3d; text-transform: uppercase } .team_090_grid { padding: 5px } .team_090_grid_mov_2 { padding: 0 } .team_090_grid_mov_2>.row { margin: 0 } .team_090_grid_mov_2>.row>div { padding: 5px } .team_090_wrapper { overflow: hidden; position: relative; border: 1px solid #d0d0d0 } .team_090_image { overflow: hidden; position: relative; background: #000 } .team_090_image:after { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; content: ""; visibility: hidden; position: absolute; background: rgba(193,60,61,0.95); -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); -ms-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .team_090_wrapper:hover>.team_090_image:after { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .team_090_image>img { width: 100%; opacity: .9 } .team_090_image>a { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 2; width: 50px; margin: auto; height: 50px; color: #fff; display: block; font-size: 18px; line-height: 46px; position: absolute; visibility: hidden; text-align: center; text-decoration: none; border: 1px solid #fff; -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); -ms-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .team_090_wrapper:hover>.team_090_image>a { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .team_090_image>a:hover { color: #c13c3d; background: #fff; border: 1px solid #fff } .team_090_content { left: 0; right: 0; bottom: 0; top: auto; width: 100%; height: 100%; margin: auto; text-align: left; position: relative } .team_090_content>h5 { margin: 15px 15px 7px 15px } .team_090_content>h5>a { color: #333331; padding: 0 2px; font-size: 18px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_090_content>h5>a:hover { color: #c13c3d } .team_090_content>h6 { margin: 0 15px } .team_090_content>h6>a { color: #c1c1c1; padding: 0 2px; font-size: 12px; font-weight: 500; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .team_090_content>h6>a:hover { color: #fff; background: #c13c3d } .team_090_content>ul { padding: 5px 10px; margin: 25px 0 0 0; list-style-type: none; border-top: 1px solid #d0d0d0 } .team_090_content>ul>li { margin: 0; padding: 0; display: inline-block } .team_090_content>ul>li>a { width: 30px; height: 30px; color: #c1c1c1; display: block; font-size: 14px; line-height: 30px; text-align: center; text-decoration: none; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .team_090_content>ul>li>a:hover { color: #c13c3d } @media only screen and (max-width:480px) { .team_090_header { width: 95% } .team_090_header>h5 { font-size: 23px } } @media(min-width:481px) and (max-width:767px) { .team_090_content>h5>a { font-size: 25px } .team_090_content>h6>a { font-size: 20px } } @media(min-width:768px) and (max-width:991px) { .team_090_content_col_6_mov_2>h5>a { font-size: 14px } .team_090_content_col_6_mov_2>ul { font-size: 0; padding: 3px 3px } } @media(min-width:992px) and (max-width:1225px) { .team_090_content>h5>a { font-size: 14px } .team_090_content>ul { font-size: 0; padding: 3px 3px } } .testimonial_091 { overflow: hidden; position: relative; background: #fff; padding: 60px 5px 60px 5px } .testimonial_091>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .testimonial_091>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .testimonial_091>.carousel-inner>.item { overflow: hidden } .testimonial_091>.carousel-inner>.item>.row { margin: 0 } .testimonial_091_indicators>.carousel-indicators { left: 5px; right: auto; top: 170px; width: 50%; bottom: auto; margin: auto; height: 20px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .testimonial_091_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; background: #f3f3f3; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .testimonial_091_indicators>.carousel-indicators .active { width: 10px; height: 10px; margin: 0 5px; text-indent: 0; font-weight: 700; background: #ff83a7 } .testimonial_091_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .testimonial_091_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .testimonial_091_control_button .carousel-control { top: 175px; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #535353; font-size: 16px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 30px; text-shadow: none; text-align: center; position: absolute; background: #f3f3f3; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .testimonial_091_control_button .carousel-control.left { left: auto; right: 44px; margin: auto } .testimonial_091_control_button .carousel-control.right { left: auto; right: 10px; margin: auto } .testimonial_091_control_button .carousel-control:hover { opacity: 1; color: #fff; background: #ff83a7 } .testimonial_091_header>h5, .testimonial_091_content>p, .testimonial_091_content>h5>a, .testimonial_091_content>h6>a { text-shadow: none; font-family: 'Catamaran', sans-serif; -webkit-font-smoothing: antialiased } .testimonial_091_header { top: 0; left: 0; bottom: 0; width: 250px; display: block; text-align: center; position: relative; margin: 0 auto 100px auto } .testimonial_091_header>h5 { padding: 10px; color: #535353; font-size: 25px; font-weight: 400; position: relative; letter-spacing: 1px; text-transform: uppercase } .testimonial_091_header>h5:after { left: 0; right: 0; bottom: 0; top: auto; width: 25px; height: 2px; content: ""; margin: auto; position: absolute; background: #535353 } .testimonial_091_grid { padding: 5px } .testimonial_091_grid_mov_2 { padding: 0 } .testimonial_091_grid_mov_2>.row { margin: 0 } .testimonial_091_grid_mov_2>.row>div { padding: 5px } .testimonial_091_wrapper { padding: 15px; overflow: hidden; position: relative; border: 2px solid #f3f3f3 } .testimonial_091_image { top: 0; left: 0; right: 0; bottom: 0; width: 40%; margin: auto; display: block; overflow: hidden; position: relative; -webkit-border-radius: 100%; border-radius: 100% } .testimonial_091_image>img { width: 100%; display: block; position: relative; -webkit-border-radius: 100%; border-radius: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: -webkit-filter .6s cubic-bezier(0.3, 1, 0, 1); transition: filter .6s cubic-bezier(0.3, 1, 0, 1) } .testimonial_091_wrapper:hover>.testimonial_091_image>img { -webkit-filter: grayscale(0); filter: grayscale(0) } .testimonial_091_image:after { top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; background: rgba(0,0,0,0.15); -webkit-transition: background .6s cubic-bezier(0.3, 1, 0, 1); transition: background .6s cubic-bezier(0.3, 1, 0, 1) } .testimonial_091_wrapper:hover>.testimonial_091_image:after { background: transparent } .testimonial_091_content { top: 0; left: 0; right: 0; bottom: 0; margin-top: 15px; text-align: center; position: relative } .testimonial_091_content>p { color: #535353; font-size: 13px; margin: 0 0 20px 0 } .testimonial_091_content>h5 { position: relative; margin: 0 0 5px 0 } .testimonial_091_content>h5:before { left: 0; right: 0; top: -10px; width: 15px; height: 2px; content: ""; bottom: auto; margin: auto; position: absolute; background: #f3f3f3 } .testimonial_091_content>h5>a { color: #535353; font-size: 16px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .testimonial_091_content>h5>a:hover { color: #ff83a7 } .testimonial_091_content>h6 { margin: 0 } .testimonial_091_content>h6>a { color: #c1c1c1; font-size: 12px; font-weight: 300; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .testimonial_091_content>h6>a:hover { color: #ff83a7 } @media(min-width:481px) and (max-width:767px) { .testimonial_091_wrapper { padding: 50px } .testimonial_091_content { margin-top: 35px } .testimonial_091_content>p { font-size: 16px; margin: 0 0 35px 0 } .testimonial_091_content>h5 { margin: 0 0 10px 0 } .testimonial_091_content>h5:before { top: -15px; width: 35px } .testimonial_091_content>h5>a { font-size: 22px } .testimonial_091_content>h6>a { font-size: 16px } } @media(min-width:768px) and (max-width:991px) { .testimonial_091_grid_mov_2 .testimonial_091_wrapper { padding: 5px 2px } } @media(min-width:992px) and (max-width:1225px) { .testimonial_091_wrapper { padding: 5px } } .testimonial_092 { overflow: hidden; position: relative; background: #f7f7f7; padding: 40px 5px 40px 5px } .testimonial_092>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .testimonial_092>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .testimonial_092>.carousel-inner>.item { overflow: hidden } .testimonial_092>.carousel-inner>.item>.row { margin: 0 } .testimonial_092_indicators>.carousel-indicators { left: 0; top: 20px; width: 50%; right: 0; bottom: auto; margin: auto; height: 20px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .testimonial_092_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; background: #c4c4c4; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .testimonial_092_indicators>.carousel-indicators .active { width: 10px; height: 10px; margin: 0 5px; text-indent: 0; font-weight: 700; background: #f5692c } .testimonial_092_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .testimonial_092_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .testimonial_092_control_button .carousel-control { top: 160px; opacity: 1; width: 15px; bottom: auto; height: 15px; color: #fff; font-size: 10px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 15px; text-shadow: none; text-align: center; position: absolute; background: #c4c4c4; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .testimonial_092_control_button .carousel-control.left { left: 0; right: 16px; margin: auto } .testimonial_092_control_button .carousel-control.right { right: 0; left: 17px; margin: auto } .testimonial_092_control_button .carousel-control:hover { opacity: 1; color: #fff; background: #f5692c } .testimonial_092_header>h5, .testimonial_092_header>p, .testimonial_092_content>p, .testimonial_092_rating>h5>a, .testimonial_092_rating>h6>a { text-shadow: none; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased } .testimonial_092_header { top: 0; left: 0; bottom: 0; width: 450px; display: block; text-align: center; position: relative; margin: 0 auto 70px auto } .testimonial_092_header>h5 { padding: 5px; color: #3b3d3d; font-size: 25px; font-weight: 500; position: relative; letter-spacing: 1px; text-transform: uppercase } .testimonial_092_header>h5:after { left: 0; right: 0; bottom: 0; top: auto; height: 1px; content: ""; width: 200px; margin: auto; position: absolute; background: #3b3d3d } .testimonial_092_header>p { font-size: 12px; margin-top: 15px } .testimonial_092_grid { padding: 5px } .testimonial_092_grid_mov_2 { padding: 0 } .testimonial_092_grid_mov_2>.row { margin: 0 } .testimonial_092_grid_mov_2>.row>div { padding: 5px } .testimonial_092_wrapper { overflow: hidden; position: relative } .testimonial_092_content { top: 0; left: 0; right: 0; bottom: 0; position: relative } .testimonial_092_content>p { padding: 10px; color: #3b3d3d; font-size: 12px; text-align: left; position: relative; font-weight: normal; margin-bottom: 25px; border: 1px solid #c4c4c4 } .testimonial_092_content_col_2>p { padding: 40px; font-size: 16px } .testimonial_092_content>p:before { width: 0; left: 20px; content: ""; bottom: -10px; display: block; position: absolute; border-style: solid; border-width: 10px 10px 0; border-color: #bbb transparent } .testimonial_092_content>p:after { width: 0; left: 21px; content: ""; bottom: -9px; display: block; position: absolute; border-style: solid; border-width: 9px 9px 0; border-color: #f7f7f7 transparent } .testimonial_092_content>p>span { color: #f5692c; font-size: 18px; margin-right: 10px } .testimonial_092_image { top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: 25%; float: left; overflow: hidden; position: relative } .testimonial_092_image>img { width: 100%; position: relative } .testimonial_092_rating { width: 75%; float: right; padding: 0 10px 10px 10px } .testimonial_092_rating>h5 { margin: 0 0 5px 0; position: relative } .testimonial_092_rating>h5>a { color: #3b3d3d; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .testimonial_092_rating>h5>a:hover { color: #f5692c } .testimonial_092_rating>h6 { margin: 0 } .testimonial_092_rating>h6>a { color: #3b3d3d; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .testimonial_092_rating>h6>a:hover { color: #f5692c } .testimonial_092_rating>ul { padding: 0; margin: 5px 0 0 0; list-style-type: none } .testimonial_092_rating>ul>li { display: inline-block } .testimonial_092_rating>ul>li>span { color: #f5692c } .testimonial_092_content_col_2>p { padding: 25px; font-size: 18px } .testimonial_092_content_col_2>p>span { font-size: 22px } .testimonial_092_content_col_2+.testimonial_092_box>.testimonial_092_rating { padding: 10px 30px 30px 30px } .testimonial_092_content_col_2+.testimonial_092_box>.testimonial_092_rating>h5 { margin: 0 0 10px 0 } .testimonial_092_content_col_2+.testimonial_092_box>.testimonial_092_rating>h5>a { font-size: 18px } .testimonial_092_content_col_2+.testimonial_092_box>.testimonial_092_rating>h6>a { font-size: 14px } .testimonial_092_content_col_2+.testimonial_092_box>.testimonial_092_rating>ul { margin: 10px 0 0 0 } .testimonial_092_content_col_2+.testimonial_092_box>.testimonial_092_rating>ul>li>span { font-size: 18px } @media only screen and (max-width:480px) { .testimonial_092_control_button .carousel-control { top: 175px } .testimonial_092_header { width: 290px } } @media(min-width:481px) and (max-width:767px) { .testimonial_092_content>p { padding: 25px; font-size: 18px } .testimonial_092_content>p>span { font-size: 22px } .testimonial_092_rating { padding: 10px 30px 30px 30px } .testimonial_092_rating>h5 { margin: 0 0 10px 0 } .testimonial_092_rating>h5>a { font-size: 18px } .testimonial_092_rating>h6>a { font-size: 14px } .testimonial_092_rating>ul { margin: 10px 0 0 0 } .testimonial_092_rating>ul>li>span { font-size: 18px } } @media(min-width:768px) and (max-width:991px) { .testimonial_092_content_col_4>p { padding: 20px; font-size: 16px } .testimonial_092_content_col_4+.testimonial_092_box>.testimonial_092_rating { padding: 10px 20px 20px 20px } .testimonial_092_content_col_4+.testimonial_092_box>.testimonial_092_rating>h5 { margin: 0 0 10px 0 } .testimonial_092_content_col_4+.testimonial_092_box>.testimonial_092_rating>h5>a { font-size: 16px } .testimonial_092_content_col_4+.testimonial_092_box>.testimonial_092_rating>h6>a { font-size: 14px } .testimonial_092_content_col_4+.testimonial_092_box>.testimonial_092_rating>ul { margin: 10px 0 0 0 } .testimonial_092_content_col_4+.testimonial_092_box>.testimonial_092_rating>ul>li>span { font-size: 18px } } @media(min-width:992px) and (max-width:1225px) { .testimonial_092_content>p { padding: 5px } .testimonial_092_rating { padding: 0 3px 3px 3px } .testimonial_092_rating>h5>a { font-size: 11px } .testimonial_092_rating>h6>a { font-size: 10px } .testimonial_092_rating>ul>li>span { font-size: 10px } .testimonial_092_content_col_4>p { padding: 10px } .testimonial_092_content_col_4+.testimonial_092_box>.testimonial_092_rating { padding: 0 10px 10px 10px } .testimonial_092_content_col_4+.testimonial_092_box>.testimonial_092_rating>h5>a { font-size: 12px } .testimonial_092_content_col_4+.testimonial_092_box>.testimonial_092_rating>h6>a { font-size: 10px } .testimonial_092_content_col_4+.testimonial_092_box>.testimonial_092_rating>ul>li>span { font-size: 10px } } .testimonial_093 { overflow: hidden; position: relative; padding: 0 0 100px 0 } .testimonial_093>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .testimonial_093>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .testimonial_093>.carousel-inner>.item { overflow: hidden } .testimonial_093>.carousel-inner>.item>.row { margin: 0 } .testimonial_093_bg_img { margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; background-position: center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100% } .testimonial_093_bg_img:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; background: rgba(0,0,0,0.9) } .testimonial_093_indicators>.carousel-indicators { left: 0; top: 20px; width: 50%; right: 0; bottom: auto; margin: auto; height: 20px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .testimonial_093_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; background: #c4c4c4; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .testimonial_093_indicators>.carousel-indicators .active { width: 10px; height: 10px; margin: 0 5px; text-indent: 0; font-weight: 700; background: #71ba0b } .testimonial_093_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .testimonial_093_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .testimonial_093_control_button .carousel-control { top: auto; opacity: 1; width: 30px; bottom: 25px; height: 30px; font-size: 10px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 30px; text-shadow: none; text-align: center; position: absolute; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .testimonial_093_control_button .carousel-control.left { left: 0; right: 30px; margin: auto; color: #71ba0b; background: #fff; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px } .testimonial_093_control_button .carousel-control.left:hover { opacity: .8 } .testimonial_093_control_button .carousel-control.right { right: 0; left: 31px; margin: auto; color: #fff; background: #71ba0b; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0 } .testimonial_093_control_button .carousel-control.right:hover { opacity: .8 } .testimonial_093_header>p, .testimonial_093_header>h5, .testimonial_093_wrapper>p, .testimonial_093_names>h5>a, .testimonial_093_names>h6>a { text-shadow: none; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .testimonial_093_header { top: 0; left: 0; bottom: 0; width: 550px; display: block; margin: 60px auto; text-align: center; position: relative } .testimonial_093_header>h5 { color: #fff; font-size: 35px; font-weight: 900; position: relative; letter-spacing: 1px; text-transform: uppercase } .testimonial_093_header>h5>span { color: #71ba0b; margin: 0 10px; position: relative } .testimonial_093_header>h5>span:after { left: 0; right: 0; bottom: 0; top: auto; height: 2px; content: ""; width: 100%; margin: auto; position: absolute; background: #71ba0b } .testimonial_093_header>p { color: #fff; font-size: 14px; margin-top: 15px } .testimonial_093_grid { padding: 5px } .testimonial_093_grid_mov_2 { padding: 0 } .testimonial_093_grid_mov_2>.row { margin: 0 } .testimonial_093_grid_mov_2>.row>div { padding: 5px } .testimonial_093_wrapper { padding: 7px; overflow: hidden; position: relative; background: transparent; border: 2px solid rgba(255,255,255,0.2); -webkit-border-radius: 5px; border-radius: 5px } .testimonial_093_wrapper>p { clear: both; color: #fff; font-size: 12px; font-weight: 300; top: 15px; position: relative; text-align: justify; letter-spacing: 1px } .testimonial_093_wrapper>ul { padding: 0; margin-top: 30px; list-style-type: none } .testimonial_093_wrapper>ul>li { display: inline-block } .testimonial_093_wrapper>ul>li>span { color: #71ba0b } .testimonial_093_image { top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: 28%; float: left; overflow: hidden; position: relative; -webkit-border-radius: 100%; border-radius: 100% } .testimonial_093_image>img { width: 100%; position: relative; -webkit-border-radius: 100%; border-radius: 100% } .testimonial_093_names { width: 72%; float: right; padding: 7px } .testimonial_093_names>h5 { margin: 0 0 7px 0; position: relative } .testimonial_093_names>h5>a { color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .testimonial_093_names>h5>a:hover { color: #71ba0b } .testimonial_093_names>h6 { margin: 0 } .testimonial_093_names>h6>a { color: #fff; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .testimonial_093_names>h6>a:hover { color: #71ba0b } .testimonial_093_wrapper_col_2 { padding: 35px } .testimonial_093_wrapper_col_3 { padding: 15px } .testimonial_093_wrapper_col_2>p, .testimonial_093_wrapper_col_3>p { font-size: 14px } .testimonial_093_wrapper_col_2>.testimonial_093_names, .testimonial_093_wrapper_col_3>.testimonial_093_names { padding: 15px } .testimonial_093_wrapper_col_2>.testimonial_093_names>h5>a, .testimonial_093_wrapper_col_3>.testimonial_093_names>h5>a { font-size: 23px } .testimonial_093_wrapper_col_2>.testimonial_093_names>h6>a, .testimonial_093_wrapper_col_3>.testimonial_093_names>h6>a { font-size: 18px } .testimonial_093_wrapper_col_2>ul>li>span, .testimonial_093_wrapper_col_3>ul>li>span { font-size: 14px } @media only screen and (max-width:480px) { .testimonial_093_bg_img { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .testimonial_093_header { width: 300px } .testimonial_093_header>h5 { font-size: 25px } .testimonial_093_wrapper>p { font-size: 13px } .testimonial_093_names { padding: 13px } .testimonial_093_names>h5>a { font-size: 14px } .testimonial_093_wrapper_col_2, .testimonial_093_wrapper_col_3 { padding: 5px } .testimonial_093_wrapper_col_2>p, .testimonial_093_wrapper_col_3>p { font-size: 12px } .testimonial_093_wrapper_col_2>.testimonial_093_names, .testimonial_093_wrapper_col_3>.testimonial_093_names { padding: 13px } .testimonial_093_wrapper_col_2>.testimonial_093_names>h5>a, .testimonial_093_wrapper_col_3>.testimonial_093_names>h5>a { font-size: 14px } .testimonial_093_wrapper_col_2>.testimonial_093_names>h6>a, .testimonial_093_wrapper_col_3>.testimonial_093_names>h6>a { font-size: 12px } } @media(min-width:481px) and (max-width:767px) { .testimonial_093_bg_img { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .testimonial_093_header { width: 350px } .testimonial_093_wrapper { padding: 15px } .testimonial_093_wrapper>p { font-size: 16px } .testimonial_093_names { padding: 15px } .testimonial_093_names>h5>a { font-size: 25px } .testimonial_093_names>h6>a { font-size: 20px } .testimonial_093_wrapper>ul>li>span { font-size: 18px } } @media(min-width:768px) and (max-width:991px) { .testimonial_093_bg_img { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .testimonial_093_wrapper_col_2, .testimonial_093_wrapper_col_3 { padding: 5px } .testimonial_093_wrapper_col_2>p, .testimonial_093_wrapper_col_3>p { font-size: 12px } .testimonial_093_wrapper_col_2>.testimonial_093_names, .testimonial_093_wrapper_col_3>.testimonial_093_names { padding: 13px } .testimonial_093_wrapper_col_2>.testimonial_093_names>h5>a, .testimonial_093_wrapper_col_3>.testimonial_093_names>h5>a { font-size: 14px } .testimonial_093_wrapper_col_2>.testimonial_093_names>h6>a, .testimonial_093_wrapper_col_3>.testimonial_093_names>h6>a { font-size: 12px } .testimonial_093_wrapper_mov_2 { padding: 3px } .testimonial_093_wrapper_mov_2>p { font-size: 10px } .testimonial_093_wrapper_mov_2>.testimonial_093_names>h5>a { font-size: 10px } .testimonial_093_wrapper_mov_2>.testimonial_093_names>h6>a { font-size: 9px } } @media(min-width:992px) and (max-width:1225px) { .testimonial_093_bg_img { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .testimonial_093_wrapper { padding: 3px } .testimonial_093_wrapper>p { font-size: 11px } .testimonial_093_names { padding: 3px } .testimonial_093_names>h5>a { font-size: 10px } .testimonial_093_names>h6>a { font-size: 9px } .testimonial_093_wrapper_col_2, .testimonial_093_wrapper_col_3 { padding: 15px } .testimonial_093_wrapper_col_2>.testimonial_093_names, .testimonial_093_wrapper_col_3>.testimonial_093_names { padding: 15px } .testimonial_093_wrapper_col_2>p, .testimonial_093_wrapper_col_3>p { font-size: 12px } } #testimonial_094 { overflow: hidden; min-height: 300px; position: relative } #testimonial_094>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } #testimonial_094>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #testimonial_094>.carousel-inner>.item { overflow: hidden } .testimonial_094_indicators>.carousel-indicators { left: 0; bottom: 0; margin: 0; width: 100%; font-size: 0; height: 65px; padding: 2px 0; cursor: e-resize; overflow-x: auto; line-height: 90px; overflow-y: hidden; position: absolute; text-align: center; white-space: nowrap } .testimonial_094_indicators>.carousel-indicators li { padding: 0; width: 35px; height: 35px; border: 0; text-indent: 0; margin: 0 6px; cursor: pointer; display: inline-block; background-color: transparent; -webkit-border-radius: 0; border-radius: 0 } .testimonial_094_indicators>.carousel-indicators .active { padding: 0; width: 35px; height: 35px; border: 0; margin: 0 6px; -webkit-border-radius: 0; border-radius: 0 } .testimonial_094_indicators>.carousel-indicators li img { width: 100%; display: block; border: 1px solid #d7d7d7; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all .7s cubic-bezier(.39, .575, .565, 1); -moz-transition: all .7s cubic-bezier(.39, .575, .565, 1); transition: all .7s cubic-bezier(.39, .575, .565, 1) } .testimonial_094_indicators>.carousel-indicators .active img { border-color: #c32026; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5) } .testimonial_094_indicators>.carousel-indicators::-webkit-scrollbar { height:3px } .testimonial_094_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .testimonial_094_header>h5, .testimonial_094_slide>p, .testimonial_094_slide>h5>a, .testimonial_094_slide>h6>a { text-shadow: none; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .testimonial_094_header { top: 0; left: 0; bottom: 0; width: 550px; display: block; margin: 30px auto; text-align: center; position: relative } .testimonial_094_header>h5 { color: #1e1e25; font-size: 35px; font-weight: 900; position: relative; letter-spacing: 1px; text-transform: uppercase } .testimonial_094_header>h5>span { color: #c32026; margin: 0 10px; position: relative } .testimonial_094_header>h5>span:after { left: 0; right: 0; bottom: 0; top: auto; height: 2px; content: ""; width: 100%; margin: auto; position: absolute; background: #c32026 } .testimonial_094_slide { top: 0; left: 0; right: 0; bottom: 0; width: 70%; margin: auto; padding: 10px; position: relative; text-align: center } .testimonial_094_slide>p { color: #1e1e25; font-size: 14px } .testimonial_094_slide>h5>a { color: #c32026; font-size: 18px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: opacity .7s cubic-bezier(.39, .575, .565, 1); transition: opacity .7s cubic-bezier(.39, .575, .565, 1) } .testimonial_094_slide>h5>a:hover { opacity: .6 } .testimonial_094_slide>h6>a { color: #1e1e25; font-size: 14px; font-weight: 300; text-decoration: none; text-transform: lowercase; -webkit-transition: color .7s cubic-bezier(.39, .575, .565, 1); transition: color .7s cubic-bezier(.39, .575, .565, 1) } .testimonial_094_slide>h6>a:hover { color: #c32026 } @media only screen and (max-width:480px) { .testimonial_094_header { width: 95%; margin: 20px auto } .testimonial_094_header>h5 { font-size: 20px } .testimonial_094_slide { width: 98%; padding: 5px } .testimonial_094_slide>p { font-size: 12px } .testimonial_094_slide>h5>a { font-size: 16px } .testimonial_094_slide>h6>a { font-size: 14px } } @media(min-width:481px) and (max-width:767px) { .testimonial_094_header { width: 95%; margin: 15px auto } .testimonial_094_slide { width: 98%; padding: 5px } } @media(min-width:768px) and (max-width:991px) { .testimonial_094_slide { width: 98%; padding: 5px } } @media(min-width:992px) and (max-width:1225px) { .testimonial_094_slide { padding: 5px } } #testimonial_095 { overflow: hidden; min-height: 375px; position: relative; background: #141414 } #testimonial_095>.carousel-inner { width: 75%; margin: auto } #testimonial_095>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } #testimonial_095>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #testimonial_095>.carousel-inner>.item { overflow: hidden } .testimonial_095_indicators>.carousel-indicators { left: 0; margin: 0; width: 100%; font-size: 0; height: 20px; bottom: 15px; padding: 0 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; position: absolute; text-align: center; white-space: nowrap } .testimonial_095_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; text-indent: 0; margin: 2px 3px; cursor: pointer; display: inline-block; background: #fff; -webkit-border-radius: 100%; border-radius: 100% } .testimonial_095_indicators>.carousel-indicators .active { padding: 0; width: 10px; height: 10px; border: 0; margin: 2px 3px; background: #aa914f; -webkit-border-radius: 100%; border-radius: 100% } .testimonial_095_indicators>.carousel-indicators::-webkit-scrollbar { height:3px } .testimonial_095_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .testimonial_095_control_button .carousel-control { top: 175px; opacity: 1; width: 40px; bottom: auto; height: 40px; font-size: 10px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 38px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 2px solid #fff; text-transform: uppercase; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .testimonial_095_control_button .carousel-control.left { left: 7%; right: auto } .testimonial_095_control_button .carousel-control.right { right: 7%; left: auto } .testimonial_095_control_button .carousel-control.left:hover, .testimonial_095_control_button .carousel-control.right:hover { color: #fff; background: #aa914f; border: 2px solid #aa914f } .testimonial_095_header>h5, .testimonial_095_slide>p, .testimonial_095_slide>h5>a { text-shadow: none; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .testimonial_095_header { top: 0; left: 0; bottom: 0; width: 550px; display: block; margin: 30px auto; text-align: center; position: relative } .testimonial_095_header>h5 { color: #f2f2f2; font-size: 30px; font-weight: 600; position: relative; letter-spacing: 1px; text-transform: uppercase } .testimonial_095_header>h5>span { color: #aa914f; margin: 0 10px; position: relative } .testimonial_095_header>h5>span:after { left: 0; right: 0; bottom: 0; top: auto; height: 1px; content: ""; width: 100%; margin: auto; position: absolute; background: #aa914f } .testimonial_095_slide { top: 0; left: 0; right: 0; bottom: 0; width: 70%; margin: auto; padding: 20px; position: relative; text-align: center } .testimonial_095_slide>a { top: 0; left: 0; right: 0; width: 50px; height: 50px; margin: auto; display: block; color: #f2f2f2; font-size: 18px; line-height: 46px; text-align: center; position: relative; border: 3px solid #f2f2f2; -webkit-border-radius: 100%; border-radius: 100% } .testimonial_095_slide>a:after { top: 0; left: 0; padding: 0; opacity: 0; width: 100%; content: ''; height: 100%; position: absolute; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1); box-shadow: 0 0 0 2px rgba(255,255,255,0.1) } .testimonial_095_slide>a:hover:after { -webkit-animation: psBoxShadowEffect_2 2s ease-out; animation: psBoxShadowEffect_2 2s ease-out } .testimonial_095_slide>p { color: #f2f2f2; font-size: 14px; margin: 40px 0 20px 0 } .testimonial_095_slide>p>a { color: #aa914f; padding: 2px 5px; text-decoration: none; -webkit-transition: all .3s cubic-bezier(.39, .575, .565, 1); transition: all .3s cubic-bezier(.39, .575, .565, 1) } .testimonial_095_slide>p>a:hover { color: #fff; background: #aa914f } .testimonial_095_slide>h5>a { padding: 3px; color: #aa914f; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border: 1px solid transparent; -webkit-transition: border .5s cubic-bezier(.39, .575, .565, 1); transition: border .5s cubic-bezier(.39, .575, .565, 1) } .testimonial_095_slide>h5>a:hover { border: 1px solid #aa914f } @media only screen and (max-width:480px) { .testimonial_095_control_button .carousel-control { display: none } .testimonial_095_header { width: 95% } .testimonial_095_header>h5 { font-size: 20px } .testimonial_095_slide { width: 98%; padding: 5px } } @media(min-width:481px) and (max-width:767px) { .testimonial_095_control_button .carousel-control.left { left: 2% } .testimonial_095_control_button .carousel-control.right { right: 2% } .testimonial_095_header { width: 95% } .testimonial_095_slide { width: 98%; padding: 5px } } @media(min-width:768px) and (max-width:991px) { .testimonial_095_control_button .carousel-control.left { left: 5% } .testimonial_095_control_button .carousel-control.right { right: 5% } } @-webkit-keyframes psBoxShadowEffect_2 { 0% { opacity:.3 } 40% { opacity:.5; -webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5) } 100% { -webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fff, 0 0 0 5px rgba(255,255,255,0.5); -webkit-transform:scale(1.5); opacity:0 } } @keyframes psBoxShadowEffect_2 { 0% { opacity:.3 } 40% { opacity:.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5) } 100% { box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fff, 0 0 0 5px rgba(255,255,255,0.5); transform:scale(1.5); opacity:0 } } #video_096 { overflow: hidden; max-height: 643px; position: relative } #video_096>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } #video_096>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #video_096>.carousel-inner>.item { height: 643px; overflow: hidden } .video_096_vid { top: 0; left: 0; right: 0; bottom: 0; width: 100%; position: relative } .video_096_vid:after { top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; background: rgba(0,0,0,0.7) } .video_096_vid>video { width: 100% } .video_096_img>img { display: none } @media only screen and (max-width:991px) { .video_096_img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; position: relative } .video_096_img:after { top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; background: rgba(0,0,0,0.7) } .video_096_img>img { width: 100%; display: block } .video_096_vid { display: none } } .video_096_indicators>.carousel-indicators { top: 25px; left: auto; width: 50%; right: 25px; font-size: 0; height: 20px; margin: 0 auto; padding: 0 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; position: absolute; text-align: right; white-space: nowrap } .video_096_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; text-indent: 0; margin: 2px 3px; cursor: pointer; display: inline-block; background: #fff; -webkit-border-radius: 100%; border-radius: 100% } .video_096_indicators>.carousel-indicators .active { padding: 0; width: 10px; height: 10px; border: 0; margin: 2px 3px; background: #4ec52b; -webkit-border-radius: 100%; border-radius: 100% } .video_096_indicators>.carousel-indicators::-webkit-scrollbar { height:3px } .video_096_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .video_096_control_button .carousel-control { top: 25px; width: 25px; bottom: auto; height: 40px; opacity: .9; color: #000; font-size: 14px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 40px; text-shadow: none; text-align: center; position: absolute; background: #fff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .video_096_control_button .carousel-control.left { left: 25px; right: auto; -webkit-border-radius: 100px 0 0 100px; border-radius: 100px 0 0 100px } .video_096_control_button .carousel-control.right { left: 51px; right: auto; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0 } .video_096_control_button .carousel-control.left:hover, .video_096_control_button .carousel-control.right:hover { opacity: 1; color: #fff; background: #4ec52b } .video_096_slide { top: 23%; width: 100%; padding: 5px; text-align: center; position: absolute } .video_096_slide>h4 { color: #fff; font-size: 30px; font-weight: 400; margin-bottom: 30px; text-shadow: none; text-transform: capitalize; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .video_096_slide>h1>span { color: #4ec52b; margin-left: 10px } .video_096_slide>h1 { color: #fff; font-size: 70px; font-weight: 900; margin-bottom: 30px; text-transform: uppercase; text-shadow: none; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .video_096_slide>p { width: 550px; color: #fff; font-size: 14px; font-weight: 400; letter-spacing: 1px; margin: 0 auto 60px auto; text-shadow: none; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .video_096_slide>a { width: 165px; height: 45px; color: #000; font-size: 16px; font-weight: 700; line-height: 45px; text-align: center; background: #fff; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 100px; border-radius: 100px; text-shadow: none; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .video_096_slide>a:hover { color: #fff; background: #4ec52b } @media only screen and (max-width:480px) { #video_096 { max-height: 200px } #video_096>.carousel-inner>.item { height: 200px } .video_096_control_button .carousel-control, .video_096_indicators>.carousel-indicators { display: none } .video_096_slide { top: 15px; padding: 5px } .video_096_slide>h4 { font-size: 14px; margin: 0 0 10px 0 } .video_096_slide>h1 { font-size: 20px; margin: 0 0 10px 0 } .video_096_slide>p { width: 100%; font-size: 12px; margin: 0 auto 10px auto } .video_096_slide>a { width: 100px; height: 25px; font-size: 10px; line-height: 25px } } @media(min-width:481px) and (max-width:767px) { #video_096 { max-height: 308px } #video_096>.carousel-inner>.item { height: 308px } .video_096_slide { top: 25%; padding: 5px } .video_096_slide>h4 { font-size: 20px; margin: 0 0 15px 0 } .video_096_slide>h1 { font-size: 25px; margin: 0 0 15px 0 } .video_096_slide>p { width: 80%; margin: 0 auto 15px auto } } @media(min-width:768px) and (max-width:991px) { #video_096 { max-height: 500px } #video_096>.carousel-inner>.item { height: 500px } .video_096_slide { top: 13%; padding: 5px } } @media(min-width:992px) and (max-width:1225px) { #video_096 { max-height: 550px } #video_096>.carousel-inner>.item { height: 550px } } #video_097 { padding: 50px 0; overflow: hidden; min-height: 575px; position: relative; background: #f2f2f2 } #video_097>.carousel-inner { width: 70%; left: 75px; margin: auto; height: 460px } #video_097:hover { cursor: -moz-grab; cursor: -webkit-grab } #video_097:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #video_097>.carousel-inner>.item { overflow: hidden } #video_097>.carousel-inner>.item>img, #video_097>.carousel-inner>.item>a>img { opacity: .8; width: 100%; margin: auto } .video_097_thumbnails>.carousel-indicators { top: 50px; bottom: 0; margin: 0; padding: 0; width: 11%; left: 100px; right: auto; height: 460px; overflow-y: auto; cursor: s-resize; overflow-x: hidden; position: absolute } .video_097_thumbnails>.carousel-indicators li { width: 100%; height: auto; border: 0; display: block; text-indent: 0; overflow-y: auto; position: relative; margin: 0 0 20px 0; overflow-x: hidden; background: transparent; border: 10px solid #fff; -webkit-border-radius: 0; border-radius: 0 } .video_097_thumbnails>.carousel-indicators li img { width: 100%; height: auto; display: block; position: relative; -webkit-border-radius: 0; border-radius: 0 } .video_097_thumbnails>.carousel-indicators .active { width: 100%; height: auto; margin: 0 0 20px 0; background: transparent; border: 10px solid #fff } .video_097_thumbnails>.carousel-indicators li span { top: 0; left: 0; right: 0; bottom: 0; padding: 5px; display: block; color: #fff; font-size: 14px; position: absolute; text-transform: capitalize; font-family: 'Lato', sans-serif; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .video_097_thumbnails>.carousel-indicators .active span { color: #000; background: rgba(255,255,255,0.9) } .video_097_thumbnails>.carousel-indicators li::-webkit-scrollbar { width:2px } .video_097_thumbnails>.carousel-indicators li::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.5); -webkit-border-radius:0; border-radius:0 } .video_097_thumbnails>.carousel-indicators::-webkit-scrollbar { width:4px } .video_097_thumbnails>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(146,165,195,0.5); -webkit-border-radius:0; border-radius:0 } .video_097_youtube { width: 100%; height: 460px; border: 10px solid #fff } .video_097_youtube>iframe { width: 100%; height: 100%; border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none } @media only screen and (max-width:480px) { #video_097 { padding: 20px 0; min-height: 475px } #video_097>.carousel-inner { width: 75%; left: 12.5% } .video_097_thumbnails>.carousel-indicators { left: 0; top: 20px; width: 24.5% } .video_097_thumbnails>.carousel-indicators li { margin: 0 0 10px 0; border: 1px solid #fff } .video_097_thumbnails>.carousel-indicators .active { margin: 0 0 10px 0; border: 1px solid #fff } .video_097_thumbnails>.carousel-indicators li span { padding: 1px; font-size: 11px } .video_097_youtube { border: 1px solid #fff } } @media(min-width:481px) and (max-width:767px) { #video_097 { padding: 20px 0; min-height: 475px } #video_097>.carousel-inner { width: 75%; left: 12.5% } .video_097_thumbnails>.carousel-indicators { left: 0; top: 20px; width: 24.5% } .video_097_thumbnails>.carousel-indicators li { margin: 0 0 10px 0; border: 3px solid #fff } .video_097_thumbnails>.carousel-indicators .active { margin: 0 0 10px 0; border: 3px solid #fff } .video_097_youtube { border: 3px solid #fff } } @media(min-width:768px) and (max-width:991px) { #video_097>.carousel-inner { left: 100px } .video_097_thumbnails>.carousel-indicators { left: 25px; width: 20% } } @media(min-width:992px) and (max-width:1225px) { .video_097_thumbnails>.carousel-indicators { left: 25px; width: 16% } } #video_098 { padding: 25px 0; overflow: hidden; min-height: 645px; position: relative; background: #000 } #video_098>.carousel-inner { left: 0; width: 864px; margin: auto } #video_098:hover { cursor: -moz-grab; cursor: -webkit-grab } #video_098:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #video_098>.carousel-inner>.item { overflow: hidden } .video_098_thumbnails>.carousel-indicators { left: 0; right: 0; top: auto; padding: 0; width: 95%; bottom: 10px; height: 100px; margin: 0 auto; cursor: e-resize; overflow-x: auto; overflow-y: hidden; position: absolute; white-space: nowrap } .video_098_thumbnails>.carousel-indicators li { margin: 0; width: 10%; height: auto; border: 0; text-indent: 0; position: relative; background: transparent; -webkit-border-radius: 0; border-radius: 0 } .video_098_thumbnails>.carousel-indicators li img { width: 100%; height: auto; display: block; position: relative; -webkit-border-radius: 0; border-radius: 0 } .video_098_thumbnails>.carousel-indicators .active { width: 10%; margin: 0; height: auto; border: 0; background: transparent } .video_098_thumbnails>.carousel-indicators li span { top: 0; left: 0; right: 0; bottom: 0; padding: 5px; display: block; color: #fff; font-size: 14px; overflow-y: auto; position: absolute; white-space: normal; overflow-x: hidden; text-transform: uppercase; background: rgba(27,27,27,0.15); font-family: 'Roboto', sans-serif; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .video_098_thumbnails>.carousel-indicators .active span { color: #fff; background: rgba(27,27,27,0.85) } .video_098_thumbnails>.carousel-indicators li span::-webkit-scrollbar { width:2px } .video_098_thumbnails>.carousel-indicators li span::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.5); -webkit-border-radius:0; border-radius:0 } .video_098_thumbnails>.carousel-indicators::-webkit-scrollbar { height:5px } .video_098_thumbnails>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.5); -webkit-border-radius:0; border-radius:0 } .video_098_control_button .carousel-control { top: 38%; opacity: 1; width: 70px; bottom: auto; height: 70px; cursor: pointer; font-weight: 600; overflow: hidden; line-height: 70px; position: absolute; text-shadow: none; background: transparent; color: rgba(255,255,255,0.5); -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .video_098_control_button .carousel-control span { font-size: 70px } .video_098_control_button .carousel-control.left { left: 15px; right: auto } .video_098_control_button .carousel-control.right { left: auto; right: 15px } .video_098_control_button .carousel-control:hover { opacity: 1; color: #fff; background: transparent } .video_098_vimeo { width: 864px; height: 486px } .video_098_vimeo>iframe { width: 100%; height: 100%; border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none } @media only screen and (max-width:480px) { #video_098 { padding: 10px 0; min-height: 250px } #video_098>.carousel-inner { width: 90% } .video_098_control_button .carousel-control { display: none } .video_098_thumbnails>.carousel-indicators { width: 95%; bottom: 10px; height: 60px } .video_098_thumbnails>.carousel-indicators li { width: 30% } .video_098_thumbnails>.carousel-indicators .active { width: 30% } .video_098_thumbnails>.carousel-indicators li span { font-size: 12px } .video_098_vimeo { width: 100%; height: 100% } } @media(min-width:481px) and (max-width:767px) { #video_098>.carousel-inner { width: 450px } .video_098_thumbnails>.carousel-indicators li { width: 30% } .video_098_thumbnails>.carousel-indicators .active { width: 30% } .video_098_vimeo { width: 450px } } @media(min-width:768px) and (max-width:991px) { #video_098>.carousel-inner { width: 725px } .video_098_thumbnails>.carousel-indicators li { width: 20% } .video_098_thumbnails>.carousel-indicators .active { width: 20% } .video_098_vimeo { width: 725px } } @media(min-width:992px) and (max-width:1225px) { .video_098_thumbnails>.carousel-indicators li { width: 15% } .video_098_thumbnails>.carousel-indicators .active { width: 15% } } #video_099 { overflow: hidden; max-height: 643px; position: relative; background: #fff } #video_099:hover { cursor: -moz-grab; cursor: -webkit-grab } #video_099:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #video_099>.carousel-inner>.item { overflow: hidden } .video_099_img>img { width: 100% } .video_099_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 600px; bottom: 20px; height: 35px; font-size: 0; margin: 0 auto; padding: 0 10px; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; white-space: nowrap } .video_099_indicators>.carousel-indicators li { margin: 0; width: auto; height: 20px; border: 0; color: #fff; text-indent: 0; padding: 0 10px; font-size: 10px; overflow: hidden; line-height: 20px; text-align: center; letter-spacing: 1px; background: transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; text-transform: uppercase; font-family: 'Arial'; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .video_099_indicators>.carousel-indicators .active { margin: 0; width: auto; height: 20px; border: 0; text-indent: 0; color: #fff; background: transparent; border-top: 1px solid #fff; border-bottom: 1px solid #fff } .video_099_indicators>.carousel-indicators::-webkit-scrollbar { height:5px } .video_099_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .video_099_control_button .carousel-control { top: 45%; opacity: 1; width: 70px; bottom: auto; height: 70px; cursor: pointer; font-weight: 600; overflow: hidden; line-height: 70px; text-shadow: none; position: absolute; background: transparent; color: rgba(255,255,255,0.5); -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .video_099_control_button .carousel-control span { font-size: 70px } .video_099_control_button .carousel-control.left { left: 5px; right: auto } .video_099_control_button .carousel-control.right { left: auto; right: 5px } .video_099_control_button .carousel-control:hover { opacity: 1; color: #fff; background: transparent } .video_099_vimeo, .video_099_youtube, .video_099_slf_host { left: 0; right: 0; top: 180px; bottom: auto; margin: auto; width: 600px; height: 345px; overflow: hidden; position: absolute; text-align: center; background: transparent; border: 10px solid #fff; -webkit-box-shadow: 0 13px 30px -3px rgba(0,0,0,0.54); -moz-box-shadow: 0 13px 30px -3px rgba(0,0,0,0.54); box-shadow: 0 13px 30px -3px rgba(0,0,0,0.54) } .video_099_vimeo>iframe, .video_099_slf_host>video, .video_099_youtube>iframe { width: 100%; height: 100%; border: 0; outline: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none } .video_099_slf_host { background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .video_099_slide { left: 0; right: 0; bottom: 0; top: 15px; width: 600px; height: 150px; padding: 10px; margin: 0 auto; overflow-y: auto; position: absolute; overflow-x: hidden } .video_099_slide>h1, .video_099_slide>p, .video_099_slide>a { margin: 0; padding: 0; text-shadow: none; text-decoration: none; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased } .video_099_slide>h1 { color: #fff; font-size: 25px; font-weight: 500; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase } .video_099_slide>p { color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 20px } .video_099_slide>a { width: 100px; height: 30px; color: #000; display: block; font-size: 12px; line-height: 30px; text-align: center; background: #fff; text-transform: capitalize; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .video_099_slide>a:hover { color: #fff; background: #000 } .video_099_slide::-webkit-scrollbar { width:4px } .video_099_slide::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.5); -webkit-border-radius:0; border-radius:0 } @media only screen and (max-width:480px) { #video_099 { max-height: 443px } .video_099_img>img { width: auto } .video_099_indicators>.carousel-indicators { width: 95% } .video_099_control_button .carousel-control { display: none } .video_099_vimeo, .video_099_youtube, .video_099_slf_host { top: 170px; width: 300px; height: 172px; border: 5px solid #fff } .video_099_slf_host>video { display: none } .video_099_slide { top: 0; width: 300px; padding: 10px } .video_099_slide>h1 { font-size: 18px; margin-bottom: 5px } .video_099_slide>p { font-size: 11px; margin-bottom: 10px } } @media(min-width:481px) and (max-width:767px) { #video_099 { max-height: 543px } .video_099_img>img { width: auto } .video_099_indicators>.carousel-indicators { width: 95% } .video_099_control_button .carousel-control { display: none } .video_099_vimeo, .video_099_youtube, .video_099_slf_host { top: 170px; width: 450px; height: 258px; border: 5px solid #fff } .video_099_slf_host>video { display: none } .video_099_slide { top: 0; width: 450px; padding: 10px } .video_099_slide>h1 { margin-bottom: 5px } .video_099_slide>p { font-size: 12px; margin-bottom: 10px } } @media(min-width:768px) and (max-width:991px) { .video_099_img>img { width: auto } .video_099_control_button .carousel-control.left { left: 0 } .video_099_control_button .carousel-control.right { right: 0 } .video_099_slf_host>video { display: none } } .video_100 { overflow: hidden; position: relative; background: #fff; padding: 75px 5px 50px 5px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2 } .video_100>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .video_100>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .video_100>.carousel-inner>.item { overflow: hidden } .video_100>.carousel-inner>.item>.row { margin: 0 } .video_100_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 50%; bottom: 5px; margin: auto; height: 20px; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; padding-left: 5px; padding-right: 5px; white-space: nowrap } .video_100_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; background: #e2e2e2; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .video_100_indicators>.carousel-indicators .active { width: 10px; height: 10px; margin: 0 5px; text-indent: 0; font-weight: 700; background: #167ac6 } .video_100_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .video_100_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .video_100_control_button .carousel-control { top: 15px; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #767676; font-size: 16px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 30px; text-shadow: none; text-align: center; position: absolute; background: #e2e2e2; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .video_100_control_button .carousel-control.left { left: 10px; right: auto; margin: auto } .video_100_control_button .carousel-control.right { left: 41px; right: auto; margin: auto } .video_100_control_button .carousel-control:hover { opacity: 1; color: #fff; background: #167ac6 } .video_100_header>ul>li, .video_100_header>ul>li>a, .video_100_subscribe>a, .video_100_subscribe>span, .video_100_content>a, .video_100_content>ul>li { text-shadow: none; font-family: Roboto, arial, sans-serif; -webkit-font-smoothing: antialiased } .video_100_header { margin: 0; display: block; text-align: left; position: relative } .video_100_header>ul { padding: 0; float: left; font-size: 0; margin-left: 2px; list-style-type: none } .video_100_header>ul>li { color: #767676; padding: 0 3px; font-size: 12px; display: inline-block } .video_100_header>ul>li>a { color: #333; font-size: 16px; font-weight: 500; text-decoration: none; -webkit-transition: color .6s cubic-bezier(0.3, 1, 0, 1); transition: color .6s cubic-bezier(0.3, 1, 0, 1) } .video_100_header>ul>li>a:hover { color: #63a6d9 } .video_100_header>ul>li>a>img { width: 20px; height: 20px } .video_100_subscribe { float: right; font-size: 0; margin-right: 5px } .video_100_subscribe>a { color: #fff; font-size: 12px; padding: 5px 10px; background: #e62117; text-decoration: none; text-transform: capitalize; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-transition: background .6s cubic-bezier(0.3, 1, 0, 1); transition: background .6s cubic-bezier(0.3, 1, 0, 1) } .video_100_subscribe>a:hover { background: #cc181e } .video_100_subscribe>span { color: #767676; font-size: 12px; padding: 5px 10px; background: #fafafa; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc } .video_100_grid { padding: 5px } .video_100_grid_mov_2 { padding: 0 } .video_100_grid_mov_2>.row { margin: 0 } .video_100_grid_mov_2>.row>div { padding: 5px } .video_100_wrapper { overflow: hidden; position: relative } .video_100_slf_host>video { width: 100%; height: 100%; border: 0; outline: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none } .video_100_img { display: none } @media only screen and (max-width:991px) { .video_100_img { width: 100%; display: block; position: relative } .video_100_img>a { text-decoration: none } .video_100_img>a>span:nth-child(1) { top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 50px; height: 50px; display: block; color: #fff; font-size: 25px; position: absolute; line-height: 50px; text-align: center; background: transparent; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .video_100_img:hover>a>span:nth-child(1) { color: #333; background: rgba(255,255,255,0.8) } .video_100_img>a>span:nth-child(2) { top: auto; left: auto; right: 3px; bottom: 3px; margin: auto; padding: 0 5px; display: block; color: #fff; font-size: 12px; position: absolute; text-align: center; background: rgba(0,0,0,0.8) } .video_100_img>a>img { width: 100% } .video_100_slf_host { display: none } } .video_100_content { top: 0; left: 0; right: 0; bottom: 0; text-align: left; position: relative } .video_100_content>a:nth-child(1) { color: #167ac6; display: block; font-size: 13px; font-weight: 500; margin-bottom: 1px; white-space: normal; word-wrap: break-word; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .video_100_content>a:nth-child(1):hover { color: #63a6d9 } .video_100_content>a:nth-child(2) { color: #767676; display: block; font-size: 12px; font-weight: 400; text-decoration: none; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .video_100_content>a:nth-child(2):hover { color: #63a6d9 } .video_100_content>ul { padding: 0; list-style-type: none } .video_100_content>ul>li { color: #767676; font-size: 11px; display: inline-block } .video_100_content>ul>li:nth-child(2) { margin-left: 10px; position: relative } .video_100_content>ul>li:nth-child(2):before { top: 35%; left: -13px; margin: 0 5px; font-size: 3px; content: "\f111"; position: absolute; font-family: FontAwesome } @media(min-width:481px) and (max-width:767px) { .video_100_wrapper { padding: 10px 100px } } .x_001_laptop_main_wrap { padding: 0 } .x_001_laptop_main_wrap>.row { margin: 0 } .x_001_laptop_main_wrap>.row>div:nth-child(1) { padding: 50px } .x_001_laptop_main_wrap>.row>div:nth-child(2) { padding: 100px 70px 100px 15px } .x_001_laptop_main_wrap>.row>div>h1, .x_001_laptop_main_wrap>.row>div>p, .x_001_laptop_main_wrap>.row>div>a { text-shadow: none; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .x_001_laptop_main_wrap>.row>div>h1 { color: #24292d; font-size: 40px; font-weight: 700; margin-bottom: 25px; text-transform: uppercase } .x_001_laptop_main_wrap>.row>div>p { color: #989898; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-align: justify; margin-bottom: 50px } .x_001_laptop_main_wrap>.row>div>a { color: #989898; font-size: 12px; font-weight: 400; padding: 12px 30px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border: 1px solid #cacaca; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_001_laptop_main_wrap>.row>div>a:hover { color: #fff; background: #ff5a0e; border: 1px solid #ff5a0e } .x_001_laptop_inner_wrap { width: 100%; position: relative } .x_001_laptop_inner_wrap>img { width: 100%; margin: auto; display: block; position: relative } #x_001_laptop { top: 10%; right: 0; width: 71%; height: 71%; left: -0.5%; bottom: auto; margin: auto; overflow: hidden; position: absolute; background: #17171a } #x_001_laptop>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_001_laptop>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_001_laptop>.carousel-inner>.item { overflow: hidden } #x_001_laptop>.carousel-inner>.item>img { width: 100%; margin: auto } .x_001_laptop_indicators>.carousel-indicators { left: 0; right: 0; margin: 0; bottom: 0; width: 100%; font-size: 0; height: 15px; padding: 0 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; position: absolute; text-align: center; white-space: nowrap } .x_001_laptop_indicators>.carousel-indicators li { padding: 0; width: 8px; height: 8px; border: 0; margin: 0 3px; text-indent: 0; cursor: pointer; background: #fff; display: inline-block; -webkit-border-radius: 100%; border-radius: 100% } .x_001_laptop_indicators>.carousel-indicators .active { padding: 0; width: 8px; height: 8px; border: 0; margin: 0 3px; background: #ff5a0e; -webkit-border-radius: 100%; border-radius: 100% } .x_001_laptop_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_001_laptop_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .x_001_laptop_control_button .carousel-control { top: 40%; width: 20px; bottom: auto; height: 40px; opacity: .9; color: #ff5a0e; font-size: 14px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 40px; text-shadow: none; text-align: center; position: absolute; background: #fff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_001_laptop_control_button .carousel-control.left { left: 0; right: auto; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0 } .x_001_laptop_control_button .carousel-control.right { left: auto; right: 0; -webkit-border-radius: 100px 0 0 100px; border-radius: 100px 0 0 100px } .x_001_laptop_control_button .carousel-control.left:hover, .x_001_laptop_control_button .carousel-control.right:hover { opacity: 1; color: #fff; background: #ff5a0e } @media only screen and (max-width:480px) { .x_001_laptop_main_wrap>.row>div:nth-child(1) { padding: 5px } .x_001_laptop_main_wrap>.row>div:nth-child(2) { padding: 0 20px 30px 20px } .x_001_laptop_main_wrap>.row>div>h1 { font-size: 25px } } @media(min-width:481px) and (max-width:767px) { .x_001_laptop_main_wrap>.row>div:nth-child(1) { padding: 15px } .x_001_laptop_main_wrap>.row>div:nth-child(2) { padding: 0 20px 30px 20px } } @media(min-width:768px) and (max-width:991px) { .x_001_laptop_main_wrap>.row>div:nth-child(1) { padding: 25px } .x_001_laptop_main_wrap>.row>div:nth-child(2) { padding: 0 30px 30px 30px } } @media(min-width:992px) and (max-width:1225px) { .x_001_laptop_main_wrap>.row>div:nth-child(1) { padding: 25px } .x_001_laptop_main_wrap>.row>div:nth-child(2) { padding: 25px } } .x_002_lcd_main_wrap { padding: 0; background: #fafafa } .x_002_lcd_main_wrap>.row { margin: 0 } .x_002_lcd_main_wrap>.row>div:nth-child(1) { padding: 70px 70px 100px 100px } .x_002_lcd_main_wrap>.row>div:nth-child(2) { padding: 50px } .x_002_lcd_main_wrap>.row>div>h1, .x_002_lcd_main_wrap>.row>div>p, .x_002_lcd_main_wrap>.row>div>a, .x_002_lcd_main_wrap>.row>div>ul>li { text-shadow: none; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .x_002_lcd_main_wrap>.row>div>h1 { color: #363636; font-size: 40px; font-weight: 700; margin-bottom: 25px; text-transform: uppercase } .x_002_lcd_main_wrap>.row>div>p { color: #363636; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-align: justify; margin-bottom: 20px } .x_002_lcd_main_wrap>.row>div>ul { padding: 0; margin-bottom: 50px; list-style-type: none } .x_002_lcd_main_wrap>.row>div>ul>li { color: #363636; margin: 10px 0; display: block; font-size: 16px } .x_002_lcd_main_wrap>.row>div>ul>li>span { color: #3dae60; font-size: 20px; margin-right: 15px } .x_002_lcd_main_wrap>.row>div>a { color: #fff; font-size: 12px; font-weight: 400; padding: 12px 30px; letter-spacing: 1px; background: #3dae60; text-decoration: none; text-transform: uppercase; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_002_lcd_main_wrap>.row>div>a:hover { color: #fff; background: #363636 } .x_002_lcd_inner_wrap { width: 100%; position: relative } .x_002_lcd_inner_wrap>img { width: 100%; margin: auto; display: block; position: relative } #x_002_lcd { top: 4%; left: 0; right: 0; height: 72%; width: 94.5%; bottom: auto; margin: auto; overflow: hidden; position: absolute; background: #17171a } #x_002_lcd>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_002_lcd>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_002_lcd>.carousel-inner>.item { overflow: hidden } #x_002_lcd>.carousel-inner>.item>img { width: 100%; margin: auto } .x_002_lcd_indicators>.carousel-indicators { left: 0; right: 0; margin: 0; bottom: 0; width: 100%; font-size: 0; height: 15px; padding: 0 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; position: absolute; text-align: center; white-space: nowrap } .x_002_lcd_indicators>.carousel-indicators li { padding: 0; width: 8px; height: 8px; border: 0; margin: 0 3px; text-indent: 0; cursor: pointer; background: #fff; display: inline-block; -webkit-border-radius: 0; border-radius: 0 } .x_002_lcd_indicators>.carousel-indicators .active { padding: 0; width: 8px; height: 8px; border: 0; margin: 0 3px; background: #3dae60; -webkit-border-radius: 0; border-radius: 0 } .x_002_lcd_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_002_lcd_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .x_002_lcd_control_button .carousel-control { top: 40%; opacity: 0; width: 20px; bottom: auto; height: 40px; color: #3dae60; font-size: 14px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 40px; text-shadow: none; text-align: center; position: absolute; background: #fff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_002_lcd_control_button .carousel-control.left { left: 0; right: auto } .x_002_lcd_control_button .carousel-control.right { left: auto; right: 0 } .x_002_lcd_control_button .carousel-control.left:hover, .x_002_lcd_control_button .carousel-control.right:hover { opacity: 1; color: #fff; background: #3dae60 } .x_002_lcd_control_button:hover .carousel-control { opacity: 1 } @media only screen and (max-width:480px) { .x_002_lcd_main_wrap>.row>div:nth-child(1) { padding: 0 20px 30px 20px } .x_002_lcd_main_wrap>.row>div:nth-child(2) { padding: 10px } .x_002_lcd_main_wrap>.row>div>h1 { font-size: 25px } } @media(min-width:481px) and (max-width:767px) { .x_002_lcd_main_wrap>.row>div:nth-child(1) { padding: 0 20px 30px 20px } .x_002_lcd_main_wrap>.row>div:nth-child(2) { padding: 15px } } @media(min-width:768px) and (max-width:991px) { .x_002_lcd_main_wrap>.row>div:nth-child(1) { padding: 25px 100px } .x_002_lcd_main_wrap>.row>div:nth-child(2) { padding: 25px 100px } } @media(min-width:992px) and (max-width:1225px) { .x_002_lcd_main_wrap>.row>div:nth-child(1) { padding: 25px } .x_002_lcd_main_wrap>.row>div:nth-child(2) { padding: 25px } } .x_003_tablet_main_wrap { position: relative; text-align: center; padding: 35px 0 50px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .x_003_tablet_main_wrap:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; background: rgba(0,0,0,0.9) } .x_003_tablet_text>h1, .x_003_tablet_text>p, .x_003_tablet_inner_wrap>.carousel>.carousel-inner>.item>a { text-shadow: none; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .x_003_tablet_text { width: 65%; margin: auto; text-align: center; position: relative; margin-bottom: 50px } .x_003_tablet_text>h1 { color: #fff; font-size: 40px; font-weight: 400; text-transform: uppercase } .x_003_tablet_text>h1>span { color: #f1ca27; font-weight: 700; margin-left: 10px } .x_003_tablet_text>p { color: #fff; font-size: 14px; font-weight: 400; letter-spacing: 1px } .x_003_tablet_inner_wrap>.carousel>.carousel-inner>.item>a { top: 0; left: 0; right: 0; bottom: 0; width: 140px; height: 45px; margin: auto; display: block; color: #fff; line-height: 42px; text-align: center; position: absolute; text-decoration: none; border: 2px solid #fff; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_003_tablet_inner_wrap>.carousel>.carousel-inner>.item>a:hover { color: #fff; background: #f1ca27; border: 2px solid #f1ca27 } .x_003_tablet_inner_wrap { width: 60%; margin: auto; position: relative } .x_003_tablet_inner_wrap>img { width: 100%; margin: auto; display: block; position: relative } #x_003_tablet { top: 4%; left: 2%; right: 0; width: 79%; bottom: auto; margin: auto; overflow: hidden; position: absolute; background: #000 } #x_003_tablet>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_003_tablet>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_003_tablet>.carousel-inner>.item { overflow: hidden } #x_003_tablet>.carousel-inner>.item>img { width: 100%; opacity: .8; margin: auto } .x_003_tablet_indicators>.carousel-indicators { left: 0; top: auto; bottom: 0; right: auto; width: 20px; height: 57%; margin: auto; padding: 5px 3px; cursor: s-resize; overflow-y: auto; overflow-x: hidden; white-space: nowrap } .x_003_tablet_indicators>.carousel-indicators li { width: 10px; height: 10px; border: 0; opacity: .8; margin: 3px 0; text-indent: 0; display: block; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; -webkit-font-smoothing: antialiased; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_003_tablet_indicators>.carousel-indicators .active { opacity: 1; width: 10px; height: 10px; border: 0; margin: 3px 0; text-indent: 0; background: #f1ca27; border-radius: 2px; -webkit-border-radius: 2px } .x_003_tablet_indicators>.carousel-indicators::-webkit-scrollbar { width:4px } .x_003_tablet_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.8); -webkit-border-radius:0; border-radius:0 } .x_003_tablet_control_button .carousel-control { opacity: 0; width: 40px; bottom: auto; height: 20px; color: #f1ca27; font-size: 14px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 20px; text-shadow: none; text-align: center; position: absolute; background: #fff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_003_tablet_control_button .carousel-control.left { left: 0; right: 0; top: auto; bottom: 0; margin: auto; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .x_003_tablet_control_button .carousel-control.right { left: 0; right: 0; margin: auto; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px } .x_003_tablet_control_button .carousel-control.left:hover, .x_003_tablet_control_button .carousel-control.right:hover { opacity: 1; color: #fff; background: #f1ca27 } .x_003_tablet_control_button:hover .carousel-control { opacity: .8 } @media only screen and (max-width:480px) { .x_003_tablet_text { width: 95% } .x_003_tablet_text>h1 { font-size: 30px } .x_003_tablet_inner_wrap { width: 90% } } @media(min-width:481px) and (max-width:767px) { .x_003_tablet_inner_wrap { width: 90% } } #x_004_img_thumbnail { height: 643px; padding: 25px 0; background: #f0f3f8 } #x_004_img_thumbnail>.carousel-inner { width: 60%; height: 500px; margin: auto; border: 10px solid #fff } #x_004_img_thumbnail:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_004_img_thumbnail:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_004_img_thumbnail>.carousel-inner>.item>img, #x_004_img_thumbnail>.carousel-inner>.item>a>img { width: 100%; opacity: .9; margin: auto } .x_004_img_thumbnail_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 60%; bottom: 15px; margin: auto; font-size: 0; padding: 5px 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; text-align: center; white-space: nowrap } .x_004_img_thumbnail_indicators>.carousel-indicators li { width: 15%; padding: 0; height: 100%; text-indent: 0; margin: 0 10px; cursor: pointer; background: transparent; border: 5px solid #fff; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .x_004_img_thumbnail_indicators>.carousel-indicators .active { width: 15%; height: 100%; margin: 0 10px; background: transparent; border: 5px solid #32ae8a } .x_004_img_thumbnail_indicators>.carousel-indicators li img { width: 100%; opacity: .9; display: block } .x_004_img_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar { margin:0; padding:0; width:5px; height:5px; background:rgba(0,0,0,0.3) } .x_004_img_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.7) } .x_004_img_thumbnail_text { left: 0; right: 0; top: auto; bottom: 25%; width: 250px; height: 50px; line-height: 50px; text-align: center; position: absolute; background: #32ae8a; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000) } .x_004_img_thumbnail_text>a { color: #fff; display: block; font-size: 20px; font-weight: 400; text-decoration: none; text-transform: uppercase; font-family: 'Montserrat', sans-serif } @media only screen and (max-width:480px) { #x_004_img_thumbnail { height: 265px; padding: 5px 0 } #x_004_img_thumbnail>.carousel-inner { width: 98%; height: 200px; border: 5px solid #fff } .x_004_img_thumbnail_indicators>.carousel-indicators { bottom: 0; width: 97% } .x_004_img_thumbnail_indicators>.carousel-indicators li { margin: 0 5px; border: 2px solid #fff } .x_004_img_thumbnail_indicators>.carousel-indicators .active { margin: 0 5px; border: 2px solid #32ae8a } .x_004_img_thumbnail_text { bottom: 45%; width: 175px; height: 25px; line-height: 25px } .x_004_img_thumbnail_text>a { font-size: 16px } } @media(min-width:481px) and (max-width:767px) { #x_004_img_thumbnail { height: 350px; padding: 10px 0 } #x_004_img_thumbnail>.carousel-inner { width: 85%; height: 250px } .x_004_img_thumbnail_indicators>.carousel-indicators { bottom: 0; width: 85% } .x_004_img_thumbnail_indicators>.carousel-indicators li { margin: 0 5px; border: 2px solid #fff } .x_004_img_thumbnail_indicators>.carousel-indicators .active { margin: 0 5px; border: 2px solid #32ae8a } .x_004_img_thumbnail_text { bottom: 45% } } @media(min-width:768px) and (max-width:991px) { #x_004_img_thumbnail { height: 425px } #x_004_img_thumbnail>.carousel-inner { height: 305px } } @media(min-width:992px) and (max-width:1250px) { #x_004_img_thumbnail { height: 543px } #x_004_img_thumbnail>.carousel-inner { height: 390px } } #x_005_img_thumbnail, #x_005_img_thumbnail>.carousel-inner, #x_005_img_thumbnail>.carousel-inner>.item { overflow: hidden; max-height: 645px } #x_005_img_thumbnail { position: relative; background: #000407 } #x_005_img_thumbnail:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_005_img_thumbnail:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_005_img_thumbnail>.carousel-inner>.item:after { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ""; position: absolute; background: rgba(0,4,7,0.8) } #x_005_img_thumbnail>.carousel-inner>.item>img, #x_005_img_thumbnail>.carousel-inner>.item>a>img { width: 100%; margin: auto } .x_005_img_thumbnail_indicators>.carousel-indicators { left: 4%; top: auto; width: 60%; bottom: 5%; right: auto; margin: auto; font-size: 0; padding: 5px 5px; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; white-space: nowrap } .x_005_img_thumbnail_indicators>.carousel-indicators li { padding: 0; width: 60px; height: 100%; margin: 0 3px; text-indent: 0; cursor: pointer; background: transparent; border: 3px solid transparent; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .7s; transition: all cubic-bezier(.23, 1, .32, 1) .7s } .x_005_img_thumbnail_indicators>.carousel-indicators .active { width: 60px; height: 100%; margin: 0 3px; background: transparent; border: 3px solid #0082ca } .x_005_img_thumbnail_indicators>.carousel-indicators li img { width: 100%; opacity: .5; display: block; position: relative } .x_005_img_thumbnail_indicators>.carousel-indicators .active img { opacity: .9 } .x_005_img_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar { height:3px } .x_005_img_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.3) } .x_005_img_thumbnail_control_button .carousel-control { top: 40%; opacity: 0; width: 30px; bottom: auto; height: 60px; color: #fff; font-size: 25px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 56px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 2px solid #fff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1); transition: all .6s cubic-bezier(.23, 1, .32, 1) } .x_005_img_thumbnail_control_button .carousel-control.left { left: 0; right: auto; border-left: none } .x_005_img_thumbnail_control_button .carousel-control.right { right: 0; left: auto; border-right: 0 } .x_005_img_thumbnail_control_button .carousel-control.left:hover, .x_005_img_thumbnail_control_button .carousel-control.right:hover { opacity: 1; color: #fff; background: #0082ca; border-color: #0082ca } .x_005_img_thumbnail_control_button:hover .carousel-control { opacity: 1 } .x_005_img_thumbnail_text { top: 0; left: 0; right: 0; bottom: 0; width: 50%; z-index: 2; margin: auto; height: 300px; text-align: center; position: absolute } .x_005_img_thumbnail_text>h3, .x_005_img_thumbnail_text>h1, .x_005_img_thumbnail_text>h4, .x_005_img_thumbnail_text>a { color: #fff; text-shadow: none; text-transform: capitalize; -webkit-font-smoothing: antialiased; font-family: 'Titillium Web', sans-serif } .x_005_img_thumbnail_text>h3 { font-size: 40px; font-weight: 400; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1) } .x_005_img_thumbnail_text>h1 { font-size: 70px; font-weight: 700; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1) } .x_005_img_thumbnail_text>h1>span { color: #0082ca; margin-right: 10px } .x_005_img_thumbnail_text>h4 { font-size: 25px; font-weight: 200; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1) } .x_005_img_thumbnail_text>a { width: 150px; height: 40px; margin: auto; display: block; font-size: 14px; font-weight: 400; margin-top: 50px; line-height: 36px; text-decoration: none; text-transform: uppercase; border: 2px solid #fff; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1) } .x_005_img_thumbnail_text>a:hover { color: #fff; background: #0082ca; border: 2px solid #0082ca } @media only screen and (max-width:480px) { .x_005_img_thumbnail_indicators>.carousel-indicators { left: 0; width: 98%; bottom: 1%; padding: 5px 5px } .x_005_img_thumbnail_indicators>.carousel-indicators li { width: 30px; border: 2px solid transparent } .x_005_img_thumbnail_indicators>.carousel-indicators .active { width: 30px; border: 2px solid #0082ca } .x_005_img_thumbnail_control_button .carousel-control { top: 40%; width: 20px; height: 40px; line-height: 36px; border: 2px solid #fff } .x_005_img_thumbnail_text { width: 98%; height: 98% } .x_005_img_thumbnail_text>h3 { font-size: 20px; margin: 15px 0 5px 0 } .x_005_img_thumbnail_text>h1 { font-size: 35px; margin: 0 0 5px 0 } .x_005_img_thumbnail_text>h4 { margin: 0 0 5px 0 } .x_005_img_thumbnail_text>a { width: 100px; height: 25px; margin-top: 15px; line-height: 21px } } @media(min-width:481px) and (max-width:767px) { .x_005_img_thumbnail_indicators>.carousel-indicators { left: 0; width: 98%; bottom: 1% } .x_005_img_thumbnail_text { width: 98% } .x_005_img_thumbnail_text>h3 { font-size: 30px } .x_005_img_thumbnail_text>h1 { font-size: 50px } .x_005_img_thumbnail_text>a { margin-top: 20px } } @media(min-width:768px) and (max-width:991px) { .x_005_img_thumbnail_text { width: 98% } } #x_006_img_thumbnail, #x_006_img_thumbnail>.carousel-inner, #x_006_img_thumbnail>.carousel-inner>.item { overflow: hidden; max-height: 645px } #x_006_img_thumbnail { position: relative; background: #000407 } #x_006_img_thumbnail:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_006_img_thumbnail:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_006_img_thumbnail>.carousel-inner>.item>img, #x_006_img_thumbnail>.carousel-inner>.item>a>img { width: 100%; margin: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%) } .x_006_img_thumbnail_indicators>.carousel-indicators { top: 0; right: 2%; bottom: 0; left: auto; width: 85px; height: 50%; margin: auto; padding: 5px 5px; cursor: s-resize; overflow-y: auto; text-align: left; overflow-x: hidden; white-space: nowrap } .x_006_img_thumbnail_indicators>.carousel-indicators li { padding: 0; width: 75px; height: 75px; border: 0; display: block; text-indent: 0; cursor: pointer; overflow: hidden; margin: 0 0 10px 0; background: transparent; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .7s; transition: all cubic-bezier(.23, 1, .32, 1) .7s } .x_006_img_thumbnail_indicators>.carousel-indicators .active { padding: 0; width: 75px; height: 75px; border: 0; text-indent: 0; margin: 0 0 10px 0; background: transparent } .x_006_img_thumbnail_indicators>.carousel-indicators li img { width: 100%; height: 100%; display: block; position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-border-radius: 100%; border-radius: 100% } .x_006_img_thumbnail_indicators>.carousel-indicators .active img { -webkit-filter: grayscale(0); filter: grayscale(0) } .x_006_img_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar { width:3px } .x_006_img_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.3) } .x_006_img_thumbnail_control_button .carousel-control { width: 40px; bottom: auto; height: 40px; color: #fff; font-size: 20px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 40px; text-shadow: none; text-align: center; position: absolute; background: #2a2a2a; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1); transition: all .6s cubic-bezier(.23, 1, .32, 1) } .x_006_img_thumbnail_control_button .carousel-control.left { top: 15px; left: 15px; right: auto } .x_006_img_thumbnail_control_button .carousel-control.right { top: 57px; left: 15px; right: auto } .x_006_img_thumbnail_control_button .carousel-control.left:hover, .x_006_img_thumbnail_control_button .carousel-control.right:hover { opacity: 1; color: #fff; background: #fb383c; border-color: #fb383c } .x_006_img_thumbnail_control_button:hover .carousel-control { opacity: 1 } .x_006_img_thumbnail_text { top: 0; left: 5%; bottom: 0; width: 52%; z-index: 2; right: auto; margin: auto; height: 250px; text-align: left; position: absolute } .x_006_img_thumbnail_text_right { left: auto; right: 10%; text-align: right } .x_006_img_thumbnail_text_center { left: 0; right: 0; text-align: center } .x_006_img_thumbnail_text>h1, .x_006_img_thumbnail_text>p, .x_006_img_thumbnail_text>a { color: #fff; text-shadow: none; text-transform: capitalize; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .x_006_img_thumbnail_text>h1 { font-size: 35px; font-weight: 700; margin-bottom: 25px; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1) } .x_006_img_thumbnail_text>h1>span { color: #fb383c; margin: 0 10px; padding: 0 5px; border-top: 1px solid #fb383c; border-bottom: 1px solid #fb383c } .x_006_img_thumbnail_text>p { width: 80%; color: #fff; font-size: 15px; position: relative; text-transform: none; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1) } .x_006_img_thumbnail_text_right>p { margin-left: auto } .x_006_img_thumbnail_text_center>p { margin: auto } .x_006_img_thumbnail_text>a { width: 135px; height: 45px; color: #2a2a2a; display: block; font-size: 14px; font-weight: 400; margin-top: 50px; line-height: 45px; text-align: center; background: #fff; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1); transition: all .6s cubic-bezier(.23, 1, .32, 1) } .x_006_img_thumbnail_text_right>a { margin-left: auto } .x_006_img_thumbnail_text_center>a { margin-left: auto; margin-right: auto } .x_006_img_thumbnail_text>a:hover { color: #fff; background: #fb383c } @media only screen and (max-width:480px) { .x_006_img_thumbnail_control_button .carousel-control { display: none } .x_006_img_thumbnail_indicators>.carousel-indicators { right: 1%; width: 30px; height: 80%; padding: 5px 2px } .x_006_img_thumbnail_indicators>.carousel-indicators li { width: 25px; height: 25px; margin: 0 0 5px 0 } .x_006_img_thumbnail_indicators>.carousel-indicators .active { width: 25px; height: 25px; margin: 0 0 5px 0 } .x_006_img_thumbnail_text { left: 1%; width: 85%; height: 200px; padding: 10px } .x_006_img_thumbnail_text>h1 { font-size: 20px; margin: 0 0 5px 0 } .x_006_img_thumbnail_text>h1>span { margin: 0 5px; padding: 0 5px } .x_006_img_thumbnail_text>p { width: 95%; font-size: 11px } .x_006_img_thumbnail_text>a { width: 100px; height: 30px; font-size: 12px; margin-top: 15px; line-height: 30px } } @media(min-width:481px) and (max-width:767px) { .x_006_img_thumbnail_control_button .carousel-control { display: none } .x_006_img_thumbnail_indicators>.carousel-indicators { right: 1%; width: 40px; height: 80% } .x_006_img_thumbnail_indicators>.carousel-indicators li { width: 35px; height: 35px } .x_006_img_thumbnail_indicators>.carousel-indicators .active { width: 35px; height: 35px } .x_006_img_thumbnail_text { width: 80%; height: 275px } .x_006_img_thumbnail_text>h1 { font-size: 20px } .x_006_img_thumbnail_text>a { margin-top: 20px } } @media(min-width:768px) and (max-width:991px) { .x_006_img_thumbnail_text_right { right: 15% } } @media(min-width:992px) and (max-width:1225px) { .x_006_img_thumbnail_text_right { right: 15% } } #x_007_img_thumbnail, #x_007_img_thumbnail>.carousel-inner, #x_007_img_thumbnail>.carousel-inner>.item { overflow: hidden; max-height: 645px } #x_007_img_thumbnail { position: relative; background: #000407 } #x_007_img_thumbnail:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_007_img_thumbnail:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_007_img_thumbnail>.carousel-inner>.item:after { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ""; position: absolute; background: rgba(24,24,24,0.7) } #x_007_img_thumbnail>.carousel-inner>.item>img, #x_007_img_thumbnail>.carousel-inner>.item>a>img { width: 100%; margin: auto } .x_007_img_thumbnail_indicators>.carousel-indicators { top: 0; left: 0; bottom: 0; padding: 0; height: 56%; right: auto; width: 300px; margin: auto; overflow-y: auto; text-align: left; overflow-x: hidden; white-space: nowrap } .x_007_img_thumbnail_indicators>.carousel-indicators li { margin: 0; padding: 0; width: 150px; height: 115px; display: block; text-indent: 0; overflow: hidden; background: #fff; border: 10px solid #fff; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .7s; transition: all cubic-bezier(.23, 1, .32, 1) .7s } .x_007_img_thumbnail_indicators>.carousel-indicators .active { margin: 0; padding: 0; width: 300px; height: 115px; background: #fff; border: 10px solid #fff } .x_007_img_thumbnail_indicators>.carousel-indicators li img { float: left; width: 140px; position: relative } .x_007_img_thumbnail_indicators>.carousel-indicators li div { width: 140px; height: 93px; display: none; overflow-y: auto; text-align: left; overflow-x: hidden; white-space: normal; padding: 10px 5px 0 15px } .x_007_img_thumbnail_indicators>.carousel-indicators li div>a { color: #b67e43; font-size: 14px; display: block; margin-bottom: 5px; text-transform: capitalize; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; text-decoration: none; -webkit-transition: color .6s cubic-bezier(.23, 1, .32, 1); transition: color .6s cubic-bezier(.23, 1, .32, 1) } .x_007_img_thumbnail_indicators>.carousel-indicators li div>a:hover { color: #414141 } .x_007_img_thumbnail_indicators>.carousel-indicators li div>span { display: block; color: #414141; font-size: 12px; text-transform: uppercase; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .x_007_img_thumbnail_indicators>.carousel-indicators .active div { display: inline-block } .x_007_img_thumbnail_indicators>.carousel-indicators li div::-webkit-scrollbar { width:4px } .x_007_img_thumbnail_indicators>.carousel-indicators li div::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.3) } .x_007_img_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar { width:3px } .x_007_img_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.2) } .x_007_img_thumbnail_text { top: auto; right: 2%; width: 45%; z-index: 2; left: auto; bottom: 20%; margin: auto; text-align: left; position: absolute } .x_007_img_thumbnail_text>h1, .x_007_img_thumbnail_text>p, .x_007_img_thumbnail_text>a { color: #fff; text-shadow: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .x_007_img_thumbnail_text>h1 { font-size: 25px; font-weight: 700; margin-bottom: 20px; -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1) } .x_007_img_thumbnail_text>h1>span { color: #b67e43; margin-left: 10px } .x_007_img_thumbnail_text>p { width: 80%; color: #fff; font-size: 16px; position: relative; text-transform: none; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1) } .x_007_img_thumbnail_text>a { width: 135px; height: 30px; color: #fff; display: block; font-size: 12px; font-weight: 400; margin-top: 20px; line-height: 28px; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #fff; -webkit-border-radius: 3px; border-radius: 3px; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1); -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1); transition: all .6s cubic-bezier(.23, 1, .32, 1) } .x_007_img_thumbnail_text>a:hover { color: #fff; background: #b67e43; border: 1px solid #b67e43 } @media only screen and (max-width:480px) { .x_007_img_thumbnail_indicators>.carousel-indicators { height: 80%; width: 150px } .x_007_img_thumbnail_indicators>.carousel-indicators li { width: 75px; height: 50px; border: 3px solid #fff } .x_007_img_thumbnail_indicators>.carousel-indicators .active { width: 150px; height: 50px; border: 3px solid #fff } .x_007_img_thumbnail_indicators>.carousel-indicators li img { width: 75px } .x_007_img_thumbnail_indicators>.carousel-indicators li div { width: 75px; height: 50px; padding: 2px } .x_007_img_thumbnail_indicators>.carousel-indicators li div>a { font-size: 9px; margin-bottom: 2px } .x_007_img_thumbnail_indicators>.carousel-indicators li div>span { font-size: 8px } .x_007_img_thumbnail_text { right: 2% } .x_007_img_thumbnail_text>h1 { font-size: 11px; margin-bottom: 3px } .x_007_img_thumbnail_text>h1>span { margin-left: 3px } .x_007_img_thumbnail_text>p { width: 100%; font-size: 10px } .x_007_img_thumbnail_text>a { width: 100px; height: 20px; font-size: 11px; margin-top: 5px; line-height: 18px } } @media(min-width:481px) and (max-width:767px) { .x_007_img_thumbnail_indicators>.carousel-indicators { height: 80%; width: 200px } .x_007_img_thumbnail_indicators>.carousel-indicators li { width: 100px; height: 75px; border: 5px solid #fff } .x_007_img_thumbnail_indicators>.carousel-indicators .active { width: 200px; height: 75px; border: 5px solid #fff } .x_007_img_thumbnail_indicators>.carousel-indicators li img { width: 100px } .x_007_img_thumbnail_indicators>.carousel-indicators li div { width: 100px; height: 75px; padding: 3px 3px 0 5px } .x_007_img_thumbnail_indicators>.carousel-indicators li div>a { font-size: 11px; margin-bottom: 3px } .x_007_img_thumbnail_indicators>.carousel-indicators li div>span { font-size: 10px } .x_007_img_thumbnail_text { width: 50% } .x_007_img_thumbnail_text>h1 { font-size: 20px; margin-bottom: 3px } .x_007_img_thumbnail_text>p { width: 95%; font-size: 14px } .x_007_img_thumbnail_text>a { margin-top: 5px } } @media(min-width:768px) and (max-width:991px) { .x_007_img_thumbnail_indicators>.carousel-indicators { height: 70% } } #x_008_testimonial { padding: 50px; overflow: hidden } #x_008_testimonial { position: relative; background: #f5f5f5 } #x_008_testimonial:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_008_testimonial:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_008_testimonial>.carousel-inner>.item>div { padding: 0 } .x_008_testimonial_header { width: 55%; margin: auto; text-align: center; margin-bottom: 75px } .x_008_testimonial_header>h1, .x_008_testimonial_header>p, .x_008_testimonial_image>a, .x_008_testimonial_content>p { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif } .x_008_testimonial_header>h1 { color: #202e31; font-weight: 600; text-transform: uppercase } .x_008_testimonial_header>h1>span { color: #fdc236; margin: 0 10px } .x_008_testimonial_header>p { color: #9b9b9b } .x_008_testimonial_control_button .carousel-control { top: auto; opacity: 0; width: 20px; bottom: 30%; height: 40px; color: #fff; font-size: 14px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 40px; text-shadow: none; text-align: center; position: absolute; background: #202e31; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_008_testimonial_control_button .carousel-control.left { left: 0; right: auto } .x_008_testimonial_control_button .carousel-control.right { left: auto; right: 0 } .x_008_testimonial_control_button .carousel-control.left:hover, .x_008_testimonial_control_button .carousel-control.right:hover { opacity: 1; color: #fff; background: #fdc236 } .x_008_testimonial_control_button:hover .carousel-control { opacity: 1 } .x_008_testimonial_image { width: 25%; float: left; position: relative } .x_008_testimonial_image>img { width: 100% } .x_008_testimonial_image>a { left: 0; right: 0; bottom: 0; width: 90%; height: 40px; margin: auto; color: #fff; display: block; font-size: 12px; font-weight: 600; line-height: 18px; text-align: center; position: absolute; letter-spacing: 1px; background: #202e31; text-decoration: none; text-transform: uppercase; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .7s; transition: all cubic-bezier(.23, 1, .32, 1) .7s } .x_008_testimonial_image>a>span { display: block; font-size: 10px; font-weight: 400 } .x_008_testimonial_image>a:hover { color: #fdc236 } .x_008_testimonial_content { width: 75%; float: right; padding: 22px } .x_008_testimonial_content>p { color: #9b9b9b } @media only screen and (max-width:480px) { #x_008_testimonial { padding: 10px } .x_008_testimonial_header { width: 90%; margin-bottom: 25px } .x_008_testimonial_image { width: 60%; float: none; margin: auto } .x_008_testimonial_content { width: 90%; float: none; margin: auto; padding: 10px; text-align: center } } @media(min-width:481px) and (max-width:767px) { #x_008_testimonial { padding: 25px } .x_008_testimonial_header { width: 80%; margin-bottom: 40px } .x_008_testimonial_image { width: 50%; float: none; margin: auto } .x_008_testimonial_content { width: 80%; float: none; margin: auto; padding: 10px; text-align: center } } @media(min-width:768px) and (max-width:991px) { #x_008_testimonial { padding: 25px } .x_008_testimonial_image { width: 35% } .x_008_testimonial_content { width: 65%; padding: 0 10px } } @media(min-width:992px) and (max-width:1225px) { .x_008_testimonial_image { width: 35% } .x_008_testimonial_content { width: 65%; padding: 5px 20px } } #x_009_testimonial { padding: 50px; overflow: hidden } #x_009_testimonial { position: relative; background: #3c3c3c } #x_009_testimonial:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_009_testimonial:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_009_testimonial>.carousel-inner>.item>div { padding: 0 } .x_009_testimonial_header { width: 70%; margin: auto; text-align: center; margin-bottom: 40px } .x_009_testimonial_header>h1, .x_009_testimonial_header>p, .x_009_testimonial_image>a, .x_009_testimonial_content>p { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif } .x_009_testimonial_header>h1 { color: #fff; font-weight: 600; text-transform: capitalize } .x_009_testimonial_header>h1>span { color: #91c642; margin: 0 10px; font-weight: 700 } .x_009_testimonial_header>p { color: #9e9e9e; font-size: 14px; font-weight: 500; letter-spacing: 1px } .x_009_testimonial_control_button .carousel-control { top: auto; opacity: 0; width: 40px; bottom: 20%; height: 40px; color: #fff; font-size: 14px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 38px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 1px solid #6e6e6e; text-transform: uppercase; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_009_testimonial_control_button .carousel-control.left { left: 7%; right: auto } .x_009_testimonial_control_button .carousel-control.right { right: 7%; left: auto } .x_009_testimonial_control_button .carousel-control.left:hover, .x_009_testimonial_control_button .carousel-control.right:hover { opacity: 1; color: #fff; background: #91c642; border: 1px solid #91c642 } .x_009_testimonial_control_button:hover .carousel-control { opacity: 1 } .x_009_testimonial_wrapper { padding: 20px } .x_009_testimonial_image { position: relative } .x_009_testimonial_image>img { width: 75px; margin: auto; display: block; position: relative; margin-bottom: 15px; -webkit-border-radius: 5px; border-radius: 5px } .x_009_testimonial_image>a:nth-child(2) { width: 200px; margin: auto; color: #fff; display: block; font-size: 16px; font-weight: 600; text-align: center; position: relative; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .7s; transition: all cubic-bezier(.23, 1, .32, 1) .7s } .x_009_testimonial_image>a:nth-child(3) { width: 200px; color: #9e9e9e; display: block; font-size: 14px; font-weight: 700; text-align: center; letter-spacing: 1px; position: relative; text-decoration: none; margin: 5px auto 0 auto; text-transform: uppercase; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .7s; transition: all cubic-bezier(.23, 1, .32, 1) .7s } .x_009_testimonial_image>a:hover { color: #91c642 } .x_009_testimonial_content { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; position: relative } .x_009_testimonial_content:after { top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: -1; position: absolute; -webkit-border-radius: 5px; border-radius: 5px } .x_009_testimonial_content_gold:after { border-top: 4px solid #ffd700 } .x_009_testimonial_content_green:after { border-top: 4px solid #91c642 } .x_009_testimonial_content_blue:after { border-top: 4px solid #0283c7 } .x_009_testimonial_content>p { padding: 35px; color: #fff; font-size: 14px; text-align: left; font-weight: 500; position: relative; text-align: center; font-style: italic; margin-bottom: 25px; letter-spacing: 1px; border: 1px solid #6e6e6e; border-top: 0; -webkit-border-radius: 5px; border-radius: 5px } .x_009_testimonial_content>p:before { left: 0; width: 0; right: 0; content: ""; margin: auto; bottom: -10px; display: block; position: absolute; border-style: solid; border-width: 10px 10px 0; border-color: #6e6e6e transparent } .x_009_testimonial_content>p:after { left: 0; width: 0; right: 0; content: ""; margin: auto; bottom: -9px; display: block; position: absolute; border-style: solid; border-width: 9px 9px 0; border-color: #3c3c3c transparent } @media only screen and (max-width:480px) { #x_009_testimonial { padding: 10px } .x_009_testimonial_header { width: 95%; margin-bottom: 10px } .x_009_testimonial_content>p { padding: 15px } } @media(min-width:481px) and (max-width:767px) { .x_009_testimonial_header { width: 95% } } @media(min-width:768px) and (max-width:991px) { #x_009_testimonial { padding: 10px } .x_009_testimonial_control_button .carousel-control.left { left: 3% } .x_009_testimonial_control_button .carousel-control.right { right: 3% } } #x_010_testimonial { padding: 50px; overflow: hidden } #x_010_testimonial { position: relative; background: #f9f9f9 } #x_010_testimonial:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_010_testimonial:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_010_testimonial>.carousel-inner>.item>div { margin: 0 0 50px 0 } #x_010_testimonial>.carousel-inner>.item>div>div { padding: 0 } .x_010_testimonial_header { width: 100%; text-align: left; margin-bottom: 70px; border-bottom: 1px solid #ddd } .x_010_testimonial_header>h1, .x_010_testimonial_content>span, .x_010_testimonial_content>a, .x_010_testimonial_content>p { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif } .x_010_testimonial_header>h1 { color: #343e48; font-weight: 600; text-transform: capitalize } .x_010_testimonial_header>h1>span { color: #fed700; margin: 0 10px; font-weight: 700 } .x_010_testimonial_indicators>.carousel-indicators { left: 0; right: 0; margin: 0; width: 100%; bottom: 20px; font-size: 0; height: 20px; padding: 0 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; position: absolute; text-align: center; white-space: nowrap } .x_010_testimonial_indicators>.carousel-indicators li { padding: 0; width: 9px; height: 9px; border: 0; margin: 0 3px; text-indent: 0; cursor: pointer; background: #bbb; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_010_testimonial_indicators>.carousel-indicators .active { padding: 0; width: 40px; height: 9px; border: 0; margin: 0 3px; background: #fed700; -webkit-border-radius: 50px; border-radius: 50px } .x_010_testimonial_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_010_testimonial_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .x_010_testimonial_control_button .carousel-control { top: 75px; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #fff; font-size: 14px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 30px; text-shadow: none; text-align: center; position: absolute; background: #bbb; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_010_testimonial_control_button .carousel-control.left { left: auto; right: 81px } .x_010_testimonial_control_button .carousel-control.right { left: auto; right: 50px } .x_010_testimonial_control_button .carousel-control.left:hover, .x_010_testimonial_control_button .carousel-control.right:hover { opacity: 1; color: #fff; background: #fed700 } .x_010_testimonial_image { width: 20%; float: left; position: relative } .x_010_testimonial_image>img { width: 100%; margin: auto; display: block; position: relative; margin-bottom: 15px; -webkit-border-radius: 100%; border-radius: 100% } .x_010_testimonial_content { width: 80%; float: right; padding: 20px; overflow: hidden } .x_010_testimonial_content>p { color: #343e48; font-size: 14px; text-align: left; font-weight: 500; text-align: left; position: relative; font-style: italic; letter-spacing: 1px; -webkit-border-radius: 5px; border-radius: 5px } .x_010_testimonial_content>span { color: #bbb; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: capitalize } .x_010_testimonial_content>a { color: #fed700; font-size: 14px; font-weight: 400; text-align: center; position: relative; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .7s; transition: all cubic-bezier(.23, 1, .32, 1) .7s } .x_010_testimonial_content>a:hover { color: #343e48 } @media only screen and (max-width:480px) { #x_010_testimonial { padding: 10px 10px 50px 10px } #x_010_testimonial>.carousel-inner>.item>div { margin: 0 } .x_010_testimonial_header { margin-bottom: 30px } .x_010_testimonial_control_button .carousel-control { top: 10px } .x_010_testimonial_control_button .carousel-control.left { right: 41px } .x_010_testimonial_control_button .carousel-control.right { right: 10px } .x_010_testimonial_image { width: 40%; float: none; margin: auto } .x_010_testimonial_content { float: none; width: 100%; margin: auto; text-align: center } .x_010_testimonial_content>p { text-align: center } } @media(min-width:481px) and (max-width:767px) { .x_010_testimonial_image { width: 25% } .x_010_testimonial_content { width: 75%; padding: 10px } } @media(min-width:768px) and (max-width:991px) { .x_010_testimonial_image { width: 25% } .x_010_testimonial_content { width: 75%; padding: 10px } } .w_shop_101 { padding: 50px; overflow: hidden; position: relative } .w_shop_101>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } .w_shop_101>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .w_shop_101>.carousel-inner>.item { overflow: hidden } .w_shop_101>.carousel-inner>.item>.row { margin: 0 } .w_shop_101_indicators>.carousel-indicators li, .w_shop_101_main_header>h1, .w_shop_101_header>a, .w_shop_101_price>a, .w_shop_101_compare>a, .w_shop_101_price>.w_shop_101_old_price { text-shadow: none; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased } .w_shop_101_indicators>.carousel-indicators { left: 0; right: 0; top: 110px; width: 93%; bottom: auto; height: 37px; font-size: 0; margin: auto; padding: 2px; cursor: e-resize; overflow-x: auto; text-align: right; overflow-y: hidden; white-space: nowrap } .w_shop_101_indicators>.carousel-indicators li { width: auto; height: 30px; margin: 0 3px; color: #343e48; text-indent: 0; padding: 0 7px; font-size: 11px; overflow: hidden; line-height: 26px; text-align: center; text-transform: uppercase; border: 2px solid transparent; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .w_shop_101_indicators>.carousel-indicators .active { width: auto; height: 30px; margin: 0 3px; text-indent: 0; color: #fed700; background: transparent; border: 2px solid #fed700 } .w_shop_101_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .w_shop_101_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .w_shop_101_control_button .carousel-control { top: 60px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #f1f1f1; font-size: 14px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 25px; text-shadow: none; text-align: center; position: absolute; background: transparent; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .w_shop_101_control_button .carousel-control.left { left: auto; right: 78px; margin: auto } .w_shop_101_control_button .carousel-control.right { left: auto; right: 50px; margin: auto } .w_shop_101_control_button .carousel-control:hover { opacity: 1; color: #fed700; background: transparent } .w_shop_101_main_header { top: 0; left: 0; bottom: 0; width: 100%; display: block; text-align: left; position: relative; margin: 0 0 40px 0; border-bottom: 1px solid #f1f1f1 } .w_shop_101_main_header_mov_all { margin: 0 0 75px 0 } .w_shop_101_main_header>h1 { color: #343e48; font-size: 30px; font-weight: 400; position: relative; letter-spacing: 1px; margin: 0 0 10px 0; text-transform: capitalize } .w_shop_101_grid { padding: 5px } .w_shop_101_grid_col_4 { padding: 15px } .w_shop_101_grid_col_3 { padding: 5px 30px } .w_shop_101_grid_col_2 { padding: 5px 100px } .w_shop_101_grid_mov_2 { padding: 0 } .w_shop_101_grid_mov_2>.row { margin: 0 } .w_shop_101_grid_mov_2>.row>div { padding: 5px } .w_shop_101_wrapper { overflow: hidden; position: relative; border: 1px solid #f3f3f3; padding: 10px 10px 10px 10px; -webkit-box-shadow: 0 0 4px 1px #f6f6f6; -moz-box-shadow: 0 0 4px 1px #f6f6f6; box-shadow: 0 0 4px 1px #f6f6f6; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); -moz-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_101_wrapper:hover { border: 1px solid #fed700; -webkit-box-shadow: 0 0 4px 1px #fef1aa; -moz-box-shadow: 0 0 4px 1px #fef1aa; box-shadow: 0 0 4px 1px #fef1aa } .w_shop_101_header { margin-bottom: 15px } .w_shop_101_header>a { display: block; text-decoration: none; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_101_header>a:nth-child(1) { color: #868686; font-size: 12px; font-weight: 300; margin-bottom: 5px; letter-spacing: 1px } .w_shop_101_header>a:nth-child(2) { color: #0362bc; font-size: 15px; font-weight: 600 } .w_shop_101_header>a:hover { color: #fed700 } .w_shop_101_image { overflow: hidden; position: relative } .w_shop_101_image>img { left: 0; right: 0; width: 80%; margin: auto; display: block; position: relative } .w_shop_101_footer { margin-top: 15px } .w_shop_101_price { padding: 15px 0; position: relative } .w_shop_101_price>a { display: block; text-decoration: none } .w_shop_101_price>a:nth-child(1) { float: left; height: 35px; color: #343e48; font-size: 20px; font-weight: 400; line-height: 35px; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_101_price>a:nth-child(1):hover { color: #fed700 } .w_shop_101_price>a:nth-child(2) { width: 35px; float: right; height: 35px; color: #fff; font-size: 16px; line-height: 35px; text-align: center; position: relative; background: #e6e6e6; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .w_shop_101_price>a:nth-child(2):after { top: 0; left: 0; padding: 0; opacity: 0; width: 100%; content: ''; height: 100%; position: absolute; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.1); box-shadow: 0 0 0 2px rgba(254,215,0,0.1) } .w_shop_101_price>a:nth-child(2):hover { color: #343e48; background: #fed700 } .w_shop_101_price>a:nth-child(2):hover:after { -webkit-animation: psBoxShadowEffect_3 2s ease-out; animation: psBoxShadowEffect_3 2s ease-out } @-webkit-keyframes psBoxShadowEffect_3 { 0% { opacity:.3 } 40% { opacity:.5; -webkit-box-shadow:0 0 0 2px rgba(254,215,0,0.1), 0 0 6px 6px #fed700, 0 0 0 6px rgba(254,215,0,0.5) } 100% { -webkit-box-shadow:0 0 0 2px rgba(254,215,0,0.1), 0 0 3px 3px #fed700, 0 0 0 3px rgba(254,215,0,0.5); -webkit-transform:scale(1.1); opacity:0 } } @keyframes psBoxShadowEffect_3 { 0% { opacity:.3 } 40% { opacity:.5; box-shadow:0 0 0 2px rgba(254,215,0,0.1), 0 0 6px 6px #fed700, 0 0 0 6px rgba(254,215,0,0.5) } 100% { box-shadow:0 0 0 2px rgba(254,215,0,0.1), 0 0 3px 3px #fed700, 0 0 0 3px rgba(254,215,0,0.5); transform:scale(1.1); opacity:0 } } .w_shop_101_price>.w_shop_101_old_price { top: 0; left: 0; color: #ec0000; font-size: 14px; position: absolute; text-decoration: line-through } .w_shop_101_compare { clear: both; display: block; text-align: center; padding-top: 25px; position: relative } .w_shop_101_compare:before { left: 0; right: 0; top: 15px; width: 95%; height: 1px; margin: auto; content: ""; position: absolute; background: #e9e9e9; -webkit-transition: background .7s cubic-bezier(0.3, 1, 0, 1); transition: background .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_101_compare>a { margin: 0 5px; color: #868686; font-size: 13px; display: inline-block; text-decoration: none; text-transform: capitalize } .w_shop_101_compare>a>span { margin-right: 5px; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_101_wrapper:hover .w_shop_101_compare:before { background: #fed700 } .w_shop_101_compare>a:hover>span { color: #fed700 } @media only screen and (max-width:480px) { .w_shop_101 { padding: 35px } .w_shop_101_indicators>.carousel-indicators { top: 125px; text-align: center } .w_shop_101_main_header_mov_all { margin: 0 0 100px 0 } .w_shop_101_control_button .carousel-control { top: 10px } .w_shop_101_control_button .carousel-control.left { left: 0; right: 28px; margin: auto } .w_shop_101_control_button .carousel-control.right { right: 0; left: 28px; margin: auto } .w_shop_101_grid_col_4 { padding: 5px } .w_shop_101_grid_col_3 { padding: 5px } .w_shop_101_grid_col_2 { padding: 5px } } @media(min-width:481px) and (max-width:767px) { .w_shop_101 { padding: 50px 100px } .w_shop_101_indicators>.carousel-indicators { top: 145px; text-align: center } .w_shop_101_main_header_mov_all { margin: 0 0 100px 0 } .w_shop_101_control_button .carousel-control { top: 20px } .w_shop_101_control_button .carousel-control.left { left: 0; right: 28px; margin: auto } .w_shop_101_control_button .carousel-control.right { right: 0; left: 28px; margin: auto } .w_shop_101_image>img { width: 50% } .w_shop_101_grid_col_3 { padding: 5px } .w_shop_101_grid_col_2 { padding: 5px } } @media(min-width:768px) and (max-width:991px) { .w_shop_101_grid_col_3 { padding: 5px } .w_shop_101_grid_col_2 { padding: 5px 40px } .w_shop_101_mov_2 { padding: 50px 2px } .w_shop_101_grid_mov_2 { padding: 0 } .w_shop_101_grid_mov_2>.row { margin: 0 } .w_shop_101_grid_mov_2>.row>div { padding: 2px } .w_shop_101_grid_mov_2>.row>div>.w_shop_101_wrapper { padding: 5px } } @media(min-width:992px) and (max-width:1225px) { .w_shop_101 { padding: 50px 10px } .w_shop_101_wrapper { padding: 5px } .w_shop_101_control_button .carousel-control.left { left: auto; right: 38px; margin: auto } .w_shop_101_control_button .carousel-control.right { left: auto; right: 10px; margin: auto } .w_shop_101_grid_col_4>.w_shop_101_wrapper { padding: 10px } .w_shop_101_grid_col_3>.w_shop_101_wrapper { padding: 10px } .w_shop_101_grid_col_2>.w_shop_101_wrapper { padding: 10px } } #w_shop_102 { padding: 50px; overflow: hidden; position: relative } #w_shop_102>.carousel-inner { border: 1px solid #eee } #w_shop_102>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } #w_shop_102>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #w_shop_102>.carousel-inner>.item { overflow: hidden } #w_shop_102>.carousel-inner>.item>.row { margin: 0 } .w_shop_102_indicators>.carousel-indicators li, .w_shop_102_main_header>h1, .w_shop_102_detail>a { text-shadow: none; font-family: 'Lora', serif; -webkit-font-smoothing: antialiased } .w_shop_102_indicators>.carousel-indicators { left: 0; right: 0; top: 110px; width: 93%; bottom: auto; height: 37px; font-size: 0; margin: auto; padding: 2px; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; white-space: nowrap } .w_shop_102_indicators>.carousel-indicators li { width: auto; height: 30px; margin: 0 3px; color: #637e99; text-indent: 0; padding: 0 7px; font-size: 11px; overflow: hidden; line-height: 30px; text-align: center; text-transform: uppercase; border: 1px solid eeeeee; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .w_shop_102_indicators>.carousel-indicators .active { width: auto; height: 30px; margin: 0 3px; text-indent: 0; color: #9c8166; background: transparent; border: 1px solid #9c8166 } .w_shop_102_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .w_shop_102_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .w_shop_102_control_button .carousel-control { top: 60px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #eee; font-size: 14px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 23px; text-shadow: none; text-align: center; position: absolute; background: transparent; text-transform: uppercase; border: 1px solid #eee; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .w_shop_102_control_button .carousel-control.left { left: auto; right: 78px; margin: auto } .w_shop_102_control_button .carousel-control.right { left: auto; right: 50px; margin: auto } .w_shop_102_control_button .carousel-control:hover { opacity: 1; color: #9c8166; background: transparent; border: 1px solid #9c8166 } .w_shop_102_main_header { top: 0; left: 0; bottom: 0; width: 100%; display: block; text-align: center; position: relative; margin: 0 0 75px 0; border-bottom: 1px solid #eee } .w_shop_102_main_header>h1 { color: #9c8166; font-size: 30px; font-weight: 400; margin: 0 0 10px 0; position: relative; letter-spacing: 1px; text-transform: capitalize } .w_shop_102_grid { padding: 10px } .w_shop_102_wrapper { overflow: hidden; position: relative } .w_shop_102_image { padding: 25px 0; overflow: hidden; position: relative; background: #f5f5f5 } .w_shop_102_image>img { left: 0; right: 0; width: 65%; margin: auto; display: block; position: relative } .w_shop_102_new:link, .w_shop_102_sale:link, .w_shop_102_old_price:link, .w_shop_102_new:visited, .w_shop_102_sale:visited, .w_shop_102_old_price:visited { top: 10px; z-index: 1; height: 25px; color: #fff; display: block; font-weight: 400; line-height: 25px; text-shadow: none; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-border-radius: 3px; border-radius: 3px } .w_shop_102_new { left: 10px; width: 50px; font-size: 12px; background: #9c8166 } .w_shop_102_sale { right: 10px; width: 50px; font-size: 12px; background: #637e99 } .w_shop_102_old_price:link, .w_shop_102_old_price:visited { left: 0; right: 0; width: 70px; margin: auto; font-size: 13px; background: #f36523; text-decoration: line-through } .w_shop_102_icons { left: 0; right: 0; top: auto; height: 50px; bottom: -50px; line-height: 50px; text-align: center; position: absolute; background: rgba(255,255,255,0.5); -webkit-transition: bottom .3s ease-out; transition: bottom .3s ease-out } .w_shop_102_icons>a { width: 30px; height: 30px; margin: 0 2px; color: #fff; line-height: 30px; background: #ababab; display: inline-block; text-decoration: none; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_102_icons>a:hover { color: #fff; background: #9c8166 } .w_shop_102_wrapper:hover>.w_shop_102_image>.w_shop_102_icons { bottom: 0 } .w_shop_102_footer { text-align: center } .w_shop_102_detail { padding: 10px 5px; position: relative } .w_shop_102_detail>a { display: block; text-decoration: none } .w_shop_102_detail>a:nth-child(1) { color: #aaa; font-size: 14px; font-weight: 400; font-style: italic; letter-spacing: .5px; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_102_detail>a:nth-child(1):hover { color: #9c8166 } .w_shop_102_detail>a:nth-child(2) { color: #637e99; font-size: 16px; font-weight: 600; text-align: center; position: relative; margin-top: 10px; -webkit-transition: all 1s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .w_shop_102_detail>a:nth-child(2):hover { color: #565656 } @media only screen and (max-width:480px) { #w_shop_102 { padding: 50px 25px } .w_shop_102_main_header>h1 { font-size: 25px } .w_shop_102_control_button .carousel-control { top: 10px } .w_shop_102_control_button .carousel-control.left { left: 0; right: 27px; margin: auto } .w_shop_102_control_button .carousel-control.right { right: 0; left: 27px; margin: auto } } @media(min-width:481px) and (max-width:767px) { .w_shop_102_control_button .carousel-control { top: 15px } .w_shop_102_control_button .carousel-control.left { left: 0; right: 27px; margin: auto } .w_shop_102_control_button .carousel-control.right { right: 0; left: 27px; margin: auto } .w_shop_102_image>img { width: 50% } } @media(min-width:992px) and (max-width:1225px) { #w_shop_102 { padding: 50px 10px } .w_shop_102_control_button .carousel-control.left { left: auto; right: 38px; margin: auto } .w_shop_102_control_button .carousel-control.right { left: auto; right: 10px; margin: auto } } #w_shop_103 { overflow: hidden; position: relative; padding: 25px 50px } #w_shop_103>.carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab } #w_shop_103>.carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #w_shop_103>.carousel-inner>.item { overflow: hidden } #w_shop_103>.carousel-inner>.item .row { margin: 0 } .w_shop_103_rating>a, .w_shop_103_footer>a, .w_shop_103_big_footer>a, .w_shop_103_big_rating>a, .w_shop_103_main_header>h1, .w_shop_103_indicators>.carousel-indicators li { text-shadow: none; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased } .w_shop_103_indicators>.carousel-indicators { top: 80px; left: 60px; right: auto; width: 90.5%; bottom: auto; height: 37px; font-size: 0; margin: auto; padding: 2px; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; white-space: nowrap } .w_shop_103_indicators>.carousel-indicators li { width: auto; border: 0; height: 30px; margin: 0 3px; color: #4394d5; text-indent: 0; padding: 0 7px; font-size: 12px; overflow: hidden; line-height: 30px; text-align: center; background: #f9f9f9; letter-spacing: .5px; text-transform: capitalize; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .w_shop_103_indicators>.carousel-indicators .active { width: auto; height: 30px; border: 0; margin: 0 3px; text-indent: 0; color: #313332; background: #f2d03b } .w_shop_103_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .w_shop_103_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .w_shop_103_control_button .carousel-control { top: 35px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #eee; font-size: 20px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 25px; text-shadow: none; text-align: center; position: absolute; background: transparent; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .w_shop_103_control_button .carousel-control.left { left: auto; right: 98px; margin: auto } .w_shop_103_control_button .carousel-control.right { left: auto; right: 70px; margin: auto } .w_shop_103_control_button .carousel-control:hover { opacity: 1; color: #f2d03b; background: transparent } .w_shop_103_main_header { top: 0; bottom: 0; left: 10px; margin: auto; width: 97.5%; display: block; text-align: left; position: relative; margin: 0 0 70px 0; border-bottom: 1px solid #eee } .w_shop_103_main_header>h1 { color: #313332; font-size: 25px; font-weight: 400; margin: 0 0 10px 0; position: relative; letter-spacing: 1px; text-transform: capitalize } .w_shop_103_main_header>h1>span { margin: 0 5px; color: #f2d03b } .w_shop_103_grid { padding: 0 10px } .w_shop_103_wrapper { overflow: hidden; position: relative } .w_shop_103_image { padding: 25px 0; overflow: hidden; position: relative; background: #f9f9f9; border: 1px solid #eee; -webkit-border-radius: 3px; border-radius: 3px } .w_shop_103_image>img { left: 0; right: 0; width: 60%; margin: auto; display: block; position: relative; -webkit-border-radius: 3px; border-radius: 3px } .w_shop_103_new:link, .w_shop_103_sale:link, .w_shop_103_discount:link, .w_shop_103_new:visited, .w_shop_103_sale:visited, .w_shop_103_discount:visited { top: 10px; z-index: 1; width: 45px; height: 45px; color: #fff; display: block; font-size: 11px; font-weight: 400; line-height: 45px; text-shadow: none; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; -webkit-border-radius: 100%; border-radius: 100% } .w_shop_103_new { left: 10px; background: rgba(67,148,213,1) } .w_shop_103_discount:link, .w_shop_103_discount:visited { right: 10px; background: rgba(243,101,35,1) } .w_shop_103_sale:link, .w_shop_103_sale:visited { top: auto; left: 10px; bottom: 10px; color: #313332; background: rgba(242,208,59,1) } .w_shop_103_big_footer { padding: 25px 0 } .w_shop_103_big_footer>a { display: block; color: #313332; font-size: 18px; font-weight: 700; margin-bottom: 10px; text-decoration: none; letter-spacing: .5px; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_103_big_footer>a:hover { color: #f2d03b } .w_shop_103_big_footer>p { color: #313332; font-size: 14px; font-weight: 400; text-decoration: none; letter-spacing: .5px; text-shadow: none; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .w_shop_103_big_rating { height: 60px; margin-top: 35px; line-height: 60px; position: relative; background: #f9f9f9 } .w_shop_103_big_rating>a { left: 20px; color: #05518b; font-size: 18px; font-weight: 700; position: absolute; text-decoration: none; letter-spacing: .5px; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_103_big_rating>a:hover { color: #f2d03b } .w_shop_103_big_rating>ul { padding: 0; right: 20px; position: absolute; list-style-type: none } .w_shop_103_big_rating>ul>li { display: inline-block } .w_shop_103_big_rating>ul>li>span { color: #f2d03b } .w_shop_103_big_rating>ul>li>.fa-star-o { color: #313332 } .w_shop_103_footer { text-align: left } .w_shop_103_rating { height: 40px; line-height: 40px; position: relative; border-bottom: 1px solid #eee } .w_shop_103_rating>a { left: 0; color: #05518b; font-size: 16px; font-weight: 700; position: absolute; text-decoration: none; letter-spacing: .5px; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_103_rating>a:hover { color: #f2d03b } .w_shop_103_rating>ul { right: 0; padding: 0; position: absolute; list-style-type: none } .w_shop_103_rating>ul>li { display: inline-block } .w_shop_103_rating>ul>li>span { color: #f2d03b } .w_shop_103_rating>ul>li>.fa-star-o { color: #313332 } .w_shop_103_footer>a { display: block; color: #313332; font-size: 13px; font-weight: 400; text-decoration: none; letter-spacing: .5px; padding: 10px 0 25px 0; text-transform: capitalize; -webkit-transition: color .7s cubic-bezier(0.3, 1, 0, 1); transition: color .7s cubic-bezier(0.3, 1, 0, 1) } .w_shop_103_footer>a:hover { color: #f2d03b } @media only screen and (max-width:480px) { #w_shop_103 { padding: 40px 5px } .w_shop_103_indicators>.carousel-indicators { left: 0; right: 0; top: 90px } .w_shop_103_control_button .carousel-control { top: 10px } .w_shop_103_control_button .carousel-control.left { left: 0; right: 27px; margin: auto } .w_shop_103_control_button .carousel-control.right { right: 0; left: 27px; margin: auto } .w_shop_103_main_header { left: 5px } } @media(min-width:481px) and (max-width:767px) { .w_shop_103_control_button .carousel-control.left { right: 78px } .w_shop_103_control_button .carousel-control.right { right: 50px } .w_shop_103_image>img { width: 50% } } @media(min-width:768px) and (max-width:991px) { #w_shop_103 { padding: 25px 5px } .w_shop_103_indicators>.carousel-indicators { left: 0; right: 0; width: 98% } .w_shop_103_control_button .carousel-control.left { right: 38px } .w_shop_103_control_button .carousel-control.right { right: 10px } .w_shop_103_grid { padding: 0 5px } } .w_shop_104_main_wrapper { overflow: hidden; position: relative; padding: 40px 150px } .w_shop_104_main_header { top: 0; left: 0; bottom: 0; width: 100%; margin: auto; display: block; text-align: left; position: relative; margin: 0 0 25px 0; border-bottom: 1px solid #ddd } .w_shop_104_main_header>h1 { color: #131311; font-size: 25px; font-weight: 700; margin: 0 0 10px 0; position: relative; letter-spacing: 1px; text-transform: uppercase; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'PT Sans', sans-serif } .w_shop_104_main_header>h1>span { margin: 0 5px; color: #beae59 } .w_shop_104_grid { padding: 5px 0; overflow: hidden } .w_shop_104_wrapper { overflow: hidden; position: relative } .w_shop_104_image { padding: 25px 0; overflow: hidden; position: relative; background: #eee; border: 1px solid #ddd; -webkit-border-radius: 3px; border-radius: 3px } .w_shop_104_image>img { left: 0; right: 0; width: 75%; margin: auto; display: block; position: relative; -webkit-border-radius: 3px; border-radius: 3px } .w_shop_104_new:link, .w_shop_104_sale:link, .w_shop_104_price:link, .w_shop_104_new:visited, .w_shop_104_sale:visited, .w_shop_104_price:visited { z-index: 1; color: #fff; display: block; font-size: 11px; font-weight: 700; text-shadow: none; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'PT Sans', sans-serif } .w_shop_104_new { top: 5px; right: 5px; width: 40px; height: 20px; line-height: 20px; background: #03a9f5; -webkit-border-radius: 3px; border-radius: 3px } .w_shop_104_price:link, .w_shop_104_price:visited { right: 5px; bottom: 5px; width: 50px; height: 25px; line-height: 25px; -webkit-border-radius: 3px; border-radius: 3px; background: #beae59 } .w_shop_104_sale:link, .w_shop_104_sale:visited { top: 0; left: 5px; width: 40px; height: 40px; padding: 5px; background: #fe5722; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .w_shop_104_sale>span { display: block } .w_shop_104_icons, .w_shop_104_icons_right { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; content: ""; margin: auto; height: 45px; line-height: 45px; position: absolute; text-align: center; background: rgba(190,174,89,0.8); -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); -ms-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .w_shop_104_icons>a, .w_shop_104_icons_right>a { width: 30px; height: 30px; margin: 0 3px; color: #fff; line-height: 30px; background: #131311; display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .w_shop_104_icons>a:hover, .w_shop_104_icons_right>a:hover { color: #beae59; background: #fff } .w_shop_104_icons { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } .w_shop_104_icons_right { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } .w_shop_104_grid:hover>.w_shop_104_icons, .w_shop_104_grid:hover>.w_shop_104_icons_right { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } #w_shop_104, #w_shop_104>.carousel-inner, #w_shop_104>.carousel-inner>.item { overflow: hidden } #w_shop_104 { position: relative; background: #eee; border: 1px solid #ddd; padding: 55px 95px 95px 95px; -webkit-border-radius: 3px; border-radius: 3px } #w_shop_104:hover { cursor: -moz-grab; cursor: -webkit-grab } #w_shop_104:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #w_shop_104>.carousel-inner>.item { padding: 0 0 40px 0 } #w_shop_104>.carousel-inner>.item>img, #w_shop_104>.carousel-inner>.item>a>img { width: 60%; margin: auto } .w_shop_104_indicators>.carousel-indicators { top: auto; right: 0; bottom: 0; left: auto; width: 100%; height: 88px; margin: auto; padding: 3px 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; text-align: center; white-space: nowrap } .w_shop_104_indicators>.carousel-indicators li { padding: 0; width: 75px; padding: 5px; height: 75px; margin: 0 5px; text-indent: 0; cursor: pointer; overflow: hidden; background: transparent; border: 1px solid #ddd; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all cubic-bezier(.23, 1, .32, 1) .7s; transition: all cubic-bezier(.23, 1, .32, 1) .7s } .w_shop_104_indicators>.carousel-indicators .active { width: 75px; padding: 5px; height: 75px; margin: 0 5px; text-indent: 0; border: 1px solid #beae59; background: rgba(190,174,89,0.3) } .w_shop_104_indicators>.carousel-indicators li img { width: 100%; height: 100%; display: block; position: relative } .w_shop_104_indicators>.carousel-indicators::-webkit-scrollbar { height:3px } .w_shop_104_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.3) } .w_shop_104_control_button .carousel-control { top: 10px; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #beae59; font-size: 20px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 28px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 1px solid #beae59; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1); transition: all .6s cubic-bezier(.23, 1, .32, 1) } .w_shop_104_control_button .carousel-control.left { left: 10px; right: auto } .w_shop_104_control_button .carousel-control.right { left: 42px; right: auto } .w_shop_104_control_button .carousel-control.left:hover, .w_shop_104_control_button .carousel-control.right:hover { opacity: 1; color: #fff; background: #beae59; border-color: #beae59 } .w_shop_104_slider_price { left: 0; bottom: 0; width: 100%; text-align: left; position: absolute } .w_shop_104_slider_price>a { color: #565656; font-size: 18px; font-weight: 700; display: inline-block; margin: 0 0 10px 15px; text-decoration: none; text-transform: capitalize; -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1); transition: all .6s cubic-bezier(.23, 1, .32, 1); text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'PT Sans', sans-serif } .w_shop_104_slider_price>a:hover { color: #beae59 } @media only screen and (max-width:480px) { .w_shop_104_main_wrapper { padding: 40px 25px } #w_shop_104 { padding: 50px 5px } #w_shop_104>.carousel-inner>.item { padding: 0 0 10px 0 } .w_shop_104_indicators>.carousel-indicators { height: 48px } .w_shop_104_indicators>.carousel-indicators li { width: 35px; padding: 3px; height: 35px } .w_shop_104_indicators>.carousel-indicators .active { width: 35px; padding: 3px; height: 35px } } @media(min-width:481px) and (max-width:767px) { .w_shop_104_main_wrapper { padding: 40px 100px } #w_shop_104 { padding: 50px 5px } #w_shop_104>.carousel-inner>.item { padding: 0 0 10px 0 } .w_shop_104_indicators>.carousel-indicators { height: 48px } .w_shop_104_indicators>.carousel-indicators li { width: 35px; padding: 3px; height: 35px } .w_shop_104_indicators>.carousel-indicators .active { width: 35px; padding: 3px; height: 35px } } @media(min-width:768px) and (max-width:991px) { .w_shop_104_main_wrapper { padding: 40px 5px } } @media(min-width:992px) and (max-width:1225px) { .w_shop_104_main_wrapper { padding: 40px 25px } } #w_shop_105, #w_shop_105>.carousel-inner, #w_shop_105>.carousel-inner>.item { overflow: hidden } #w_shop_105 { position: relative; padding: 89px 30px; background: #e0e0e0 } #w_shop_105:hover { cursor: -moz-grab; cursor: -webkit-grab } #w_shop_105:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #w_shop_105>.carousel-inner { margin: auto } #w_shop_105>.carousel-inner>.item>img, #w_shop_105>.carousel-inner>.item>a>img { width: 30%; margin: auto } .w_shop_105_main_header { top: 0; left: 0; bottom: 0; width: 100%; margin: auto; display: block; text-align: center; position: relative; margin: 0 0 50px 0 } .w_shop_105_main_header>h1 { color: #2e2e2e; font-size: 25px; font-weight: 700; margin: 0; position: relative; letter-spacing: 1px; text-transform: uppercase; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'PT Sans', sans-serif } .w_shop_105_main_header>h1>span { margin-right: 5px; color: #fb383c } .w_shop_105_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 90%; bottom: 5px; height: 30px; margin: auto; padding: 3px 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; text-align: center; white-space: nowrap } .w_shop_105_indicators>.carousel-indicators li { padding: 0; width: 15px; height: 15px; border: 0; margin: 0 2px; text-indent: 0; cursor: pointer; overflow: hidden; background: #767676; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s } .w_shop_105_indicators>.carousel-indicators .active { width: 15px; height: 15px; margin: 0 2px; text-indent: 0; background: #fb383c; border: 5px solid #e0e0e0; -webkit-box-shadow: 0 0 0 2px rgba(251,56,60,1); -moz-box-shadow: 0 0 0 2px rgba(251,56,60,1); box-shadow: 0 0 0 2px rgba(251,56,60,1) } .w_shop_105_indicators>.carousel-indicators li img { width: 100%; height: 100%; display: block; position: relative } .w_shop_105_indicators>.carousel-indicators::-webkit-scrollbar { height:3px } .w_shop_105_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.3) } .w_shop_105_control_button .carousel-control { top: 25px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #767676; font-size: 16px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 21px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 2px solid #767676; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .w_shop_105_control_button .carousel-control.left { left: 0; right: 27px; margin: auto } .w_shop_105_control_button .carousel-control.right { right: 0; left: 27px; margin: auto } .w_shop_105_control_button .carousel-control.left:hover, .w_shop_105_control_button .carousel-control.right:hover { opacity: 1; color: #fb383c; border-color: #fb383c } .w_shop_105_left_box { top: 20%; left: 3%; width: 30%; padding: 15px; overflow: hidden; position: absolute } .w_shop_105_left_box>span, .w_shop_105_left_box>h1, .w_shop_105_left_box>p, .w_shop_105_left_box>a { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'PT Sans', sans-serif; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .w_shop_105_left_box>span { color: #fb383c; font-size: 25px; display: inline-block; -webkit-animation-delay: .3s; animation-delay: .3s } .w_shop_105_left_box>h1 { color: #2e2e2e; font-size: 20px; text-transform: uppercase; -webkit-animation-delay: .6s; animation-delay: .6s } .w_shop_105_left_box>p { color: #2e2e2e; font-size: 13px; margin: 10px 0 15px 0; -webkit-animation-delay: .9s; animation-delay: .9s } .w_shop_105_left_box>a { width: 110px; height: 30px; color: #fff; font-size: 12px; font-weight: 400; line-height: 30px; text-align: center; background: #fb383c; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-animation-delay: 1.2s; animation-delay: 1.2s } .w_shop_105_left_box>a:hover { color: #fff; background: #2e2e2e } .w_shop_105_right_box { top: 20%; right: 12%; left: auto; position: absolute } .w_shop_105_right_box>ul { padding: 0; list-style-type: none } .w_shop_105_right_box>ul>li { margin: 5px 0; display: block; color: #2e2e2e; font-size: 14px; font-weight: 400; position: relative; padding: 5px 5px 5px 10px; text-transform: capitalize; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'PT Sans', sans-serif; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .w_shop_105_right_box>ul>li:before { top: 50%; right: 0; bottom: 0; left: -15px; content: ""; width: 15px; height: 1px; position: absolute; background: #fb383c } .w_shop_105_right_box>ul>li:nth-child(1) { -webkit-animation-delay: 2s; animation-delay: 2s } .w_shop_105_right_box>ul>li:nth-child(2) { -webkit-animation-delay: 2.3s; animation-delay: 2.3s } .w_shop_105_right_box>ul>li:nth-child(3) { -webkit-animation-delay: 2.6s; animation-delay: 2.6s } .w_shop_105_right_box>ul>li:nth-child(4) { -webkit-animation-delay: 2.9s; animation-delay: 2.9s } .w_shop_105_right_box>ul>li:nth-child(5) { -webkit-animation-delay: 3.1s; animation-delay: 3.1s } @media only screen and (max-width:480px) { #w_shop_105 { padding: 40px 5px } #w_shop_105>.carousel-inner>.item>img, #w_shop_105>.carousel-inner>.item>a>img { width: 50% } .w_shop_105_main_header { margin-bottom: 25px } .w_shop_105_main_header>h1 { font-size: 22px } .w_shop_105_indicators>.carousel-indicators { bottom: 0 } .w_shop_105_control_button .carousel-control { top: 10px } .w_shop_105_left_box { top: 0; left: 0; width: 100%; text-align: center; position: relative } .w_shop_105_right_box { top: 0; left: 0; right: 0; text-align: center; position: relative } .w_shop_105_right_box>ul>li:before { left: 10% } } @media(min-width:481px) and (max-width:767px) { #w_shop_105 { padding: 60px 5px } #w_shop_105>.carousel-inner>.item>img, #w_shop_105>.carousel-inner>.item>a>img { width: 50% } .w_shop_105_left_box { top: 0; left: 0; width: 100%; text-align: center; position: relative } .w_shop_105_right_box { top: 0; left: 0; right: 0; text-align: center; position: relative } .w_shop_105_right_box>ul>li:before { left: 30% } } @media(min-width:768px) and (max-width:991px) { #w_shop_105 { padding: 89px 0 } #w_shop_105>.carousel-inner>.item>img, #w_shop_105>.carousel-inner>.item>a>img { width: 25% } .w_shop_105_left_box { top: 5%; left: 3%; width: 35%; padding: 0 } .w_shop_105_left_box>span { font-size: 20px } .w_shop_105_left_box>h1 { margin: 5px; font-size: 16px } .w_shop_105_left_box>p { font-size: 11px; margin: 5px 0 10px 0 } .w_shop_105_right_box { top: 0; right: 5% } } @media(min-width:992px) and (max-width:1225px) { .w_shop_105_left_box { top: 10% } } #x_011_txt_thumbnail { background: #f0efeb; padding: 25px 0 75px 0 } #x_011_txt_thumbnail>.carousel-inner { width: 60%; margin: auto } #x_011_txt_thumbnail:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_011_txt_thumbnail:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .x_011_txt_thumbnail_header>h1, .x_011_txt_thumbnail_header>p, .x_011_txt_thumbnail_indicators>.carousel-indicators li, .x_011_txt_thumbnail_date>span, .x_011_txt_thumbnail_reserve:link, .x_011_txt_thumbnail_reserve:visited { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif } .x_011_txt_thumbnail_header { width: 60%; overflow: hidden; text-align: center; margin: 0 auto 150px auto } .x_011_txt_thumbnail_header>h1 { color: #071724; font-weight: 700; text-transform: capitalize } .x_011_txt_thumbnail_header>h1>span { color: #a80000; margin-left: 5px } .x_011_txt_thumbnail_header>p { color: #999; font-size: 16px } .x_011_txt_thumbnail_indicators>.carousel-indicators { left: 0; right: 0; top: 160px; width: 60%; bottom: auto; margin: auto; font-size: 0; padding: 5px 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; text-align: center; white-space: nowrap } .x_011_txt_thumbnail_indicators>.carousel-indicators li { margin: 0; padding: 0; border: 0; height: 60px; width: 180px; text-indent: 0; color: #fff; font-size: 18px; cursor: pointer; line-height: 60px; background: #071724; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .x_011_txt_thumbnail_indicators>.carousel-indicators .active { margin: 0; width: 180px; height: 60px; border: 0; background: #a80000 } .x_011_txt_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar { height:3px } .x_011_txt_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.1) } .x_011_txt_thumbnail_image { position: relative; background: #071724 } .x_011_txt_thumbnail_image>img { width: 100%; opacity: .8 } .x_011_txt_thumbnail_date:link, .x_011_txt_thumbnail_date:visited { top: 0; right: 25px; width: 85px; height: 85px; display: block; text-align: center; position: absolute; padding: 15px 0 0 0; background: #a80000; text-decoration: none } .x_011_txt_thumbnail_date>span { color: #fff; display: block; text-transform: uppercase } .x_011_txt_thumbnail_date>span:nth-child(1) { font-size: 25px } .x_011_txt_thumbnail_date>span:nth-child(2) { font-size: 14px; display: block } .x_011_txt_thumbnail_social { top: 0; left: 0; padding: 0; opacity: 0; font-size: 0; visibility: hidden; position: absolute; background: #a80000; list-style-type: none; -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); -webkit-transition: all .7s cubic-bezier(0.3, 1, 0, 1); -ms-transition: all .7s cubic-bezier(0.3, 1, 0, 1); transition: all 1s cubic-bezier(0.3, 1, 0, 1) } .x_011_txt_thumbnail_social>li { display: inline-block } .x_011_txt_thumbnail_social>li>a { width: 50px; height: 50px; color: #fff; display: block; font-size: 16px; line-height: 50px; text-align: center; text-decoration: none; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .x_011_txt_thumbnail_social>li>a:hover { color: #a80000; background: #fff } .x_011_txt_thumbnail_image:hover>.x_011_txt_thumbnail_social { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .x_011_txt_thumbnail_reserve:link, .x_011_txt_thumbnail_reserve:visited { left: 0; bottom: 0; width: 175px; height: 55px; color: #fff; display: block; line-height: 55px; text-align: center; position: absolute; background: #a80000; text-decoration: none; text-transform: uppercase; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) .7s } .x_011_txt_thumbnail_reserve:active, .x_011_txt_thumbnail_reserve:hover { color: #a80000; background: #fff } @media only screen and (max-width:480px) { #x_011_txt_thumbnail { padding: 25px 0 50px 0 } #x_011_txt_thumbnail>.carousel-inner { width: 95% } .x_011_txt_thumbnail_header { width: 95%; margin: 0 auto 85px auto } .x_011_txt_thumbnail_indicators>.carousel-indicators { top: 175px; width: 95% } .x_011_txt_thumbnail_indicators>.carousel-indicators li { width: 65px; height: 30px; font-size: 9px; line-height: 30px } .x_011_txt_thumbnail_indicators>.carousel-indicators .active { width: 65px; height: 30px; line-height: 30px } .x_011_txt_thumbnail_date:link, .x_011_txt_thumbnail_date:visited { width: 70px; right: 10px; height: 70px } .x_011_txt_thumbnail_date>span:nth-child(1) { font-size: 18px } .x_011_txt_thumbnail_date>span:nth-child(2) { font-size: 10px } .x_011_txt_thumbnail_social>li>a { width: 35px; height: 35px; font-size: 12px; line-height: 35px } .x_011_txt_thumbnail_reserve:link, .x_011_txt_thumbnail_reserve:visited { width: 125px; height: 35px; font-size: 11px; line-height: 35px } } @media(min-width:481px) and (max-width:767px) { #x_011_txt_thumbnail>.carousel-inner { width: 95% } .x_011_txt_thumbnail_header { width: 95% } .x_011_txt_thumbnail_indicators>.carousel-indicators { width: 95% } .x_011_txt_thumbnail_indicators>.carousel-indicators li { width: 100px; font-size: 12px } .x_011_txt_thumbnail_indicators>.carousel-indicators .active { width: 100px } } @media(min-width:768px) and (max-width:991px) { #x_011_txt_thumbnail>.carousel-inner { width: 80% } .x_011_txt_thumbnail_header { width: 80% } .x_011_txt_thumbnail_indicators>.carousel-indicators { width: 80% } .x_011_txt_thumbnail_indicators>.carousel-indicators li { width: 125px; font-size: 14px } .x_011_txt_thumbnail_indicators>.carousel-indicators .active { width: 125px } } @media(min-width:992px) and (max-width:1250px) { #x_011_txt_thumbnail>.carousel-inner { width: 80% } .x_011_txt_thumbnail_header { width: 80% } .x_011_txt_thumbnail_indicators>.carousel-indicators { width: 80% } } #x_012_txt_thumbnail, #x_012_txt_thumbnail>.carousel-inner, #x_012_txt_thumbnail>.carousel-inner>.item { overflow: hidden; max-height: 645px } #x_012_txt_thumbnail { background: #232e34 } #x_012_txt_thumbnail:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_012_txt_thumbnail:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_012_txt_thumbnail>.carousel-inner>.item>img, #x_012_txt_thumbnail>.carousel-inner>.item>a>img { width: 100%; opacity: .8; margin: auto } .x_012_txt_thumbnail_indicators>.carousel-indicators li, .x_012_txt_thumbnail_content>a { text-shadow: none; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .x_012_txt_thumbnail_indicators>.carousel-indicators { left: 0; right: 0; top: auto; bottom: 0; width: 100%; margin: auto; font-size: 0; padding: 0 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; text-align: center; white-space: nowrap } .x_012_txt_thumbnail_indicators>.carousel-indicators li { width: 250px; border: 0; margin: 0 5px; height: 150px; text-indent: 0; cursor: pointer; text-align: left; overflow-y: auto; overflow-x: hidden; background: #232e34; white-space: normal; padding: 15px 10px 5px 20px; -webkit-transform: translate(0, 70%); -ms-transform: translate(0, 70%); transform: translate(0, 70%); -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-transition: all .7s cubic-bezier(0.22, 0.81, 0.01, 0.99); -ms-transition: all .7s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all 1s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_012_txt_thumbnail_indicators>.carousel-indicators .active { width: 250px; border: 0; margin: 0 5px; height: 150px; background: #93c524; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .x_012_txt_thumbnail_indicators>.carousel-indicators li>h3 { margin: 0; color: #93c524; font-size: 16px; font-weight: 700; text-transform: uppercase } .x_012_txt_thumbnail_indicators>.carousel-indicators li>p { color: #fff; font-size: 12px; margin: 20px 0 15px 0 } .x_012_txt_thumbnail_indicators>.carousel-indicators li>a { width: 100px; height: 30px; display: block; color: #fff; font-size: 10px; line-height: 30px; text-align: center; text-decoration: none; border: 1px solid #fff; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .7s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all 1s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_012_txt_thumbnail_indicators>.carousel-indicators li>a:hover { background: #232e34; border: 1px solid #232e34 } .x_012_txt_thumbnail_indicators>.carousel-indicators .active>h3 { color: #fff } .x_012_txt_thumbnail_indicators>.carousel-indicators li::-webkit-scrollbar { width:3px } .x_012_txt_thumbnail_indicators>.carousel-indicators li::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.3) } .x_012_txt_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar { height:3px } .x_012_txt_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(0,0,0,0.3) } .x_012_txt_thumbnail_control_button .carousel-control { top: 40%; opacity: 1; width: 35px; bottom: auto; height: 35px; color: #fff; font-size: 16px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 35px; text-shadow: none; text-align: center; position: absolute; background: #232e34; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_012_txt_thumbnail_control_button .carousel-control.left { left: 5% } .x_012_txt_thumbnail_control_button .carousel-control.right { right: 5% } .x_012_txt_thumbnail_control_button .carousel-control.left:hover, .x_012_txt_thumbnail_control_button .carousel-control.right:hover { color: #fff; background: #93c524 } .x_012_txt_thumbnail_content { top: 25px; right: 25px; position: absolute; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_012_txt_thumbnail_content>a { color: #fff; font-size: 20px; font-weight: 400; padding: 10px 20px; background: #232e34; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px } .x_012_txt_thumbnail_content>a>span { color: #93c524; font-weight: 600; margin-left: 10px } @media only screen and (max-width:480px) { .x_012_txt_thumbnail_indicators>.carousel-indicators { display: none } } @media(min-width:481px) and (max-width:767px) { .x_012_txt_thumbnail_indicators>.carousel-indicators li { width: 24%; margin: 0 2px; height: 100px; padding: 10px 15px 5px 10px; -webkit-transform: translate(0, 55%); -ms-transform: translate(0, 55%); transform: translate(0, 55%) } .x_012_txt_thumbnail_indicators>.carousel-indicators .active { width: 24%; margin: 0 2px; height: 100px } .x_012_txt_thumbnail_indicators>.carousel-indicators li>p { display: none } .x_012_txt_thumbnail_indicators>.carousel-indicators li>a { width: 90px; margin-top: 20px } } @media(min-width:768px) and (max-width:991px) { .x_012_txt_thumbnail_indicators>.carousel-indicators li { width: 23%; margin: 0 2px; padding: 10px 15px 5px 10px } .x_012_txt_thumbnail_indicators>.carousel-indicators .active { width: 23%; margin: 0 2px } } @media(min-width:992px) and (max-width:1250px) { .x_012_txt_thumbnail_indicators>.carousel-indicators li { width: 24%; margin: 0 2px } .x_012_txt_thumbnail_indicators>.carousel-indicators .active { width: 24%; margin: 0 2px } } #x_013_img_thumbnail>.carousel-inner, #x_013_img_thumbnail>.carousel-inner>.item { overflow: hidden; max-height: 650px } #x_013_img_thumbnail { background: #000; padding: 100px 0 0 0 } #x_013_img_thumbnail:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_013_img_thumbnail:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_013_img_thumbnail>.carousel-inner>.item>img, #x_013_img_thumbnail>.carousel-inner>.item>a>img { width: 100%; margin: auto } .x_013_img_thumbnail_content_inner>h1, .x_013_img_thumbnail_content_inner>h2, .x_013_img_thumbnail_content_inner>a, .x_013_img_thumbnail_content>a { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .x_013_img_thumbnail_indicators>.carousel-indicators { top: 0; left: 0; right: 0; width: 100%; bottom: auto; margin: auto; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; padding: 10px 5px; overflow-y: hidden; white-space: nowrap; background: #2a2a2a } .x_013_img_thumbnail_indicators>.carousel-indicators li { padding: 0; width: 120px; border: 0; height: auto; margin: 0 5px; text-indent: 0; cursor: pointer; background: transparent; border: 3px solid #333331; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .7s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all 1s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_013_img_thumbnail_indicators>.carousel-indicators .active { width: 120px; border: 0; height: auto; margin: 0 5px; background: transparent; border: 3px solid #c13c3d } .x_013_img_thumbnail_indicators>.carousel-indicators>li>img { width: 100%; display: block } .x_013_img_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar { height:4px } .x_013_img_thumbnail_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.3) } .x_013_img_thumbnail_control_button .carousel-control { top: 18%; opacity: 1; width: 50px; bottom: auto; height: 50px; font-size: 50px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 50px; text-shadow: none; text-align: center; position: absolute; background: transparent; text-transform: uppercase; color: rgba(255,255,255,0.6); -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_013_img_thumbnail_control_button .carousel-control.left { left: auto; right: 76px } .x_013_img_thumbnail_control_button .carousel-control.right { right: 25px } .x_013_img_thumbnail_control_button .carousel-control.left:hover, .x_013_img_thumbnail_control_button .carousel-control.right:hover { color: #c13c3d; background: transparent } .x_013_img_thumbnail_content_outer { top: 0; right: 0; left: 0; bottom: 0; width: 97%; height: 94%; margin: auto; position: absolute; background: rgba(0,0,0,0.4) } .x_013_img_thumbnail_content_inner { left: 0; bottom: 0; width: 100%; margin: auto; padding: 15px 25px; position: absolute } .x_013_img_thumbnail_content_inner>h1 { margin: 0; font-size: 120px; font-weight: 800; text-transform: uppercase; color: rgba(255,255,255,0.2) } .x_013_img_thumbnail_content_inner>h2 { margin: 0; color: #fff; font-size: 60px; font-weight: 700; text-transform: uppercase } .x_013_img_thumbnail_content_inner>h2>span { color: #c13c3d; font-weight: 800; margin: 0 0 0 10px } .x_013_img_thumbnail_content_inner>a { color: #262626; font-size: 14px; font-weight: 400; padding: 10px 20px; background: #fff; margin-bottom: 15px; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_013_img_thumbnail_content_inner>a:hover { color: #fff; background: #c13c3d } @media only screen and (max-width:480px) { #x_013_img_thumbnail { padding: 60px 0 0 0 } .x_013_img_thumbnail_indicators>.carousel-indicators li { width: 60px } .x_013_img_thumbnail_indicators>.carousel-indicators .active { width: 60px } .x_013_img_thumbnail_control_button .carousel-control { top: 25% } .x_013_img_thumbnail_content_inner>h1 { font-size: 23px } .x_013_img_thumbnail_content_inner>h2 { font-size: 20px } .x_013_img_thumbnail_content_inner>a { font-size: 12px; padding: 5px 10px; margin-bottom: 10px } } @media(min-width:481px) and (max-width:767px) { #x_013_img_thumbnail { padding: 88px 0 0 0 } .x_013_img_thumbnail_indicators>.carousel-indicators li { width: 100px } .x_013_img_thumbnail_indicators>.carousel-indicators .active { width: 100px } .x_013_img_thumbnail_control_button .carousel-control { top: 23% } .x_013_img_thumbnail_content_inner>h1 { font-size: 40px } .x_013_img_thumbnail_content_inner>h2 { font-size: 35px } } @media(min-width:768px) and (max-width:991px) { .x_013_img_thumbnail_content_inner>h1 { font-size: 65px } } #x_014_post>.carousel-inner, #x_014_post>.carousel-inner>.item { overflow: hidden } #x_014_post { padding: 60px 55px } #x_014_post:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_014_post:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_014_post>.carousel-inner>.item>.row { margin: 0 } #x_014_post>.carousel-inner>.item>.row>div { padding: 0 } .x_014_post_header>h1, .x_014_post_image>a, .x_014_post_text>h3, .x_014_post_text>p, .x_014_post_text>a { text-shadow: none; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased } .x_014_post_header { width: 23%; padding: 5px; margin: auto; text-align: center; position: relative; margin-bottom: 65px } .x_014_post_header:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 2px; position: absolute; background: #211d1a } .x_014_post_header:after { left: 0; right: 0; bottom: 0; top: auto; content: ""; width: 100%; height: 2px; position: absolute; background: #211d1a } .x_014_post_header>h1 { margin: 0; color: #211d1a; font-size: 30px; font-weight: 900; text-transform: uppercase } .x_014_post_header>h1>span { color: #4582c3; margin: 0 5px } .x_014_post_indicators>.carousel-indicators { left: 0; right: 0; top: 125px; width: 90%; bottom: auto; height: 20px; font-size: 0; margin: auto; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; white-space: nowrap } .x_014_post_indicators>.carousel-indicators li { width: 15px; height: 15px; margin: 0 3px; color: #343e48; text-indent: 0; font-size: 11px; overflow: hidden; text-align: center; text-transform: uppercase; border: 1px solid #ddd; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_014_post_indicators>.carousel-indicators .active { width: 15px; height: 15px; margin: 0 3px; text-indent: 0; background: #4582c3; border: 1px solid #4582c3 } .x_014_post_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_014_post_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#eee; -webkit-border-radius:0; border-radius:0 } .x_014_post_control_button .carousel-control { top: 15px; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #ddd; font-size: 20px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 28px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_014_post_control_button .carousel-control.left { left: 0; right: 32px; margin: auto } .x_014_post_control_button .carousel-control.right { right: 0; left: 32px; margin: auto } .x_014_post_control_button .carousel-control.left:hover, .x_014_post_control_button .carousel-control.right:hover { color: #fff; background: #4582c3; border-color: #4582c3 } .x_014_post_image { position: relative } .x_014_post_image>img { width: 100%; display: block } .x_014_post_image>a { top: 0; width: 90px; height: 100px; color: #fff; display: block; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase } .x_014_post_image>a>span:nth-child(1) { height: 70px; display: block; font-size: 35px; font-weight: 900; line-height: 70px; background: #4582c3 } .x_014_post_image>a>span:nth-child(2) { height: 30px; display: block; font-size: 12px; font-weight: 400; line-height: 30px; background: #211d1a } .x_014_post_text { padding: 20px 30px } .x_014_post_text>h3 { margin: 0; font-size: 15px; font-weight: 700; text-transform: uppercase } .x_014_post_text>p { margin: 15px 0; font-size: 13px; font-weight: 400; text-align: left } .x_014_post_text>a { color: #4582c3; font-size: 13px; text-decoration: none; text-transform: uppercase; -webkit-transition: color .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: color .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_014_post_text>a:hover { color: #ddd } @media only screen and (max-width:480px) { #x_014_post { padding: 60px 15px } .x_014_post_header { width: 100% } .x_014_post_text { padding: 20px 10px } } @media(min-width:481px) and (max-width:767px) { .x_014_post_header { width: 80% } } @media(min-width:768px) and (max-width:991px) { #x_014_post { padding: 60px 5px } .x_014_post_header { width: 45% } .x_014_post_text { padding: 5px } .x_014_post_text>h3 { font-size: 12px } .x_014_post_text>p { margin: 0; font-size: 11px } } @media(min-width:992px) and (max-width:1250px) { #x_014_post { padding: 60px 15px } .x_014_post_text { padding: 5px } } #x_015_subscribe, #x_015_subscribe>.carousel-inner, #x_015_subscribe>.carousel-inner>.item { overflow: hidden; max-height: 650px } #x_015_subscribe { background: #000 } #x_015_subscribe:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_015_subscribe:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_015_subscribe>.carousel-inner>.item>img, #x_015_subscribe>.carousel-inner>.item>a>img { width: 100%; opacity: .7; margin: auto } .x_015_subscribe_form>h1, .x_015_subscribe_form>p, .x_015_subscribe_form>form>input { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Titillium Web', sans-serif } .x_015_subscribe_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 90%; bottom: 5%; height: 20px; margin: auto; padding: 3px 5px; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; white-space: nowrap } .x_015_subscribe_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; margin: 0 2px; text-indent: 0; cursor: pointer; overflow: hidden; background: transparent; border: 2px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s } .x_015_subscribe_indicators>.carousel-indicators .active { width: 10px; height: 10px; margin: 0 2px; text-indent: 0; background: #f90; border: 2px solid #f90 } .x_015_subscribe_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_015_subscribe_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#fff; -webkit-border-radius:0; border-radius:0 } .x_015_subscribe_control_button .carousel-control { top: 25px; opacity: 1; width: 20px; bottom: auto; height: 20px; color: #fff; font-size: 15px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 18px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 1px solid #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_015_subscribe_control_button .carousel-control.left { left: auto; right: 48px } .x_015_subscribe_control_button .carousel-control.right { right: 25px } .x_015_subscribe_control_button .carousel-control.left:hover, .x_015_subscribe_control_button .carousel-control.right:hover { color: #fff; background: #f90; border-color: #f90 } .x_015_subscribe_form { top: 0; left: 0; right: 0; bottom: 0; width: 55%; margin: auto; height: 190px; text-align: center; position: absolute } .x_015_subscribe_form>h1 { color: #fff; font-size: 50px; font-weight: 200; text-transform: uppercase } .x_015_subscribe_form>p { color: #fff; font-size: 18px; font-weight: 400 } .x_015_subscribe_form>form { padding: 0; font-size: 0; margin-top: 25px } .x_015_subscribe_form>form>input { margin: 0; width: 50%; height: 50px; border: 0; font-size: 15px; padding: 0 20px } .x_015_subscribe_form>form>input:focus { border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none } .x_015_subscribe_form>form>button { margin: 0; width: 60px; height: 50px; border: 0; color: #fff; font-size: 15px; background: #f90; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .x_015_subscribe_form>form>button:hover, .x_015_subscribe_form>form>button:active { color: #f90; background: #1a1a1a; outline: 0 } .x_015_subscribe_form>form>input::-webkit-input-placeholder { color:#666; font-weight:400; text-transform:capitalize } .x_015_subscribe_form>form>input::-moz-placeholder { color:#1a1a1a; font-weight:400; text-transform:capitalize } .x_015_subscribe_form>form>input:-ms-input-placeholder { color:#1a1a1a; font-weight:400; text-transform:capitalize } .x_015_subscribe_form>form>input:-moz-placeholder { color:#1a1a1a; font-weight:400; text-transform:capitalize } .x_015_subscribe_form>form>input:focus::-webkit-input-placeholder { color:#1a1a1a } .x_015_subscribe_form>form>input:focus::-moz-placeholder { color:#1a1a1a } .x_015_subscribe_form>form>input:focus:-ms-input-placeholder { color:#1a1a1a } .x_015_subscribe_form>form>input:focus:-moz-placeholder { color:#1a1a1a } @media only screen and (max-width:480px) { .x_015_subscribe_form { width: 97% } .x_015_subscribe_form>h1 { margin: 0; font-size: 25px } .x_015_subscribe_form>p { font-size: 14px } .x_015_subscribe_form>form>input { width: 70% } } @media(min-width:481px) and (max-width:767px) { .x_015_subscribe_form { width: 90% } .x_015_subscribe_form>h1 { font-size: 30px } } @media(min-width:768px) and (max-width:991px) { .x_015_subscribe_form { width: 70% } } #x_016_search, #x_016_search>.carousel-inner, #x_016_search>.carousel-inner>.item { overflow: hidden; max-height: 650px } #x_016_search { background: #000 } #x_016_search:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_016_search:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_016_search>.carousel-inner>.item>img, #x_016_search>.carousel-inner>.item>a>img { width: 100%; opacity: .5; margin: auto } .x_016_search_form>h1, .x_016_search_form>p, .x_016_search_form>form>input, .x_016_search_form>form>button { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Titillium Web', sans-serif } .x_016_search_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 90%; bottom: 5%; height: 20px; margin: auto; padding: 3px 5px; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; white-space: nowrap } .x_016_search_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; margin: 0 2px; text-indent: 0; cursor: pointer; overflow: hidden; background: transparent; border: 2px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s } .x_016_search_indicators>.carousel-indicators .active { width: 10px; height: 10px; margin: 0 2px; text-indent: 0; background: #c32026; border: 2px solid #c32026 } .x_016_search_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_016_search_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#fff; -webkit-border-radius:0; border-radius:0 } .x_016_search_control_button .carousel-control { top: 45%; opacity: 1; width: 20px; bottom: auto; height: 20px; color: #fff; font-size: 15px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 16px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 2px solid #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_016_search_control_button .carousel-control.left { left: 7% } .x_016_search_control_button .carousel-control.right { right: 7% } .x_016_search_control_button .carousel-control.left:hover, .x_016_search_control_button .carousel-control.right:hover { color: #fff; background: #c32026; border-color: #c32026 } .x_016_search_form { top: 0; left: 0; right: 0; bottom: 0; width: 55%; margin: auto; height: 250px; text-align: center; position: absolute } .x_016_search_form>span { color: #fff; font-size: 35px; font-weight: 400 } .x_016_search_form>h1 { color: #fff; font-size: 50px; font-weight: 600; text-transform: uppercase } .x_016_search_form>h1>span { color: #c32026; margin: 0 10px } .x_016_search_form>p { color: #fff; font-size: 18px; font-weight: 400 } .x_016_search_form>form { padding: 0; font-size: 0; margin-top: 50px } .x_016_search_form>form>input { margin: 0; width: 70%; height: 50px; border: 0; font-size: 15px; padding: 0 20px } .x_016_search_form>form>input:focus { border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none } .x_016_search_form>form>button { margin: 0; width: 100px; height: 50px; border: 0; color: #fff; font-size: 15px; background: #c32026; text-transform: uppercase; -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000) } .x_016_search_form>form>button:hover, .x_016_search_form>form>button:active { outline: 0; color: #fff; background: rgba(195,32,38,0.8) } .x_016_search_form>form>input::-webkit-input-placeholder { color:#666; font-weight:400; text-transform:capitalize } .x_016_search_form>form>input::-moz-placeholder { color:#1e1e25; font-weight:400; text-transform:capitalize } .x_016_search_form>form>input:-ms-input-placeholder { color:#1e1e25; font-weight:400; text-transform:capitalize } .x_016_search_form>form>input:-moz-placeholder { color:#1e1e25; font-weight:400; text-transform:capitalize } .x_016_search_form>form>input:focus::-webkit-input-placeholder { color:#1e1e25 } .x_016_search_form>form>input:focus::-moz-placeholder { color:#1e1e25 } .x_016_search_form>form>input:focus:-ms-input-placeholder { color:#1e1e25 } .x_016_search_form>form>input:focus:-moz-placeholder { color:#1e1e25 } @media only screen and (max-width:480px) { .x_016_search_form { width: 97%; height: 190px } .x_016_search_form>span { font-size: 20px } .x_016_search_form>h1 { margin: 0; font-size: 20px } .x_016_search_form>p { font-size: 14px } .x_016_search_form>form { margin-top: 10px } .x_016_search_form>form>input { width: 70% } .x_016_search_form>form>button { width: 70px } } @media(min-width:481px) and (max-width:767px) { .x_016_search_form { width: 90% } .x_016_search_form>h1 { font-size: 30px } } @media(min-width:768px) and (max-width:991px) { .x_016_search_form { width: 70% } } .x_017_image_wrapper { width: 100%; padding: 50px 0 } #x_017_image, #x_017_image>.carousel-inner, #x_017_image>.carousel-inner>.item { overflow: hidden } #x_017_image { width: 58%; margin: auto; background: #000 } #x_017_image:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_017_image:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_017_image>.carousel-inner>.item>img, #x_017_image>.carousel-inner>.item>a>img { width: 100%; opacity: .9; margin: auto } #x_017_image>.carousel-inner>.item>a { bottom: 10%; color: #fff; text-shadow: none; padding: 5px 15px; position: absolute; background: #0c1013; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Titillium Web', sans-serif; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } #x_017_image>.carousel-inner>.item>a:hover { background: #5064f9 } .x_017_image_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 90%; bottom: 5%; height: 20px; margin: auto; padding: 3px 5px; cursor: e-resize; overflow-x: auto; text-align: right; overflow-y: hidden; white-space: nowrap } .x_017_image_indicators>.carousel-indicators li { padding: 0; width: 7px; height: 7px; border: 0; margin: 0 2px; text-indent: 0; cursor: pointer; overflow: hidden; background: #fff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s } .x_017_image_indicators>.carousel-indicators .active { width: 7px; border: 0; height: 7px; margin: 0 2px; text-indent: 0; background: #5064f9 } .x_017_image_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_017_image_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#fff; -webkit-border-radius:0; border-radius:0 } .x_017_image_control_button .carousel-control { top: 45%; opacity: 1; width: 40px; bottom: auto; height: 40px; color: #fff; font-size: 25px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 40px; text-shadow: none; text-align: center; position: absolute; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_017_image_control_button .carousel-control.left { left: 0 } .x_017_image_control_button .carousel-control.right { right: 0 } .x_017_image_control_button .carousel-control.left:hover, .x_017_image_control_button .carousel-control.right:hover { color: #5064f9; background: transparent } @media only screen and (max-width:480px) { #x_017_image { width: 85% } } @media(min-width:481px) and (max-width:767px) { #x_017_image { width: 85% } } #x_018_image, #x_018_image>.carousel-inner, #x_018_image>.carousel-inner>.item { overflow: hidden } #x_018_image { padding: 50px 0 60px 0 } #x_018_image>.carousel-inner { width: 75%; margin: auto } #x_018_image:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_018_image:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_018_image>.carousel-inner>.item>.row { margin: 0 } #x_018_image>.carousel-inner>.item>.row>div { padding: 0 } .x_018_image_header { width: 75%; margin: auto; text-align: center; margin-bottom: 40px } .x_018_image_header>h1 { margin: 0; color: #000; font-weight: bold; text-shadow: none; text-transform: uppercase; font-family: 'Poiret One', cursive; -webkit-font-smoothing: antialiased } .x_018_image_header>p { color: #000; font-size: 18px; font-weight: 400; margin-top: 10px; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif } .x_018_image_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 75%; bottom: 5%; height: 25px; margin: auto; padding: 3px 5px; cursor: e-resize; overflow-x: auto; text-align: center; overflow-y: hidden; white-space: nowrap } .x_018_image_indicators>.carousel-indicators li { padding: 0; width: 13px; height: 13px; border: 0; margin: 0 2px; text-indent: 0; cursor: pointer; overflow: hidden; background: #f2f2f2; -webkit-border-radius: 0; border-radius: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s } .x_018_image_indicators>.carousel-indicators .active { width: 13px; border: 0; height: 13px; margin: 0 2px; text-indent: 0; background: #5064f9 } .x_018_image_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_018_image_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#fff; -webkit-border-radius:0; border-radius:0 } .x_018_image_control_button .carousel-control { top: 50%; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #000; font-size: 20px; cursor: pointer; overflow: hidden; line-height: 30px; text-shadow: none; text-align: center; position: absolute; background: #f2f2f2; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_018_image_control_button .carousel-control>span { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .x_018_image_control_button .carousel-control.left { left: 5% } .x_018_image_control_button .carousel-control.right { right: 5% } .x_018_image_control_button .carousel-control.left:hover, .x_018_image_control_button .carousel-control.right:hover { color: #fff; background: #0d6cbe } .x_018_image_content { padding: 13px; text-align: center } .x_018_image_content>img { width: 100%; display: block } .x_018_image_content>a { opacity: 0; color: #fff; margin-top: 15px; padding: 7px 25px; visibility: hidden; background: #0d6cbe; display: inline-block; text-decoration: none; text-transform: uppercase; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_018_image_content:hover>a { opacity: 1; visibility: visible } .x_018_image_content>a:hover { color: #fff; background: #000 } @media only screen and (max-width:480px) { .x_018_image_control_button .carousel-control { top: 10% } .x_018_image_indicators>.carousel-indicators { bottom: 1% } } @media(min-width:481px) and (max-width:767px) { .x_018_image_control_button .carousel-control { top: 150px } .x_018_image_indicators>.carousel-indicators { bottom: 25px } } @media(min-width:768px) and (max-width:991px) { .x_018_image_indicators>.carousel-indicators { bottom: 25px } } @media(min-width:992px) and (max-width:1250px) { #x_018_image>.carousel-inner { width: 80% } } #x_019_image, #x_019_image>.carousel-inner, #x_019_image>.carousel-inner>.item { overflow: hidden } #x_019_image { padding: 15px 0 0 0; background: #131313 } #x_019_image:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_019_image:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_019_image>.carousel-inner>.item>.row { margin: 0 } #x_019_image>.carousel-inner>.item>.row>div { padding: 0 } .x_019_image_header { padding: 0 25px; text-align: left; margin-bottom: 60px } .x_019_image_header>h1 { margin: 0; color: #fff; font-size: 30px; text-shadow: none; text-transform: capitalize; font-family: 'Merriweather', serif; -webkit-font-smoothing: antialiased } .x_019_image_header>h1>span { color: #bb8942; margin-left: 5px } .x_019_image_indicators>.carousel-indicators { left: 0; right: 0; top: 65px; width: 100%; bottom: auto; height: 20px; margin: auto; cursor: e-resize; overflow-x: auto; text-align: left; padding: 3px 25px; overflow-y: hidden; white-space: nowrap } .x_019_image_indicators>.carousel-indicators li { padding: 0; width: 25px; height: 2px; border: 0; text-indent: 0; margin: 5px 2px; cursor: pointer; overflow: hidden; background: #fff; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s } .x_019_image_indicators>.carousel-indicators .active { width: 25px; height: 2px; border: 0; text-indent: 0; margin: 5px 2px; background: #bb8942 } .x_019_image_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_019_image_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#fff; -webkit-border-radius:0; border-radius:0 } .x_019_image_control_button .carousel-control { top: 15px; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #131313; font-size: 20px; cursor: pointer; overflow: hidden; line-height: 30px; text-shadow: none; text-align: center; position: absolute; background: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_019_image_control_button .carousel-control.left { left: auto; right: 47px } .x_019_image_control_button .carousel-control.right { left: auto; right: 15px } .x_019_image_control_button .carousel-control.left:hover, .x_019_image_control_button .carousel-control.right:hover { color: #fff; background: #bb8942 } .x_019_image_content { overflow: hidden; position: relative } .x_019_image_content>img { width: 100%; opacity: .6; display: block } .x_019_image_revolver { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; position: absolute; background: rgba(0,0,0,0.8); -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_019_image_revolver:after { top: 0; left: 0; right: 0; bottom: 0; width: 90%; content: ""; height: 90%; margin: auto; position: absolute; border: 3px solid #fff } .x_019_image_revolver>ul { top: 0; left: 0; right: 0; bottom: 0; padding: 0; z-index: 1; width: 160px; height: 25px; margin: auto; position: absolute; text-align: center; list-style-type: none } .x_019_image_revolver>ul>li { display: inline-block } .x_019_image_revolver>ul>li>a { margin: 0 5px; color: #fff; display: block; font-size: 14px; font-weight: 300; text-shadow: none; text-decoration: none; font-family: 'Merriweather', serif; -webkit-font-smoothing: antialiased; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_019_image_revolver>ul>li>a:hover { color: #bb8942 } .x_019_image_revolver>ul>li>a>span { margin-left: 3px } .x_019_image_content:hover>.x_019_image_revolver { opacity: 1; visibility: visible } @media only screen and (max-width:480px) { .x_019_image_indicators>.carousel-indicators { top: 85px } } @media(min-width:481px) and (max-width:767px) { .x_019_image_revolver>ul { width: 80%; height: 50px } .x_019_image_revolver>ul>li>a { font-size: 24px } } #x_020_partner, #x_020_partner>.carousel-inner, #x_020_partner>.carousel-inner>.item { overflow: hidden } #x_020_partner { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 40px 100px 50px 100px } #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 } .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 } .x_020_partner_control_button .carousel-control { top: 55%; opacity: 1; width: 35px; bottom: auto; height: 35px; color: #131313; 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 .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_020_partner_control_button .carousel-control.left { left: 2% } .x_020_partner_control_button .carousel-control.right { right: 2% } .x_020_partner_control_button .carousel-control.left:hover, .x_020_partner_control_button .carousel-control.right:hover { color: #fff; background: #f5692c } .x_020_partner_image { padding: 25px; text-align: center; background: #f7f7f7; border: 1px solid #f7f7f7; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .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 { border: 1px solid #f5692c; -webkit-filter: grayscale(0); filter: grayscale(0) } @media only screen and (max-width:480px) { #x_020_partner { padding: 40px 50px 50px 50px } .x_020_partner_header { padding: 0 } } #x_021_animated_layers, #x_021_animated_layers>.carousel-inner, #x_021_animated_layers>.carousel-inner>.item { overflow: hidden; max-height: 645px } #x_021_animated_layers { background: #f7f5f5 } #x_021_animated_layers:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_021_animated_layers:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_021_animated_layers>.carousel-inner>.item>img, #x_021_animated_layers>.carousel-inner>.item>a>img { width: 100%; margin: auto } .x_021_animated_layers_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 95%; bottom: 25px; height: 25px; margin: auto; cursor: e-resize; overflow-x: auto; text-align: left; padding: 0 15px; overflow-y: hidden; white-space: nowrap } .x_021_animated_layers_indicators>.carousel-indicators li { padding: 0; width: 15px; height: 15px; border: 0; text-indent: 0; margin: 5px 2px; cursor: pointer; overflow: hidden; background: #9f9fba; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s } .x_021_animated_layers_indicators>.carousel-indicators .active { width: 15px; height: 15px; border: 0; text-indent: 0; margin: 5px 2px; background: #ff646f } .x_021_animated_layers_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_019_image_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#fff; -webkit-border-radius:0; border-radius:0 } .x_021_animated_layers_control_button .carousel-control { top: 50%; opacity: 0; width: 35px; bottom: auto; height: 35px; color: #fff; font-size: 20px; cursor: pointer; overflow: hidden; line-height: 35px; text-shadow: none; text-align: center; position: absolute; background: #9f9fba; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_021_animated_layers_control_button .carousel-control.left { left: 1% } .x_021_animated_layers_control_button .carousel-control.right { right: 1% } .x_021_animated_layers_control_button .carousel-control.left:hover, .x_021_animated_layers_control_button .carousel-control.right:hover { color: #fff; background: #ff646f } .x_021_animated_layers_control_button:hover .carousel-control { opacity: 1 } .x_021_animated_layers_txt>h2, .x_021_animated_layers_txt>p, .x_021_animated_layers_txt>a { text-shadow: none; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased } .x_021_animated_layers_txt, .x_021_animated_layers_img { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_021_animated_layers_content { top: 0; left: 0; right: 0; bottom: 0; position: absolute } .x_021_animated_layers_txt { top: 0; left: 8%; bottom: 0; width: 34%; height: 45%; margin: auto 0; position: absolute; -webkit-animation-delay: .7s; animation-delay: .7s } .x_021_animated_layers_content_right>.x_021_animated_layers_txt { right: 8%; left: auto; text-align: right } .x_021_animated_layers_txt>h1 { margin: 0; color: #828bff; font-size: 60px; text-shadow: none; text-transform: uppercase; font-family: 'Poiret One', cursive; -webkit-font-smoothing: antialiased } .x_021_animated_layers_txt>h2 { margin: 0; color: #828bff; font-size: 50px; font-weight: 900; text-transform: uppercase } .x_021_animated_layers_txt>p { color: #9f9fba; font-size: 14px; font-weight: 700; font-style: italic; margin: 15px 0 25px 0 } .x_021_animated_layers_txt>a { width: 165px; height: 55px; color: #fff; line-height: 55px; text-align: center; background: #ff646f; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_021_animated_layers_txt>a:hover { background: #9f9fba } .x_021_animated_layers_img { top: 0; bottom: 0; right: 1%; width: 55%; height: 45%; margin: auto 0; position: absolute; -webkit-animation-delay: 2s; animation-delay: 2s } .x_021_animated_layers_content_right>.x_021_animated_layers_img { left: 1%; right: auto } .x_021_animated_layers_img>img { width: 100%; display: block } @media only screen and (max-width:480px) { .x_021_animated_layers_indicators>.carousel-indicators { bottom: 0 } .x_021_animated_layers_control_button .carousel-control { display: none } .x_021_animated_layers_txt { left: 3%; width: 50%; height: 75% } .x_021_animated_layers_content_right>.x_021_animated_layers_txt { right: 3%; left: auto } .x_021_animated_layers_txt>h1 { font-size: 18px } .x_021_animated_layers_txt>h2 { font-size: 16px } .x_021_animated_layers_txt>p { font-size: 10px; margin: 5px 0 5px 0 } .x_021_animated_layers_txt>a { width: 100px; height: 25px; font-size: 12px; line-height: 25px } .x_021_animated_layers_img { right: 0; width: 47%; height: 47% } .x_021_animated_layers_content_right>.x_021_animated_layers_img { left: 0; right: auto } } @media(min-width:481px) and (max-width:767px) { .x_021_animated_layers_indicators>.carousel-indicators { bottom: 0 } .x_021_animated_layers_txt { left: 2%; width: 53%; height: 60% } .x_021_animated_layers_content_right>.x_021_animated_layers_txt { right: 2%; left: auto } .x_021_animated_layers_txt>h1 { font-size: 30px } .x_021_animated_layers_txt>h2 { font-size: 25px } .x_021_animated_layers_txt>p { margin: 10px 0 10px 0 } .x_021_animated_layers_txt>a { width: 125px; height: 35px; line-height: 35px } .x_021_animated_layers_img { right: 0; width: 45%; height: 45% } .x_021_animated_layers_content_right>.x_021_animated_layers_img { left: 0; right: auto } } @media(min-width:768px) and (max-width:991px) { .x_021_animated_layers_txt { height: 65% } .x_021_animated_layers_txt>p { margin: 10px 0 10px 0 } } #x_022_animated_layers, #x_022_animated_layers>.carousel-inner, #x_022_animated_layers>.carousel-inner>.item { overflow: hidden; max-height: 645px } #x_022_animated_layers { background: #f7f5f5 } #x_022_animated_layers:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_022_animated_layers:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_022_animated_layers>.carousel-inner>.item>img, #x_022_animated_layers>.carousel-inner>.item>a>img { width: 100%; margin: auto } .x_022_animated_layers_indicators>.carousel-indicators { left: 0; right: 0; top: 15px; width: 95%; bottom: auto; height: 25px; margin: auto; cursor: e-resize; overflow-x: auto; text-align: right; padding: 0 15px; overflow-y: hidden; white-space: nowrap } .x_022_animated_layers_indicators>.carousel-indicators li { padding: 0; width: 10px; height: 10px; border: 0; text-indent: 0; margin: 5px 2px; cursor: pointer; overflow: hidden; background: #9f9fba; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s } .x_022_animated_layers_indicators>.carousel-indicators .active { width: 10px; height: 10px; border: 0; text-indent: 0; margin: 5px 2px; background: #eb2121 } .x_022_animated_layers_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_022_animated_layers_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#fff; -webkit-border-radius:0; border-radius:0 } .x_022_animated_layers_control_button .carousel-control { top: 50%; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #fff; font-size: 16px; cursor: pointer; overflow: hidden; line-height: 25px; text-shadow: none; text-align: center; position: absolute; background: #9f9fba; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_022_animated_layers_control_button .carousel-control.left { left: 1% } .x_022_animated_layers_control_button .carousel-control.right { right: 1% } .x_022_animated_layers_control_button .carousel-control.left:hover, .x_022_animated_layers_control_button .carousel-control.right:hover { color: #fff; background: #eb2121 } .x_022_animated_layers_control_button:hover .carousel-control { opacity: 1 } .x_022_animated_layers_txt>h1, .x_022_animated_layers_txt>p, .x_022_animated_layers_txt>a { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif } .x_022_animated_layers_txt>a, .x_022_animated_layers_txt>p, .x_022_animated_layers_txt>h1, .x_022_animated_layers_img { -webkit-animation-delay: .7s; animation-delay: .7s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_022_animated_layers_content { top: 0; left: 0; right: 0; bottom: 0; position: absolute } .x_022_animated_layers_txt { top: 0; bottom: 0; width: 75%; left: 10.5%; height: 45%; margin: auto 0; position: absolute } .x_022_animated_layers_content_right>.x_022_animated_layers_txt { right: 9%; left: auto; text-align: right } .x_022_animated_layers_txt>h1 { margin: 0; color: #333; font-size: 90px; text-shadow: none; font-weight: 800; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-duration: 3s; animation-duration: 3s } .x_022_animated_layers_txt>h1>span { color: #eb2121; margin: 0 10px } .x_022_animated_layers_txt>p { width: 55%; color: #959595; font-size: 14px; font-weight: 400; margin: 15px 0 25px 0; -webkit-animation-duration: 2.5s; animation-duration: 2.5s } .x_022_animated_layers_content_right>.x_022_animated_layers_txt>p { margin: 15px 0 25px auto } .x_022_animated_layers_txt>a { width: 150px; height: 40px; color: #fff; line-height: 40px; text-align: center; background: #959595; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-animation-duration: 2s; animation-duration: 2s } .x_022_animated_layers_txt>a:hover { background: #eb2121 } .x_022_animated_layers_img { bottom: 0; right: 7%; width: 36%; margin: auto; position: absolute; -webkit-animation-duration: 2s; animation-duration: 2s } .x_022_animated_layers_content_right>.x_022_animated_layers_img { left: 7%; right: auto } .x_022_animated_layers_img>img { width: 100%; display: block } @media only screen and (max-width:480px) { .x_022_animated_layers_indicators>.carousel-indicators { top: 0 } .x_022_animated_layers_control_button .carousel-control { display: none } .x_022_animated_layers_txt { left: 2%; width: 63%; height: 55% } .x_022_animated_layers_content_right>.x_022_animated_layers_txt { right: 2%; left: auto } .x_022_animated_layers_txt>h1 { font-size: 20px } .x_022_animated_layers_txt>p { width: 100%; font-size: 11px; margin: 5px 0 5px 0 } .x_022_animated_layers_content_right>.x_022_animated_layers_txt>p { margin: 5px 0 5px auto } .x_022_animated_layers_txt>a { width: 100px; height: 25px; font-size: 10px; line-height: 25px } .x_022_animated_layers_img { right: 0; width: 45% } .x_022_animated_layers_content_right>.x_022_animated_layers_img { left: 0; right: auto } } @media(min-width:481px) and (max-width:767px) { .x_022_animated_layers_txt { left: 5%; width: 60% } .x_022_animated_layers_content_right>.x_022_animated_layers_txt { right: 5%; left: auto } .x_022_animated_layers_txt>h1 { font-size: 30px } .x_022_animated_layers_txt>p { width: 100% } .x_022_animated_layers_img { right: 0; width: 44% } .x_022_animated_layers_content_right>.x_022_animated_layers_img { left: 0; right: auto } } @media(min-width:768px) and (max-width:991px) { .x_022_animated_layers_txt { left: 6.5%; width: 60% } .x_022_animated_layers_content_right>.x_022_animated_layers_txt { right: 5%; left: auto } .x_022_animated_layers_txt>h1 { font-size: 50px } .x_022_animated_layers_txt>p { width: 80% } .x_022_animated_layers_img { right: 0; width: 50% } .x_022_animated_layers_content_right>.x_022_animated_layers_img { left: 0; right: auto } } @media(min-width:992px) and (max-width:1250px) { .x_022_animated_layers_txt { width: 60% } .x_022_animated_layers_txt>h1 { font-size: 65px } .x_022_animated_layers_txt>p { width: 80% } .x_022_animated_layers_img { width: 40% } } #x_023_animated_layers, #x_023_animated_layers>.carousel-inner, #x_023_animated_layers>.carousel-inner>.item { overflow: hidden; max-height: 645px } #x_023_animated_layers { background: #706e6f } #x_023_animated_layers:hover { cursor: -moz-grab; cursor: -webkit-grab } #x_023_animated_layers:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } #x_023_animated_layers>.carousel-inner>.item>img, #x_023_animated_layers>.carousel-inner>.item>a>img { width: 100%; margin: auto } .x_023_animated_layers_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 95%; bottom: 25px; height: 25px; margin: auto; cursor: e-resize; overflow-x: auto; text-align: right; padding: 0 15px; overflow-y: hidden; white-space: nowrap } .x_023_animated_layers_indicators>.carousel-indicators li { padding: 0; width: 15px; height: 15px; border: 0; text-indent: 0; margin: 5px 2px; cursor: pointer; overflow: hidden; background: #000; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s; transition: all cubic-bezier(0.22, 0.81, 0.01, 0.99) .2s } .x_023_animated_layers_indicators>.carousel-indicators .active { width: 15px; height: 15px; border: 0; text-indent: 0; margin: 5px 2px; background: #fff } .x_023_animated_layers_indicators>.carousel-indicators::-webkit-scrollbar { height:2px } .x_023_animated_layers_indicators>.carousel-indicators::-webkit-scrollbar-thumb { background:#fff; -webkit-border-radius:0; border-radius:0 } .x_023_animated_layers_control_button .carousel-control { top: 25px; opacity: 1; width: 35px; bottom: auto; height: 35px; color: #fff; font-size: 16px; cursor: pointer; overflow: hidden; line-height: 35px; text-shadow: none; text-align: center; position: absolute; background: #000; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_023_animated_layers_control_button .carousel-control.left { left: 25px } .x_023_animated_layers_control_button .carousel-control.right { left: 65px; right: auto } .x_023_animated_layers_control_button .carousel-control.left:hover, .x_023_animated_layers_control_button .carousel-control.right:hover { color: #000; background: #fff } .x_023_animated_layers_control_button:hover .carousel-control { opacity: 1 } .x_023_animated_layers_txt>h1, .x_023_animated_layers_txt>h2, .x_023_animated_layers_txt>p, .x_023_animated_layers_txt>a { text-shadow: none; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased } .x_023_animated_layers_txt>a, .x_023_animated_layers_txt>p, .x_023_animated_layers_txt>h1, .x_023_animated_layers_img { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99); animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_023_animated_layers_content { top: 0; left: 0; right: 0; bottom: 0; position: absolute } .x_023_animated_layers_txt { top: 0; left: 3%; bottom: 0; width: 45%; height: 45%; margin: auto 0; overflow: hidden; position: absolute } .x_023_animated_layers_content_right>.x_023_animated_layers_txt { right: 3%; left: auto; text-align: right } .x_023_animated_layers_txt>h1 { margin: 0; color: #fff; font-size: 70px; text-shadow: none; font-weight: 200; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 2s; animation-delay: 2s } .x_023_animated_layers_txt>h1>span { color: #000; margin: 0 10px; padding: 0 10px; background: #fff; -webkit-animation-delay: 2.5s; animation-delay: 2.5s } .x_023_animated_layers_txt>h2 { color: #fff; font-size: 50px; text-shadow: none; font-weight: 200; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 3s; animation-delay: 3s } .x_023_animated_layers_txt>h2>span { color: #fff; font-weight: 700; margin: 0 5px } .x_023_animated_layers_txt>p { width: 80%; color: #fff; font-size: 14px; font-weight: 400; margin: 15px 0 25px 0; -webkit-animation-delay: 3.5s; animation-delay: 3.5s } .x_023_animated_layers_content_right>.x_023_animated_layers_txt>p { margin: 15px 0 25px auto } .x_023_animated_layers_txt>a { width: 150px; height: 40px; color: #fff; font-size: 12px; line-height: 40px; text-align: center; background: #000; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-animation-delay: 4s; animation-delay: 4s } .x_023_animated_layers_txt>a:hover { color: #000; background: #fff } .x_023_animated_layers_img { top: 0; bottom: 0; right: 3%; width: 50%; height: 50%; margin: auto; position: absolute; -webkit-animation-delay: .7s; animation-delay: .7s } .x_023_animated_layers_content_right>.x_023_animated_layers_img { left: 3%; right: auto } .x_023_animated_layers_img>img { width: 100%; display: block } @media only screen and (max-width:480px) { .x_023_animated_layers_indicators>.carousel-indicators { bottom: 0 } .x_023_animated_layers_control_button .carousel-control { display: none } .x_023_animated_layers_txt { left: 2%; width: 60%; height: 70%; overflow: visible } .x_023_animated_layers_content_right>.x_023_animated_layers_txt { right: 2%; left: auto } .x_023_animated_layers_txt>h1 { font-size: 20px } .x_023_animated_layers_txt>h2 { margin: 5px 0; font-size: 16px } .x_023_animated_layers_txt>p { width: 100%; font-size: 10px; margin: 5px 0 5px 0 } .x_023_animated_layers_content_right>.x_023_animated_layers_txt>p { margin: 5px 0 5px auto } .x_023_animated_layers_txt>a { width: 120px; height: 30px; font-size: 10px; line-height: 30px } .x_023_animated_layers_img { right: 0; width: 40%; height: 40% } .x_023_animated_layers_content_right>.x_023_animated_layers_img { left: 0; right: auto } } @media(min-width:481px) and (max-width:767px) { .x_023_animated_layers_txt { left: 2%; width: 65%; overflow: visible } .x_023_animated_layers_content_right>.x_023_animated_layers_txt { right: 2%; left: auto } .x_023_animated_layers_txt>h1 { font-size: 20px } .x_023_animated_layers_txt>h2 { font-size: 16px } .x_023_animated_layers_txt>p { width: 90%; font-size: 11px; margin: 5px 0 5px 0 } .x_023_animated_layers_content_right>.x_023_animated_layers_txt>p { margin: 5px 0 5px auto } .x_023_animated_layers_txt>a { width: 120px; height: 30px; font-size: 10px; line-height: 30px } .x_023_animated_layers_img { right: 0; width: 40%; height: 40% } .x_023_animated_layers_content_right>.x_023_animated_layers_img { left: 0; right: auto } } @media(min-width:768px) and (max-width:991px) { .x_023_animated_layers_txt { left: 2%; width: 65%; overflow: visible } .x_023_animated_layers_content_right>.x_023_animated_layers_txt { right: 2%; left: auto } .x_023_animated_layers_txt>h1 { font-size: 50px } .x_023_animated_layers_txt>h2 { font-size: 25px } .x_023_animated_layers_img { right: 0; width: 45%; height: 45% } .x_023_animated_layers_content_right>.x_023_animated_layers_img { left: 0; right: auto } } @media(min-width:992px) and (max-width:1250px) { .x_023_animated_layers_txt { left: 2%; width: 65%; overflow: visible } .x_023_animated_layers_img { right: 0; width: 45%; height: 45% } .x_023_animated_layers_content_right>.x_023_animated_layers_img { left: 0; right: auto } } .x_024_shop_modal_gallery, .x_024_shop_modal_gallery>.row>div { margin: 0; padding: 10px } .x_024_shop_modal_gallery>.row { margin: 0 } .x_024_shop_modal_gallery>.row>div { background: #f7f7f7; border: 2px solid #eaeaea } .x_024_shop_modal_gallery>.row>div>img { width: 100%; margin: auto; cursor: pointer } .x_024_shop_modal { padding-left: 0!important; padding-right: 0!important } .x_024_shop_modal a:link, .x_024_shop_modal a:visited { text-decoration: none } .x_024_shop_modal:before { top: 0; left: 0; right: 0; bottom: 0; width: 100%; content: ""; height: 100%; margin: auto; position: absolute } a.x_024_shop_modal_close:link, a.x_024_shop_modal_close:visited { top: 5px; right: 5px; width: 50px; height: 25px; z-index: 100; color: #1c0909; font-size: 11px; font-weight: 400; line-height: 23px; text-align: center; position: absolute; background: #f7f7f7; display: inline-block; border: 1px solid #eaeaea; text-transform: uppercase; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } a.x_024_shop_modal_close:hover, a.x_024_shop_modal_close:active { color: #fff; background: #ff5252; border: 1px solid #ff5252 } a.x_024_shop_modal_close, .x_024_shop_modal_txt>h1, .x_024_shop_modal_txt>h2, .x_024_shop_modal_txt>p, .x_024_shop_modal_txt>form>div>label, .x_024_shop_modal_txt>form>div>input, .x_024_shop_modal_txt>form>div>select, .x_024_shop_modal_txt>form>div>select>option, .x_024_shop_modal_txt>form>div>button { text-shadow: none; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased } .x_024_shop_modal_size>.modal-dialog>.modal-content .row { margin: 0 } .x_024_shop_modal_size>.modal-dialog>.modal-content .row>div { padding: 0 } .x_024_shop_modal_size::-webkit-scrollbar { width:5px; background:transparent } .x_024_shop_modal_size::-webkit-scrollbar-thumb { background:#eaeaea; -webkit-border-radius:0; border-radius:0 } .x_024_shop_modal_indicators>.carousel-inner { background: #f7f7f7 } .x_024_shop_modal_indicators:hover { cursor: -moz-grab; cursor: -webkit-grab } .x_024_shop_modal_indicators:active { cursor: -moz-grabbing; cursor: -webkit-grabbing } .x_024_shop_modal_indicators>.carousel-inner>.item { padding: 50px } .x_024_shop_modal_indicators>.carousel-inner>.item>img, .x_024_shop_modal_indicators>.carousel-inner>.item>a>img { width: 100%; margin: auto } .x_024_shop_modal_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 100%; bottom: 0; margin: auto; font-size: 0; padding: 5px 0; cursor: e-resize; overflow-x: auto; overflow-y: hidden; text-align: center; position: relative; white-space: nowrap } .x_024_shop_modal_indicators>.carousel-indicators li { width: 12%; opacity: 1; padding: 0; height: 100%; margin: 0 2px; text-indent: 0; cursor: pointer; background: #f7f7f7; border: 1px solid #eaeaea; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .x_024_shop_modal_indicators>.carousel-indicators .active { width: 12%; height: 100%; margin: 0 2px; background: #f7f7f7; border: 1px solid #ff5252 } .x_024_shop_modal_indicators>.carousel-indicators li img { width: 100%; display: block } .x_024_shop_modal_indicators>.carousel-indicators::-webkit-scrollbar { height:3px; background:rgba(0,0,0,0.3) } .x_024_shop_modal_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.7) } .x_024_shop_modal_txt { padding: 15px 25px 5px 25px } .x_024_shop_modal_txt>h1 { color: #1c0909; font-size: 20px; font-weight: 500; text-transform: capitalize } .x_024_shop_modal_txt>ul { padding: 0; margin: 20px 0; list-style-type: none } .x_024_shop_modal_txt>ul>li { display: inline-block } .x_024_shop_modal_txt>ul>li>span { color: #1c0909 } .x_024_shop_modal_txt>h2 { color: #fff; font-size: 25px; font-weight: 300; margin: 0 0 20px 0; padding: 10px 15px; text-align: center; background: #ff5252; display: inline-block } .x_024_shop_modal_txt>p { color: #1c0909 } .x_024_shop_modal_txt>form { margin: 30px 0 } .x_024_shop_modal_txt>form>div>label { color: #1c0909; font-size: 14px; font-weight: 400; text-transform: uppercase } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_num, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_color, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_size { display: inline-block } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_num { margin-right: 20px } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_size { margin-left: 20px } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_num>input { border: 0; width: 100px; height: 40px; color: #1c0909; font-size: 18px; margin: 0 0 0 5px; padding: 0 0 0 10px; background: #f7f7f7; display: inline-block; border: 1px solid #eaeaea } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_num>input:focus { outline: 0 } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_color>select, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_size>select { width: 100px; height: 40px; color: #1c0909; margin: 0 0 0 5px; background: #f7f7f7; display: inline-block; text-transform: uppercase; border: 1px solid #eaeaea } .x_024_shop_modal_txt>form>div>select>option { text-transform: uppercase } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_color>select:focus, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_size>select:focus { outline: 0; background: #f7f7f7; border: 1px solid #eaeaea; -webkit-box-shadow: none; box-shadow: none } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_btn>button { left: 0; right: 0; padding: 0; outline: 0; width: 150px; border: 0; height: 40px; color: #f7f7f7; font-size: 12px; font-weight: 400; line-height: 40px; position: relative; background: #1c0909; display: inline-block; margin: 50px auto 0 auto; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_btn>button:hover { background: #ff5252 } @media only screen and (max-width:480px) { .x_024_shop_modal_txt>p { text-align: justify } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_num, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_color, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_size { margin: 10px 0; display: block } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_num>input { margin: 0; display: block } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_color>select, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_size>select { margin: 0; display: block } } @media(min-width:481px) and (max-width:767px) { .x_024_shop_modal_txt>form>.x_024_shop_modal_form_num, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_color, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_size { margin: 10px 0; display: block } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_num>input { margin: 0; display: block } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_color>select, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_size>select { margin: 0; display: block } .x_024_shop_modal_size>.modal-dialog { width: 80%; margin: auto } } @media(min-width:768px) and (max-width:991px) { .x_024_shop_modal_size>.modal-dialog { width: 98%; height: 95% } .x_024_shop_modal_txt { padding: 10px 15px 10px 25px } .x_024_shop_modal_txt>ul { margin: 10px 0 } .x_024_shop_modal_txt>form { margin: 0 } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_num>input { margin: 0; display: block } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_color>select, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_size>select { margin: 0; display: block } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_btn>button { margin: 10px auto 0 auto } } @media(min-width:992px) and (max-width:1229px) { .x_024_shop_modal_size>.modal-dialog { width: 95%; height: 95% } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_num>input { margin: 0; display: block } .x_024_shop_modal_txt>form>.x_024_shop_modal_form_color>select, .x_024_shop_modal_txt>form>.x_024_shop_modal_form_size>select { margin: 0; display: block } } .x_024_shop_modal_size>.modal-dialog>.modal-content { width: 100%; height: auto; border: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } @media(min-width:1230px) { .x_024_shop_modal_size>.modal-dialog { width: 82%; height: auto } } .x_025_shop_modal_gallery, .x_025_shop_modal_gallery>.row>div { margin: 0; padding: 10px } .x_025_shop_modal_gallery>.row { margin: 0 } .x_025_shop_modal_gallery>.row>div { background: #f7f7f7; border: 2px solid #eaeaea } .x_025_shop_modal_gallery>.row>div>img { width: 100%; margin: auto; cursor: pointer } .x_025_shop_modal { padding-left: 0!important; padding-right: 0!important } .x_025_shop_modal a:link, .x_025_shop_modal a:visited { text-decoration: none } .x_025_shop_modal:before { top: 0; left: 0; right: 0; bottom: 0; width: 100%; content: ""; height: 100%; margin: auto; position: absolute } a.x_025_shop_modal_close:link, a.x_025_shop_modal_close:visited { top: 10px; right: 10px; width: 50px; height: 25px; z-index: 100; color: #1c0909; font-size: 11px; font-weight: 400; line-height: 23px; text-align: center; position: absolute; background: #f7f7f7; display: inline-block; border: 1px solid #eaeaea; text-transform: uppercase; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } a.x_025_shop_modal_close:hover, a.x_025_shop_modal_close:active { color: #fff; background: #ff5252; border: 1px solid #ff5252 } a.x_025_shop_modal_close, .x_025_shop_modal_txt>h1, .x_025_shop_modal_txt>h2, .x_025_shop_modal_txt>p, .x_025_shop_modal_txt>form>div>label, .x_025_shop_modal_txt>form>div>input, .x_025_shop_modal_txt>form>div>select, .x_025_shop_modal_txt>form>div>select>option, .x_025_shop_modal_txt>form>div>button { text-shadow: none; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased } .x_025_shop_modal_size>.modal-dialog>.modal-content .row { margin: 0 } .x_025_shop_modal_size>.modal-dialog>.modal-content .row>div { padding: 0 } .x_025_shop_modal_size::-webkit-scrollbar { width:5px; background:transparent } .x_025_shop_modal_size::-webkit-scrollbar-thumb { background:#eaeaea; -webkit-border-radius:0; border-radius:0 } .x_025_shop_modal_indicators>.carousel-inner>.item { overflow: hidden; padding: 40px 30px 10px 30px } .x_025_shop_modal_indicators>.carousel-indicators { left: 0; right: 0; top: auto; width: 100%; bottom: 5px; margin: auto; font-size: 0; cursor: e-resize; overflow-x: auto; text-align: left; overflow-y: hidden; position: relative; white-space: nowrap; padding: 5px 0 5px 30px } .x_025_shop_modal_indicators>.carousel-indicators li { width: 6%; opacity: 1; padding: 0; height: 100%; margin: 0 2px; text-indent: 0; cursor: pointer; background: #f7f7f7; border: 1px solid #eaeaea; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .x_025_shop_modal_indicators>.carousel-indicators .active { width: 6%; height: 100%; margin: 0 2px; background: #f7f7f7; border: 1px solid #ff5252 } .x_025_shop_modal_indicators>.carousel-indicators li img { width: 100%; display: block } .x_025_shop_modal_indicators>.carousel-indicators::-webkit-scrollbar { height:3px; background:rgba(0,0,0,0.3) } .x_025_shop_modal_indicators>.carousel-indicators::-webkit-scrollbar-thumb { -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,0.7) } .x_025_shop_modal_controls .carousel-control { top: 5px; opacity: 1; width: 30px; height: 30px; z-index: 100; color: #1c0909; font-size: 20px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 28px; text-shadow: none; position: absolute; background: #f7f7f7; border: 1px solid #eaeaea; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition: all .5s cubic-bezier(0.22, 0.81, 0.01, 0.99) } .x_025_shop_modal_controls .carousel-control.left { left: 30px; right: auto } .x_025_shop_modal_controls .carousel-control.right { left: 62px; right: auto } .x_025_shop_modal_controls .carousel-control:hover { color: #fff; background: #ff5252 } .x_025_shop_modal_img { width: 40%; float: left; background: #f7f7f7; border: 1px solid #eaeaea } .x_025_shop_modal_img>img { width: 100%; margin: auto } .x_025_shop_modal_txt { width: 60%; display: inline-block; padding: 15px 15px 5px 35px } .x_025_shop_modal_txt>h1 { margin: 0; color: #1c0909; font-size: 20px; font-weight: 500; text-transform: capitalize } .x_025_shop_modal_txt>ul { padding: 0; margin: 20px 0; list-style-type: none } .x_025_shop_modal_txt>ul>li { margin: 0 .5px; display: inline-block } .x_025_shop_modal_txt>ul>li>span { color: #1c0909 } .x_025_shop_modal_txt>h2 { color: #fff; font-size: 25px; font-weight: 300; margin: 0 0 20px 0; padding: 10px 15px; text-align: center; background: #ff5252; display: inline-block } .x_025_shop_modal_txt>p { color: #1c0909; text-align: justify } .x_025_shop_modal_txt>form { margin: 30px 0 } .x_025_shop_modal_txt>form>div>label { color: #1c0909; font-size: 14px; font-weight: 400; text-transform: uppercase } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_num, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_color, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_size { display: inline-block } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_num { margin-right: 20px } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_size { margin-left: 20px } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_num>input { border: 0; width: 100px; height: 40px; color: #1c0909; font-size: 18px; margin: 0 0 0 5px; padding: 0 0 0 10px; background: #f7f7f7; display: inline-block; border: 1px solid #eaeaea } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_num>input:focus { outline: 0 } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_color>select, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_size>select { width: 100px; height: 40px; color: #1c0909; margin: 0 0 0 5px; background: #f7f7f7; display: inline-block; text-transform: uppercase; border: 1px solid #eaeaea } .x_025_shop_modal_txt>form>div>select>option { text-transform: uppercase } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_color>select:focus, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_size>select:focus { outline: 0; background: #f7f7f7; border: 1px solid #eaeaea; -webkit-box-shadow: none; box-shadow: none } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_btn>button { left: 0; right: 0; padding: 0; outline: 0; width: 150px; border: 0; height: 40px; color: #f7f7f7; font-size: 12px; font-weight: 400; line-height: 40px; position: relative; background: #1c0909; display: inline-block; margin: 50px auto 0 auto; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1); transition: all .6s cubic-bezier(0.3, 1, 0, 1) } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_btn>button:hover { background: #ff5252 } @media only screen and (max-width:480px) { .x_025_shop_modal_indicators>.carousel-inner>.item { padding: 50px 5px 5px 5px } .x_025_shop_modal_indicators>.carousel-indicators li { width: 12% } .x_025_shop_modal_indicators>.carousel-indicators .active { width: 12% } .x_025_shop_modal_controls .carousel-control.left { left: 10px } .x_025_shop_modal_controls .carousel-control.right { left: 42px } .x_025_shop_modal_img { width: 95%; float: none; margin: auto } .x_025_shop_modal_txt { width: 95%; display: inline-block; padding: 15px 5px 5px 15px } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_num, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_color, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_size { margin: 10px 0; display: block } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_num>input { margin: 0; display: block } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_color>select, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_size>select { margin: 0; display: block } } @media(min-width:481px) and (max-width:767px) { .x_025_shop_modal_indicators>.carousel-indicators li { width: 12% } .x_025_shop_modal_indicators>.carousel-indicators .active { width: 12% } .x_025_shop_modal_controls .carousel-control.left { left: 60px } .x_025_shop_modal_controls .carousel-control.right { left: 96px } .x_025_shop_modal_img { width: 80%; float: none; margin: auto } .x_025_shop_modal_txt { width: 80%; margin: auto; display: block; padding: 15px 5px 5px 5px } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_num, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_color, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_size { margin: 10px 0; display: block } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_num>input { margin: 0; display: block } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_color>select, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_size>select { margin: 0; display: block } .x_025_shop_modal_size>.modal-dialog { width: 80%; margin: auto } } @media(min-width:768px) and (max-width:991px) { .x_025_shop_modal_size>.modal-dialog { width: 98%; height: 95% } .x_025_shop_modal_txt { padding: 10px 15px 10px 15px } .x_025_shop_modal_txt>ul { margin: 10px 0 } .x_025_shop_modal_txt>p { font-size: 12px } .x_025_shop_modal_txt>form { margin: 0 } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_num>input { margin: 0; display: block } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_color>select, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_size>select { margin: 0; display: block } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_btn>button { margin: 10px auto 0 auto } } @media(min-width:992px) and (max-width:1229px) { .x_025_shop_modal_size>.modal-dialog { width: 98%; height: 98% } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_num>input { margin: 0; display: block } .x_025_shop_modal_txt>form>.x_025_shop_modal_form_color>select, .x_025_shop_modal_txt>form>.x_025_shop_modal_form_size>select { margin: 0; display: block } } .x_025_shop_modal_size>.modal-dialog>.modal-content { width: 100%; height: auto; border: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } @media(min-width:1230px) { .x_025_shop_modal_size>.modal-dialog { width: 85%; height: auto } }