/*------------------------------------------------------*/ /* SLIDING TIMING FUNCTIONS /*------------------------------------------------------*/ /*---------- ps_ease ----------*/ .ps_ease .carousel-inner > .item{ -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } @media all and (transform-3d), (-webkit-transform-3d){ .ps_ease .carousel-inner > .item { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } } /*---------- ps_easeInOut ----------*/ .ps_easeInOut .carousel-inner > .item{ -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInOut .carousel-inner > .item { -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } } /*---------- ps_speedy ----------*/ .ps_speedy .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(0,1,0,1); -moz-transition-timing-function: cubic-bezier(0,1,0,1); -ms-transition-timing-function: cubic-bezier(0,1,0,1); -o-transition-timing-function: cubic-bezier(0,1,0,1); transition-timing-function: cubic-bezier(0,1,0,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_speedy .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0,1,0,1); -moz-transition-timing-function: cubic-bezier(0,1,0,1); -ms-transition-timing-function: cubic-bezier(0,1,0,1); -o-transition-timing-function: cubic-bezier(0,1,0,1); transition-timing-function: cubic-bezier(0,1,0,1); } } /*---------- ps_slowSpeedy ----------*/ .ps_slowSpeedy .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1); -moz-transition-timing-function: cubic-bezier(0.3,1,0,1); -ms-transition-timing-function: cubic-bezier(0.3,1,0,1); -o-transition-timing-function: cubic-bezier(0.3,1,0,1); transition-timing-function: cubic-bezier(0.3,1,0,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_slowSpeedy .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1); -moz-transition-timing-function: cubic-bezier(0.3,1,0,1); -ms-transition-timing-function: cubic-bezier(0.3,1,0,1); -o-transition-timing-function: cubic-bezier(0.3,1,0,1); transition-timing-function: cubic-bezier(0.3,1,0,1); } } /*---------- ps_easeOutInCubic ----------*/ .ps_easeOutInCubic .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -ms-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -o-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutInCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -ms-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -o-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); } } /*---------- ps_swing ----------*/ .ps_swing .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1); -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1); -ms-transition-timing-function: cubic-bezier(.02,.01,.47,1); -o-transition-timing-function: cubic-bezier(.02,.01,.47,1); transition-timing-function: cubic-bezier(.02,.01,.47,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_swing .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1); -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1); -ms-transition-timing-function: cubic-bezier(.02,.01,.47,1); -o-transition-timing-function: cubic-bezier(.02,.01,.47,1); transition-timing-function: cubic-bezier(.02,.01,.47,1); } } /*---------- ps_easeOutCubic ----------*/ .ps_easeOutCubic .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1); -ms-transition-timing-function: cubic-bezier(.215,.61,.355,1); -o-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1); -ms-transition-timing-function: cubic-bezier(.215,.61,.355,1); -o-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); } } /*---------- ps_easeInOutCubic ----------*/ .ps_easeInOutCubic .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1); -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1); -ms-transition-timing-function: cubic-bezier(.645,.045,.355,1); -o-transition-timing-function: cubic-bezier(.645,.045,.355,1); transition-timing-function: cubic-bezier(.645,.045,.355,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInOutCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1); -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1); -ms-transition-timing-function: cubic-bezier(.645,.045,.355,1); -o-transition-timing-function: cubic-bezier(.645,.045,.355,1); transition-timing-function: cubic-bezier(.645,.045,.355,1); } } /*---------- ps_easeOutCirc ----------*/ .ps_easeOutCirc .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1); -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1); -ms-transition-timing-function: cubic-bezier(.075,.82,.165,1); -o-transition-timing-function: cubic-bezier(.075,.82,.165,1); transition-timing-function: cubic-bezier(.075,.82,.165,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutCirc .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1); -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1); -ms-transition-timing-function: cubic-bezier(.075,.82,.165,1); -o-transition-timing-function: cubic-bezier(.075,.82,.165,1); transition-timing-function: cubic-bezier(.075,.82,.165,1); } } /*---------- ps_easeOutExpo ----------*/ .ps_easeOutExpo .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1); -moz-transition-timing-function: cubic-bezier(.19,1,.22,1); -ms-transition-timing-function: cubic-bezier(.19,1,.22,1); -o-transition-timing-function: cubic-bezier(.19,1,.22,1); transition-timing-function: cubic-bezier(.19,1,.22,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutExpo .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1); -moz-transition-timing-function: cubic-bezier(.19,1,.22,1); -ms-transition-timing-function: cubic-bezier(.19,1,.22,1); -o-transition-timing-function: cubic-bezier(.19,1,.22,1); transition-timing-function: cubic-bezier(.19,1,.22,1); } } /*---------- ps_easeInQuad ----------*/ .ps_easeInQuad .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -moz-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -ms-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -o-transition-timing-function: cubic-bezier(.55,.085,.68,.53); transition-timing-function: cubic-bezier(.55,.085,.68,.53); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -moz-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -ms-transition-timing-function: cubic-bezier(.55,.085,.68,.53); -o-transition-timing-function: cubic-bezier(.55,.085,.68,.53); transition-timing-function: cubic-bezier(.55,.085,.68,.53); } } /*---------- ps_easeOutQuad ----------*/ .ps_easeOutQuad .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -ms-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -o-transition-timing-function: cubic-bezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(.25,.46,.45,.94); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -ms-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -o-transition-timing-function: cubic-bezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(.25,.46,.45,.94); } } /*---------- ps_easeInOutQuad ----------*/ .ps_easeInOutQuad .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -moz-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -ms-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -o-transition-timing-function: cubic-bezier(.455,.03,.515,.955); transition-timing-function: cubic-bezier(.455,.03,.515,.955); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInOutQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -moz-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -ms-transition-timing-function: cubic-bezier(.455,.03,.515,.955); -o-transition-timing-function: cubic-bezier(.455,.03,.515,.955); transition-timing-function: cubic-bezier(.455,.03,.515,.955); } } /*---------- ps_easeOutQuart ----------*/ .ps_easeOutQuart .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1); -ms-transition-timing-function: cubic-bezier(.165,.84,.44,1); -o-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutQuart .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1); -ms-transition-timing-function: cubic-bezier(.165,.84,.44,1); -o-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); } } /*---------- ps_easeInOutQuart ----------*/ .ps_easeInOutQuart .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1); -moz-transition-timing-function: cubic-bezier(.77,0,.175,1); -ms-transition-timing-function: cubic-bezier(.77,0,.175,1); -o-transition-timing-function: cubic-bezier(.77,0,.175,1); transition-timing-function: cubic-bezier(.77,0,.175,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInOutQuart .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1); -moz-transition-timing-function: cubic-bezier(.77,0,.175,1); -ms-transition-timing-function: cubic-bezier(.77,0,.175,1); -o-transition-timing-function: cubic-bezier(.77,0,.175,1); transition-timing-function: cubic-bezier(.77,0,.175,1); } } /*---------- ps_easeOutQuint ----------*/ .ps_easeOutQuint .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); -moz-transition-timing-function: cubic-bezier(.23,1,.32,1); -ms-transition-timing-function: cubic-bezier(.23,1,.32,1); -o-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutQuint .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); -moz-transition-timing-function: cubic-bezier(.23,1,.32,1); -ms-transition-timing-function: cubic-bezier(.23,1,.32,1); -o-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); } } /*---------- ps_easeInSine ----------*/ .ps_easeInSine .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715); -moz-transition-timing-function: cubic-bezier(.47,0,.745,.715); -ms-transition-timing-function: cubic-bezier(.47,0,.745,.715); -o-transition-timing-function: cubic-bezier(.47,0,.745,.715); transition-timing-function: cubic-bezier(.47,0,.745,.715); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715); -moz-transition-timing-function: cubic-bezier(.47,0,.745,.715); -ms-transition-timing-function: cubic-bezier(.47,0,.745,.715); -o-transition-timing-function: cubic-bezier(.47,0,.745,.715); transition-timing-function: cubic-bezier(.47,0,.745,.715); } } /*---------- ps_easeOutSine ----------*/ .ps_easeOutSine .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1); -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1); -ms-transition-timing-function: cubic-bezier(.39,.575,.565,1); -o-transition-timing-function: cubic-bezier(.39,.575,.565,1); transition-timing-function: cubic-bezier(.39,.575,.565,1); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeOutSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1); -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1); -ms-transition-timing-function: cubic-bezier(.39,.575,.565,1); -o-transition-timing-function: cubic-bezier(.39,.575,.565,1); transition-timing-function: cubic-bezier(.39,.575,.565,1); } } /*---------- ps_easeInOutSine ----------*/ .ps_easeInOutSine .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -moz-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -ms-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -o-transition-timing-function: cubic-bezier(.445,.05,.55,.95); transition-timing-function: cubic-bezier(.445,.05,.55,.95); } @media all and (transform-3d), (-webkit-transform-3d){ .ps_easeInOutSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -moz-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -ms-transition-timing-function: cubic-bezier(.445,.05,.55,.95); -o-transition-timing-function: cubic-bezier(.445,.05,.55,.95); transition-timing-function: cubic-bezier(.445,.05,.55,.95); } } /*------------------------------------------------------*/ /* KEN BURNS ANIMATION EFFECTS /*------------------------------------------------------*/ /*---------- kbrns_zoomIn ----------*/ .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; } /*---------- ANIMATION ----------*/ @-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 ----------*/ .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; } /*---------- ANIMATION ----------*/ @-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 ----------*/ .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; } /*---------- Responsive ----------*/ /*---------- MEDIA 380px ----------*/ @media only screen and (max-width: 380px){ .kbrns_ltr > .carousel-inner > .item{ max-height: 200px; } } /*---------- MEDIA 381px - 550px ----------*/ @media (min-width: 381px) and (max-width: 550px){ .kbrns_ltr > .carousel-inner > .item{ max-height: 235px; } } /*---------- MEDIA 551px - 767px ----------*/ @media (min-width: 551px) and (max-width: 767px){ .kbrns_ltr > .carousel-inner > .item{ max-height: 350px; } } /*---------- MEDIA 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ .kbrns_ltr > .carousel-inner > .item{ max-height: 495px; } } /*---------- MEDIA 901px - 1100px ----------*/ @media (min-width: 901px) and (max-width: 1100px){ .kbrns_ltr > .carousel-inner > .item{ max-height: 550px; } } /*---------- ANIMATION ----------*/ @-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 ----------*/ .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 380px ----------*/ @media only screen and (max-width: 380px){ .kbrns_rtl > .carousel-inner > .item{ max-height: 200px; } } /*---------- MEDIA 381px - 550px ----------*/ @media (min-width: 381px) and (max-width: 550px){ .kbrns_rtl > .carousel-inner > .item{ max-height: 235px; } } /*---------- MEDIA 551px - 767px ----------*/ @media (min-width: 551px) and (max-width: 767px){ .kbrns_rtl > .carousel-inner > .item{ max-height: 350px; } } /*---------- MEDIA 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ .kbrns_rtl > .carousel-inner > .item{ max-height: 495px; } } /*---------- MEDIA 901px - 1100px ----------*/ @media (min-width: 901px) and (max-width: 1100px){ .kbrns_rtl > .carousel-inner > .item{ max-height: 550px; } } /*---------- ANIMATION ----------*/ @-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 ----------*/ .kbrns_zoomOutIn > .carousel-inner > .item > img, .kbrns_zoomOutIn > .carousel-inner > .item > a > img{ -webkit-transform-origin: 0; -moz-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 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; } /*---------- ANIMATION ----------*/ @-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); } } /*------------------------------------------------------*/ /* FULL SCREEN BOOTSTRAP CAROUSEL /*------------------------------------------------------*/ .ps_full_s { background-size: cover; background-position: center; background-repeat: no-repeat; } /*------------------------------------------------------*/ /* MODAL ANIMATION EFFECTS /*------------------------------------------------------*/ /*---------- fade ----------*/ .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); } /*---------- ps_modal_zoomIn ----------*/ .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); } /*---------- ps_modal_zoomOut ----------*/ .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); } /*---------- ps_modal_fadeInLeft ----------*/ .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); } /*---------- ps_modal_fadeInRight ----------*/ .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); } /*------------------------------------------------------*/ /* FULL WIDTH ANIMATED LAYERS 001 /*------------------------------------------------------*/ #fw_al_001 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.45; margin: auto; width: 100% !important; } /*---------- VERTICLE EFFECT ----------*/ .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%; } /*---------- INDICATORS CONTROL ----------*/ .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: 0px; -webkit-border-radius: 0px; border: 1px solid rgba(255, 255, 255, 0.3); } .ps_indicators_y > .carousel-indicators .active { margin: 1px; width: 13px; height: 13px; margin: 10px auto; background: #E7B100; } .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; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; font-size: 20px; font-weight: normal; letter-spacing: 6px; line-height: normal; text-transform: uppercase; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #E7B100; font-size: 60px; font-weight: 400; margin-bottom: 30px; line-height: normal; text-transform: capitalize; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #E7B100; font-size: 10px; letter-spacing: 7px; font-weight: 600; margin-left: -7px; line-height: normal; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; padding: 0 23px; cursor: pointer; font-size: 11px; text-align: left; text-shadow: none; line-height: 50px; margin: 30px 10px; position: relative; font-style: normal; font-weight: 600; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-decoration: none; border: 2px solid #ffffff; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-animation-delay: 0.5s; animation-delay: 0.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) 0.7s; transition: background cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .fw_al_001_slide > a:hover, .fw_al_001_slide > a:active { color: #ffffff; background: #E7B100; border: 2px solid #E7B100; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_001_slide { top: 5%; width: 100%; } .fw_al_001_slide > h1 { font-size: 40px; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_001_slide { top: 15%; width: 100%; } } /*------------------------------------------------------*/ /* FULL WIDTH ANIMATED LAYERS 002 /*------------------------------------------------------*/ #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; } /*---------- SLIDE CAPTION ----------*/ .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: 50px; font-weight: 300; line-height: 42px; margin-bottom: 25px; display: inline-block; text-transform: capitalize; -webkit-animation-delay: 0.2s; animation-delay: 0.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: 0.2s; animation-delay: 0.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: 0.2s; animation-delay: 0.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: #ffffff; 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: 0.2s; animation-delay: 0.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: #ffffff; background: #607b7f; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_002_slide { top: 5%; width: 100%; padding: 5px; background: rgba(255, 255, 255, 0.5); } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_002_slide { width: 100%; } .fw_al_002_slide.fw_al_002_slide_right { right: -20%; } } /*---------- MEDIA 768px - 889px ----------*/ @media (min-width: 768px) and (max-width: 889px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_002_slide { width: 100%; } .fw_al_002_slide.fw_al_002_slide_right { right: -50%; } } /*---------- MEDIA 890px - 950px ----------*/ @media (min-width: 890px) and (max-width: 950px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_002_slide.fw_al_002_slide_right { right: 5%; } } /*------------------------------------------------------*/ /* FULL WIDTH ANIMATED LAYERS 003 /*------------------------------------------------------*/ #fw_al_003 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.6; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_bsquare .carousel-control { top: 45%; opacity: 0; width: 70px; height: 70px; z-index: 100; color: #ffffff; 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: 0px; border-radius: 0px; } .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: #000000; background: #ffffff; } .ps_control_bsquare .carousel-control.left>span:nth-child(1){ left: 45%; } .ps_control_bsquare .carousel-control.right>span:nth-child(1){ right: 45%; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; font-size: 60px; font-weight: 700; line-height: 60px; margin-bottom: 40px; letter-spacing: 2px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .fw_al_003_slide > p { padding: 0; color: #ffffff; font-size: 20px; line-height: 30px; 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: #ffffff; font-size: 11px; cursor: pointer; font-weight: 400; line-height: 15px; text-align: center; padding: 13px 35px; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: uppercase; border: 2px solid #ffffff; -webkit-border-radius: 0px; border-radius: 0px; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .fw_al_003_slide > a:hover, .fw_al_003_slide > a:active { color: #000000; background: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_bsquare .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .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 768px - 889px ----------*/ @media (min-width: 768px) and (max-width: 889px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_003_slide > h1 { font-size: 45px; line-height: 45px; } } /*---------- MEDIA 890px - 950px ----------*/ @media (min-width: 890px) and (max-width: 950px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_003_slide > h1 { font-size: 55px; line-height: 55px; } } /*------------------------------------------------------*/ /* FULL WIDTH ANIMATED LAYERS 004 /*------------------------------------------------------*/ #fw_al_004 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.4; margin: auto; width: 100% !important; } /*---------- ZOOM EFFECT ----------*/ .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_bround .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; 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: #ffffff; background: #222222; border: 1px solid #222222; } .ps_control_bround .carousel-control.left>span:nth-child(1){ left: 45%; } .ps_control_bround .carousel-control.right>span:nth-child(1){ right: 45%; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; font-size: 70px; font-weight: 700; font-style: normal; line-height: 84px; margin-bottom: 30px; letter-spacing: 1px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .fw_al_004_slide > p { padding: 0; color: #ffffff; font-size: 20px; line-height: 24px; font-style: italic; font-weight: normal; margin-bottom: 40px; letter-spacing: 1px; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .fw_al_004_slide > a:nth-child(3){ color: #ffffff; cursor: pointer; font-weight: 600; font-size: 10px; line-height: 13px; margin-right: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; background: #47494D; display: inline-block; text-decoration: none; text-transform: uppercase; border-style: none none solid; -webkit-font-smoothing: antialiased; border-bottom: 2px solid rgba(0,0,0,0.2); -webkit-border-radius: 0px; border-radius: 0px; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; } .fw_al_004_slide > a:nth-child(4){ color: #ffffff; cursor: pointer; font-weight: 600; font-size: 10px; line-height: 13px; margin-left: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; background: #BF9865; display: inline-block; text-decoration: none; text-transform: uppercase; border-style: none none solid; -webkit-font-smoothing: antialiased; border-bottom: 2px solid rgba(0,0,0,0.2); -webkit-border-radius: 0px; border-radius: 0px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; } .fw_al_004_slide > a:hover, .fw_al_004_slide > a:active { color: #ffffff; background: #222222; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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: 0px; font-size: 13px; line-height: 15px; padding: 13px 25px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_bround .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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: 0px; font-size: 13px; line-height: 15px; padding: 13px 25px; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .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 768px - 889px ----------*/ @media (min-width: 768px) and (max-width: 889px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_004_slide > h1 { font-size: 45px; line-height: 45px; } } /*---------- MEDIA 890px - 950px ----------*/ @media (min-width: 890px) and (max-width: 950px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_004_slide > h1 { font-size: 55px; line-height: 55px; } } /*------------------------------------------------------*/ /* FULL WIDTH ANIMATED LAYERS 005 /*------------------------------------------------------*/ #fw_al_005 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.4; margin: auto; width: 100% !important; } /*---------- SPREAD EFFECT ----------*/ .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_hradius .carousel-control { top: 47%; opacity: 0; width: 40px; height: 65px; z-index: 100; color: #ffffff; 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 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ps_control_hradius .carousel-control.left { -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .ps_control_hradius .carousel-control.right { -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .ps_control_hradius .carousel-control.left:hover, .ps_control_hradius .carousel-control.right:hover{ color: #ffffff; 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%; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; 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: 0.7s; animation-delay: 0.7s; } .fw_al_005_slide > p { padding: 0; color: #ffffff; 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: #ffffff; 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 #ffffff; -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 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fw_al_005_slide > a:nth-child(4){ color: #ffffff; 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: #47494D; display: inline-block; text-decoration: none; text-transform: capitalize; border: 2px solid #47494D; -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 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fw_al_005_slide > a:hover, .fw_al_005_slide > a:active { color: #000; background: #ffffff; border: 2px solid #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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: 0px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_hradius .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_005_slide { padding: 10px 50px; } .fw_al_005_slide > h1 { font-size: 35px; line-height: 35px; } } /*---------- MEDIA 768px - 889px ----------*/ @media (min-width: 768px) and (max-width: 889px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_005_slide { padding: 10px 150px; } } /*------------------------------------------------------*/ /* FULL WIDTH ANIMATED LAYERS 006 /*------------------------------------------------------*/ #fw_al_006 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_bfradius .carousel-control { top: 47%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #000000; 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 0.3s ease-in-out; transition: all 0.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: #ffffff; 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%; } /*---------- SLIDE CAPTION ----------*/ .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 0px 10px 30px; border-left: 3px solid #000000; background: rgba(255, 255, 255, 0.3); } .fw_al_006_slide_right > div { border-left: none; border-right: 3px solid #000000; padding: 15px 30px 10px 20px; } .fw_al_006_slide > div > h3 { padding: 0; color: #000000; font-size: 45px; font-weight: 400; text-shadow: none; font-style: normal; margin: 0 0 10px 0; text-transform: capitalize; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .fw_al_006_slide > div > h1 { padding: 0; color: #BF9865; font-size: 60px; font-weight: 600; text-shadow: none; font-style: normal; margin: 0 0 10px 0; letter-spacing: 2px; text-transform: uppercase; -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: #000000; font-size: 18px; text-shadow: none; font-style: normal; font-weight: normal; letter-spacing: 1px; margin: 10px 0 10px 0; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .fw_al_006_slide > a { color: #BF9865; cursor: pointer; font-weight: 600; font-size: 10px; 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: #000000; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fw_al_006_slide > a:hover, .fw_al_006_slide > a:active { color: #ffffff; background: #303030; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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: 0px 0px 10px 10px; } .fw_al_006_slide_right > div { padding: 0px 10px 10px 0px; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_bfradius .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_006_slide { padding: 10px 10px; } .fw_al_006_slide > div { padding: 0 0 10px 10px; } } /*---------- MEDIA 768px - 889px ----------*/ @media (min-width: 768px) and (max-width: 889px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_006_slide { top: 17%; } } /*------------------------------------------------------*/ /* FULL WIDTH ANIMATED LAYERS 007 /*------------------------------------------------------*/ #fw_al_007 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.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; } /*---------- INDICATORS CONTROL ----------*/ .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); -webkit-border-radius: 0px; border-radius: 0px; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_rotate_f .carousel-control { top: 45%; opacity: 0; width: 40px; height: 40px; z-index: 100; color: #000000; display: block; font-size: 14px; cursor: pointer; overflow: hidden; line-height: 40px; 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: #ffffff; 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%; } /*---------- SLIDE CAPTION ----------*/ .fw_al_007_slide { left: 0; top: 22%; right: 0; margin: auto; position: absolute; text-align: center; } .fw_al_007_slide > h3 { color: #ffffff; font-size: 20px; font-weight: 700; text-shadow: none; font-style: normal; position: relative; padding-bottom: 2px; display: inline-block; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 0.7s; animation-delay: 0.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: 0.5em; border-bottom: 1px solid #ffffff; } .fw_al_007_slide > h3::after { content: ""; top: 50%; left: 100%; height: 3px; width: 75px; display: block; margin-top: -2px; margin-left: 0.5em; position: absolute; border-bottom: 1px solid #ffffff; } .fw_al_007_slide > h1 { padding: 0; color: #ffffff; font-size: 50px; font-weight: 900; text-shadow: none; font-style: normal; letter-spacing: 2px; text-transform: uppercase; -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: #ffffff; font-size: 18px; text-shadow: none; font-style: normal; font-weight: normal; letter-spacing: 1px; margin: 30px 0 0 0; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } .fw_al_007_slide > a { color: #000000; cursor: pointer; font-weight: 600; font-size: 11px; position: relative; margin: 50px 0 0 0; text-align: center; padding: 15px 30px; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-decoration: none; text-shadow: none; text-transform: uppercase; background: #ffffff; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .fw_al_007_slide > a:hover, .fw_al_007_slide > a:active { color: #ffffff; background: #f04d4e; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_007_slide { top: 0%; padding: 5px; } .fw_al_007_slide > h1 { font-size: 20px; letter-spacing: 0px; margin: 10px 0 0 0; } .fw_al_007_slide > p { font-size: 14px; margin: 10px 0 0 0; letter-spacing: 0px; } .fw_al_007_slide > a { margin: 10px 0 0 0; padding: 7px 15px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_rotate_f .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_007_slide { top: 5%; padding: 5px; } .fw_al_007_slide > h1 { font-size: 35px; margin: 10px 0 0 0; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_007_slide { top: 10%; } .fw_al_007_slide > h1 { font-size: 50px; margin: 10px 0 0 0; } } /*------------------------------------------------------*/ /* FULL WIDTH ANIMATED LAYERS 008 /*------------------------------------------------------*/ #fw_al_008 { overflow: hidden; max-height: 658px; position: relative; background: #000000; font-family: 'Open Sans', sans-serif; } #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: 0.4; margin: auto; width: 100% !important; } /*---------- INDICATORS CONTROL ----------*/ .ps_control_l_y .carousel-control { top: 18%; opacity: 0.3; width: 50px; height: 50px; z-index: 100; border: none; color: #ffffff; display: block; font-size: 14px; 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: 12%; left: 3%; } .ps_control_l_y .carousel-control.left:hover, .ps_control_l_y .carousel-control.right:hover{ color: #BF9865; background: transparent; } /*---------- SLIDE CAPTION ----------*/ .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: #AF8348; 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: 0.3s; animation-delay: 0.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: #ffffff; font-size: 38px; font-weight: 700; text-shadow: none; letter-spacing: 3px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.3s; animation-delay: 0.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: #ffffff; text-shadow: none; font-weight: normal; letter-spacing: 1px; margin-bottom: 25px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.3s; animation-delay: 0.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: #ffffff; font-weight: 300; text-shadow: none; letter-spacing: 1px; margin-bottom: 25px; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.3s; animation-delay: 0.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: #AF8348; font-weight: 600; text-shadow: none; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.3s; animation-delay: 0.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: #ffffff; font-size: 50px; font-weight: 400; text-shadow: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.3s; animation-delay: 0.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: #ffffff; 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 #ffffff; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #ffffff; background: #AF8348; border: 3px solid #AF8348; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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: 0px; margin: 0; } .fw_al_008_slide > h3 { font-size: 18px; margin: 0; } .fw_al_008_slide > p { font-size: 12px; letter-spacing: 0px; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_indicators_bx > .carousel-indicators, .ps_control_l_y .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_indicators_bx > .carousel-indicators{ display: none; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_008_slide { top: 0; } .fw_al_008_slide > a { margin: 0; } } /*---------- MEDIA 601px - 991px ---------- modified*/ @media (max-width: 991px) { /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_indicators_bx > .carousel-indicators{ display: none; } } /*------------------------------------------------------*/ /* FULL WIDTH ANIMATED LAYERS 009 /*------------------------------------------------------*/ #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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_sbo .carousel-control { top: 45%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #000000; 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 #000000; 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: #ffffff; background: #ff7f00; border: 2px solid #000000; outline: 2px solid #e9e9e9; } /*---------- SLIDE CAPTION ----------*/ .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 #000000; } .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; -webkit-animation-delay: 0.7s; animation-delay: 0.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: #000000; letter-spacing: 1px; text-transform: capitalize; font-weight: 700; } .fw_al_009_slide > h2 { color: #000000; font-size: 45px; font-weight: 500; text-shadow: none; letter-spacing: 1px; margin-bottom: 25px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', serif; -webkit-animation-delay:0.7s; animation-delay: 0.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: #000000; font-size: 16px; text-shadow: none; font-weight: normal; letter-spacing: 1px; margin-bottom: 40px; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', serif; -webkit-animation-delay: 0.7s; animation-delay: 0.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: #ffffff; cursor: pointer; font-weight: 600; font-size: 11px; overflow: hidden; position: relative; text-shadow: none; text-align: center; padding: 13px 30px; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: uppercase; background: #000000; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .fw_al_009_slide > a:hover > span { opacity: 1; right: 12px; color: #ffffff; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .fw_al_009_slide > a:hover, .fw_al_009_slide > a:active { color: #ffffff; background: #ff7f00; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_sbo .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_009_slide { top: 0; } } /*------------------------------------------------------*/ /* FULL WIDTH ANIMATED LAYERS 010 /*------------------------------------------------------*/ #fw_al_010 { overflow: hidden; max-height: 658px; position: relative; background: #D2D2D2; } #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: 0.5; 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; } /*---------- INDICATORS CONTROL ----------*/ .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.00); border-radius: 100%; -webkit-border-radius: 100%; border: none; } .ps_indicators_ld > .carousel-indicators .active { width: 10px; height: 10px; margin: 0 3px; background: transparent; border: 2px solid #BF9865; } /*---------- SLIDE CAPTION ----------*/ .fw_al_010_slide { left: 0; top: 22%; right: 0; width: 100%; text-align: center; position: absolute; } .fw_al_010_slide > h3 { color: #000; font-size: 20px; text-shadow: none; margin: 0 0 10px 0; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; -webkit-animation-delay: 0.7s; animation-delay: 0.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: #BF9865; font-size: 60px; 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: 'Open Sans', 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: #000; font-size: 17px; font-weight: 400; text-shadow: none; letter-spacing: 1px; -webkit-font-smoothing: antialiased; -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: #000; cursor: pointer; font-weight: 400; font-size: 10px; padding: 10px 0; text-shadow: none; margin-top: 200px; position: relative; text-align: center; letter-spacing: 2px; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; -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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: #BF9865; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_010_slide { top: 5%; } .fw_al_010_slide > h1 { font-size: 60px; } .fw_al_010_slide > a { margin-top: 0; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_010_slide > a { margin-top: 10px; } } /*---------- MEDIA 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 875px) { /*---------- SLIDE CAPTION ----------*/ .fw_al_010_slide > a { margin-top: 100px; } } /*------------------------------------------------------*/ /* FULL WIDTH IMAGES LAYERS 011 /*------------------------------------------------------*/ #fw_il_011 { overflow: hidden; position: relative; background: #000000; } #fw_il_011:hover { cursor: -moz-grab; cursor: -webkit-grab; } #fw_il_011:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_halfr .carousel-control { top: 45%; opacity: 0; width: 35px; height: 75px; z-index: 100; color: #ffffff; 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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #ffffff; 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; } /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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: 0.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); } /*---------- TEXT ----------*/ .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: #ffffff; font-size: 50px; margin: 0 0 0 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: #ffffff; margin: 0 0 0 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: #ffffff; 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: #ffffff; 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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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 0 0 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_halfr .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_011_slide { top: 1%; left: 0; } .fw_il_011_slide_right{ right: 0; left: auto; } } /*------------------------------------------------------*/ /* FULL WIDTH IMAGES LAYERS 012 /*------------------------------------------------------*/ #fw_il_012 { overflow: hidden; position: relative; background: #000000; } #fw_il_012:hover { cursor: -moz-grab; cursor: -webkit-grab; } #fw_il_012:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_r_y .carousel-control { top: 50%; opacity: 0.5; width: 50px; height: 50px; z-index: 100; border: none; color: #ffffff; 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; } /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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: 0.3s; animation-delay: 0.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: 0.5s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.9s; animation-delay: 0.9s; -webkit-animation-duration: 0.7s; animation-duration: 0.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); } /*---------- TEXT ----------*/ .fw_il_012_slide { top: 25%; right: 0; left: 5%; width: 215px; height: 215px; text-align: left; overflow: hidden; position: absolute; border: 4px solid #ffffff; padding: 130px 15px 20px 15px; } .fw_il_012_slide > span { display: block; color: #ffffff; font-size: 16px; margin: 0 0 0 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: #ffffff; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_012_slide { top: 1%; width: 100px; height: 70px; padding: 0 0 0 3px; border: 1px solid #ffffff; } .fw_il_012_slide > a{ font-size: 18px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_r_y .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_012_slide { top: 5%; height: 100px; padding: 0 0 0 3px; border: 1px solid #ffffff; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_r_y .carousel-control.right { top: 28%; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_012_slide { top: 2%; height: 130px; padding: 10px 10px 10px 3px; border: 1px solid #ffffff; } } /*---------- MEDIA 768px - 1250px ----------*/ @media (min-width: 768px) and (max-width: 1250px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_012_slide { top: 6%; height: 170px; padding: 80px 15px 20px 15px; } } /*------------------------------------------------------*/ /* FULL WIDTH IMAGES LAYERS 013 /*------------------------------------------------------*/ #fw_il_013 { overflow: hidden; position: relative; background: #000000; } #fw_il_013:hover { cursor: -moz-grab; cursor: -webkit-grab; } #fw_il_013:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_wflong .carousel-control { top: 47%; opacity: 0; width: 50px; height: 45px; z-index: 100; color: #000000; 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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #ffffff; background: #000000; } .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; } /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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: 0.3s; animation-delay: 0.3s; -webkit-animation-duration: 0.7s; animation-duration: 0.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: 0.4s; animation-delay: 0.4s; -webkit-animation-duration: 0.7s; animation-duration: 0.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: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 0.7s; animation-duration: 0.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: 0.6s; animation-delay: 0.6s; -webkit-animation-duration: 0.7s; animation-duration: 0.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: 0.7s; animation-delay: 0.7s; -webkit-animation-duration: 0.7s; animation-duration: 0.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: 0.8s; animation-delay: 0.8s; -webkit-animation-duration: 0.7s; animation-duration: 0.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: 0.9s; animation-delay: 0.9s; -webkit-animation-duration: 0.7s; animation-duration: 0.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: 0.7s; animation-duration: 0.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); } /*---------- TEXT ----------*/ .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: #000000; 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 #000000; font-family: 'Playfair Display', serif; -webkit-font-smoothing: antialiased; } .fw_il_013_slide > a{ color: #000000; 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 #000000; 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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .fw_il_013_slide > a:hover, .fw_il_013_slide > a:active{ color: #ffffff; background: rgba(0, 0, 0, 0.8); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_013_slide { top: 5%; } .fw_il_013_slide > h1 { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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 #000000; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_013_slide { top: 0; width: 125px; } .fw_il_013_slide > h1 { font-size: 20px; padding: 2px 2px; line-height: 23px; } } /*---------- MEDIA 768px - 1250px ----------*/ @media (min-width: 768px) and (max-width: 1250px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_013_slide { top: 0; left:0; } .fw_il_013_slide > h1 { width: 200px; font-size: 30px; line-height: 33px; } } /*------------------------------------------------------*/ /* FULL WIDTH IMAGES LAYERS 014 /*------------------------------------------------------*/ #fw_il_014 { overflow: hidden; position: relative; background: #000000; } #fw_il_014:hover { cursor: -moz-grab; cursor: -webkit-grab; } #fw_il_014:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_rfsmall .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #000000; 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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #ffffff; background: #000000; } .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; } /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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: 0.3s; animation-delay: 0.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: 0.4s; animation-delay: 0.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: 0.5s; animation-delay: 0.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: 0.6s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.8s; animation-delay: 0.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); } /*---------- TEXT ----------*/ .fw_il_014_slide{ top: 0; left: 0; right: 0; overflow: hidden; text-align: center; position: absolute; } .fw_il_014_slide > h2{ color: #ffffff; 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: #ffffff; 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: #ffffff; 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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_014_slide > h2{ display: none; } .fw_il_014_slide > h1{ display: none; } .fw_il_014_slide > a{ font-size: 14px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_rfsmall .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .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 768px - 1210px ----------*/ @media (min-width: 768px) and (max-width: 1210px) { /*---------- SLIDE CAPTION ----------*/ .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; } } /*------------------------------------------------------*/ /* FULL WIDTH IMAGES LAYERS 015 /*------------------------------------------------------*/ #fw_il_015 { overflow: hidden; position: relative; background: #000000; } #fw_il_015:hover { cursor: -moz-grab; cursor: -webkit-grab; } #fw_il_015:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_roundsm .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #000000; 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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #000000; background: #ffffff; } .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; } /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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: 0.7; } #fw_il_015 > .carousel-inner > .item > .row:nth-child(1) > div:nth-child(1) > img { -webkit-animation-delay: 0.3s; animation-delay: 0.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: 0.3s; animation-delay: 0.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: 0.3s; animation-delay: 0.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: 0.3s; animation-delay: 0.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: 0.3s; animation-delay: 0.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: 0.3s; animation-delay: 0.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: 0.3s; animation-delay: 0.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: 0.3s; animation-delay: 0.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: 0.3s; animation-delay: 0.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); } /*---------- TEXT ----------*/ .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: #000000; 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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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 0 0 0; letter-spacing: 0px; } .fw_il_015_slide > h1{ font-size: 12px; margin: 0 0 0 0; letter-spacing: 0px; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_roundsm .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .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 768px - 1210px ----------*/ @media (min-width: 768px) and (max-width: 1210px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_015_slide > h1{ font-size: 16px; } .fw_il_015_slide_right > a { left: 95px; } } /*------------------------------------------------------*/ /* FULL WIDTH IMAGES LAYERS 016 /*------------------------------------------------------*/ #fw_il_016 { overflow: hidden; max-height: 645px; position: relative; background: #000000; } #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_rt_y .carousel-control { top: 4%; opacity: 1; width: 45px; height: 45px; z-index: 100; border: none; color: #ffffff; 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: #000000; } /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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: 0.3s; animation-delay: 0.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: 0.3s; animation-delay: 0.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); } /*---------- TEXT ----------*/ .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: #000000; 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) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .fw_il_016_slide > a:hover{ color: #eedd75; background: #000000; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_016_slide{ padding-top: 20%; } .fw_il_016_slide_center{ padding-top: 10%; } .fw_il_016_slide > h1{ font-size: 20px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_rt_y .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_016_slide > h1{ font-size: 35px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_rt_y .carousel-control.right{ top: 17%; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_rt_y .carousel-control.right{ top: 15%; } } /*------------------------------------------------------*/ /* FULL WIDTH IMAGES LAYERS 017 /*------------------------------------------------------*/ #fw_il_017 { overflow: hidden; max-height: 645px; position: relative; background: #000000; } #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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: #000000; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #000000; 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; } /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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); } /*---------- TEXT ----------*/ .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: #ffffff; letter-spacing: 1px; text-transform: capitalize; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; } .fw_il_017_slide > a{ color: #ffffff; 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) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .fw_il_017_slide > a:hover{ color: #a5cd45; background: #000000; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_017_slide > h5{ display: none; } .fw_il_017_slide > a{ padding: 3px; font-size: 11px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_squarefill .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_017_slide > h5{ padding: 0; width: 85px; font-size: 11px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_squarefill .carousel-control { display: none; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_017_slide > h5{ padding: 0; width: 80px; font-size: 11px; } } /*------------------------------------------------------*/ /* FULL WIDTH IMAGES LAYERS 018 /*------------------------------------------------------*/ #fw_il_018 { overflow: hidden; max-height: 645px; position: relative; background: #000000; } #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #ffffff; 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; } /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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); } /*---------- TEXT ----------*/ .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: #ffffff; 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: #ffffff; 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 #ffffff; 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) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .fw_il_018_slide > a:hover{ color: #754fc9; border-bottom: 1px solid #754fc9; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_rectanlefil .carousel-control { display: none; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #fw_il_018 > .carousel-inner > .item img { height: 400px; } .fw_il_018_slide > h5{ font-size: 14px; } } /*---------- MEDIA 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 930px) { /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #fw_il_018 > .carousel-inner > .item img { height: 450px; } .fw_il_018_slide > h5{ font-size: 14px; } } /*------------------------------------------------------*/ /* FULL WIDTH IMAGES LAYERS 019 /*------------------------------------------------------*/ #fw_il_019 { overflow: hidden; max-height: 645px; position: relative; background: #000000; } #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_bradiustrans .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #000000; 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 #000000; -webkit-border-radius: 1px; border-radius: 1px; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #ffffff; background: #BF9865; border: 1px solid #BF9865; } .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; } /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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); } /*---------- TEXT ----------*/ .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: #000000; 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: #000000; 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: #000000; 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 #000000; 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) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .fw_il_019_slide > a:hover{ color: #d32727; border-bottom: 1px solid #d32727; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_019_slide{ padding: 3px; margin-top: 0; text-align: center; } .fw_il_019_slide > h1{ font-size: 14px; margin: 0 0 0 0; letter-spacing: 0; } .fw_il_019_slide > p{ width: 100%; font-size: 9px; margin: 0 0 0 0; letter-spacing: 0; } .fw_il_019_slide > a{ font-size: 9px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_bradiustrans .carousel-control { display: none; } } /*---------- MEDIA 481px - 640px ----------*/ @media (min-width: 481px) and (max-width: 640px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_019_slide{ padding: 10px; margin-top: 2%; } .fw_il_019_slide > h1{ font-size: 24px; margin: 0 0 0 0; letter-spacing: 0; } .fw_il_019_slide > p{ width: 100%; font-size: 12px; margin: 0 0 0 0; letter-spacing: 0; } } /*---------- MEDIA 641px - 767px ----------*/ @media (min-width: 641px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_019_slide{ padding: 10px; margin-top: 5%; } .fw_il_019_slide > p{ width: 100%; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_019_slide{ padding: 10px; } } /*------------------------------------------------------*/ /* FULL WIDTH IMAGES LAYERS 020 /*------------------------------------------------------*/ #fw_il_020 { overflow: hidden; max-height: 645px; position: relative; background: #000000; } #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_xlongicon .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: #ffffff; } .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; } /*---------- SLIDE CAPTION ----------*/ /*---------- BACKGROUND IMAGES ----------*/ #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); } /*---------- TEXT ----------*/ .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: #ffffff; 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 #ffffff; 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) 0.7s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.7s; } .fw_il_020_slide > a:hover{ color: #036f4a; background: rgba(255, 255, 255, 0.8); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_020_slide > a{ font-size: 9px; padding: 2px 5px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_xlongicon .carousel-control { display: none; } } /*---------- MEDIA 481px - 640px ----------*/ @media (min-width: 481px) and (max-width: 640px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_020_slide > a{ font-size: 10px; padding: 2px 5px; } } /*---------- MEDIA 641px - 767px ----------*/ @media (min-width: 641px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_020_slide > a{ font-size: 10px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px) { /*---------- SLIDE CAPTION ----------*/ .fw_il_020_slide > a{ font-size: 14px; } } /*---------- FIVE COLOUMNS ----------*/ .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; } } /*------------------------------------------------------*/ /* INDICATOR NAVIGATION THUMBNAIL 021 /*------------------------------------------------------*/ #in_th_021 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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:0.8; width: 100%; margin: auto; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: 0px; padding: 0px; height: 100%; margin: 2px 0; text-indent: 0; cursor: pointer; display: inline-block; 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: 0.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; } } /*---------- SLIDE CAPTION ----------*/ .in_th_021_slide{ top: 20%; left: 10%; width: 35%; right: auto; margin: auto; text-align: left; position: absolute; -webkit-animation-delay: 0.3s; animation-delay: 0.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: #ffffff; font-size: 28px; font-weight: 300; text-transform: capitalize; -webkit-animation-delay: 0.2s; animation-delay: 0.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: #ffffff; font-size: 50px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; -webkit-animation-delay: 0.2s; animation-delay: 0.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: #000000; font-size: 10px; font-weight: 400; margin: 0 0 15px 0; background: #ffffff; text-align: center; letter-spacing: 1px; padding: 5px 5px 5px 10px; text-transform: uppercase; -webkit-animation-delay: 0.2s; animation-delay: 0.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: center; } .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: #ffffff; 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 #ffffff; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: 0.2s; animation-delay: 0.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: #000000; background: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .in_th_021_slide { top: 5%; width: 100%; padding: 5px; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .in_th_021_slide { width: 100%; } } /*------------------------------------------------------*/ /* INDICATOR NAVIGATION THUMBNAIL 022 /*------------------------------------------------------*/ #in_th_022 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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:0.8; width: 100%; margin: auto; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: 0px; background: rgba(255, 255, 255, 0.3); } .in_th_right_022 > .carousel-indicators li { width: 100%; height: auto; border: none; display: block; margin: 2px 0px 2px 0px; background: 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: none; margin: 2px 0px 2px 0px; background: transparent; } .in_th_right_022 > .carousel-indicators .active img{ opacity: 0.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; } } /*---------- SLIDE CAPTION ----------*/ .in_th_022_slide{ top: 20%; left: 10%; width: 35%; right: auto; margin: auto; padding: 5px; text-align: left; position: absolute; -webkit-animation-delay: 0.3s; animation-delay: 0.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: #ffffff; 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: 0.2s; animation-delay: 0.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: #ffffff; font-size: 35px; font-weight: 400; margin: 0 0 15px 0; text-transform: uppercase; font-family: 'Montserrat', sans-serif; -webkit-animation-delay: 0.4s; animation-delay: 0.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: #ffffff; 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: 0.6s; animation-delay: 0.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: #000000; cursor: pointer; font-size: 10px; font-weight: 600; 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: #ffffff; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: 0.8s; animation-delay: 0.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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; } .in_th_022_slide > a:nth-child(5), .in_th_022_slide > a:nth-child(5):visited{ color: #ffffff; cursor: pointer; font-size: 10px; font-weight: 600; 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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.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: #ffffff; background: #000000; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .in_th_022_slide { top: 5%; left: 2%; width: 90%; } .in_th_022_slide_right { left: 0; } } /*---------- MEDIA 601px - 850px ----------*/ @media (min-width: 601px) and (max-width: 850px) { /*---------- SLIDE CAPTION ----------*/ .in_th_022_slide { top: 5%; width: 60%; } } /*------------------------------------------------------*/ /* INDICATOR NAVIGATION THUMBNAIL 023 /*------------------------------------------------------*/ #in_th_023 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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:0.4; width: 100%; margin: auto; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: 0px; background: rgba(255, 255, 255, 0.2); } .in_th_left_023 > .carousel-indicators li { width: 100%; height: auto; border: none; display: block; margin: 2px 0px 2px 0px; 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: none; margin: 2px 0px 2px 0px; background-color: transparent; } .in_th_left_023 > .carousel-indicators .active img{ opacity: 0.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; } } /*---------- SLIDE CAPTION ----------*/ .in_th_023_slide{ top: 20%; left: 15%; width: 25%; right: auto; margin: auto; padding: 5px; text-align: left; position: absolute; -webkit-animation-delay: 0.3s; animation-delay: 0.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: 50px; 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: 0.2s; animation-delay: 0.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: #ffffff; font-size: 12px; font-weight: 400; text-align: left; margin: 0 0 25px 0; letter-spacing: 2px; -webkit-animation-delay: 0.6s; animation-delay: 0.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: #000000; cursor: pointer; font-size: 10px; font-weight: 600; 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: rgba(255,255,255,0.60); text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: 0.8s; animation-delay: 0.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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; } .in_th_023_slide > a:hover, .in_th_023_slide > a:active{ color: #ffffff; background: #fa373d; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .in_th_023_slide { top: 5%; left: 10%; width: 90%; } .in_th_023_slide_right { right: 1%; } } /*---------- MEDIA 601px - 850px ----------*/ @media (min-width: 601px) and (max-width: 850px) { /*---------- SLIDE CAPTION ----------*/ .in_th_023_slide { top: 5%; width: 40%; } } /*------------------------------------------------------*/ /* INDICATOR NAVIGATION THUMBNAIL 024 /*------------------------------------------------------*/ #in_th_024 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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; } /*---------- INDICATORS THUMBNAIL IMAGES ----------*/ .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 0 0 0; position: absolute; margin-bottom: 0px; background: rgba(255, 255, 255, 0.2); } .in_th_gallery_024 > .carousel-indicators li{ float: left; width: 32.5%; height: auto; border: none; display: block; margin: 1px 0 0 1px; background: 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: none; margin: 1px 0 0 1px; background: transparent; } .in_th_gallery_024 > .carousel-indicators .active img{ opacity: 0.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); } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; font-size: 35px; font-weight: 700; margin: 0 0 10px 0; text-transform: capitalize; font-family: 'Open Sans', serif; } .in_th_024_slide > p{ padding: 5px; color: #ffffff; font-size: 13px; font-weight: 400; text-align: left; margin: 0 0 40px 0; letter-spacing: 2px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } .in_th_024_slide_right > p{ text-align: right; } .in_th_024_slide > a, .in_th_024_slide > a:visited{ color: #333333; cursor: pointer; font-size: 10px; font-weight: 600; margin-left: 5px; line-height: 12px; text-align: center; background: #ffffff; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; padding: 4px 25px 4px 4px; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s; } .in_th_024_slide > a > span{ width: 35px; height: 35px; color: #ffffff; line-height: 35px; margin: 0 10px 0 0; background: #333333; -webkit-border-radius: 100px; border-radius: 100px; } .in_th_024_slide > a:hover, .in_th_024_slide > a:active{ color: #ffffff; background: #333333; } .in_th_024_slide > a:hover > span, .in_th_024_slide > a:active > span{ color: #333333; background: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 700px) { /*---------- INDICATORS THUMBNAIL IMAGES ----------*/ .in_th_gallery_024 > .carousel-indicators li{ width: 31.5%; } .in_th_gallery_024 > .carousel-indicators .active{ width: 31.5%; } } /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .in_th_024_slide { top: 5%; width: 75%; } .in_th_024_slide_right { left: 1%; } } /*---------- MEDIA 601px - 850px ----------*/ @media (min-width: 601px) and (max-width: 850px) { /*---------- SLIDE CAPTION ----------*/ .in_th_024_slide { top: 3%; } } /*------------------------------------------------------*/ /* INDICATOR NAVIGATION THUMBNAIL 025 /*------------------------------------------------------*/ #in_th_025 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; display: block; text-indent: 0; overflow: hidden; max-height: 65px; margin: 2px 0px 2px 0px; 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: none; display: block; text-indent: 0; overflow: hidden; max-height: 65px; margin: 2px 0px 2px 0px; 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: 0.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: #ffffff; font-size: 11px; text-align: justify; letter-spacing: 0.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; } } /*---------- SLIDE CAPTION ----------*/ .in_th_025_slide{ top: 30%; left: 5%; width: 35%; right: auto; margin: auto; padding: 5px; text-align: left; position: absolute; -webkit-animation-delay: 0.3s; animation-delay: 0.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: #ffffff; 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: 0.2s; animation-delay: 0.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: #ffffff; 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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; } .in_th_025_slide > a:hover > span, .in_th_025_slide > a:active > span{ margin-left: 15px; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_right_box_025 > .carousel-indicators { padding: 0 1px; } .in_th_right_box_025 > .carousel-indicators li { margin: 1px 0px 1px 0px; } .in_th_right_box_025 > .carousel-indicators .active { margin: 1px 0px 1px 0px; } .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; } /*---------- SLIDE CAPTION ----------*/ .in_th_025_slide, .in_th_025_slide.in_th_025_slide_right{ top: 10%; left: 1%; right: auto; text-align: left; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_right_box_025 > .carousel-indicators { padding: 0 1px; } .in_th_right_box_025 > .carousel-indicators li { margin: 1px 0px 1px 0px; } .in_th_right_box_025 > .carousel-indicators .active { margin: 1px 0px 1px 0px; } .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; } /*---------- SLIDE CAPTION ----------*/ .in_th_025_slide_right { right: 35%; } } /*---------- MEDIA 601px - 725px ----------*/ @media (min-width: 601px) and (max-width: 725px) { /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_right_box_025 > .carousel-indicators { left: 60%; width: 40%; padding: 0 1px; } .in_th_right_box_025 > .carousel-indicators li { margin: 1px 0px 1px 0px; } .in_th_right_box_025 > .carousel-indicators .active { margin: 1px 0px 1px 0px; } .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; } /*---------- SLIDE CAPTION ----------*/ .in_th_025_slide_right { right: 40%; } } /*---------- MEDIA 726px - 810px ----------*/ @media (min-width: 726px) and (max-width: 810px) { /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- SLIDE CAPTION ----------*/ .in_th_025_slide_right { right: 35%; } } /*---------- MEDIA 811px - 950px ----------*/ @media (min-width: 811px) and (max-width: 950px) { /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- SLIDE CAPTION ----------*/ .in_th_025_slide_right { right: 38%; } } /*---------- MEDIA 951px - 1200px ----------*/ @media (min-width: 951px) and (max-width: 1250px) { /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_right_box_025 > .carousel-indicators { left: 62%; width: 38%; } /*---------- SLIDE CAPTION ----------*/ .in_th_025_slide_right { right: 38%; } } /*------------------------------------------------------*/ /* INDICATOR NAVIGATION THUMBNAIL 026 /*------------------------------------------------------*/ #in_th_026 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; 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: 0.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: #ffffff; 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; } } /*---------- SLIDE CAPTION ----------*/ .in_th_026_slide{ top: 20%; left: 10%; width: 35%; right: auto; margin: auto; text-align: left; position: absolute; -webkit-animation-delay: 0.3s; animation-delay: 0.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: #ffffff; font-size: 30px; margin: 0 0 0 0; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-animation-delay: 0.2s; animation-delay: 0.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: #ffffff; display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-animation-delay: 0.2s; animation-delay: 0.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: #ffffff; background: #bd9655; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- SLIDE CAPTION ----------*/ .in_th_026_slide.in_th_026_slide_right{ right: 25%; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } } /*------------------------------------------------------*/ /* INDICATOR NAVIGATION THUMBNAIL 027 /*------------------------------------------------------*/ #in_th_027 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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: 0.5; width: 100%; margin: auto; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; 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: #000000; 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: #ffffff; 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; } } /*---------- SLIDE CAPTION ----------*/ .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: 0.3s; animation-delay: 0.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: #ffffff; } .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: #ffffff; font-size: 30px; margin: 0 0 0 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: #ffffff; 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) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .in_th_027_slide > a:hover, .in_th_027_slide > a:active { color: #000000; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_below_txt_027 > .carousel-indicators > li > h5{ font-size: 11px; } .in_th_below_txt_027 > .carousel-indicators > li > p{ display: none; } /*---------- SLIDE CAPTION ----------*/ .in_th_027_slide{ top: 5%; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- SLIDE CAPTION ----------*/ .in_th_027_slide{ top: 5%; } } /*------------------------------------------------------*/ /* INDICATOR NAVIGATION THUMBNAIL 028 /*------------------------------------------------------*/ #in_th_028 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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: 0.5; margin: auto; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; padding: 10px; display: block; text-indent: 0; overflow: hidden; text-align: left; position: relative; margin: 2px 0px 2px 0px; 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: none; padding: 10px; display: block; text-indent: 0; overflow: hidden; margin: 2px 0px 2px 0px; background-color: transparent; background-color: #000000; -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: #ffffff; 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; } } /*---------- SLIDE CAPTION ----------*/ .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: 0.3s; animation-delay: 0.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: #ffffff; font-size: 30px; margin: 0 0 0 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: #ffffff; 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) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .in_th_028_slide > a:hover, .in_th_028_slide > a:active { color: #39C6ef; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- SLIDE CAPTION ----------*/ .in_th_028_slide{ left: 5%; } .in_th_028_slide_center{ right: auto; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_right_txt_028 > .carousel-indicators > li > h5{ font-size: 10px; } .in_th_right_txt_028 > .carousel-indicators > li > p{ display: none; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } } /*------------------------------------------------------*/ /* INDICATOR NAVIGATION THUMBNAIL 029 /*------------------------------------------------------*/ #in_th_029 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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: 0.4; margin: auto; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: 0px; padding: 0px; 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: 0.8; } .in_th_box_img_029 > .carousel-indicators > li > h5{ padding: 0; color: #ffffff; 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; } } /*---------- SLIDE CAPTION ----------*/ .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: 0.7s; animation-delay: 0.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 0 0 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 0 0 0; } .in_th_029_slide > h1{ color: #5cae4a; font-size: 50px; margin: 0 0 0 0; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; } .in_th_029_slide > h2{ color: #ffffff; font-size: 50px; margin: 0 0 0 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: #ffffff; 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) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .in_th_029_slide > a:hover, .in_th_029_slide > a:active { color: #5cae4a; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_box_img_029 > .carousel-indicators > li > h5{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_box_img_029 > .carousel-indicators > li > h5{ display: none; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_box_img_029 > .carousel-indicators > li > h5{ font-size: 7px; } } /*------------------------------------------------------*/ /* INDICATOR NAVIGATION THUMBNAIL 030 /*------------------------------------------------------*/ #in_th_030 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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: 0.9; margin: auto; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; -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: 0.9; } .in_th_brdr_img_030 > .carousel-indicators > li > h5{ opacity: 0; left: -50px; color: #fff; padding: 7px 0; font-size: 10px; font-weight: 600; margin: 0 0 3px 0; letter-spacing: 1px; white-space: normal; visibility: hidden; position: relative; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.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: #fff; } .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 0 0 0; } .in_th_brdr_img_030 > .carousel-indicators > li > h5 > :first-child:after { left: 0; bottom: 0; border-width: 0 0 0 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; } } /*---------- SLIDE CAPTION ----------*/ .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: 0.7s; animation-delay: 0.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: #fff; } .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 0 0 0; } .in_th_030_slide>:first-child:after { left: 0; bottom: 0; border-width: 0 0 0 0; } .in_th_030_slide > h1{ color: #fff; font-size: 25px; margin: 0 0 0 0; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; } .in_th_030_slide > h2{ color: #BF9865; font-size: 50px; margin: 0 0 0 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: #fff; cursor: pointer; font-size: 11px; font-weight: 800; text-align: center; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .in_th_030_slide > a:hover, .in_th_030_slide > a:active { color: #ACACAC; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_brdr_img_030 > .carousel-indicators > li > h5{ display: none; } /*---------- SLIDE CAPTION ----------*/ .in_th_030_slide{ top: 7%; } .in_th_030_slide > h1{ font-size: 25px; } .in_th_030_slide > h2{ font-size:20px; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_brdr_img_030 > .carousel-indicators > li > h5{ display: none; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .in_th_brdr_img_030 > .carousel-indicators > li > h5{ font-size: 7px; } } /*------------------------------------------------------*/ /* JAVASCRIPT FORM 031 /*------------------------------------------------------*/ #js_frm_031 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.8; margin: auto; } /*---------- SLIDE CAPTION ----------*/ .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: 0px 0px 20px 4px rgba(0,0,0,1); box-shadow: 0px 0px 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: #ffffff; border-radius: 30px; -webkit-border-radius: 30px; -webkit-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); } .js_frm_signup_transparent{ background: transparent; border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 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: 0.5s; animation-delay: 0.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: #ffffff; } .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: #ffffff; } .js_frm_signup > form > button, .js_frm_signup > form > button:focus{ outline: none; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; 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: #ffffff; border-color: #ffffff; 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: #000000 !important; background: transparent !important; border-color: #000000 !important; } .js_frm_signup > form > div > input{ height: 42px; /*---------- height is essential to show placeholder in firefox ----------*/ 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: 0.5s; animation-delay: 0.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: #ffffff; background: transparent; border-color: #ffffff; -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: none; 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 #000000; } /*---------- PLACE HOLDER ----------*/ .js_frm_signup > form > div > input::-webkit-input-placeholder{ color: #4e4e4e; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_signup > form > div > input::-moz-placeholder{ color: #4e4e4e; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_signup > form > div > input:-ms-input-placeholder{ color: #4e4e4e; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_signup > form > div > input:-moz-placeholder{ color: #4e4e4e; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_signup_transparent > form > div > input::-webkit-input-placeholder{ color: #ffffff; } .js_frm_signup_transparent > form > div > input::-moz-placeholder{ color: #ffffff; } .js_frm_signup_transparent > form > div > input:-ms-input-placeholder{ color: #ffffff; } .js_frm_signup_transparent > form > div > input:-moz-placeholder{ color: #ffffff; } .js_frm_signup > form > div > input:focus::-webkit-input-placeholder{ color: #ffda50; } .js_frm_signup > form > div > input:focus::-moz-placeholder{ color: #ffda50; } .js_frm_signup > form > div > input:focus:-ms-input-placeholder{ color: #ffda50; } .js_frm_signup > form > div > input:focus:-moz-placeholder{ color: #ffda50; } .js_frm_signup_white > form > div > input:focus::-webkit-input-placeholder{ color: #de614b; } .js_frm_signup_white > form > div > input:focus::-moz-placeholder{ color: #de614b; } .js_frm_signup_white > form > div > input:focus:-ms-input-placeholder{ color: #de614b; } .js_frm_signup_white > form > div > input:focus:-moz-placeholder{ color: #de614b; } .js_frm_signup_transparent > form > div > input:focus::-webkit-input-placeholder{ color: #000000; } .js_frm_signup_transparent > form > div > input:focus::-moz-placeholder{ color: #000000; } .js_frm_signup_transparent > form > div > input:focus:-ms-input-placeholder{ color: #000000; } .js_frm_signup_transparent > form > div > input:focus:-moz-placeholder{ color: #000000; } /*---------- CHECKBOX ----------*/ .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: #ffffff; } .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: #ffffff; } .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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); 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 #ffffff; 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 #000000; } .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: #000000; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signup{ top: 0; left: 0; margin: auto; width: 290px; padding: 5px; opacity: 0.8; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signup{ top: 1%; opacity: 0.8; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signup{ top: 1%; opacity: 0.8; } } /*---------- MEDIA 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 875px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_signup{ top: 5%; } } /*------------------------------------------------------*/ /* JAVASCRIPT FORM 032 /*------------------------------------------------------*/ #js_frm_032 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.8; margin: auto; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_hradius .carousel-control{ top: 47%; opacity: 0; width: 40px; height: 65px; z-index: 100; color: #ffffff; 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 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ps_control_hradius .carousel-control.left { -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .ps_control_hradius .carousel-control.right { -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .ps_control_hradius .carousel-control.left:hover, .ps_control_hradius .carousel-control.right:hover{ color: #ffffff; 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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signup_x{ top: 10%; right: 0; left: 10%; width: 425px; padding: 20px; overflow: hidden; text-align: left; position: absolute; background: #2c2c2c; -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,1); box-shadow: 0px 0px 20px 4px rgba(0,0,0,1); } .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: #ffffff; border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 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: 0px 0px 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); } .js_frm_signup_x > form > .form-group { padding: 0 3px; -webkit-animation-delay: 0.5s; animation-delay: 0.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: 0.5s; animation-delay: 0.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: 0.5s; animation-delay: 0.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 > a{ color: #f7f7f7; text-transform: capitalize; } .js_frm_signup_x_white > p{ color: #bcbcbc; } .js_frm_signup_x_white > p > a{ color: #000000; } .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: none; outline: none; color: #787a79; 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: 1px solid #787a79; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); -webkit-animation-delay: 0.5s; animation-delay: 0.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: none; color: #ffffff; 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: #000000 !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: #ffffff !important; background: #000000 !important; border-color: #000000 !important; } .js_frm_signup_x > form > div input{ height: 42px; /*---------- height is essential to show placeholder in firefox ----------*/ padding: 0 20px; border: none; color: #fa373d; background: #2c2c2c; letter-spacing: 1px; border-bottom: 1px solid #787a79; 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: #000000; 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: none; 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: none; outline: none; 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: none; background: #000000; } /*---------- PLACE HOLDER ----------*/ .js_frm_signup_x > form > div input::-webkit-input-placeholder{ color: #787a79; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_signup_x > form > div input::-moz-placeholder{ color: #787a79; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_signup_x > form > div input:-ms-input-placeholder{ color: #787a79; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_signup_x > form > div input:-moz-placeholder{ color: #787a79; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_signup_x_transparent > form > div input::-webkit-input-placeholder{ color: #ffffff; } .js_frm_signup_x_transparent > form > div input::-moz-placeholder{ color: #ffffff; } .js_frm_signup_x_transparent > form > div input:-ms-input-placeholder{ color: #ffffff; } .js_frm_signup_x_transparent > form > div input:-moz-placeholder{ color: #ffffff; } .js_frm_signup_x > form > div input:focus::-webkit-input-placeholder{ color: #fa373d; } .js_frm_signup_x > form > div input:focus::-moz-placeholder{ color: #fa373d; } .js_frm_signup_x > form > div input:focus:-ms-input-placeholder{ color: #fa373d; } .js_frm_signup_x > form > div input:focus:-moz-placeholder{ color: #fa373d; } .js_frm_signup_x_white > form > div input:focus::-webkit-input-placeholder{ color: #000000; } .js_frm_signup_x_white > form > div input:focus::-moz-placeholder{ color: #000000; } .js_frm_signup_x_white > form > div input:focus:-ms-input-placeholder{ color: #000000; } .js_frm_signup_x_white > form > div input:focus:-moz-placeholder{ color: #000000; } .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); } /*---------- RADIO BUTTONS ----------*/ .js_frm_signup_x > form > .radio{ padding: 2px; display: inline-block; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #787a79; 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: 1px solid #787a79; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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); } /*---------- CHECKBOX ----------*/ .js_frm_signup_x > form > .checkbox{ margin-top: 15px; margin-bottom: 25px; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #787a79; 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: #000000; } .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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); background: transparent; border: 1px solid #787a79; 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 #000000; } .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: #000000; } .js_frm_signup_x_transparent > form > .checkbox input + span:before { color: #000000; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- WRAPPER ----------*/ #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_hradius .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signup_x{ top: 1%; left: 0; margin: auto; width: 290px; padding: 5px; opacity: 0.8; } .js_frm_signup_x > p{ font-size: 11px; margin-bottom: 5px; } .js_frm_signup_x > form > .checkbox label{ font-size: 12px; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signup_x{ top: 0; opacity: 0.8; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signup_x{ top: 0; opacity: 0.8; } } /*---------- MEDIA 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 875px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_signup_x{ top: 1%; } } /*------------------------------------------------------*/ /* JAVASCRIPT FORM 033 /*------------------------------------------------------*/ #js_frm_033 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.8; margin: auto; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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: 0px; border-radius: 0px; } .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: #ffffff; 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%; } /*---------- SLIDE CAPTION ----------*/ .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: none; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); } .js_frm_signin_transparent{ border: none; border-radius: 0; -webkit-border-radius: 0; background: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); } .js_frm_signin > form > .form-group { padding: 0; -webkit-animation-delay: 0.5s; animation-delay: 0.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: 0.5s; animation-delay: 0.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: #ffffff; padding: 1px 5px; background: #FA882C; border-radius: 10px; -webkit-border-radius: 10px; } .js_frm_signin_transparent > h3{ color: #ffffff; } .js_frm_signin_white > h3:after{ background: transparent; } .js_frm_signin_transparent > h3:after{ background: rgba(255, 255, 255, 0.7); } /*---------- BUTTONS ----------*/ .js_frm_signin > form > button, .js_frm_signin > form > button:focus{ border: none; outline: none; 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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; border: none; background: #22A41C; border-radius: 100px; -webkit-border-radius: 100px; } .js_frm_signin_transparent > form > button, .js_frm_signin_transparent > form > button:focus{ border: none; 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: #ffffff !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: 0.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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-animation-delay: 0.5s; animation-delay: 0.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: none; color: #ffffff; background: #3b5e96; } .js_frm_signin_transparent > a:nth-child(4){ border: none; 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: none; color: #ffffff; background: #57bed1; } .js_frm_signin_transparent > a:nth-child(5){ border: none; 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: none; color: #ffffff; background: #df4a36; } .js_frm_signin_transparent > a:nth-child(6){ border: none; 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: none; color: #ffffff; background: #51a5c7; } .js_frm_signin_transparent > a:nth-child(7){ border: none; background: rgba(0, 0, 0, 0.7); } .js_frm_signin > a:nth-child(8){ color: #ffffff; border-color: #ffffff; } .js_frm_signin_white > a:nth-child(8){ border: none; color: #ffffff; background: #22A41C; } .js_frm_signin_transparent > a:nth-child(8){ border: none; background: rgba(0, 0, 0, 0.7); } .js_frm_signin > a:hover, .js_frm_signin > a:active{ opacity: 0.6; } /*---------- INPUT FIELDS ----------*/ .js_frm_signin > form > div > input{ height: 42px; /*---------- height is essential to show placeholder in firefox ----------*/ padding: 0 20px; border: none; 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: none; color: #ffffff; 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: none; color: #000000; 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: none; outline: none; 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: none; } .js_frm_signin_transparent > form > div > input:focus { border: none; background: rgba(255, 255, 255, 1); } /*---------- PLACE HOLDER ----------*/ .js_frm_signin > form > div > input::-webkit-input-placeholder{ color: rgba(255, 255, 255, 0.5); text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #000000; } .js_frm_signin_transparent > form > div > input::-moz-placeholder{ color: #000000; } .js_frm_signin_transparent > form > div > input:-ms-input-placeholder{ color: #000000; } .js_frm_signin_transparent > form > div > input:-moz-placeholder{ color: #000000; } .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: #ffffff; } .js_frm_signin_white > form > div > input:focus::-moz-placeholder{ color: #ffffff; } .js_frm_signin_white > form > div > input:focus:-ms-input-placeholder{ color: #ffffff; } .js_frm_signin_white > form > div > input:focus:-moz-placeholder{ color: #ffffff; } .js_frm_signin_transparent > form > div > input:focus::-webkit-input-placeholder{ color: #000000; } .js_frm_signin_transparent > form > div > input:focus::-moz-placeholder{ color: #000000; } .js_frm_signin_transparent > form > div > input:focus:-ms-input-placeholder{ color: #000000; } .js_frm_signin_transparent > form > div > input:focus:-moz-placeholder{ color: #000000; } /*---------- CHECKBOX ----------*/ .js_frm_signin > form > .checkbox{ margin-top: 15px; margin-bottom: 15px; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #222222; } .js_frm_signin_transparent > form > .checkbox label{ color: #ffffff; } .js_frm_signin > form > .checkbox label > a{ color: #f7f7f7; font-size: 12px; margin-left:30px; letter-spacing: 0px; text-transform: capitalize; } .js_frm_signin_white > form > .checkbox label > a{ color: #000000; } .js_frm_signin_transparent > form > .checkbox label > a{ color: #ffffff; } .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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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 #ffffff; 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 #ffffff; } .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: #ffffff; } .js_frm_signin_transparent > form > .checkbox input + span:before { color: #000000; background: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- WRAPPER ----------*/ #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_smsquare .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signin{ top: 2%; left: 0; margin: auto; width: 290px; padding: 5px; opacity: 0.8; } .js_frm_signin > p{ font-size: 11px; margin-bottom: 5px; } .js_frm_signin > form > .checkbox label{ font-size: 12px; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signin{ opacity: 0.8; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signin{ opacity: 0.8; } } /*---------- MEDIA 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 875px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signin{ opacity: 0.8; } } /*------------------------------------------------------*/ /* JAVASCRIPT FORM 034 /*------------------------------------------------------*/ #js_frm_034 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.8; margin: auto; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_smradiusfill .carousel-control { top: 45%; opacity: 0; width: 36px; height: 36px; z-index: 100; color: #000000; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 35px; text-shadow: none; position: absolute; font-weight: normal; background: #ffffff; border: 1px solid #ffffff; -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: #ffffff; background: #000000; } .ps_control_smradiusfill .carousel-control.left>span:nth-child(1){ left: 45%; } .ps_control_smradiusfill .carousel-control.right>span:nth-child(1){ right: 45%; } /*---------- SLIDE CAPTION ----------*/ .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: 0.5s; animation-delay: 0.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: none; background: #ffffff; -webkit-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); } .js_frm_signin_x_transparent{ border: none; border-radius: 10px; -webkit-border-radius: 10px; background: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 43px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 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: #ffffff; padding: 1px 5px; background: #fa882c; } .js_frm_signin_x_transparent > div > div > h3{ color: #ffffff; } .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); } /*---------- BUTTONS ----------*/ .js_frm_signin_x > div > div > form > button, .js_frm_signin_x > div > div > form > button:focus{ outline: none; 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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #ffffff; border: none; background: #22a41c; } .js_frm_signin_x_transparent > div > div > form > button, .js_frm_signin_x_transparent > div > div > form > button:focus{ border: none; 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: #ffffff !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: 0.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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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){ /*---------- facebook ----------*/ color: #3b5e96; border-color: #3b5e96; } .js_frm_signin_x_white > div > div > a:nth-child(2){ border: none; color: #ffffff; background: #3b5e96; } .js_frm_signin_x_transparent > div > div > a:nth-child(2){ border: none; background: rgba(0, 0, 0, 0.7); } .js_frm_signin_x > div > div > a:nth-child(3){ /*---------- twitter ----------*/ color: #57bed1; border-color: #57bed1; } .js_frm_signin_x_white > div > div > a:nth-child(3){ border: none; color: #ffffff; background: #57bed1; } .js_frm_signin_x_transparent > div > div > a:nth-child(3){ border: none; background: rgba(0, 0, 0, 0.7); } .js_frm_signin_x > div > div > a:nth-child(4){ /*---------- google+ ----------*/ color: #df4a36; border-color: #df4a36; } .js_frm_signin_x_white > div > div > a:nth-child(4){ border: none; color: #ffffff; background: #df4a36; } .js_frm_signin_x_transparent > div > div > a:nth-child(4){ border: none; background: rgba(0, 0, 0, 0.7); } .js_frm_signin_x > div > div > a:nth-child(5){ /*---------- linkedin ----------*/ color: #51a5c7; border-color: #51a5c7; } .js_frm_signin_x_white > div > div > a:nth-child(5){ border: none; color: #ffffff; background: #51a5c7; } .js_frm_signin_x_transparent > div > div > a:nth-child(5){ border: none; background: rgba(0, 0, 0, 0.7); } .js_frm_signin_x > div > div > a:nth-child(6){ /*---------- create new account ----------*/ 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: none; color: #ffffff; background: #22a41c; } .js_frm_signin_x_transparent > div > div > a:nth-child(6){ border: none; background: rgba(0, 0, 0, 0.7); } .js_frm_signin_x > div > div > a:hover, .js_frm_signin_x > div > div > a:active{ opacity: 0.7; } /*---------- INPUT FIELDS ----------*/ .js_frm_signin_x > div > div > form > div > input{ height: 41px; /*---------- height is essential to show placeholder in firefox ----------*/ padding: 0 20px; color: #ffffff; 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: none; color: #ffffff; background: #171f2e; -webkit-box-shadow: none; box-shadow: none; } .js_frm_signin_x_transparent > div > div > form > div > input{ border: none; color: #000000; 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: none; 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: none; } .js_frm_signin_x_transparent > div > div > form > div > input:focus { border: none; background: rgba(255, 255, 255, 1); } /*---------- PLACE HOLDER ----------*/ .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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #000000; } .js_frm_signin_x_transparent > div > div > form > div > input::-moz-placeholder{ color: #000000; } .js_frm_signin_x_transparent > div > div > form > div > input:-ms-input-placeholder{ color: #000000; } .js_frm_signin_x_transparent > div > div > form > div > input:-moz-placeholder{ color: #000000; } .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: #ffffff; } .js_frm_signin_x_white > div > div > form > div > input:focus::-moz-placeholder{ color: #ffffff; } .js_frm_signin_x_white > div > div > form > div > input:focus:-ms-input-placeholder{ color: #ffffff; } .js_frm_signin_x_white > div > div > form > div > input:focus:-moz-placeholder{ color: #ffffff; } .js_frm_signin_x_transparent > div > div > form > div > input:focus::-webkit-input-placeholder{ color: #000000; } .js_frm_signin_x_transparent > div > div > form > div > input:focus::-moz-placeholder{ color: #000000; } .js_frm_signin_x_transparent > div > div > form > div > input:focus:-ms-input-placeholder{ color: #000000; } .js_frm_signin_x_transparent > div > div > form > div > input:focus:-moz-placeholder{ color: #000000; } /*---------- CHECKBOX ----------*/ .js_frm_signin_x > div > div > form > .checkbox{ margin-top: 25px; margin-bottom: 40px; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #222222; } .js_frm_signin_x_transparent > div > div > form > .checkbox label{ color: #ffffff; } .js_frm_signin_x > div > div > form > .checkbox label > a{ color: #f7f7f7; font-size: 12px; margin-left: 30px; letter-spacing: 0px; text-transform: capitalize; } .js_frm_signin_x_white > div > div > form > .checkbox label > a{ color: #000000; } .js_frm_signin_x_transparent > div > div > form > .checkbox label > a{ color: #ffffff; } .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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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 #ffffff; 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 #ffffff; } .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: #ffffff; } .js_frm_signin_x_transparent > div > div > form > .checkbox input + span:before { color: #000000; background: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- WRAPPER ----------*/ #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_smradiusfill .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signin_x{ top: 2%; left: 0; margin: auto; width: 290px; padding: 5px; opacity: 0.8; padding-top: 0; } .js_frm_signin_x > div > div{ padding: 0; } /*---------- CHECKBOX ----------*/ .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; } /*---------- BUTTONS ----------*/ .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; } /*---------- INPUT FIELDS ----------*/ .js_frm_signin_x > div > div > form > div > input{ margin-top: 5px; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signin_x{ top: 2%; width: 290px; padding: 5px; opacity: 0.8; padding-top: 0; } .js_frm_signin_x > div > div{ padding: 0; } /*---------- CHECKBOX ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signin_x{ top: 2%; padding: 5px; opacity: 0.8; padding-top: 0; } .js_frm_signin_x > div > div{ padding: 0; } /*---------- CHECKBOX ----------*/ .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 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 875px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_signin_x{ width: 75%; } } /*---------- MEDIA 876px - 1170px ----------*/ @media (min-width: 876px) and (max-width: 1170px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_signin_x{ width: 65%; } } /*------------------------------------------------------*/ /* JAVASCRIPT FORM 035 /*------------------------------------------------------*/ #js_frm_035 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.9; margin: auto; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_smbrdrfill .carousel-control { top: 45%; opacity: 0; width: 40px; height: 40px; z-index: 100; color: #000000; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 40px; text-shadow: none; position: absolute; font-weight: normal; background: #ffffff; border: 1px solid #000000; -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: #ffffff; background: #000000; border: 1px solid #ffffff; } .ps_control_smbrdrfill .carousel-control.left>span:nth-child(1){ left: 45%; } .ps_control_smbrdrfill .carousel-control.right>span:nth-child(1){ right: 45%; } /*---------- SLIDE CAPTION ----------*/ .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: 0.5s; animation-delay: 0.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: #ffffff; } .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: #000000; } .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: #ffffff; 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: #000000; } .js_frm_contactus_x_transparent > div > div > h3{ color: #BF392B; } .js_frm_contactus_x > div > div > p{ color: #ffffff; 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: #000000; } .js_frm_contactus_x_transparent > div > div > p{ color: #BF392B; } .js_frm_contactus_x > div > div > span{ display: block; color: #ffffff; 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: #000000; } .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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: 0.7; } /*---------- BUTTONS ----------*/ .js_frm_contactus_x > div > div > form > button, .js_frm_contactus_x > div > div > form > button:focus{ width: 100%; outline: none; color: #000000; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: none; color: #ffffff; background: #22a41c; } .js_frm_contactus_x_transparent > div > div > form > button, .js_frm_contactus_x_transparent > div > div > form > button:focus{ border: none; color: #ffffff; 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: #ffffff !important; border-color: #ffffff !important; } .js_frm_contactus_x_white > div > div > form > button:hover, .js_frm_contactus_x_white > div > div > form > button:active{ color: #ffffff !important; background: #000000 !important; border-color: #000000 !important; } .js_frm_contactus_x_transparent > div > div > form > button:hover, .js_frm_contactus_x_transparent > div > div > form > button:active{ color: #ffffff !important; background: rgba(191, 57, 43, 1) !important; } /*---------- INPUT FIELDS ----------*/ .js_frm_contactus_x > div > div > form > div > input{ height: 41px; /*---------- height is essential to show placeholder in firefox ----------*/ border: none; color: #000000; padding: 0 20px; background: #ffffff; 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: #000000; padding: 10px 20px; letter-spacing: 1px; background: #ffffff; font-family: 'Open Sans', sans-serif; border: none; -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: none; color: #ffffff; background: #000000; -webkit-box-shadow: none; box-shadow: none; } .js_frm_contactus_x_white > div > div > form > div > textarea{ color: #ffffff; background: #000000; } .js_frm_contactus_x_transparent > div > div > form > div > input{ border: none; color: #ffffff; 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: #ffffff; 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: none; border: none; background: #fab502; -webkit-box-shadow: none; box-shadow: none; } .js_frm_contactus_x > div > div > form > div > textarea:focus { outline: none; border: none; background: #fab502; -webkit-box-shadow: none; box-shadow: none; } .js_frm_contactus_x_white > div > div > form > div > input:focus { border: none; background: #22a41c; } .js_frm_contactus_x_white > div > div > form > div > textarea:focus { border: none; background: #22a41c; } .js_frm_contactus_x_transparent > div > div > form > div > input:focus { border: none; background: rgba(191, 57, 43, 1); } .js_frm_contactus_x_transparent > div > div > form > div > textarea:focus { border: none; background: rgba(191, 57, 43, 1); } /*---------- PLACE HOLDER ----------*/ .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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: #000000; } .js_frm_contactus_x > div > div > form > div > textarea:focus::-webkit-input-placeholder{ color: #000000; } .js_frm_contactus_x > div > div > form > div > input:focus::-moz-placeholder{ color: #000000; } .js_frm_contactus_x > div > div > form > div > textarea:focus::-moz-placeholder{ color: #000000; } .js_frm_contactus_x > div > div > form > div > input:focus:-ms-input-placeholder{ color: #000000; } .js_frm_contactus_x > div > div > form > div > textarea:focus:-ms-input-placeholder{ color: #000000; } .js_frm_contactus_x > div > div > form > div > input:focus:-moz-placeholder{ color: #000000; } .js_frm_contactus_x > div > div > form > div > textarea:focus:-moz-placeholder{ color: #000000; } .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: #ffffff; } .js_frm_contactus_x_white > div > div > form > div > textarea:focus::-webkit-input-placeholder{ color: #ffffff; } .js_frm_contactus_x_white > div > div > form > div > input:focus::-moz-placeholder{ color: #ffffff; } .js_frm_contactus_x_white > div > div > form > div > textarea:focus::-moz-placeholder{ color: #ffffff; } .js_frm_contactus_x_white > div > div > form > div > input:focus:-ms-input-placeholder{ color: #ffffff; } .js_frm_contactus_x_white > div > div > form > div > textarea:focus:-ms-input-placeholder{ color: #ffffff; } .js_frm_contactus_x_white > div > div > form > div > input:focus:-moz-placeholder{ color: #ffffff; } .js_frm_contactus_x_white > div > div > form > div > textarea:focus:-moz-placeholder{ color: #ffffff; } .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: #ffffff; } .js_frm_contactus_x_transparent > div > div > form > div > textarea:focus::-webkit-input-placeholder{ color: #ffffff; } .js_frm_contactus_x_transparent > div > div > form > div > input:focus::-moz-placeholder{ color: #ffffff; } .js_frm_contactus_x_transparent > div > div > form > div > textarea:focus::-moz-placeholder{ color: #ffffff; } .js_frm_contactus_x_transparent > div > div > form > div > input:focus:-ms-input-placeholder{ color: #ffffff; } .js_frm_contactus_x_transparent > div > div > form > div > textarea:focus:-ms-input-placeholder{ color: #ffffff; } .js_frm_contactus_x_transparent > div > div > form > div > input:focus:-moz-placeholder{ color: #ffffff; } .js_frm_contactus_x_transparent > div > div > form > div > textarea:focus:-moz-placeholder{ color: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- WRAPPER ----------*/ #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_smbrdrfill .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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; } /*---------- BUTTONS ----------*/ .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; } /*---------- INPUT FIELDS ----------*/ .js_frm_contactus_x > div > div > form > div{ margin-top: 3px; margin-bottom: 3px; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .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 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 875px) { /*---------- WRAPPER ----------*/ /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus_x{ top: 5%; width: 75%; } } /*---------- MEDIA 876px - 1170px ----------*/ @media (min-width: 876px) and (max-width: 1170px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus_x{ width: 65%; } } /*------------------------------------------------------*/ /* JAVASCRIPT FORM 036 /*------------------------------------------------------*/ #js_frm_036 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.8; margin: auto; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_smlongtrans .carousel-control { top: 45%; opacity: 0; width: 50px; height: 25px; z-index: 100; color: #000000; 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: none; -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: #ffffff; background: rgba(0,0,0,0.5); border: none; } .ps_control_smlongtrans .carousel-control.left>span:nth-child(1){ left: 45%; } .ps_control_smlongtrans .carousel-control.right>span:nth-child(1){ right: 45%; } /*---------- SLIDE CAPTION ----------*/ .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: 0px 20px 20px 20px; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; } .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: #000000; } .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 0 0 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 0 0 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: #ffffff; 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: #000000; } .js_frm_contactus_transparent > h3{ color: #4f8af2; } .js_frm_contactus > p{ color: #ffffff; 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: #000000; } .js_frm_contactus_transparent > p{ color: #4f8af2; } .js_frm_contactus > span{ width: 200px; display: block; color: #ffffff; 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: #000000; } .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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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); } /*---------- BUTTONS ----------*/ .js_frm_contactus > form > button, .js_frm_contactus > form > button:focus{ width: 100%; border: none; outline: none; color: #ffffff; box-shadow: none; padding: 9px 15px; letter-spacing: 1px; display: inline-block; background: transparent; text-transform: capitalize; border-bottom: 1px solid #ffffff; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: none; color: #000000; background: transparent; border-bottom: 1px solid #000000; } .js_frm_contactus_transparent > form > button, .js_frm_contactus_transparent > form > button:focus{ border: none; 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; } /*---------- INPUT FIELDS ----------*/ .js_frm_contactus > form > div > input{ height: 38px; /*---------- height is essential to show placeholder in firefox ----------*/ border: none; color: #fe6857; padding: 0 20px; background: transparent; letter-spacing: 1px; border-bottom: 1px solid #ffffff; 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: none; color: #fe6857; padding: 10px 20px; letter-spacing: 1px; background: transparent; border-bottom: 1px solid #ffffff; 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: none; color: #e9ed92; background: transparent; border-bottom: 1px solid #000000; -webkit-box-shadow: none; box-shadow: none; } .js_frm_contactus_white > form > div > textarea{ border: none; color: #e9ed92; background: transparent; border-bottom: 1px solid #000000; } .js_frm_contactus_transparent > form > div > input{ border: none; 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: none; 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: none; border: none; background: transparent; border-bottom: 1px solid #fe6857; -webkit-box-shadow: none; box-shadow: none; } .js_frm_contactus > form > div > textarea:focus { outline: none; border: none; background: transparent; border-bottom: 1px solid #fe6857; -webkit-box-shadow: none; box-shadow: none; } .js_frm_contactus_white > form > div > input:focus { border: none; background: transparent; border-bottom: 1px solid #e9ed92; } .js_frm_contactus_white > form > div > textarea:focus { border: none; 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; } /*---------- PLACE HOLDER ----------*/ .js_frm_contactus > form > div > input::-webkit-input-placeholder{ color: #ffffff; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_contactus > form > div > textarea::-webkit-input-placeholder{ color: #ffffff; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_contactus > form > div > input::-moz-placeholder{ color: #ffffff; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_contactus > form > div > textarea::-moz-placeholder{ color: #ffffff; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_contactus > form > div > input:-ms-input-placeholder{ color: #ffffff; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_contactus > form > div > textarea:-ms-input-placeholder{ color: #ffffff; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_contactus > form > div > input:-moz-placeholder{ color: #ffffff; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .js_frm_contactus > form > div > textarea:-moz-placeholder{ color: #ffffff; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- WRAPPER ----------*/ #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_smlongtrans .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus{ top: 2%; left: 0; margin: auto; width: 290px; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus{ top: 3%; width: 300px; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus{ top: 2%; width: 300px; } } /*---------- MEDIA 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 875px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus{ top: 2%; width: 300px; } } /*---------- MEDIA 876px - 1170px ----------*/ @media (min-width: 876px) and (max-width: 1170px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus{ top: 1%; width: 300px; } } /*------------------------------------------------------*/ /* JAVASCRIPT FORM 037 /*------------------------------------------------------*/ #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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_brdrfillhand .carousel-control { top: 45%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #ffffff; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 46px; text-shadow: none; position: absolute; font-weight: normal; background: #000000; border: 2px solid #ffffff; -webkit-border-radius: 0; border-radius: 0; } .ps_control_brdrfillhand:hover .carousel-control{ opacity: 0.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: 0.5; color: #ffffff; background: #000000; border: 2px solid #ffffff; } .ps_control_brdrfillhand .carousel-control.left>span:nth-child(1){ left: 45%; } .ps_control_brdrfillhand .carousel-control.right>span:nth-child(1){ right: 45%; } /*---------- SLIDE CAPTION ----------*/ .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: 0.5s; animation-delay: 0.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: #ffffff; } .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: #ffffff; 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: #000000; } /*---------- BUTTONS ----------*/ .js_frm_contactus_big > form > button, .js_frm_contactus_big > form > button:focus{ width: 100%; outline: none; color: #3e4044; box-shadow: none; padding: 9px 15px; letter-spacing: 1px; display: inline-block; background: #ffffff; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: none; 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: none; color: #000000; background: #ffffff; 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: #ffffff !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: #ffffff !important; background: transparent !important; border-bottom: 1px solid #ffffff !important; } .js_frm_contactus_big_white > form > button:hover, .js_frm_contactus_big_white > form > button:active{ color: #ffffff !important; border: none !important; background: #000000 !important; } /*---------- INPUT FIELDS ----------*/ .js_frm_contactus_big > form > div input{ height: 38px; /*---------- height is essential to show placeholder in firefox ----------*/ color: #696b6d; padding: 0 20px; background: #ffffff; 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: #ffffff; 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: none; color: #ffffff; background: transparent; border-bottom: 1px solid #3dae60; -webkit-box-shadow: none; box-shadow: none; } .js_frm_contactus_big_black > form > div textarea{ border: none; color: #ffffff; background: transparent; border-bottom: 1px solid #3dae60; } .js_frm_contactus_big_white > form > div input{ border: none; color: #000000; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; border-radius: 100px; -webkit-border-radius: 100px; } .js_frm_contactus_big_white > form > div textarea{ border: none; color: #000000; background: #ffffff; border-radius: 15px; -webkit-border-radius: 15px; } .js_frm_contactus_big > form > div input:focus { outline: none; background: #ffffff; border: 1px solid #acc6f1; -webkit-box-shadow: none; box-shadow: none; } .js_frm_contactus_big > form > div textarea:focus { outline: none; background: #ffffff; border: 1px solid #acc6f1; -webkit-box-shadow: none; box-shadow: none; } .js_frm_contactus_big_black > form > div input:focus { border: none; background: transparent; border-bottom: 1px solid #ffffff; } .js_frm_contactus_big_black > form > div textarea:focus { border: none; background: transparent; border-bottom: 1px solid #ffffff; } .js_frm_contactus_big_white > form > div input:focus, .js_frm_contactus_big_white > form > div textarea:focus { background: #ffffff; border: none; } /*---------- PLACE HOLDER ----------*/ .js_frm_contactus_big > form > div input::-webkit-input-placeholder{ color: #696b6d; text-transform: capitalize; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: #ffffff; } .js_frm_contactus_big_black > form > div textarea:focus::-webkit-input-placeholder{ color: #ffffff; } .js_frm_contactus_big_black > form > div input:focus::-moz-placeholder{ color: #ffffff; } .js_frm_contactus_big_black > form > div textarea:focus::-moz-placeholder{ color: #ffffff; } .js_frm_contactus_big_black > form > div input:focus:-ms-input-placeholder{ color: #ffffff; } .js_frm_contactus_big_black > form > div textarea:focus:-ms-input-placeholder{ color: #ffffff; } .js_frm_contactus_big_black > form > div input:focus:-moz-placeholder{ color: #ffffff; } .js_frm_contactus_big_black > form > div textarea:focus:-moz-placeholder{ color: #ffffff; } .js_frm_contactus_big_white > form > div input::-webkit-input-placeholder{ color: #000000; } .js_frm_contactus_big_white > form > div textarea::-webkit-input-placeholder{ color: #000000; } .js_frm_contactus_big_white > form > div input::-moz-placeholder{ color: #000000; } .js_frm_contactus_big_white > form > div textarea::-moz-placeholder{ color: #000000; } .js_frm_contactus_big_white > form > div input:-ms-input-placeholder{ color: #000000; } .js_frm_contactus_big_white > form > div textarea:-ms-input-placeholder{ color: #000000; } .js_frm_contactus_big_white > form > div input:-moz-placeholder{ color: #000000; } .js_frm_contactus_big_white > form > div textarea:-moz-placeholder{ color: #000000; } .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- WRAPPER ----------*/ #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_brdrfillhand .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus_big{ top: 2%; left: 0; opacity: 0.9; margin: auto; width: 290px; } .js_frm_contactus_big > form > .row > div:nth-child(1){ padding: 0 0 0 0; } .js_frm_contactus_big > form > .row > div:nth-child(2){ padding: 0 0 0 0; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus_big{ top: 7%; opacity: 0.9; width: 300px; } .js_frm_contactus_big > form > .row > div:nth-child(1){ padding: 0 0 0 0; } .js_frm_contactus_big > form > .row > div:nth-child(2){ padding: 0 0 0 0; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus_big{ top: 7%; width: 300px; } .js_frm_contactus_big > form > .row > div:nth-child(1){ padding: 0 0 0 0; } .js_frm_contactus_big > form > .row > div:nth-child(2){ padding: 0 0 0 0; } } /*---------- MEDIA 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 875px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus_big{ width: 400px; } } /*---------- MEDIA 876px - 1170px ----------*/ @media (min-width: 876px) and (max-width: 1170px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_contactus_big{ width: 400px; } } /*------------------------------------------------------*/ /* JAVASCRIPT FORM 038 /*------------------------------------------------------*/ #js_frm_038 { overflow: hidden; max-height: 658px; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_smcartbrdr .carousel-control { top: 45%; opacity: 0; width: 25px; height: 25px; z-index: 100; color: #666666; 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 #666666; -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: 0.5; color: #666666; background: #aeaeae; border: 1px solid #666666; } .ps_control_smcartbrdr .carousel-control.left>span:nth-child(1){ left: 45%; } .ps_control_smcartbrdr .carousel-control.right>span:nth-child(1){ right: 45%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_billing{ top: 8%; right: 0; left: 6%; width: 60%; overflow: hidden; text-align: left; position: absolute; background: #1f1f1f; padding: 5px 20px 10px 20px; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; } .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: #ffffff; } .js_frm_billing_white > h3{ color: #fe6756; } .js_frm_billing > p{ color: #666666; 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: #ffffff; } .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: #ffffff; } .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: #ffffff; } .js_frm_billing::-webkit-scrollbar{ width: 5px; background: transparent; } .js_frm_billing::-webkit-scrollbar-thumb { -webkit-border-radius: 0; border-radius: 0; background: #666666; } .js_frm_billing_white::-webkit-scrollbar-thumb { background: #e6e6e6; } .js_frm_billing_transparent::-webkit-scrollbar-thumb { background: #93a6c4; } /*---------- BUTTONS ----------*/ .js_frm_billing > form > div > div > button, .js_frm_billing > form > div > div > button:focus{ outline: none; color: #666666; box-shadow: none; padding: 7px 20px; letter-spacing: 1px; display: inline-block; background: transparent; text-transform: uppercase; border: 1px solid #666666; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: none; color: #ffffff; 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: #ffffff !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; } /*---------- INPUT FIELDS ----------*/ .js_frm_billing > form > div input{ height: 38px; /*---------- height is essential to show placeholder in firefox ----------*/ color: #aeaeae; padding: 0 20px; font-weight: 400; background: #1f1f1f; letter-spacing: 1px; border: 1px solid #666666; 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: none; color: #ffffff; 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: none; background: transparent; border: 1px solid #aeaeae; -webkit-box-shadow: none; box-shadow: none; } .js_frm_billing_transparent > form > div input:focus { border: none; background: #7b92b7; } .js_frm_billing_white > form > div input:focus{ background: transparent; border: 1px solid #6edb8a; } /*---------- PLACE HOLDER ----------*/ .js_frm_billing > form > div input::-webkit-input-placeholder{ color: #666666; font-size: 12px; font-weight: 400; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_billing > form > div input::-moz-placeholder{ color: #666666; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_billing > form > div input:-ms-input-placeholder{ color: #666666; font-size: 12px; font-weight: 400; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_billing > form > div input:-moz-placeholder{ color: #666666; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #ffffff; } .js_frm_billing_transparent > form > div input::-moz-placeholder{ color: #ffffff; } .js_frm_billing_transparent > form > div input:-ms-input-placeholder{ color: #ffffff; } .js_frm_billing_transparent > form > div input:-moz-placeholder{ color: #ffffff; } .js_frm_billing_transparent > form > div input:focus::-webkit-input-placeholder{ color: #ffffff; } .js_frm_billing_transparent > form > div input:focus::-moz-placeholder{ color: #ffffff; } .js_frm_billing_transparent > form > div input:focus:-ms-input-placeholder{ color: #ffffff; } .js_frm_billing_transparent > form > div input:focus:-moz-placeholder{ color: #ffffff; } .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; } /*---------- CHECKBOX ----------*/ .js_frm_billing > form .checkbox{ -webkit-animation-delay: 0.5s; animation-delay: 0.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: #666666; 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: #ffffff; } .js_frm_billing > form .checkbox label > a{ color: #aeaeae; text-decoration: none; -webkit-transition: color 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: color 0.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: #ffffff; } .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 #666666; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: none; 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: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- WRAPPER ----------*/ #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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_smcartbrdr .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_frm_billing{ top: 0%; left: 0; opacity: 0.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 0 0 0; } .js_frm_billing > form > .row > div:nth-child(2){ padding: 0 0 0 0; } .js_frm_billing > form .checkbox label{ font-size: 11px; letter-spacing: 0px; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_billing{ top: 0; opacity: 0.9; height: 100%; width: 365px; overflow: auto; } .js_frm_billing > form > .row > div:nth-child(1){ padding: 0 0 0 0; } .js_frm_billing > form > .row > div:nth-child(2){ padding: 0 0 0 0; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_billing{ top: 0; overflow: auto; height: 100%; width: 365px; } .js_frm_billing > form > .row > div:nth-child(1){ padding: 0 0 0 0; } .js_frm_billing > form > .row > div:nth-child(2){ padding: 0 0 0 0; } } /*---------- MEDIA 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 875px) { /*---------- WRAPPER ----------*/ #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%; } /*---------- SLIDE CAPTION ----------*/ .js_frm_billing{ width: 90%; opacity: 0.9; } } /*---------- MEDIA 876px - 1170px ----------*/ @media (min-width: 876px) and (max-width: 1170px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_billing{ width: 80%; opacity: 0.9; } } /*------------------------------------------------------*/ /* JAVASCRIPT FORM 039 /*------------------------------------------------------*/ #js_frm_039 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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%; opacity: 0.7; margin: auto; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_hlfradsarrow .carousel-control { top: 45%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #000000; 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: none; } .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: #000000; background: rgba(255,255,255,0.8); border: none; } .ps_control_hlfradsarrow .carousel-control.left>span:nth-child(1){ left: 45%; } .ps_control_hlfradsarrow .carousel-control.right>span:nth-child(1){ right: 45%; } /*---------- FORM ----------*/ .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: #ffffff; 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; } /*---------- INPUT FIELDS ----------*/ .js_frm_search > form > div input{ height: 42px; /*---------- height is essential to show placeholder in firefox ----------*/ border: none; color: #ffffff; 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: none; outline: none; background: #1b344e; -webkit-box-shadow: none; box-shadow: none; } .js_frm_search_white > form > div input{ color: #000000; background: rgba(0,0,0,0.1); -webkit-border-radius: 0; border-radius: 0; } .js_frm_search_white > form > div input:focus{ border: none; outline: none; background: rgba(0,0,0,0.1); -webkit-box-shadow: none; box-shadow: none; } .js_frm_search_transparent > form > div input{ color: #000000; 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); } /*---------- PLACE HOLDER ----------*/ .js_frm_search > form > div input::-webkit-input-placeholder{ color: #ffffff; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_search > form > div input::-moz-placeholder{ color: #ffffff; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_search > form > div input:-ms-input-placeholder{ color: #ffffff; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_search > form > div input:-moz-placeholder{ color: #ffffff; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_search_white > form > div input::-webkit-input-placeholder{ color: #000000; } .js_frm_search_white > form > div input::-moz-placeholder{ color: #000000; } .js_frm_search_white > form > div input:-ms-input-placeholder{ color: #000000; } .js_frm_search_white > form > div input:-moz-placeholder{ color: #000000; } .js_frm_search_white > form > div input:focus::-webkit-input-placeholder{ color: #000000; } .js_frm_search_white > form > div input:focus::-moz-placeholder{ color: #000000; } .js_frm_search_white > form > div input:focus:-ms-input-placeholder{ color: #000000; } .js_frm_search_white > form > div input:focus:-moz-placeholder{ color: #000000; } .js_frm_search > form > div input:focus::-webkit-input-placeholder{ color: #000000; } .js_frm_search > form > div input:focus::-moz-placeholder{ color: #000000; } .js_frm_search > form > div input:focus:-ms-input-placeholder{ color: #000000; } .js_frm_search > form > div input:focus:-moz-placeholder{ color: #000000; } .js_frm_search_transparent > form > div input::-webkit-input-placeholder{ color: #000000; } .js_frm_search_transparent > form > div input::-moz-placeholder{ color: #000000; } .js_frm_search_transparent > form > div input:-ms-input-placeholder{ color: #000000; } .js_frm_search_transparent > form > div input:-moz-placeholder{ color: #000000; } .js_frm_search_transparent > form > div input:focus::-webkit-input-placeholder{ color: #000000; } .js_frm_search_transparent > form > div input:focus::-moz-placeholder{ color: #000000; } .js_frm_search_transparent > form > div input:focus:-ms-input-placeholder{ color: #000000; } .js_frm_search_transparent > form > div input:focus:-moz-placeholder{ color: #000000; } /*---------- SELECT LIST ----------*/ .js_frm_search > form > div select{ height: 42px; /*---------- height is essential to show placeholder in firefox ----------*/ border: none; outline: none; color: #ffffff; 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: none; outline: none; background: #1b344e; -webkit-box-shadow: none; box-shadow: none; } .js_frm_search_white > form > div select{ color: #000000; background: rgba(0,0,0,0.1); } .js_frm_search_white > form > div select:focus{ background: rgba(0,0,0,0.1); } .js_frm_search_transparent > form > div select{ color: #000000; background: rgba(255,255,255,0.4); } .js_frm_search_transparent > form > div select:focus{ background: rgba(255,255,255,0.4); } /*---------- SLIDE CAPTION ----------*/ .js_frm_search{ left: 0; top: 30%; right: 0; width: 60%; margin: auto; overflow: hidden; text-align: center; position: absolute; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; } .js_frm_search_white > p{ color: #ffffff; } .js_frm_search_transparent > h3{ color: rgba(255,255,255,0.8); } .js_frm_search_transparent > p{ color: rgba(255,255,255,0.8); } /*---------- BUTTONS ----------*/ .js_frm_search > form > div > div > button, .js_frm_search > form > div > div > button:focus{ width: 100%; height: 42px; border: none; outline: none; color: #ffffff; 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: 0px 100px 100px 0; border-radius: 0px 100px 100px 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #000000; background: rgba(0,0,0,0.1); -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: rgba(0, 0, 0, 0.3) !important; background: rgba(0,0,0,0.1) !important; border: none !important; } .js_frm_search_transparent > form > div > div > button, .js_frm_search_transparent > form > div > div > button:focus{ color: #000000; 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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- FORM ----------*/ .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_hlfradsarrow .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_search{ top: 5%; width: 90%; background: rgba(255,255,255,0.3); } .js_frm_search > h3{ font-size: 25px; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_search{ top: 10%; width: 90%; } } /*---------- MEDIA 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 875px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_search{ top: 10%; width: 80%; } } /*------------------------------------------------------*/ /* JAVASCRIPT FORM 040 /*------------------------------------------------------*/ #js_frm_040 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.5; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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%; } /*---------- FORM ----------*/ .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; } /*---------- INPUT FIELDS ----------*/ .js_frm_subscribe > form > div input{ height: 50px; /*---------- height is essential to show placeholder in firefox ----------*/ border: none; color: #000000; 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: none; outline: none; background: rgba(255,255,255,0.7); -webkit-box-shadow: none; box-shadow: none; } /*---------- PLACE HOLDER ----------*/ .js_frm_subscribe > form > div input::-webkit-input-placeholder{ color: #000000; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_subscribe > form > div input::-moz-placeholder{ color: #000000; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_subscribe > form > div input:-ms-input-placeholder{ color: #000000; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_subscribe > form > div input:-moz-placeholder{ color: #000000; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); } .js_frm_subscribe > form > div input:focus::-webkit-input-placeholder{ color: #000000; } .js_frm_subscribe > form > div input:focus::-moz-placeholder{ color: #000000; } .js_frm_subscribe > form > div input:focus:-ms-input-placeholder{ color: #000000; } .js_frm_subscribe > form > div input:focus:-moz-placeholder{ color: #000000; } /*---------- SLIDE CAPTION ----------*/ .js_frm_subscribe{ left: 0; top: 26%; right: 0; width: 49%; 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; } /*---------- BUTTONS ----------*/ .js_frm_subscribe > form > div > div > button, .js_frm_subscribe > form > div > div > button:focus{ width: 100%; height: 50px; border: none; outline: none; color: #ffffff; letter-spacing: 1px; background: #e6ae48; display: inline-block; text-transform: uppercase; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 0px 5px 5px 0; border-radius: 0px 5px 5px 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- FORM ----------*/ .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_hrbrarrow .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_frm_subscribe{ top: 10%; width: 100%; } .js_frm_subscribe > h3{ font-size: 24px; margin-bottom: 5px; } .js_frm_subscribe > p{ width: 100%; font-size: 11px; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_subscribe{ top: 15%; width: 90%; } .js_frm_subscribe > h3{ font-size: 30px; } } /**/ /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_subscribe{ top: 15%; width: 70%; } } /*---------- MEDIA 768px - 1000px ----------*/ @media (min-width: 768px) and (max-width: 1000px) { /*---------- SLIDE CAPTION ----------*/ .js_frm_subscribe{ top: 25%; width: 65%; } } /*------------------------------------------------------*/ /* JAVASCRIPT GRAPH 041 /*------------------------------------------------------*/ #js_graph_041{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.7; } /*---------- INDICATORS CONTROL ----------*/ .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: none; background: rgba(255,255,255,0.4); border-radius: 0px; -webkit-border-radius: 0px; } .ps_indicators_square_trns > .carousel-indicators .active{ margin: 1px; width: 15px; height: 15px; border: none; background: rgba(255,255,255,1); border-radius: 0px; -webkit-border-radius: 0px; } .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; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; 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: #ffffff; 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: #000000; 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); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_square_trns > .carousel-indicators{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px) { /*---------- SLIDE CAPTION ----------*/ .js_graph_simple{ width: 55%; } .js_graph_simple > h2{ margin: 0; } .js_graph_simple > div > .progress{ margin-bottom: 0; } } /*---------- MEDIA 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 1000px) { /*---------- SLIDE CAPTION ----------*/ .js_graph_simple{ top: 5%; width: 55%; } } /*------------------------------------------------------*/ /* JAVASCRIPT GRAPH 042 /*------------------------------------------------------*/ #js_graph_042{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.4; } /*---------- INDICATORS CONTROL ----------*/ .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: none; background: rgba(255,255,255,0.4); border-radius: 0px; -webkit-border-radius: 0px; } .ps_indicators_length_x > .carousel-indicators .active{ margin: 1px; width: 15px; height: 5px; border: none; background: #fa373d; border-radius: 0px; -webkit-border-radius: 0px; } .ps_indicators_length_x > .carousel-indicators::-webkit-scrollbar{ height: 5px; } .ps_indicators_length_x > .carousel-indicators::-webkit-scrollbar-thumb{ background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_bottom_lx .carousel-control{ top: 91%; opacity: 1; width: 20px; height: 20px; z-index: 100; border: none; 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; } /*---------- SLIDE CAPTION ----------*/ .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: rgba(255,255,255,0.9); -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: #ffffff; 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) 0.5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s; } .js_graph_small > a:hover, .js_graph_small > a:active{ color: #fa373d; background: rgba(255,255,255,0.9); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_length_x > .carousel-indicators{ display: none; } .ps_control_bottom_lx .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; cursor: pointer; font-size: 12px; margin-top: 2px; padding: 3px 5px; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { .ps_control_bottom_lx .carousel-control.left { right: 8%; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; cursor: pointer; font-size: 12px; margin-top: 2px; padding: 3px 5px; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ .ps_control_bottom_lx .carousel-control.left { right: 7%; } /*---------- SLIDE CAPTION ----------*/ .js_graph_small > div > .progress{ margin-bottom: 10px; } } /*---------- MEDIA 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 1000px){ .ps_control_bottom_lx .carousel-control.left { right: 7%; } /*---------- SLIDE CAPTION ----------*/ .js_graph_small{ top: 0; } .js_graph_small > div > .progress{ margin-bottom: 25px; } } /*------------------------------------------------------*/ /* JAVASCRIPT GRAPH 043 /*------------------------------------------------------*/ #js_graph_043{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; padding: 5px; color: #ffffff; text-indent: 0; font-size: 18px; line-height: 14px; text-align: center; background: transparent; font-family: 'Open Sans', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: none; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_bottom_rx .carousel-control{ top: 91%; opacity: 1; width: 20px; height: 20px; z-index: 100; border: none; color: #ffffff; 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; } /*---------- SLIDE CAPTION ----------*/ .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: 0px 43px 69px -25px rgba(0,0,0,0.75); -moz-box-shadow: 0px 43px 69px -25px rgba(0,0,0,0.75); box-shadow: 0px 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: 0.3s; animation-delay: 0.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; } /*---------- PROGRESS BAR ANIMATION ----------*/ @-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: 0.5s; animation-delay: 0.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: 0.6s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.8s; animation-delay: 0.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: 0.9s; animation-delay: 0.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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; } .js_graph_striped_anim > a:hover, .js_graph_striped_anim > a:active{ color: #434343; background: #ffffff; -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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numbers_x > .carousel-indicators{ display: none; } .ps_control_bottom_rx .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_graph_striped_anim{ top: 0; left: 0; width: 100%; padding: 3px; opacity: 0.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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numbers_x > .carousel-indicators{ display: none; } .ps_control_bottom_rx .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_graph_striped_anim{ top: 1%; width: 67%; opacity: 0.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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .js_graph_striped_anim{ top: 4%; width: 65%; opacity: 0.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 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 1000px){ /*---------- SLIDE CAPTION ----------*/ .js_graph_striped_anim{ width: 50%; } .js_graph_striped_anim > div > .progress{ margin-bottom: 15px; } } /*------------------------------------------------------*/ /* JAVASCRIPT GRAPH 044 /*------------------------------------------------------*/ #js_graph_044{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.9; margin: auto; } /*---------- INDICATORS CONTROL ----------*/ .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: none; padding: 5px; color: #ffffff; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: none; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_l_t_y .carousel-control { top: 10%; opacity: 1; width: 30px; height: 30px; z-index: 100; border: none; color: #ffffff; 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; } /*---------- SLIDE CAPTION ----------*/ .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); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Safari */ transform: rotate(-90deg); /* Standard syntax */ } .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: 0.3s; animation-delay: 0.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: #ffffff; -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: 0.5s; animation-delay: 0.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: 0.6s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.8s; animation-delay: 0.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: 0.9s; animation-delay: 0.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: #ffffff; 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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; } .js_graph_striped > a:hover, .js_graph_striped > a:active{ color: #212121; background: #ffffff; 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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numbers_y > .carousel-indicators{ display: none; } .ps_control_l_t_y .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numbers_y > .carousel-indicators{ display: none; } .ps_control_l_t_y .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 875px ----------*/ @media (min-width: 768px) and (max-width: 1000px){ /*---------- SLIDE CAPTION ----------*/ .js_graph_striped{ width: 50%; } } /*------------------------------------------------------*/ /* JAVASCRIPT GRAPH 045 /*------------------------------------------------------*/ #js_graph_045{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.9; margin: auto; } /*---------- INDICATORS CONTROL ----------*/ .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: none; padding: 5px; color: #000000; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: font-size 0.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: none; font-size: 35px; font-weight: 600; border-right: 2px solid #000000; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_t_b_y .carousel-control { opacity: 1; width: 30px; height: 30px; z-index: 100; border: none; color: #000000; 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: #ffffff; background: transparent; } /*---------- SLIDE CAPTION ----------*/ .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: 0.3s; animation-delay: 0.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: #000000; 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: #000000; 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: 0.5s; animation-delay: 0.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: 0.6s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.8s; animation-delay: 0.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: 0.9s; animation-delay: 0.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: #ffffff; 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: #000000; 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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; } .js_graph_striped_y > a:hover, .js_graph_striped_y > a:active{ color: #000000; background: #ffffff; 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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numbers_y_c > .carousel-indicators{ display: none; } .ps_control_t_b_y .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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: none; 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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numbers_y_c > .carousel-indicators{ display: none; } .ps_control_t_b_y .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .js_graph_striped_y{ top: 0; width: 350px; } .js_graph_striped_y > div > .progress{ margin-bottom: 5px; } } /*---------- MEDIA 768px - 1000px ----------*/ @media (min-width: 768px) and (max-width: 1000px){ /*---------- SLIDE CAPTION ----------*/ .js_graph_striped_y{ left: 15%; width: 50%; } .js_graph_striped_y_right{ right: 17%; left: auto; } } /*---------- MEDIA 1001px - 1150px ----------*/ @media (min-width: 1001px) and (max-width: 1150px){ /*---------- SLIDE CAPTION ----------*/ .js_graph_striped_y{ left: 15%; } .js_graph_striped_y_right{ right: 17%; left: auto; } } /*------------------------------------------------------*/ /* JAVASCRIPT GRAPH 046 /*------------------------------------------------------*/ #js_graph_046{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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; } /*---------- INDICATORS CONTROL ----------*/ .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: #000000; 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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_b_r_radius .carousel-control { top: 89%; opacity: 1; width: 25px; height: 25px; z-index: 100; border: none; color: #000000; 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: #ffffff; background: transparent; } /*---------- SLIDE CAPTION ----------*/ .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: 0.3s; animation-delay: 0.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: #000000; 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: #ffffff; -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: #000000; -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: 0.5s; animation-delay: 0.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: 0.6s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.8s; animation-delay: 0.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: 0.9s; animation-delay: 0.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: #000000; 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) 0.5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s; } .js_graph_x > a:hover, .js_graph_x > a:active{ color: #000000; background: #f6f6f6; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numb_brdr > .carousel-indicators{ display: none; } .ps_control_b_r_radius .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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: none; 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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numb_brdr > .carousel-indicators{ display: none; } .ps_control_b_r_radius .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ .ps_control_b_r_radius .carousel-control.left { right: 7%; } /*---------- SLIDE CAPTION ----------*/ .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 768px - 1000px ----------*/ @media (min-width: 768px) and (max-width: 1000px){ .ps_control_b_r_radius .carousel-control.left { right: 6%; } /*---------- SLIDE CAPTION ----------*/ .js_graph_x{ width: 50%; } .js_graph_x > h2{ margin-bottom: 5px; } } /*---------- MEDIA 1001px - 1150px ----------*/ @media (min-width: 1001px) and (max-width: 1150px){ /*---------- SLIDE CAPTION ----------*/ .js_graph_x{ width: 50%; } } /*------------------------------------------------------*/ /* JAVASCRIPT GRAPH 047 /*------------------------------------------------------*/ #js_graph_047{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.7; } /*---------- INDICATORS CONTROL ----------*/ .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: 2px; text-indent: 0; line-height: 0; color: #ffffff; font-size: 14px; background: rgba(255,255,255,0.5); border: none; /* set color #000000 */ font-family: 'Open Sans', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); /* [disabled]-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.8); */ /* [disabled]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: 2px; text-indent: 0; background: #ffffff; border: none; /* set color #000000 */ /* [disabled]-webkit-box-shadow: 0 0 0 1px #ffffff; */ /* [disabled]box-shadow: 0 0 0 1px #ffffff; */ } .ps_indicators_numb_long > .carousel-indicators .active span{ left: 0; opacity: 1; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_square_box .carousel-control { top: 2%; opacity: 1; width: 25px; height: 25px; z-index: 100; border: none; color: #000000; 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 #000000; 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: #000000; background: #ffffff; border: 1px solid #000000; -webkit-box-shadow: 0 0 0 1px #ffffff; box-shadow: 0 0 0 1px #ffffff; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; 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: 0.3s; animation-delay: 0.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: #ffffff; 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: #ffffff; 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: #ffffff; 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: 0.5s; animation-delay: 0.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: 0.6s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.8s; animation-delay: 0.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: 0.9s; animation-delay: 0.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: #000000; 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) 0.5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s; } .js_graph_long_bar_x > a:hover, .js_graph_long_bar_x > a:active{ color: #000000; background: #ffffff; } /*---------- Colors ----------*/ .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numb_long > .carousel-indicators{ display: none; } .ps_control_square_box .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numb_long > .carousel-indicators{ display: none; } .ps_control_square_box .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ .ps_control_square_box .carousel-control.left { right: 7%; } /*---------- SLIDE CAPTION ----------*/ .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 768px - 1000px ----------*/ @media (min-width: 768px) and (max-width: 1000px){ .ps_control_square_box .carousel-control.left { right: 6%; } /*---------- SLIDE CAPTION ----------*/ .js_graph_long_bar_x{ top: 5%; width: 75%; } } /*------------------------------------------------------*/ /* JAVASCRIPT GRAPH 048 /*------------------------------------------------------*/ #js_graph_048{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.7; } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; line-height: 0; color: #ffffff; font-size: 22px; background: #ffffff; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; border-radius: 100px; -webkit-border-radius: 100px; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: none; text-indent: 0; background: #000000; -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 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_glow .carousel-control { top: 2%; opacity: 1; width: 25px; height: 25px; z-index: 100; border: none; color: #000000; 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: #000000; background: #ffffff; -webkit-box-shadow: 0 0 3px 3px #ffffff; box-shadow: 0 0 3px 3px #ffffff; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; 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: 0.3s; animation-delay: 0.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: #ffffff; 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: #ffffff; 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 #000000; box-shadow: 0 0 25px #000000; } .js_graph_long_bar_radius > .progress > .progress-bar{ color: #ffffff; 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: 0.5s; animation-delay: 0.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: 0.6s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.8s; animation-delay: 0.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: 0.9s; animation-delay: 0.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: #000000; 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) 0.5s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s; } .js_graph_long_bar_radius > a:hover, .js_graph_long_bar_radius > a:active{ color: #000000; background: #ffffff; } /*---------- Colors ----------*/ .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); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numb_glow > .carousel-indicators{ display: none; } .ps_control_glow .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_numb_glow > .carousel-indicators{ display: none; } .ps_control_glow .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ .ps_control_glow .carousel-control.left { left: 2%; } .ps_control_glow .carousel-control.right { left: 8%; } /*---------- SLIDE CAPTION ----------*/ .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 768px - 1050px ----------*/ @media (min-width: 768px) and (max-width: 1050px){ .ps_control_glow .carousel-control.left { left: 2%; } .ps_control_glow .carousel-control.right { left: 8%; } /*---------- SLIDE CAPTION ----------*/ .js_graph_long_bar_radius{ top: 15%; width: 85%; } } /*------------------------------------------------------*/ /* JAVASCRIPT GRAPH 049 /*------------------------------------------------------*/ #js_graph_049{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.7; } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; line-height: 0; color: #ffffff; font-size: 42px; background: #000000; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(0,1,0,1); transition: all 0.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: none; text-indent: 0; background: #ffffff; -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 0.5s cubic-bezier(0,1,0,1); transition: all 0.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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_long_striped .carousel-control { top: 90%; opacity: 1; width: 25px; height: 25px; z-index: 100; border: none; color: #ffffff; 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: #ffffff; 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; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; 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: 0.3s; animation-delay: 0.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: #ffffff; 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 #ffffff; 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: #ffffff; border: 3px solid #ffffff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 25px #000000; box-shadow: 0 0 25px #000000; } .js_graph_long_bar_striped > .progress > .progress-bar{ color: #ffffff; 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: #000000; 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) 0.5s; transition: all cubic-bezier(0,1,0,1) 0.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: #ffffff; background: #000000; 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; } /*---------- Colors ----------*/ .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_long_striped > .carousel-indicators{ display: none; } .ps_control_long_striped .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 #ffffff; } .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_long_striped > .carousel-indicators{ display: none; } .ps_control_long_striped .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 #ffffff; } .js_graph_long_bar_striped > .progress > .progress-bar{ line-height: 40px; } } /*---------- MEDIA 601px - 767px ----------*/ @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%; } /*---------- SLIDE CAPTION ----------*/ .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 768px - 1050px ----------*/ @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%; } /*---------- SLIDE CAPTION ----------*/ .js_graph_long_bar_striped{ top: 15%; } } /*------------------------------------------------------*/ /* JAVASCRIPT GRAPH 050 /*------------------------------------------------------*/ #js_graph_050{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.5; -webkit-filter: blur(2px); filter: blur(2px); } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; line-height: 0; color: #ffffff; font-size: 42px; background: #ffffff; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; border-radius: 10px; -webkit-border-radius: 10px; -webkit-transition: all 0.5s cubic-bezier(0.3,1,0,1); transition: all 0.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: none; text-indent: 0; background: #ffffff; -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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_xs_long .carousel-control { top: 3%; opacity: 1; width: 50px; height: 15px; z-index: 100; border: none; color: #000000; 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: #000000; background: #ffffff; box-shadow: none; -webkit-box-shadow: none; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; 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: #ffffff; 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: #ffffff; -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: #ffffff; 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 0.5s ease; transition: all 0.5s ease; } .js_graph_xs_long_bar > a, .js_graph_xs_long_bar > a:visited{ color: #000000; 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: #ffffff; background: #000000; } /*---------- Colors ----------*/ .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: #ffffff; cursor: pointer; background: #000000; cursor: -moz-pointer; cursor: -webkit-pointer; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_num_sm > .carousel-indicators{ display: none; } .ps_control_xs_long .carousel-control.right { left: 20%; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_num_sm > .carousel-indicators{ display: none; } .ps_control_xs_long .carousel-control.right { left: 14%; } /*---------- SLIDE CAPTION ----------*/ .js_graph_xs_long_bar{ top: 0; width: 100%; } .js_graph_xs_long_bar > p{ font-size: 12px; } } /*---------- MEDIA 601px - 767px ----------*/ @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%; } /*---------- SLIDE CAPTION ----------*/ .js_graph_xs_long_bar{ top: 0; width: 100%; padding: 5px; } } /*---------- MEDIA 768px - 1050px ----------*/ @media (min-width: 768px) and (max-width: 1050px){ .ps_control_xs_long .carousel-control.right { left: 11%; } /*---------- SLIDE CAPTION ----------*/ .js_graph_xs_long_bar{ top: 15%; } } /*------------------------------------------------------*/ /* JAVASCRIPT LIST 051 /*------------------------------------------------------*/ #js_list_051{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.8; } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; color: #ffffff; font-size: 22px; background: #ffffff; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(0.3,1,0,1); transition: all 0.5s cubic-bezier(0.3,1,0,1); } .ps_indicators_square_dots > .carousel-indicators .active{ width: 50px; margin: 1px; height: 10px; border: none; text-indent: 0; background: #000000; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_square_txt .carousel-control { top: 85%; opacity: 1; width: 50px; height: 50px; z-index: 100; border: none; color: #000000; font-size: 11px; cursor: pointer; overflow: hidden; text-shadow: none; position: absolute; font-weight: normal; background: #ffffff; 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: #ffffff; background: #000000; -webkit-box-shadow: none; box-shadow: none; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; font-size: 50px; font-weight: 700; position: relative; margin-bottom: 40px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.4s; animation-delay: 0.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: #000000; font-size: 12px; height: 40px; line-height: 40px; font-weight: 600; margin-top: 10px; position: relative; letter-spacing: 1px; padding: 0 0 0 20px; background: #ffffff; text-transform: uppercase; -webkit-font-smoothing: antialiased; } .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: 0.5s; animation-delay: 0.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: 0.6s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.8s; animation-delay: 0.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: 0.9s; animation-delay: 0.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: #ffffff; cursor: pointer; font-size: 10px; font-weight: 600; padding: 10px 30px; line-height: 15px; text-align: center; background: #000000; letter-spacing: 1px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; -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) 0.5s; transition: all cubic-bezier(0.3,1,0,1) 0.5s; } .js_list_simple > a:hover, .js_list_simple > a:active{ color: #000000; background: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_square_dots > .carousel-indicators{ display: none; } .ps_control_square_txt .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_control_square_txt .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ .ps_control_square_txt .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 768px - 1050px ----------*/ @media (min-width: 768px) and (max-width: 1050px){ /*---------- SLIDE CAPTION ----------*/ .js_list_simple{ top: 5%; width: 100%; } } /*------------------------------------------------------*/ /* JAVASCRIPT LIST 052 /*------------------------------------------------------*/ #js_list_052{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.6; } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; font-size: 11px; 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 0.5s cubic-bezier(0.3,1,0,1); transition: all 0.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: none; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_radius_txt .carousel-control { top: 88%; opacity: 1; width: 40px; height: 40px; z-index: 100; border: none; 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); -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; -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; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; font-size: 45px; font-weight: 400; position: relative; margin-bottom: 20px; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.4s; animation-delay: 0.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: #ffffff; font-size: 22px; font-weight: 400; margin: 26px 0; padding-left: 60px; position: relative; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; } .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: #000000; font-size: 18px; line-height: 40px; text-align: center; position: absolute; background: #ffffff; -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: 0.5s; animation-delay: 0.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: 0.6s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.8s; animation-delay: 0.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: 0.9s; animation-delay: 0.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: #000000; cursor: pointer; font-size: 12px; line-height: 60px; text-align: center; position: relative; background: #ffffff; 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) 0.5s; transition: all cubic-bezier(0.3,1,0,1) 0.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: #ffffff; background: #000000; } .js_list_icons > a:hover:after{ -webkit-animation: psBoxShadowEffect 1s ease-out; animation: psBoxShadowEffect 1s ease-out; } /*---------- BOX SHADOW EFFECT ----------*/ @-webkit-keyframes psBoxShadowEffect{ 0% { opacity: 0.3; } 40% { opacity: 0.5; -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 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 #ffffff, 0 0 0 10px rgba(255,255,255,0.5); -webkit-transform: scale(1.1); opacity: 0; } } @keyframes psBoxShadowEffect{ 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 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 #ffffff, 0 0 0 10px rgba(255,255,255,0.5); transform: scale(1.1); opacity: 0; } } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_radius_icons > .carousel-indicators{ display: none; } .ps_control_radius_txt .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_control_radius_txt .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 1050px ----------*/ @media (min-width: 768px) and (max-width: 1050px){ /*---------- SLIDE CAPTION ----------*/ .js_list_icons{ top: 5%; width: 100%; } .js_list_icons > h1{ font-size: 40px; } .js_list_icons > ul > li{ margin: 12px 0; } } /*------------------------------------------------------*/ /* JAVASCRIPT LIST 053 /*------------------------------------------------------*/ #js_list_053{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.9; } /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_square_num > .carousel-indicators{ 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: none; color: #ffffff; text-indent: 0; font-size: 11px; font-weight: 600; line-height: 30px; text-align: center; background: #000000; -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(.075,.82,.165,1); transition: all 0.5s cubic-bezier(.075,.82,.165,1); } .ps_indicators_square_num > .carousel-indicators .active{ width: 30px; margin: 1px; height: 30px; border: none; text-indent: 0; color: #000000; background: #ffffff; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_black_box_txt .carousel-control { top: 87%; opacity: 1; width: 40px; height: 40px; z-index: 100; border: none; font-size: 12px; cursor: pointer; overflow: hidden; text-shadow: none; position: absolute; font-weight: normal; color: #ffffff; background: #000000; -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; -webkit-font-smoothing: antialiased; } .ps_control_black_box_txt .carousel-control.left:hover, .ps_control_black_box_txt .carousel-control.right:hover{ background: #ffffff; color: #000000; -webkit-box-shadow: none; box-shadow: none; } /*---------- SLIDE CAPTION ----------*/ .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: #000000; font-size: 25px; font-weight: 400; position: relative; margin-bottom: 20px; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.4s; animation-delay: 0.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: #ffffff; font-size: 11px; height: 35px; line-height: 35px; font-weight: 600; margin: 5px 0; padding-left: 10px; letter-spacing: 1px; background: #000000; 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: 0.5s; animation-delay: 0.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: 0.6s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: 0.8s; animation-delay: 0.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: 0.9s; animation-delay: 0.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: #000000; cursor: pointer; font-size: 10px; font-weight: 600; 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; -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) 0.5s; transition: all cubic-bezier(.075,.82,.165,1) 0.5s; } .js_list_three > a:hover, .js_list_three > a:active{ color: #ffffff; background: #000000; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_square_num > .carousel-indicators{ display: none; } .ps_control_black_box_txt .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_control_black_box_txt .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 1050px ----------*/ @media (min-width: 768px) and (max-width: 1050px){ /*---------- SLIDE CAPTION ----------*/ .js_list_three{ left: 1%; width: 240px; } .js_list_three_right{ left: auto; right: 1%; } } /*------------------------------------------------------*/ /* JAVASCRIPT LIST 054 /*------------------------------------------------------*/ #js_list_054{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.8; } /*---------- INDICATORS CONTROL ----------*/ .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: 20px; border: none; color: #fff; text-indent: 0; font-size: 11px; font-weight: 600; font-family: 'Open Sans', sans-serif; line-height: 20px; text-align: center; background: rgba(0,0,0,0.80); text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.5s cubic-bezier(.445,.05,.55,.95); transition: all 0.5s cubic-bezier(.445,.05,.55,.95); } .ps_indicators_radius_num > .carousel-indicators .active{ width: 20px; margin: 1px; height: 20px; border: none; text-indent: 0; color: #000; background: rgba(253,253,253,0.40); } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_radius_txt_x .carousel-control { top: 1%; opacity: 1; width: 80px; height: 20px; z-index: 100; border: none; color: #000; font-size: 10px; cursor: pointer; overflow: hidden; text-shadow: none; line-height: 20px; position: absolute; font-weight: normal; background: rgba(253,253,253,0.60); -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; -webkit-font-smoothing: antialiased; } .ps_control_radius_txt_x .carousel-control.left:hover, .ps_control_radius_txt_x .carousel-control.right:hover{ color: #fff; background: #282828; -webkit-box-shadow: none; box-shadow: none; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; font-size: 30px; font-weight: 400; position: relative; margin-bottom: 20px; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-duration: 0.5s; animation-duration: 0.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: #000; font-size: 11px; font-weight: 600; line-height: 30px; padding-left: 20px; letter-spacing: 1px; background: rgba(253,253,253,0.40); text-transform: uppercase; -webkit-font-smoothing: antialiased; -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: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.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: 0.6s; animation-delay: 0.6s; -webkit-animation-duration: 0.5s; animation-duration: 0.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: 0.7s; animation-delay: 0.7s; -webkit-animation-duration: 0.5s; animation-duration: 0.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: 0.8s; animation-delay: 0.8s; -webkit-animation-duration: 0.5s; animation-duration: 0.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: 0.9s; animation-delay: 0.9s; -webkit-animation-duration: 0.5s; animation-duration: 0.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: 30px; color: #000; cursor: pointer; font-size: 10px; line-height: 30px; text-align: center; position: absolute; background: rgba(253,253,253,0.60); font-weight: 600; letter-spacing: 2px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100px; border-radius: 100px; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-duration: 0.5s; animation-duration: 0.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) 0.5s; transition: all cubic-bezier(.445,.05,.55,.95) 0.5s; } .js_list_radius > a:hover, .js_list_radius > a:active{ color: #fff; background: #000; } .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_radius_num > .carousel-indicators{ display: none; } .ps_control_radius_txt_x .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_control_radius_txt_x .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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; } } /*------------------------------------------------------*/ /* JAVASCRIPT LIST 055 /*------------------------------------------------------*/ #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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; color: #ffffff; text-indent: 0; padding: 0 10px; font-size: 13px; font-weight: 600; font-family: 'Open Sans', serif; overflow: hidden; line-height: 30px; text-align: center; background: #201114; text-transform: capitalize; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(.445,.05,.55,.95); transition: all 0.5s cubic-bezier(.445,.05,.55,.95); } .ps_indicators_caption > .carousel-indicators li > span{ margin-left: 15px; -webkit-transition: margin 0.5s cubic-bezier(.445,.05,.55,.95); transition: margin 0.5s cubic-bezier(.445,.05,.55,.95); } .ps_indicators_caption > .carousel-indicators .active{ width: auto; margin: 1px; height: 30px; border: none; text-indent: 0; color: #ffffff; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_text .carousel-control { top: 45%; opacity: 0; width: 70px; height: 25px; z-index: 100; border: none; color: #201114; font-size: 12px; cursor: pointer; font-weight: 700; overflow: hidden; text-shadow: none; line-height: 25px; position: absolute; background: transparent; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(.445,.05,.55,.95); transition: all 0.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; -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; } /*---------- SLIDE CAPTION ----------*/ .js_list_box{ top: 10%; left: 10%; right: auto; width: 315px; height: 400px; position: absolute; background: rgba(32,17,20,0.90); padding: 10px 35px 35px 35px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.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: #ffffff; font-size: 20px; font-weight: 700; position: relative; letter-spacing: 2px; text-transform: capitalize; -webkit-font-smoothing: antialiased; } .js_list_box > ul{ padding: 0; list-style-type: none; } .js_list_box > ul > li{ margin: 10px 0; color: #c2b7b9; font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: capitalize; -webkit-font-smoothing: antialiased; } .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: #ffffff; cursor: pointer; font-size: 12px; font-weight: 700; 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; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(.445,.05,.55,.95) 0.5s; transition: all cubic-bezier(.445,.05,.55,.95) 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_caption > .carousel-indicators{ display: none; } .ps_control_text .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_list_box{ top: 0; left: 0; right: auto; width: 100%; height: 100%; opacity: 0.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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_control_text .carousel-control{ display: none; } .ps_indicators_caption > .carousel-indicators{ bottom: 0; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .js_list_box{ top: 0; } .js_list_box > ul > li{ margin: 1px 0; } } /*------------------------------------------------------*/ /* JAVASCRIPT TABLE 056 /*------------------------------------------------------*/ #js_table_056{ overflow: hidden; max-height: 658px; position: relative; background: #333333; } #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: 0.9; } /*---------- INDICATORS CONTROL ----------*/ .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: none; color: #ffffff; text-indent: 0; padding: 0 10px; font-size: 16px; overflow: hidden; line-height: 30px; text-align: center; background: #333333; text-transform: capitalize; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(.445,.05,.55,.95); transition: all 0.5s cubic-bezier(.445,.05,.55,.95); } .ps_indicators_txt_caption > .carousel-indicators li > span{ margin-left: 15px; -webkit-transition: margin 0.5s cubic-bezier(.445,.05,.55,.95); transition: margin 0.5s cubic-bezier(.445,.05,.55,.95); } .ps_indicators_txt_caption > .carousel-indicators .active{ width: auto; margin: 1px; height: 30px; border: none; text-indent: 0; color: #ffffff; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_txt_oblong .carousel-control { top: auto; bottom: 5%; opacity: 1; width: 70px; height: 25px; z-index: 100; border: none; color: #ffffff; font-size: 16px; cursor: pointer; font-weight: 400; overflow: hidden; text-shadow: none; line-height: 25px; position: absolute; background: #333333; 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 0.5s cubic-bezier(.445,.05,.55,.95); transition: all 0.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: #ffffff; background: #5cae4a; -webkit-box-shadow: none; box-shadow: none; } /*---------- SLIDE CAPTION ----------*/ .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: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 0.7s; animation-duration: 0.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: 0px -7px 34px -4px rgba(0,0,0,0.31); box-shadow: 0px -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: #ffffff; -webkit-box-shadow: 0px -7px 34px -4px rgba(0,0,0,0.31); box-shadow: 0px -7px 34px -4px rgba(0,0,0,0.31); } .js_table_price > h1{ color: #ffffff; 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: #ffffff; } .js_table_price > .row > div > h3{ color: #ffffff; 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: #ffffff; 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: #ffffff; 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: #ffffff; 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) 0.5s; transition: all cubic-bezier(.23,1,.32,1) 0.5s; } .js_table_price > .row > div > a:hover, .js_table_price > .row > div > a:active{ color: #ffffff; background: #333333; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_txt_caption > .carousel-indicators{ display: none; } .ps_control_txt_oblong .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_control_txt_oblong .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ /*---------- SLIDE CAPTION ----------*/ .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 901px - 1200px ----------*/ @media (min-width: 901px) and (max-width: 1200px){ /*---------- SLIDE CAPTION ----------*/ .js_table_price{ width: 70%; } .js_table_price > .row > div:before{ width: 98%; } .js_table_price > .row > div:after{ width: 98%; } } /*------------------------------------------------------*/ /* JAVASCRIPT TABLE 057 /*------------------------------------------------------*/ #js_table_057{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.3; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s cubic-bezier(.445,.05,.55,.95); transition: all 0.5s cubic-bezier(.445,.05,.55,.95); } .ps_indicators_brdr_caption > .carousel-indicators li > span{ margin-left: 17px; -webkit-transition: margin 0.5s cubic-bezier(.445,.05,.55,.95); transition: margin 0.5s cubic-bezier(.445,.05,.55,.95); } .ps_indicators_brdr_caption > .carousel-indicators .active{ width: auto; margin: 1px; height: 30px; border: none; text-indent: 0; color: #ffffff; background: transparent; border: 1px solid #ffffff; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.5s cubic-bezier(.445,.05,.55,.95); transition: all 0.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: #ffffff; background: transparent; border: 1px solid #ffffff; -webkit-box-shadow: none; box-shadow: none; } /*---------- SLIDE CAPTION ----------*/ .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: none; 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: #ffffff; 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: #ffffff; 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: #ffffff; 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: #ffffff; 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 #ffffff; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(.23,1,.32,1) 0.5s; transition: all cubic-bezier(.23,1,.32,1) 0.5s; } .js_table_price_dark > .row > div > a:hover, .js_table_price_dark > .row > div > a:active{ color: #c6c6c6; border-bottom: 1px solid #c6c6c6; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_brdr_caption > .carousel-indicators{ display: none; } .ps_control_txt_y .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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: none; } .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_control_txt_y .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ /*---------- SLIDE CAPTION ----------*/ .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 901px - 1200px ----------*/ @media (min-width: 901px) and (max-width: 1200px){ /*---------- SLIDE CAPTION ----------*/ .js_table_price_dark{ width: 70%; } } /*------------------------------------------------------*/ /* JAVASCRIPT TABLE 058 /*------------------------------------------------------*/ #js_table_058{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.9; } /*---------- INDICATORS CONTROL ----------*/ .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: none; color: #000000; 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 0.5s cubic-bezier(.445,.05,.55,.95); transition: all 0.5s cubic-bezier(.445,.05,.55,.95); } .ps_indicators_text > .carousel-indicators li > span{ margin-left: 17px; -webkit-transition: margin 0.5s cubic-bezier(.445,.05,.55,.95); transition: margin 0.5s cubic-bezier(.445,.05,.55,.95); } .ps_indicators_text > .carousel-indicators .active{ width: auto; margin: 1px; height: 30px; border: none; text-indent: 0; color: #000000; background: transparent; border-bottom: 1px solid #000000; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_txt .carousel-control { top: 42%; opacity: 1; width: 20px; padding: 5px; height: auto; z-index: 100; bottom: auto; border: none; color: #000000; 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 0.5s cubic-bezier(.445,.05,.55,.95); transition: all 0.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: #ffffff; background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; } /*---------- SLIDE CAPTION ----------*/ .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: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 0.7s; animation-duration: 0.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: #ffffff; 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: #ffffff; } .js_table_course > table > thead > tr > th{ color: #ffffff; 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: none; border-top: none; border-bottom: none; } .js_table_course > table > tbody > tr > td{ color: #000000; 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) 0.5s; transition: all cubic-bezier(.19,1,.22,1) 0.5s; } .js_table_course > table > tbody > tr > td > a{ color: #000000; text-decoration: none; -webkit-transition: all cubic-bezier(.19,1,.22,1) 0.5s; transition: all cubic-bezier(.19,1,.22,1) 0.5s; } .js_table_course > table > tbody > tr > td:first-child{ text-transform: uppercase; } .js_table_course > table > tbody > tr:nth-of-type(odd){ color: #ffffff; background-color: #fafafa; border-top: 1px dashed #eaeaea; border-bottom: 1px dashed #eaeaea; } .js_table_course > table > tbody > tr:hover > td{ color: #ffffff; background: #d45585; } .js_table_course > table > tbody > tr:hover > td > a{ color: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_text > .carousel-indicators{ display: none; } .ps_control_txt .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_control_txt .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ /*---------- SLIDE CAPTION ----------*/ .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 901px - 1200px ----------*/ @media (min-width: 901px) and (max-width: 1200px){ /*---------- SLIDE CAPTION ----------*/ .js_table_course{ width: 70%; } } /*------------------------------------------------------*/ /* JAVASCRIPT TABLE 059 /*------------------------------------------------------*/ #js_table_059{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.9; -webkit-filter: grayscale(100%); filter: grayscale(100%); } /*---------- INDICATORS CONTROL ----------*/ .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: none; color: #ffffff; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: none; text-indent: 0; color: #ffffff; background: transparent; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_txt_db .carousel-control { top: 0; opacity: 1; width: 70px; padding: 5px; height: 25px; z-index: 100; bottom: auto; border: none; color: #ffffff; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; text-shadow: none; position: absolute; background: transparent; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; } .ps_control_txt_db .carousel-control.left:hover, .ps_control_txt_db .carousel-control.right:hover{ border: none; color: #ffffff; background: transparent; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-box-shadow: none; box-shadow: none; } /*---------- SLIDE CAPTION ----------*/ .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: 0.5s; animation-delay: 0.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: #ffffff; 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: none; border-top: none; border-bottom: none; } .js_table_schedule > table > tbody > tr{ -webkit-transition: background cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; transition: background cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; } .js_table_schedule > table > tbody > tr > td{ color: #aaaaaa; 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: #ffffff; 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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.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 #444444; border-bottom: 1px dashed #444444; } .js_table_schedule > table > tbody > tr:hover{ background: #292929; } .js_table_schedule > table > tbody > tr > td > a:hover{ background: #04bdf3; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_txt_db > .carousel-indicators{ display: none; } .ps_control_txt_db .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_control_txt_db .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ /*---------- SLIDE CAPTION ----------*/ .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 901px - 1200px ----------*/ @media (min-width: 901px) and (max-width: 1200px){ /*---------- SLIDE CAPTION ----------*/ .js_table_schedule{ width: 75%; } } /*------------------------------------------------------*/ /* JAVASCRIPT TABLE 060 /*------------------------------------------------------*/ #js_table_060{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.8; } /*---------- INDICATORS CONTROL ----------*/ .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: none; color: #ffffff; 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: none; text-indent: 0; color: #ffffff; background: transparent; border-left: 3px solid #ffffff; border-right: 3px solid #ffffff; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_txt_rdb .carousel-control { top: 5px; opacity: 1; width: 50px; padding: 5px; height: 15px; z-index: 100; bottom: auto; border: none; color: #ffffff; 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: none; color: #ffffff; background: transparent; border-left: 3px solid #ffffff; border-right: 3px solid #ffffff; -webkit-box-shadow: none; box-shadow: none; } /*---------- SLIDE CAPTION ----------*/ .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: 0.5s; animation-delay: 0.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: #666666; 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: #ffffff; 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: none; border-top: none; border-bottom: none; } .js_table_timetable > table > tbody > tr{ -webkit-transition: background cubic-bezier(.165,.84,.44,1) 0.5s; transition: background cubic-bezier(.165,.84,.44,1) 0.5s; } .js_table_timetable > table > tbody > tr > td{ color: #666666; 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: #666666; font-size: 11px; text-decoration: none; text-transform: uppercase; -webkit-transition: all cubic-bezier(.165,.84,.44,1) 0.5s; transition: all cubic-bezier(.165,.84,.44,1) 0.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: #ffffff; background: #3156a3; } .js_table_timetable > table > tbody > tr:hover td, .js_table_timetable > table > tbody > tr:hover a{ color: #ffffff; } .js_table_timetable::-webkit-scrollbar{ width: 5px; background: transparent; } .js_table_timetable::-webkit-scrollbar-thumb { -webkit-border-radius: 0; border-radius: 0; background: #e6e6e6; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_txt_rdb > .carousel-indicators{ display: none; } .ps_control_txt_rdb .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_table_timetable{ top: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 1px; opacity: 0.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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_txt_rdb > .carousel-indicators{ display: none; } .ps_control_txt_rdb .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .js_table_timetable{ top: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 1px; opacity: 0.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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .js_table_timetable{ left: 0; right: 0; top: 12%; width: 100%; height: 100%; padding: 1px; opacity: 0.9; overflow: auto; } } /*---------- MEDIA 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ /*---------- SLIDE CAPTION ----------*/ .js_table_timetable{ top: 10%; width: 85%; height: 85%; overflow: auto; } } /*---------- MEDIA 901px - 1200px ----------*/ @media (min-width: 901px) and (max-width: 1150px){ /*---------- SLIDE CAPTION ----------*/ .js_table_timetable{ top: 10%; width: 80%; height: 75%; overflow: auto; } } /*------------------------------------------------------*/ /* KEN BURNS 061 /*------------------------------------------------------*/ #kenburns_061{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.5; } /*---------- INDICATORS CONTROL ----------*/ .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: none; color: #ffffff; 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) 0.5s; transition: all cubic-bezier(.165,.84,.44,1) 0.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: none; text-indent: 0; color: #ffffff; background: transparent; border-bottom: 1px solid #ffffff; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_txt_icon .carousel-control { top: 3%; opacity: 1; width: 75px; padding: 5px; height: 25px; z-index: 100; bottom: auto; border: none; color: #ffffff; 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) 0.5s; transition: all cubic-bezier(.165,.84,.44,1) 0.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) 0.5s; transition: all cubic-bezier(.165,.84,.44,1) 0.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) 0.5s; transition: all cubic-bezier(.165,.84,.44,1) 0.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; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; 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: #ffffff; 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: #ffffff; 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: #ffffff; 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) 0.5s; transition: width cubic-bezier(.165,.84,.44,1) 0.5s; } .kenburns_061_slide > a:hover, .kenburns_061_slide > a:active{ width: 130px; color: #fff; } .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_txt_icon > .carousel-indicators{ display: none; } .ps_control_txt_icon .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_txt_icon > .carousel-indicators{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_txt_icon > .carousel-indicators{ right: 15%; width: 70%; } /*---------- SLIDE CAPTION ----------*/ .kenburns_061_slide > h1{ font-size: 40px; } } /*------------------------------------------------------*/ /* KEN BURNS 062 /*------------------------------------------------------*/ #kenburns_062{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.7; } /*---------- INDICATORS CONTROL ----------*/ .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: none; color: #ffffff; 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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.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: none; text-indent: 0; color: #ffffff; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_cs_icon .carousel-control{ top: 5px; width: 40px; opacity: 0.5; padding: 5px; height: 40px; z-index: 100; bottom: auto; color: #ffffff; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 28px; text-shadow: none; position: absolute; background: transparent; border: 1px solid #ffffff; 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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.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; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; margin: 20px 0; padding: 20px 0; font-size: 50px; font-weight: 900; text-shadow: none; text-align: center; letter-spacing: 2px; border: 7px solid #ffffff; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; 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: 0.5s; animation-delay: 0.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: 11px; font-weight: 600; 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) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; margin-right: 5px; background: #282828; border: 1px solid #282828; } .kenburns_062_slide > a:nth-child(4){ color: #ffffff; margin-left: 5px; border: 1px solid #ffffff; } .kenburns_062_slide > a:nth-child(3):hover, .kenburns_062_slide > a:nth-child(3):active{ color: #000; background: #ffffff; border: 1px solid #ffffff; } .kenburns_062_slide > a:nth-child(4):hover, .kenburns_062_slide > a:nth-child(4):active{ color: #fff; background: #282828; border: 1px solid #282828; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_cs_icon > .carousel-indicators{ display: none; } .ps_control_cs_icon .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 #ffffff; } .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_cs_icon > .carousel-indicators{ display: none; } .ps_control_cs_icon .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ /*---------- SLIDE CAPTION ----------*/ .kenburns_062_slide{ top: 10%; width: 85%; } } /*------------------------------------------------------*/ /* KEN BURNS 063 /*------------------------------------------------------*/ #kenburns_063{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.5; } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; padding: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; text-transform: uppercase; background: rgba(191,152,101,0.50); -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; } .ps_indicators_blue > .carousel-indicators .active{ width: 15px; margin: 1px; height: 10px; border: none; text-indent: 0; background: #BF9865; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_blue .carousel-control{ top: 5%; opacity: 1; width: 30px; height: 15px; z-index: 100; bottom: auto; color: #ffffff; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 15px; text-shadow: none; position: absolute; background: rgba(191,152,101,0.50); -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.5s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.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: #BF9865; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; margin: 0; padding: 0; font-size: 60px; font-weight: 400; text-shadow: none; text-align: center; letter-spacing: 0px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #BF9865; font-weight: 600; display: inline-block; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; width: 60%; margin: auto; font-size: 12px; font-weight: 400; text-shadow: none; text-align: center; letter-spacing: 1px; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; 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: rgba(191,152,101,0.50); text-decoration: none; display: inline-block; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-transition: all cubic-bezier(.455,.03,.515,.955) 0.5s; transition: all cubic-bezier(.455,.03,.515,.955) 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.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: 8%; 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) 0.5s; transition: right cubic-bezier(.455,.03,.515,.955) 0.5s; } .kenburns_063_slide > a:hover:after{ right: 15%; } .kenburns_063_slide > a:hover, .kenburns_063_slide > a:active{ background: #BF9865; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_blue > .carousel-indicators{ display: none; } .ps_control_blue .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .kenburns_063_slide{ left: 0; width: 95%; } .kenburns_063_slide_right{ right: 0; left: auto; } } /*---------- MEDIA 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ /*---------- SLIDE CAPTION ----------*/ .kenburns_063_slide{ width: 75%; } } /*------------------------------------------------------*/ /* KEN BURNS 064 /*------------------------------------------------------*/ #kenburns_064{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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: none; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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: #ffffff; 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: #ffffff; background: #fd4000; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; 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: #ffffff; 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: #ffffff; 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: #ffffff; 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 #ffffff; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s cubic-bezier(.455,.03,.515,.955); transition: all 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_orange > .carousel-indicators{ display: none; } .ps_control_orange .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_orange > .carousel-indicators{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .kenburns_064_slide{ padding-top: 10%; } } /*------------------------------------------------------*/ /* KEN BURNS 065 /*------------------------------------------------------*/ #kenburns_065{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; overflow: hidden; text-align: left; position: relative; background: #bcbcbc; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100%; } .ps_indicators_gray > .carousel-indicators .active{ width: 25px; margin: 1px; height: 7px; border: none; text-indent: 0; background: #BF9865; -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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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; -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: #fff; background: #BF9865; border: 1px solid #BF9865; } /*---------- SLIDE CAPTION ----------*/ .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: #BF9865; font-size: 60px; font-weight: 500; text-shadow: none; letter-spacing: 1px; margin: 0 auto 0 15%; text-transform: uppercase; -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: #ffffff; font-size: 40px; font-weight: 400; text-shadow: none; padding:0; letter-spacing: 1px; margin: 0 auto 0 15%; text-transform: uppercase; -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: 40px; color: #212121; font-size: 11px; font-weight: 400; line-height: 40px; text-shadow: none; position: relative; text-align: center; letter-spacing: 1px; background: #ffffff; 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 0.1s cubic-bezier(.455,.03,.515,.955); transition: all 0.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: #ffffff; background: #BF9865; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .kenburns_065_slide{ padding-top: 10%; } .kenburns_065_slide > h1{ width: 460px; font-size: 75px; } } /*------------------------------------------------------*/ /* MODAL 066 /*------------------------------------------------------*/ /*---------- GALLERY ----------*/ .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; } /*---------- MODAL ----------*/ #ps_modal_066{ /* Box Layout */ padding-left: 30px !important; padding-right: 30px !important; padding-top: 30px !important; } /*---------- MODAL CONTENT ----------*/ #ps_modal_066 > .modal-dialog{ margin: 0; width: 100%; } /*---------- MODAL CONTENT ----------*/ #ps_modal_066 > .modal-dialog > .modal-content{ border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } /*---------- RESPONSIVE ----------*/ @media (min-width: 768px) { #ps_modal_066 > .modal-dialog { width: 100%; margin: 0 0; } #ps_modal_066 > .modal-dialog > .modal-content { -webkit-box-shadow: none; box-shadow: none; } } /* Box Layout */ @media (max-width: 768px) { #ps_modal_066{ padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } } /*---------- MODAL CLOSE BUTTON ----------*/ .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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .ps_modal_close_yellow > .modal-dialog > .modal-content > a:hover{ color: #EECB55; } /*------------------------------------------------------*/ /* SLIDER 066 /*------------------------------------------------------*/ #fw_slider_modal_066{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.8; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .ps_indicators_yellow > .carousel-indicators .active{ width: 15px; margin: 1px; height: 15px; border: none; text-indent: 0; background: #EECB55; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_yellow .carousel-control{ top: 2%; opacity: 1; width: 25px; height: 25px; z-index: 100; bottom: auto; color: #EECB55; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: #EECB55; } /*---------- SLIDE CAPTION ----------*/ .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: 0.5s; animation-delay: 0.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; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #EECB55; } .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: 0.5s; animation-delay: 0.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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .fw_slider_modal_066_slide > a > span{ color: #EECB55; margin-left: 15px; -webkit-transition: all cubic-bezier(.455,.03,.515,.955) 0.5s; transition: all cubic-bezier(.455,.03,.515,.955) 0.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: #EECB55; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: #EECB55; } .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_yellow > .carousel-indicators{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .fw_slider_modal_066_slide{ top: 0; height: 100%; position: relative; padding: 15px 25px; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 1100px ----------*/ @media (min-width: 768px) and (max-width: 1050px){ /*---------- SLIDE CAPTION ----------*/ .fw_slider_modal_066_slide{ height: 230px; padding: 15px 50px; } } /*------------------------------------------------------*/ /* MODAL 067 /*------------------------------------------------------*/ /*---------- GALLERY ----------*/ .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; } /*---------- MODAL ----------*/ #ps_modal_067{ padding-left: 300 !important; padding-right: 0 !important; } /*---------- MODAL CONTENT ----------*/ #ps_modal_067 > .modal-dialog{ width: 100%; margin: 30px 0; } /*---------- MODAL CONTENT ----------*/ #ps_modal_067 > .modal-dialog > .modal-content{ border: none; -webkit-border-radius: 0; border-radius: 0; } /*---------- RESPONSIVE ----------*/ @media (min-width: 768px) { #ps_modal_067 > .modal-dialog{ width: 60%; margin: 30px auto; } } /*---------- MODAL CLOSE BUTTON ----------*/ .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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .ps_modal_close_pink > .modal-dialog > .modal-content > a:hover{ color: #ffffff; } /*------------------------------------------------------*/ /* SLIDER 067 /*------------------------------------------------------*/ #thx_slider_modal_067 { overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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: 0.6; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: 0.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; } } /*---------- SLIDE CAPTION ----------*/ .thx_slider_modal_067_slide{ top: 30%; left: 5%; width: 60%; right: auto; text-align: left; position: absolute; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #ffffff; 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: #ffffff; 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: #ffffff; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px) { /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px) { /*---------- SLIDE CAPTION ----------*/ .thx_slider_modal_067_slide { width: 100%; } } /*---------- MEDIA 601px - 900px ----------*/ @media (min-width: 601px) and (max-width: 900px) { /*---------- SLIDE CAPTION ----------*/ .thx_slider_modal_067_slide { width: 100%; } } /*------------------------------------------------------*/ /* MODAL 068 /*------------------------------------------------------*/ /*---------- GALLERY ----------*/ .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; } /*---------- MODAL ----------*/ #ps_modal_068{ padding-left: 0 !important; padding-right: 0 !important; background: rgba(242,242,242,0.9); } /*---------- MODAL CONTENT ----------*/ #ps_modal_068 > .modal-dialog{ width: 100%; margin: 30px 0; -webkit-border-radius: 0; border-radius: 0; } /*---------- MODAL CONTENT ----------*/ #ps_modal_068 > .modal-dialog > .modal-content{ border: none; border: 8px solid #ffffff; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } /*---------- RESPONSIVE ----------*/ @media (min-width: 1101px) { #ps_modal_068 > .modal-dialog{ width: 60%; margin: 30px auto; -webkit-border-radius: 0; border-radius: 0; } } /*---------- MODAL CLOSE BUTTON ----------*/ .ps_modal_close_cream > .modal-dialog > .modal-content > a{ top: 1%; left: 2%; right: auto; z-index: 10; width: 15px; height: 15px; color: #ffffff; font-size: 25px; line-height: 15px; position: absolute; text-align: center; text-decoration: none; -webkit-transition: all 0.5s cubic-bezier(0.3,1,0,1); transition: all 0.5s cubic-bezier(0.3,1,0,1); } .ps_modal_close_cream > .modal-dialog > .modal-content > a:hover{ color: #e5ae49; } /*------------------------------------------------------*/ /* SLIDER 068 /*------------------------------------------------------*/ #thy_slider_modal_068 { overflow: hidden; max-height: 643px; position: relative; background: #000000; } #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: 0.9; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; margin: 5px 0; display: block; border: 3px solid #ffffff; 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: none; margin: 5px 0; border: 3px solid #ffffff; background-color: #e5ae49; } .thy_slider_modal_thumb > .carousel-indicators .active img{ opacity: 0.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; } } /*---------- SLIDE CAPTION ----------*/ .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: 0.4s; animation-delay: 0.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: #ffffff; font-size: 35px; font-weight: 900; margin: 0 0 5px 0; position: relative; text-transform: uppercase; } .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: #ffffff; 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: 11px; font-weight: 600; line-height: 10px; text-align: center; padding: 10px 30px; background: #ffffff; letter-spacing: 1px; white-space: nowrap; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(0.3,1,0,1); transition: all 0.5s cubic-bezier(0.3,1,0,1); } .thy_slider_modal_068_slide > a:hover, .thy_slider_modal_068_slide > a:active{ color: #ffffff; background: #e5ae49; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- MODAL CONTENT ----------*/ #ps_modal_068 > .modal-dialog > .modal-content{ border: 3px solid #ffffff; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .thy_slider_modal_thumb > .carousel-indicators { padding: 0 2px; } .thy_slider_modal_thumb > .carousel-indicators li { margin: 2px 0; border: 1px solid #ffffff; } .thy_slider_modal_thumb > .carousel-indicators .active { margin: 2px 0; border: 1px solid #ffffff; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- MODAL CONTENT ----------*/ #ps_modal_068 > .modal-dialog > .modal-content{ border: 3px solid #ffffff; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .thy_slider_modal_thumb > .carousel-indicators { padding: 0 2px; } .thy_slider_modal_thumb > .carousel-indicators li { margin: 2px 0; border: 1px solid #ffffff; } .thy_slider_modal_thumb > .carousel-indicators .active { margin: 2px 0; border: 1px solid #ffffff; } /*---------- SLIDE CAPTION ----------*/ .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 768px - 1100px ----------*/ @media (min-width: 768px) and (max-width: 1100px){ /*---------- SLIDE CAPTION ----------*/ #ps_modal_068 > .modal-dialog{ width: 80%; margin: 30px auto; } } /*------------------------------------------------------*/ /* MODAL 069 /*------------------------------------------------------*/ /*---------- GALLERY ----------*/ .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; } /*---------- MODAL ----------*/ #ps_modal_069{ padding-left: 30px !important;/* Box Layout */ padding-right: 30px !important; padding-top: 30px !important; background: rgba(0,0,0,0.6); } /*---------- MODAL CONTENT ----------*/ #ps_modal_069 > .modal-dialog{ margin: 0; width: 100%; background: transparent; -webkit-border-radius: 0; border-radius: 0; } /*---------- MODAL CONTENT ----------*/ #ps_modal_069 > .modal-dialog > .modal-content{ border: none; background: transparent; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } /*---------- RESPONSIVE ----------*/ @media (min-width: 1101px) { #ps_modal_069 > .modal-dialog{ margin: 0; width: 100%; background: transparent; -webkit-border-radius: 0; border-radius: 0; } } /* Box Layout */ @media (max-width: 768px) { #ps_modal_069{ padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } } /*---------- MODAL CLOSE BUTTON ----------*/ .ps_modal_close_transp > .modal-dialog > .modal-content > a{ top: 1%; left: auto; right: 1%; z-index: 10; width: 30px; height: 30px; color: #ffffff; font-size: 24px; line-height: 30px; position: absolute; text-align: center; text-decoration: none; -webkit-transition: all 0.5s cubic-bezier(.455,.03,.515,.955); transition: all 0.5s cubic-bezier(.455,.03,.515,.955); } .ps_modal_close_transp > .modal-dialog > .modal-content > a:hover{ color: #828282; } /*------------------------------------------------------*/ /* SLIDER 069 /*------------------------------------------------------*/ #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; } /*---------- VIDEO ----------*/ .vid_slider_modal_069{ width: 685px; margin: auto; position: relative; } .vid_slider_modal_069 > video{ width: 100%; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: #000000; 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; } } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; 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: #ffffff; 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 0.5s cubic-bezier(.455,.03,.515,.955); transition: all 0.5s cubic-bezier(.455,.03,.515,.955); } .vid_slider_modal_069_slide > a:hover, .vid_slider_modal_069_slide > a:active{ color: #ffffff; } .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); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- MODAL CONTENT ----------*/ #video_slider_modal_069 { height: 340px; } #video_slider_modal_069 > .carousel-inner > .item { height: 340px; padding: 10px 0; } /*---------- VIDEO ----------*/ .vid_slider_modal_069{ width: 300px; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- SLIDE CAPTION ----------*/ .vid_slider_modal_069_slide{ width: 300px; } .vid_slider_modal_069_slide > p{ margin: 0; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- MODAL CONTENT ----------*/ #video_slider_modal_069 { height: 440px; } #video_slider_modal_069 > .carousel-inner > .item { height: 440px; padding: 10px 0; } /*---------- VIDEO ----------*/ .vid_slider_modal_069{ width: 450px; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- SLIDE CAPTION ----------*/ .vid_slider_modal_069_slide{ width: 450px; } .vid_slider_modal_069_slide > p{ margin: 0; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- MODAL CONTENT ----------*/ #video_slider_modal_069 { height: 500px; } #video_slider_modal_069 > .carousel-inner > .item { height: 500px; padding: 10px 0; } /*---------- VIDEO ----------*/ .vid_slider_modal_069{ width: 525px; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- SLIDE CAPTION ----------*/ .vid_slider_modal_069_slide{ width: 525px; } } /*---------- MEDIA 768px - 1100px ----------*/ @media (min-width: 768px) and (max-width: 1100px){ /*---------- MODAL CONTENT ----------*/ #video_slider_modal_069 { height: 575px; } #video_slider_modal_069 > .carousel-inner > .item { height: 575px; } /*---------- VIDEO ----------*/ .vid_slider_modal_069{ width: 600px; } /*---------- SLIDE CAPTION ----------*/ .vid_slider_modal_069_slide{ width: 600px; } } /*------------------------------------------------------*/ /* MODAL 070 /*------------------------------------------------------*/ /*---------- GALLERY ----------*/ .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; } /*---------- MODAL ----------*/ #ps_modal_070{ padding-left: 30px !important;/* Box Layout */ padding-right: 30px !important; padding-top: 30px !important; background: rgba(0,0,0,0.7); } /*---------- MODAL CONTENT ----------*/ #ps_modal_070 > .modal-dialog{ margin: 0; width: 100%; background: transparent; -webkit-border-radius: 0; border-radius: 0; } /*---------- MODAL CONTENT ----------*/ #ps_modal_070 > .modal-dialog > .modal-content{ border: none; background: transparent; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } /*---------- RESPONSIVE ----------*/ @media (min-width: 1101px) { #ps_modal_070 > .modal-dialog{ margin: 0; width: 100%; background: transparent; -webkit-border-radius: 0; border-radius: 0; } } /* Box Layout */ @media (max-width: 768px) { #ps_modal_070{ padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; background: rgba(0,0,0,0.7); } } /*---------- MODAL CLOSE BUTTON ----------*/ .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 0.5s cubic-bezier(.455,.03,.515,.955); transition: all 0.5s cubic-bezier(.455,.03,.515,.955); } .ps_modal_close_icon > .modal-dialog > .modal-content > a:hover{ color: #ffffff; } /*------------------------------------------------------*/ /* SLIDER 070 /*------------------------------------------------------*/ #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); } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.5s cubic-bezier(.455,.03,.515,.955); transition: all 0.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: #ffffff; background: transparent; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- MODAL CLOSE BUTTON ----------*/ .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%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 481px - 767px ----------*/ @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 /*------------------------------------------------------*/ #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; } /*---------- BACKGROUND IMAGE ----------*/ .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 380px ----------*/ @media only screen and (max-width: 380px){ .prlx_071_bg_img{ max-height: 200px; } } /*---------- MEDIA 381px - 550px ----------*/ @media (min-width: 381px) and (max-width: 550px){ .prlx_071_bg_img{ max-height: 235px; } } /*---------- MEDIA 551px - 767px ----------*/ @media (min-width: 551px) and (max-width: 767px){ .prlx_071_bg_img{ max-height: 350px; } } /*---------- MEDIA 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ .prlx_071_bg_img{ max-height: 495px; } } /*---------- MEDIA 901px - 1100px ----------*/ @media (min-width: 901px) and (max-width: 1100px){ .prlx_071_bg_img{ max-height: 550px; } } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: #444444; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: none; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_green_long .carousel-control{ top: 3%; opacity: 1; width: 40px; height: 10px; z-index: 100; bottom: auto; color: #ffffff; font-size: 10px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 10px; text-shadow: none; position: absolute; background: #444444; -webkit-font-smoothing: antialiased; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: #ffffff; background: #00d8a3; } /*---------- SLIDE CAPTION ----------*/ .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: #444444; display: block; text-shadow: none; position: relative; text-transform: uppercase; -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: #ffffff; font-size: 10px; font-weight: 400; line-height: 30px; text-align: center; background: #00d8a3; letter-spacing: 1px; text-decoration: none; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .prlx_071_slide > a:hover, .prlx_071_slide > a:active{ color: #ffffff; background: #444444; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_green_line > .carousel-indicators{ display: none; } .ps_control_green_long .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_green_line > .carousel-indicators{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 /*------------------------------------------------------*/ #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; } /*---------- BACKGROUND IMAGE ----------*/ .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 380px ----------*/ @media only screen and (max-width: 380px){ .prlx_072_bg_img{ max-height: 200px; } } /*---------- MEDIA 381px - 550px ----------*/ @media (min-width: 381px) and (max-width: 550px){ .prlx_072_bg_img{ max-height: 235px; } } /*---------- MEDIA 551px - 767px ----------*/ @media (min-width: 551px) and (max-width: 767px){ .prlx_072_bg_img{ max-height: 350px; } } /*---------- MEDIA 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ .prlx_072_bg_img{ max-height: 495px; } } /*---------- MEDIA 901px - 1100px ----------*/ @media (min-width: 901px) and (max-width: 1100px){ .prlx_072_bg_img{ max-height: 550px; } } /*---------- INDICATORS CONTROL ----------*/ .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: none; color: #ffffff; text-indent: 0; font-size: 12px; line-height: 30px; text-align: center; background: #333333; letter-spacing: 1px; -webkit-font-smoothing: antialiased; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.5s cubic-bezier(.165,.84,.44,1); } .ps_indicators_reddish_num > .carousel-indicators .active{ min-width: 30px; width: auto; margin: 1px; height: 30px; border: none; text-indent: 0; color: #ffffff; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_reddish_rbox .carousel-control{ top: 3%; opacity: 1; width: 30px; height: 30px; z-index: 100; bottom: auto; color: #ffffff; font-size: 10px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 30px; text-shadow: none; position: absolute; background: #333333; -webkit-font-smoothing: antialiased; border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.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: #ffffff; background: #ea2c58; } /*---------- SLIDE CAPTION ----------*/ .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: #333333; display: block; text-shadow: none; letter-spacing: 1px; text-transform: uppercase; font-family: 'Alegreya Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.7s; animation-delay: 0.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: #ffffff; 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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: 11px; content: "\f105"; position: absolute; font-family: FontAwesome; } .prlx_072_slide > a:hover, .prlx_072_slide > a:active{ color: #ffffff; background: #333333; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_reddish_num > .carousel-indicators{ display: none; } .ps_control_reddish_rbox .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_reddish_num > .carousel-indicators{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 900px ----------*/ @media (min-width: 601px) and (max-width: 900px){ /*---------- SLIDE CAPTION ----------*/ .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 /*------------------------------------------------------*/ #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; } /*---------- BACKGROUND IMAGE ----------*/ .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 380px ----------*/ @media only screen and (max-width: 380px){ .prlx_073_bg_img{ max-height: 200px; } } /*---------- MEDIA 381px - 550px ----------*/ @media (min-width: 381px) and (max-width: 550px){ .prlx_073_bg_img{ max-height: 235px; } } /*---------- MEDIA 551px - 767px ----------*/ @media (min-width: 551px) and (max-width: 767px){ .prlx_073_bg_img{ max-height: 350px; } } /*---------- MEDIA 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ .prlx_073_bg_img{ max-height: 495px; } } /*---------- MEDIA 901px - 1100px ----------*/ @media (min-width: 901px) and (max-width: 1100px){ .prlx_073_bg_img{ max-height: 550px; } } /*---------- INDICATORS CONTROL ----------*/ .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: none; opacity: 0.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: 'Open Sans', sans-serif; border-radius: 0; -webkit-border-radius: 0; -webkit-transition: all 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.5s cubic-bezier(.165,.84,.44,1); } .ps_indicators_ylow_num > .carousel-indicators .active{ min-width: 25px; width: auto; opacity: 1; height: 25px; border: none; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_ylow_box .carousel-control{ top: 3%; width: 25px; opacity: 0.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 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.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; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; display: block; text-shadow: none; position: relative; text-align: center; letter-spacing: 1px; text-transform: uppercase; -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: 0.7s; animation-delay: 0.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: rgba(254,255,57,0.90); } .prlx_073_slide > p{ width: 80%; font-size: 14px; font-weight: 500; top: 290px !important; -webkit-animation-delay: 0.9s; animation-delay: 0.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: #ffffff; font-size: 11px; font-weight: 400; line-height: 40px; text-align: center; top: 400px !important; text-decoration: none; border: 2px solid #ffffff; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: "\f178"; position: absolute; font-family: FontAwesome; } .prlx_073_slide > a:hover, .prlx_073_slide > a:active{ color: #090902; background: #feff39; border: 2px solid #feff39; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_ylow_num > .carousel-indicators{ display: none; } .ps_control_ylow_box .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 #ffffff; } } /*---------- MEDIA 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_ylow_num > .carousel-indicators{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 #ffffff; } } /*---------- MEDIA 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ /*---------- SLIDE CAPTION ----------*/ .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 901px - 1150px ----------*/ @media (min-width: 901px) and (max-width: 1150px){ /*---------- SLIDE CAPTION ----------*/ .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 /*------------------------------------------------------*/ #parallax_074{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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; } /*---------- BACKGROUND IMAGE ----------*/ .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 380px ----------*/ @media only screen and (max-width: 380px){ .prlx_074_bg_img{ max-height: 200px; } } /*---------- MEDIA 381px - 550px ----------*/ @media (min-width: 381px) and (max-width: 550px){ .prlx_074_bg_img{ max-height: 235px; } } /*---------- MEDIA 551px - 767px ----------*/ @media (min-width: 551px) and (max-width: 767px){ .prlx_074_bg_img{ max-height: 350px; } } /*---------- MEDIA 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ .prlx_074_bg_img{ max-height: 495px; } } /*---------- MEDIA 901px - 1100px ----------*/ @media (min-width: 901px) and (max-width: 1100px){ .prlx_074_bg_img{ max-height: 550px; } } /*---------- INDICATORS CONTROL ----------*/ .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: none; opacity: 0.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 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.5s cubic-bezier(.165,.84,.44,1); } .ps_indicators_brown > .carousel-indicators .active{ width: 15px; opacity: 1; height: 15px; border: none; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_brown .carousel-control{ top: 45%; width: 40px; opacity: 0.5; height: 40px; z-index: 100; bottom: auto; color: #e5ae49; font-size: 18px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 40px; 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 0.5s cubic-bezier(.165,.84,.44,1); transition: all 0.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; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; 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: 0.7s; animation-delay: 0.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: 0.9s; animation-delay: 0.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: #ffffff; 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 0.5s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_brown > .carousel-indicators{ display: none; } .ps_control_brown .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_brown > .carousel-indicators{ display: none; } .ps_control_brown .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 1100px ----------*/ @media (min-width: 768px) and (max-width: 1100px){ /*---------- SLIDE CAPTION ----------*/ .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 /*------------------------------------------------------*/ #parallax_075{ overflow: hidden; max-height: 658px; position: relative; background: #000000; } #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; } /*---------- BACKGROUND IMAGE ----------*/ .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 380px ----------*/ @media only screen and (max-width: 380px){ .prlx_075_bg_img{ max-height: 200px; } } /*---------- MEDIA 381px - 550px ----------*/ @media (min-width: 381px) and (max-width: 550px){ .prlx_075_bg_img{ max-height: 235px; } } /*---------- MEDIA 551px - 767px ----------*/ @media (min-width: 551px) and (max-width: 767px){ .prlx_075_bg_img{ max-height: 350px; } } /*---------- MEDIA 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ .prlx_075_bg_img{ max-height: 495px; } } /*---------- MEDIA 901px - 1100px ----------*/ @media (min-width: 901px) and (max-width: 1100px){ .prlx_075_bg_img{ max-height: 550px; } } /*---------- INDICATORS CONTROL ----------*/ .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: 0.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 0.5s cubic-bezier(.075,.82,.165,1); transition: all 0.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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .ps_control_gray_lg .carousel-control{ top: 45%; width: 65px; opacity: 0.5; height: 65px; z-index: 100; bottom: auto; color: #ffffff; 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 0.5s cubic-bezier(.075,.82,.165,1); transition: all 0.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: #ffffff; background: #b2b2b2; } /*---------- SLIDE CAPTION ----------*/ .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: #ffffff; display: block; text-align: left; text-shadow: none; position: relative; letter-spacing: 1px; left: 180px !important; -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: 0.7s; animation-delay: 0.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: #ffffff; font-size: 12px; 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 0.5s cubic-bezier(.075,.82,.165,1); transition: all 0.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: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_gray_lg > .carousel-indicators{ display: none; } .ps_control_gray_lg .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 481px - 600px ----------*/ @media (min-width: 481px) and (max-width: 600px){ /*---------- INDICATORS CONTROL ----------*/ .ps_indicators_gray_lg > .carousel-indicators{ display: none; } .ps_control_gray_lg .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .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 601px - 767px ----------*/ @media (min-width: 601px) and (max-width: 767px){ /*---------- SLIDE CAPTION ----------*/ .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 768px - 900px ----------*/ @media (min-width: 768px) and (max-width: 900px){ /*---------- SLIDE CAPTION ----------*/ .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 901px - 1100px ----------*/ @media (min-width: 901px) and (max-width: 1100px){ /*---------- SLIDE CAPTION ----------*/ .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 1101px - 1250px ----------*/ @media (min-width: 1101px) and (max-width: 1250px){ /*---------- SLIDE CAPTION ----------*/ .prlx_075_slide > h1{ font-size: 70px; } } /*------------------------------------------------------*/ /* PORTFOLIO 076 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .portfolio_076_content{ background: rgba(67, 161, 212,0.9); /*---------- Change Color From Here ----------*/ } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .portfolio_076_control_button .carousel-control{ top: 115px; width: 35px; opacity: 0.5; height: 35px; z-index: 100; bottom: auto; color: #666666; font-size: 12px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 35px; text-shadow: none; position: absolute; background: transparent; border: 1px solid #666666; -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s cubic-bezier(.075,.82,.165,1); transition: all 0.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: #ffffff; background: #666666; } /*---------- BOX ----------*/ .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; } /*---------- HEADER ----------*/ .portfolio_076_header{ width: 35%; text-align: center; margin: 0 auto 50px auto; } .portfolio_076_header > h1{ color: #666666; 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: #666666; } .portfolio_076_header > p{ color: #666666; font-size: 12px; font-weight: 600; } /*---------- GRID ----------*/ .portfolio_076_grid{ padding: 5px 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .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; } /*---------- WRAPPER ----------*/ .portfolio_076_wrapper{ overflow: hidden; position: relative; } /*---------- IMAGE ----------*/ .portfolio_076_wrapper > img{ width: 100%; } /*---------- CONTENT ----------*/ .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 0.3s; transition: all ease-in-out 0.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: #ffffff; font-size: 12px; font-weight: 600; text-decoration: none; text-transform: uppercase; } /*---------- LIST ----------*/ .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: #ffffff; font-size: 11px; font-weight: 400; text-decoration: none; text-transform: capitalize; } /*---------- ICONS ----------*/ .portfolio_076_link{ left: 5px; bottom: 5px; position: absolute; } .portfolio_076_link > a{ width: 35px; height: 35px; color: #ffffff; text-shadow: none; line-height: 35px; display: inline-block; border: 1px solid #ffffff; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s cubic-bezier(.075,.82,.165,1); transition: all 0.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: #ffffff; } /*---------- CONTENT (Two Coloumns Only) ----------*/ .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; } /*---------- CONTENT (Three Coloumns Only) ----------*/ .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; } /*---------- CONTENT (Four Coloumns Only) ----------*/ .portfolio_076_content_col_4 > h5{ margin-top: 20%; } .portfolio_076_content_col_4 > h5 > a{ font-size: 25px; } /*---------- CONTENT (Four Coloumns And Two Move Only) ----------*/ .portfolio_076_content_col_4_mov_2 > h5{ margin-top: 20%; } .portfolio_076_content_col_4_mov_2 > h5 > a{ font-size: 25px; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- CONTROL ----------*/ .portfolio_076_control_button .carousel-control{ display: none; } /*---------- HEADER ----------*/ .portfolio_076_header{ width: 100%; margin: 0 auto 25px auto; } /*---------- CONTENT ----------*/ .portfolio_076_content > h5{ margin-top: 18%; } .portfolio_076_content > h5 > a{ font-size: 20px; } /*---------- LIST ----------*/ .portfolio_076_content > ul > li > a{ font-size: 14px; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- HEADER ----------*/ .portfolio_076_header{ width: 60%; } /*---------- CONTENT ----------*/ .portfolio_076_content > h5{ margin-top: 20%; } .portfolio_076_content > h5 > a{ font-size: 35px; } /*---------- LIST ----------*/ .portfolio_076_content > ul > li > a{ font-size: 18px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- HEADER ----------*/ .portfolio_076_header{ width: 60%; } /*---------- CONTENT (Two Coloumns Only) ----------*/ .portfolio_076_content_col_2 > h5 > a{ font-size: 30px; } /*---------- CONTENT (Three Coloumns Only) ----------*/ .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; } /*---------- CONTENT (Four Coloumns And Two Moves) ----------*/ .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; } /*---------- CONTENT (Six Coloumns And Two Moves) ----------*/ .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 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- HEADER ----------*/ .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; } /*---------- CONTENT (Two Coloumns Only) ----------*/ .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; } /*---------- CONTENT (Three Coloumns Only) ----------*/ .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; } /*---------- CONTENT (Four Coloumns Only) ----------*/ .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; } /*---------- CONTENT (Four Coloumns And Two Moves) ----------*/ .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 SHOWS ONE MOVE /*------------------------------------------------------*/ .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 SHOWS ONE MOVE /*------------------------------------------------------*/ .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 SHOWS ONE MOVE /*------------------------------------------------------*/ .four_coloumns .cloneditem-1, .four_coloumns .cloneditem-2, .four_coloumns .cloneditem-3 { display: none; } @media all and (min-width: 768px) { .four_coloumns .carousel-inner > .active.left, .four_coloumns .carousel-inner > .prev { left: -50%; } .four_coloumns .carousel-inner > .active.right, .four_coloumns .carousel-inner > .next { left: 50%; } .four_coloumns .carousel-inner > .left, .four_coloumns .carousel-inner > .prev.right, .four_coloumns .carousel-inner > .active { left: 0; } .four_coloumns .carousel-inner .cloneditem-1 { display: block; } } @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) { .four_coloumns .carousel-inner > .item.active.right, .four_coloumns .carousel-inner > .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0; } .four_coloumns .carousel-inner > .item.active.left, .four_coloumns .carousel-inner > .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0; } .four_coloumns .carousel-inner > .item.left, .four_coloumns .carousel-inner > .item.prev.right, .four_coloumns .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } @media all and (min-width: 992px) { .four_coloumns .carousel-inner > .active.left, .four_coloumns .carousel-inner > .prev { left: -25%; } .four_coloumns .carousel-inner > .active.right, .four_coloumns .carousel-inner > .next { left: 25%; } .four_coloumns .carousel-inner > .left, .four_coloumns .carousel-inner > .prev.right, .four_coloumns .carousel-inner > .active { left: 0; } .four_coloumns .carousel-inner .cloneditem-2, .four_coloumns .carousel-inner .cloneditem-3 { display: block; } } @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) { .four_coloumns .carousel-inner > .item.active.right, .four_coloumns .carousel-inner > .item.next { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); left: 0; } .four_coloumns .carousel-inner > .item.active.left, .four_coloumns .carousel-inner > .item.prev { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); left: 0; } .four_coloumns .carousel-inner > .item.left, .four_coloumns .carousel-inner > .item.prev.right, .four_coloumns .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } /*------------------------------------------------------*/ /* THREE SHOWS ONE MOVE /*------------------------------------------------------*/ .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 SHOWS ONE MOVE /*------------------------------------------------------*/ .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 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .portfolio_077_content{ background: rgba(0,0,0,0.85); /*---------- Change Color From Here ----------*/ } .portfolio_077{ padding: 50px 0; overflow: hidden; position: relative; background: #242424; } .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; margin: 0 3px; color: #ffffff; 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 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .portfolio_077_indicators > .carousel-indicators .active{ width: auto; height: 35px; border: none; margin: 0 3px; text-indent: 0; color: #ffffff; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .portfolio_077_control_button .carousel-control{ top: 25px; opacity: 1; width: 35px; height: 35px; z-index: 100; bottom: auto; color: #ffffff; 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 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.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: #ffffff; background: #d8ae4c; } /*---------- BOX ----------*/ .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; } /*---------- HEADER ----------*/ .portfolio_077_header{ width: 35%; text-align: center; margin: 0 auto 75px auto; } .portfolio_077_header > h1{ color: #c9c9c9; 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; } /*---------- GRID ----------*/ .portfolio_077_grid{ padding: 10px; } /*---------- GRID FOR MOVING TWO ----------*/ .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; } /*---------- WRAPPER ----------*/ .portfolio_077_wrapper{ overflow: hidden; position: relative; } /*---------- IMAGE ----------*/ .portfolio_077_wrapper > img{ width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: -moz-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.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); } /*---------- CONTENT ----------*/ .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 0.6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.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: #ffffff; font-size: 12px; font-weight: 300; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .portfolio_077_content > h5 > a:hover{ color: #D8AE4C; } /*---------- CONTENT (Two Coloumns Only) ----------*/ .portfolio_077_content_col_2 > h5{ margin-top: 40px; } .portfolio_077_content_col_2 > h5 > a{ font-size: 50px; } /*---------- CONTENT (Three Coloumns Only) ----------*/ .portfolio_077_content_col_3 > h5 > a{ font-size: 35px; } /*---------- CONTENT (Four Coloumns Only) ----------*/ .portfolio_077_content_col_4 > h5 > a{ font-size: 25px; } /*---------- CONTENT (Four Coloumns And Two Move Only) ----------*/ .portfolio_077_content_col_4_mov_2 > h5 > a{ font-size: 25px; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- CONTROL ----------*/ .portfolio_077_indicators > .carousel-indicators{ display: none; } .portfolio_077_control_button .carousel-control{ display: none; } .portfolio_077{ padding: 25px 0; } /*---------- HEADER ----------*/ .portfolio_077_header{ width: 90%; margin: 0 auto 50px auto; } /*---------- CONTENT ----------*/ .portfolio_077_content > h5{ margin-top: 35px; } .portfolio_077_content > h5 > a{ font-size: 20px; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- CONTROL ----------*/ .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; } /*---------- HEADER ----------*/ .portfolio_077_header{ width: 70%; } /*---------- CONTENT ----------*/ .portfolio_077_content > h5{ margin-top: 35px; } .portfolio_077_content > h5 > a{ font-size: 35px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- HEADER ----------*/ .portfolio_077_header{ width: 60%; } /*---------- CONTENT (Two Coloumns Only) ----------*/ .portfolio_077_content_col_2 > h5 > a{ font-size: 30px; } /*---------- CONTENT (Three Coloumns Only) ----------*/ .portfolio_077_content_col_3 > h5 > a{ font-size: 20px; } /*---------- CONTENT (Four Coloumns And Two Moves) ----------*/ .portfolio_077_content_col_4_mov_2 > h5 > a{ font-size: 16px; } /*---------- CONTENT (Six Coloumns And Two Moves) ----------*/ .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 992px - 1225px ----------*/ @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; } /*---------- CONTENT (Two Coloumns Only) ----------*/ .portfolio_077_content_col_2 > h5{ margin-top: 25px; } .portfolio_077_content_col_2 > h5 > a{ font-size: 40px; } /*---------- CONTENT (Three Coloumns Only) ----------*/ .portfolio_077_content_col_3 > h5 > a{ font-size: 30px; } /*---------- CONTENT (Four Coloumns Only) ----------*/ .portfolio_077_content_col_4 > h5 > a{ font-size: 15px; } /*---------- CONTENT (Four Coloumns And Two Moves) ----------*/ .portfolio_077_content_col_4_mov_2 > h5 > a{ font-size: 16px; } } /*------------------------------------------------------*/ /* PORTFOLIO 078 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .portfolio_078_content{ background: #ffffff; /*---------- Change Color From Here ----------*/ } .portfolio_078{ overflow: hidden; position: relative; padding: 50px 10px; background: #ffffff; } .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; } /*---------- INDICATORS CONTROL ----------*/ .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: #000000; text-indent: 0; padding: 0 15px; font-size: 10px; overflow: hidden; line-height: 35px; text-align: center; letter-spacing: 1px; border: 1px solid #eeeeee; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.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: #000000; background: #eeeeee; border: 1px solid #eeeeee; } .portfolio_078_indicators > .carousel-indicators::-webkit-scrollbar{ height: 4px; } .portfolio_078_indicators > .carousel-indicators::-webkit-scrollbar-thumb{ background: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .portfolio_078_control_button .carousel-control{ top: 10px; opacity: 1; width: 35px; height: 35px; z-index: 100; bottom: auto; color: #000000; 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 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.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: #000000; background: #eeeeee; } /*---------- BOX ----------*/ .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; } /*---------- HEADER ----------*/ .portfolio_078_header{ width: 35%; text-align: center; margin: 15px auto 75px auto; } .portfolio_078_header > h1{ color: #000000; font-size: 30px; font-weight: 800; text-align: center; position: relative; margin: 0 0 30px 0; text-transform: uppercase; } /*---------- GRID ----------*/ .portfolio_078_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .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; } /*---------- WRAPPER ----------*/ .portfolio_078_wrapper{ overflow: hidden; position: relative; border: 5px solid #eeeeee; } /*---------- IMAGE ----------*/ .portfolio_078_wrapper > img{ width: 100%; } /*---------- CONTENT ----------*/ .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 0.8s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.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: #000000; font-size: 14px; font-weight: 400; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .portfolio_078_content > h5 > a:hover{ color: rgba(0,0,0,0.5); } /*---------- CONTENT (Two Coloumns Only) ----------*/ .portfolio_078_content_col_2 > h5{ bottom: 20%; } .portfolio_078_content_col_2 > h5 > a{ font-size: 50px; } /*---------- CONTENT (Three Coloumns Only) ----------*/ .portfolio_078_content_col_3 > h5{ bottom: 12%; } .portfolio_078_content_col_3 > h5 > a{ font-size: 25px; } /*---------- CONTENT (Four Coloumns Only) ----------*/ .portfolio_078_content_col_4 > h5{ bottom: 12%; } .portfolio_078_content_col_4 > h5 > a{ font-size: 25px; } /*---------- CONTENT (Four Coloumns And Two Move Only) ----------*/ .portfolio_078_content_col_4_mov_2 > h5{ bottom: 12%; } .portfolio_078_content_col_4_mov_2 > h5 > a{ font-size: 25px; } /*---------- ICONS ----------*/ .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: #000000; 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 0.5s cubic-bezier(.075,.82,.165,1); transition: all 0.5s cubic-bezier(.075,.82,.165,1); } .portfolio_078_link > a:hover{ color: #000000; background: #eeeeee; } .portfolio_078_content::-webkit-scrollbar{ width: 4px; } .portfolio_078_content::-webkit-scrollbar-thumb{ background: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- CONTROL ----------*/ .portfolio_078_indicators > .carousel-indicators{ display: none; } /*---------- HEADER ----------*/ .portfolio_078_header{ width: 90%; margin: 0 auto 50px auto; } /*---------- CONTENT (Two Coloumns Only) ----------*/ .portfolio_078_content_col_2 > h5{ bottom: 10%; } .portfolio_078_content_col_2 > h5 > a{ font-size: 25px; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- HEADER ----------*/ .portfolio_078_header{ width: 70%; } /*---------- CONTENT ----------*/ .portfolio_078_content > h5{ bottom: 15%; } .portfolio_078_content > h5 > a{ font-size: 35px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- HEADER ----------*/ .portfolio_078_header{ width: 60%; } /*---------- CONTENT (Two Coloumns Only) ----------*/ .portfolio_078_content_col_2 > h5 > a{ font-size: 30px; } /*---------- CONTENT (Three Coloumns Only) ----------*/ .portfolio_078_content_col_3 > h5 > a{ font-size: 20px; } /*---------- CONTENT (Four Coloumns And Two Moves) ----------*/ .portfolio_078_content_col_4_mov_2 > h5{ bottom: 0; } .portfolio_078_content_col_4_mov_2 > h5 > a{ font-size: 16px; } /*---------- CONTENT (Six Coloumns And Two Moves) ----------*/ .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 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- ICONS ----------*/ .portfolio_078_link{ bottom: 35%; } /*---------- CONTENT (Two Coloumns Only) ----------*/ .portfolio_078_content_col_2 > h5 > a{ font-size: 40px; } /*---------- CONTENT (Three Coloumns Only) ----------*/ .portfolio_078_content_col_3 > h5 > a{ font-size: 30px; } /*---------- CONTENT (Four Coloumns Only) ----------*/ .portfolio_078_content_col_4 > h5 > a{ font-size: 15px; } /*---------- CONTENT (Four Coloumns And Two Moves) ----------*/ .portfolio_078_content_col_4_mov_2 > h5 > a{ font-size: 16px; } } /*------------------------------------------------------*/ /* PORTFOLIO 079 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .portfolio_079_content{ background: rgba(253, 255, 57,0.9); /*---------- Change Color From Here ----------*/ } .portfolio_079{ overflow: hidden; position: relative; background: #ffffff; } .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; } /*---------- INDICATORS CONTROL ----------*/ .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: #ffffff; text-indent: 0; padding: 0 5px; font-size: 11px; overflow: hidden; line-height: 25px; text-align: center; letter-spacing: 1px; border: none; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: background 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: background 0.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: none; } .portfolio_079_indicators > .carousel-indicators::-webkit-scrollbar{ height: 4px; } .portfolio_079_indicators > .carousel-indicators::-webkit-scrollbar-thumb{ background: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .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: 0.7; color: #fdff39; background: transparent; } /*---------- BOX ----------*/ .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; } /*---------- HEADER ----------*/ /*---------- BACKGROUND IMAGE ----------*/ .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: #ffffff; font-size: 25px; font-weight: 700; text-align: left; position: relative; text-transform: uppercase; } .portfolio_079_header > h1 > span{ color: #000000; padding: 0 7px; margin-left: 10px; background: #fdff39; -webkit-border-radius: 3px; border-radius: 3px; } /*---------- GRID ----------*/ .portfolio_079_grid{ padding: 0; } /*---------- GRID FOR MOVING TWO ----------*/ .portfolio_079_grid_mov_2{ padding: 0; } .portfolio_079_grid_mov_2 > .row{ margin: 0; } .portfolio_079_grid_mov_2 > .row > div{ padding: 0; } /*---------- WRAPPER ----------*/ .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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); -moz-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); -ms-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .portfolio_079_wrapper:hover:before{ opacity: 0; visibility: hidden; -webkit-transform: translate(0,100%); -ms-transform: translate(0,100%); transform: translate(0,100%); } /*---------- IMAGE ----------*/ .portfolio_079_wrapper > img{ width: 100%; } /*---------- CONTENT ----------*/ .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 0.8s cubic-bezier(0.22,0.81,0.01,0.99); -moz-transition: all 0.8s cubic-bezier(0.22,0.81,0.01,0.99); -ms-transition: all 0.8s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: #000000; -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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); -moz-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .portfolio_079_content > h5 > a:hover{ color: #ffffff; background: rgba(253, 255, 57,0.4); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- CONTROL ----------*/ .portfolio_079_indicators > .carousel-indicators{ top: 150px; } /*---------- HEADER ----------*/ .portfolio_079_header{ max-height: 200px; background-position: initial; } .portfolio_079_header > h1{ left: 5%; top: 80px; width: 250px; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- HEADER ----------*/ .portfolio_079_header{ background-position: initial; } .portfolio_079_header > h1{ left: 10%; top: 90px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- HEADER ----------*/ .portfolio_079_header{ background-position: initial; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- HEADER ----------*/ .portfolio_079_header{ background-position: initial; } } /*------------------------------------------------------*/ /* PORTFOLIO 080 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .portfolio_080_content{ background: rgba(0,0,0,0.8); /*---------- Change Color From Here ----------*/ } .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: none; font-weight: 700; } .portfolio_080_indicators > .carousel-indicators::-webkit-scrollbar{ height: 4px; } .portfolio_080_indicators > .carousel-indicators::-webkit-scrollbar-thumb{ background: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: 0.7; color: #D6E350; background: transparent; } /*---------- BOX ----------*/ .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; } /*---------- HEADER ----------*/ .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; } /*---------- GRID ----------*/ .portfolio_080_grid{ padding: 1px; } /*---------- GRID FOR MOVING TWO ----------*/ .portfolio_080_grid_mov_2{ padding: 0; } .portfolio_080_grid_mov_2 > .row{ margin: 0; } .portfolio_080_grid_mov_2 > .row > div{ padding: 1px; } /*---------- WRAPPER ----------*/ .portfolio_080_wrapper{ overflow: hidden; position: relative; } /*---------- IMAGE ----------*/ .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); } /*---------- CONTENT ----------*/ .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: #ffffff; 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: #ffffff; 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: #ffffff; -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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- CONTROL ----------*/ .portfolio_080_indicators > .carousel-indicators{ top: 125px; left: 50px; width: 90%; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- CONTROL ----------*/ .portfolio_080_indicators > .carousel-indicators{ width: 90%; } .portfolio_080_content > h5 > a{ font-size: 22px; } } /*---------- MEDIA 768px - 991px ----------*/ @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 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ .portfolio_080_content > a{ top: 25%; bottom: 0; } } /*------------------------------------------------------*/ /* POST 081 /*------------------------------------------------------*/ .post_081{ overflow: hidden; padding: 50px 25px; position: relative; background: #ffffff; } .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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 #000000; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .post_081_indicators > .carousel-indicators .active{ width: 10px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .post_081_control_button .carousel-control{ top: auto; bottom: 0; opacity: 1; width: 30px; height: 30px; bottom: auto; color: #000000; font-size: 22px; cursor: pointer; font-weight: 400; overflow: hidden; line-height: 26px; text-shadow: none; position: absolute; background: transparent; border: 2px solid #000000; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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; } /*---------- HEADER ----------*/ .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: #000000; } /*---------- GRID ----------*/ .post_081_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .post_081_grid_mov_2{ padding: 0; } .post_081_grid_mov_2 > .row{ margin: 0; } .post_081_grid_mov_2 > .row > div{ padding: 5px; } /*---------- WRAPPER ----------*/ .post_081_wrapper{ overflow: hidden; position: relative; } /*---------- IMAGE ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.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 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.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; } /*---------- CONTENT ----------*/ .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: #000000; display: block; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .post_081_content > h5 > a:hover{ color: #aa914f; } /*---------- LIST ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); transition: opacity 0.7s cubic-bezier(0.3,1,0,1); } .post_081_content > ul > li > a:hover{ opacity: 0.5; } .post_081_content > p{ font-size: 12px; margin: 0 0 15px 0; text-align: justify; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GRID FOR MOVING TWO ----------*/ .post_081_grid_mov_2 > .row > div{ padding: 1px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* POST 082 /*------------------------------------------------------*/ .post_082{ overflow: hidden; padding: 50px 5px; position: relative; background: #ffffff; } .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; margin: 0 0px; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .post_082_indicators > .carousel-indicators .active{ width: 30px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .post_082_control_button .carousel-control{ top: 115px; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #000000; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: #e5cf7c; } /*---------- HEADER ----------*/ .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: #444444; 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: #444444; } /*---------- GRID ----------*/ .post_082_grid{ padding: 10px; } /*---------- GRID FOR MOVING TWO ----------*/ .post_082_grid_mov_2{ padding: 0; } .post_082_grid_mov_2 > .row{ margin: 0; } .post_082_grid_mov_2 > .row > div{ padding: 10px; } /*---------- WRAPPER ----------*/ .post_082_wrapper{ overflow: hidden; position: relative; box-shadow: 0 0 4px 1px #f6f6f6; } /*---------- IMAGE ----------*/ .post_082_image{ overflow: hidden; position: relative; background: #000000; } .post_082_image > img{ width: 100%; } .post_082_wrapper:hover > .post_082_image > img{ opacity: 0.8; } /*---------- CONTENT ----------*/ .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: none; } .post_082_content > h5{ text-align: left; margin: 0 8px 0 8px; } .post_082_content > h5 > a{ color: #444444; display: block; font-size: 14px; font-weight: 500; text-decoration: none; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .post_082_content > a:hover{ color: #e5cf7c; } /*---------- FOOTER ----------*/ .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: #000000; font-size: 12px; font-weight: 300; margin: 0 4px 0 0; text-decoration: none; display: inline-block; text-transform: capitalize; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .post_082_footer > a:hover{ color: #e5cf7c; } .post_082_footer > a:last-child:hover{ color: #ffffff; background: #e5cf7c; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GRID FOR MOVING TWO ----------*/ .post_082_grid_mov_2 > .row > div{ padding: 1px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* POST 083 /*------------------------------------------------------*/ .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .post_083_indicators > .carousel-indicators .active{ width: 8px; height: 8px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .post_083_control_button .carousel-control{ top: 175px; opacity: 1; width: 50px; bottom: auto; height: 30px; color: #eeeeee; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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; } /*---------- HEADER ----------*/ .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: #eeeeee; 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; } /*---------- GRID ----------*/ .post_083_grid{ padding: 10px; } /*---------- GRID FOR MOVING TWO ----------*/ .post_083_grid_mov_2{ padding: 0; } .post_083_grid_mov_2 > .row{ margin: 0; } .post_083_grid_mov_2 > .row > div{ padding: 10px; } /*---------- WRAPPER ----------*/ .post_083_wrapper{ overflow: hidden; position: relative; background: #1c1c1c; } /*---------- IMAGE ----------*/ .post_083_image{ overflow: hidden; position: relative; } .post_083_image > a{ right: 0; bottom: 0; width: 90px; height: 25px; color: #ffffff; 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 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .post_083_image > a:hover{ color: #262626; background: #ffe165; } .post_083_image > img{ width: 100%; } /*---------- CONTENT ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); transition: background 0.7s cubic-bezier(0.3,1,0,1); } .post_083_content > h5{ text-align: left; } .post_083_content > h5 > a{ color: #eeeeee; display: block; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- INDICATORS CONTROL ----------*/ .post_083_indicators > .carousel-indicators{ top: 195px; width: 30%; } .post_083_control_button .carousel-control{ top: 190px; } .post_083_header > p{ width: 90%; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GRID FOR MOVING TWO ----------*/ .post_083_grid_mov_2 > .row > div{ padding: 1px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* POST 084 /*------------------------------------------------------*/ .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; background: #444444; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .post_084_indicators > .carousel-indicators .active{ width: 15px; height: 15px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .post_084_control_button .carousel-control{ top: 10px; opacity: 1; width: 50px; bottom: auto; height: 30px; color: #ffffff; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: #444444; } /*---------- HEADER ----------*/ .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: #444444; 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: #444444; font-size: 16px; font-weight: 400; position: relative; } /*---------- GRID ----------*/ .post_084_grid{ padding: 10px; } /*---------- GRID FOR MOVING TWO ----------*/ .post_084_grid_mov_2{ padding: 0; } .post_084_grid_mov_2 > .row{ margin: 0; } .post_084_grid_mov_2 > .row > div{ padding: 10px; } /*---------- WRAPPER ----------*/ .post_084_wrapper{ overflow: hidden; position: relative; background: #ffffff; box-shadow: 0 0 4px 1px #eeeeee; } /*---------- IMAGE ----------*/ .post_084_image{ overflow: hidden; position: relative; } .post_084_image > a{ top: 7px; left: 7px; width: 35px; height: 50px; color: #ffffff; 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 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: #444444; } .post_084_image > img{ width: 100%; } /*---------- CONTENT ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .post_084_indicators > .carousel-indicators{ display: none; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GRID FOR MOVING TWO ----------*/ .post_084_grid_mov_2 > .row > div{ padding: 1px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- GRID ----------*/ .post_084_grid{ padding: 3px; } } /*------------------------------------------------------*/ /* POST 085 /*------------------------------------------------------*/ .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; margin: 0 5px; text-indent: 0; font-size: 11px; font-weight: 500; overflow: hidden; text-align: center; letter-spacing: 1px; border: 2px solid #ffffff; text-transform: uppercase; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .post_085_indicators > .carousel-indicators .active{ width: 15px; height: 15px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .post_085_control_button .carousel-control{ top: 30px; opacity: 1; width: 40px; bottom: auto; height: 40px; color: #ffffff; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; } /*---------- HEADER ----------*/ .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: #ffffff; font-size: 50px; font-weight: 800; position: relative; text-align: center; text-transform: capitalize; } /*---------- GRID ----------*/ .post_085_grid{ padding: 6px 3px; } /*---------- GRID FOR MOVING TWO ----------*/ .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; } /*---------- WRAPPER ----------*/ .post_085_wrapper{ overflow: hidden; position: relative; border: 1px solid #cccccc; } /*---------- IMAGE ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); -ms-transition: -ms-transform 0.7s cubic-bezier(0.3,1,0,1); transition: transform 0.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: #ffffff; line-height: 35px; text-align: center; position: absolute; text-decoration: none; border: 2px solid #ffffff; -webkit-border-radius: 100%; border-radius: 100%; } .post_085_image > img{ width: 100%; } /*---------- CONTENT ----------*/ .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: #ffffff; 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 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .post_085_content_header > a:hover{ background: #222222; } .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: #222222; 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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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%; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .post_085_indicators > .carousel-indicators{ display: none; } /*---------- HEADER ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- HEADER ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- HEADER ----------*/ .post_085_header{ background-position: initial; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- HEADER ----------*/ .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 /*------------------------------------------------------*/ .team_086{ overflow: hidden; padding: 50px 5px; position: relative; background: #ffffff; } .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .team_086_indicators > .carousel-indicators .active{ width: 10px; height: 10px; border: none; margin: 0 5px; text-indent: 0; font-weight: 700; background: #101010; } .team_086_indicators > .carousel-indicators::-webkit-scrollbar{ height: 4px; } .team_086_indicators > .carousel-indicators::-webkit-scrollbar-thumb{ background: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .team_086_control_button .carousel-control{ top: 120px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #101010; 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: #e5e8e7; text-transform: uppercase; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: #101010; } /*---------- HEADER ----------*/ .team_086_header{ top: 0; left: 0; right: 0; bottom: 0; display: block; text-align: center; position: relative; margin: 0 auto 100px auto; } .team_086_header > h1{ top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; display: block; color: #101010; 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: #101010; } /*---------- GRID ----------*/ .team_086_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .team_086_grid_mov_2{ padding: 0; } .team_086_grid_mov_2 > .row{ margin: 0; } .team_086_grid_mov_2 > .row > div{ padding: 5px; } /*---------- WRAPPER ----------*/ .team_086_wrapper{ overflow: hidden; position: relative; background: #ffffff; } /*---------- IMAGE ----------*/ .team_086_wrapper > img{ width: 100%; -webkit-filter: grayscale(30%); filter: grayscale(30%); -webkit-transition: all 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .team_086_wrapper:hover > img{ -webkit-filter: grayscale(0); filter: grayscale(0); } /*---------- CONTENT ----------*/ .team_086_header > h1, .team_086_content > h6 > a, .team_086_content > h5 > a{ text-shadow: none; -webkit-font-smoothing: antialiased; } .team_086_content{ left: 0; right: 0; bottom: 2%; width: 96%; margin: auto; padding: 10px; text-align: left; position: absolute; background: #ffffff; } .team_086_content > h5{ margin: 0; } .team_086_content > h5 > a{ color: #0f0f0f; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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: 11px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .team_086_content > h5 > a:hover, .team_086_content > h6 > a:hover{ color: #BF9865; } .team_086_content_col_2{ padding: 25px; } .team_086_content_col_2 > h5 > a, .team_086_content_col_2 > h6 > a{ font-size: 20px; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @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 481px - 767px ----------*/ @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 768px - 991px ----------*/ @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 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- GRID ----------*/ .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 /*------------------------------------------------------*/ .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; } /*---------- INDICATORS CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #000000; background: #dbb760; } /*---------- HEADER ----------*/ .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: #ffffff; 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: #555555; } .team_087_header > p{ margin: 0; padding: 0; color: #8a8a8a; font-size: 12px; font-weight: 400; font-style: italic; letter-spacing: 1px; } /*---------- GRID ----------*/ .team_087_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .team_087_grid_mov_2{ padding: 0; } .team_087_grid_mov_2 > .row{ margin: 0; } .team_087_grid_mov_2 > .row > div{ padding: 5px; } /*---------- WRAPPER ----------*/ .team_087_wrapper{ overflow: hidden; position: relative; background: #ffffff; } /*---------- IMAGE ----------*/ .team_087_wrapper > img{ width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .team_087_wrapper:hover > img{ -webkit-filter: grayscale(0); filter: grayscale(0); } /*---------- CONTENT ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); transition: bottom 0.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: #555555; } .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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .team_087_content > h5 > a:hover{ color: #ffffff; } .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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .team_087_content > h5 > a:hover, .team_087_content > h6 > a:hover{ color: #ffffff; } .team_087_content > p{ color: #adadad; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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: #ffffff; 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 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.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: #555555; -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: 14px; } .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ .team_087_indicators > .carousel-indicators{ top: 280px; left: 40px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ .team_087_indicators > .carousel-indicators{ top: 250px; left: 40px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ .team_087_indicators > .carousel-indicators{ left: 40px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* TEAM 088 /*------------------------------------------------------*/ .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; } /*---------- INDICATORS CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: #3e9dfb; } /*---------- HEADER ----------*/ .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; } /*---------- GRID ----------*/ .team_088_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .team_088_grid_mov_2{ padding: 0; } .team_088_grid_mov_2 > .row{ margin: 0; } .team_088_grid_mov_2 > .row > div{ padding: 5px; } /*---------- WRAPPER ----------*/ .team_088_wrapper{ overflow: hidden; position: relative; background: #ffffff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 5px 15px 0px rgba(236,236,236,1); -moz-box-shadow: 0px 5px 15px 0px rgba(236,236,236,1); box-shadow: 0px 5px 15px 0px rgba(236,236,236,1); } /*---------- IMAGE ----------*/ .team_088_wrapper > img{ width: 100%; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-transition: all 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } /*---------- CONTENT ----------*/ .team_088_content{ left: 0; right: 0; bottom: 0; top: auto; width: 100%; height: 100%; margin: auto; text-align: center; position: relative; background: #ffffff; 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: 11px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .team_088_content > ul > li > a:hover{ color: #ffffff; background: #3e9dfb; border: 1px solid #3e9dfb; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ .team_088_indicators > .carousel-indicators{ top: 200px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .team_088_control_button .carousel-control{ top: 195px; } /*---------- HEADER ----------*/ .team_088_header{ width: 95%; margin: 0 auto 70px auto; } .team_088_header > h5{ font-size: 20px; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- HEADER ----------*/ .team_088_header{ width: 95%; margin: 0 auto 70px auto; } } /*---------- MEDIA 768px - 991px ----------*/ @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; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* TEAM 089 /*------------------------------------------------------*/ .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .team_089_indicators > .carousel-indicators .active{ width: 10px; height: 10px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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; } /*---------- HEADER ----------*/ .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; } /*---------- GRID ----------*/ .team_089_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .team_089_grid_mov_2{ padding: 0; } .team_089_grid_mov_2 > .row{ margin: 0; } .team_089_grid_mov_2 > .row > div{ padding: 5px; } /*---------- WRAPPER ----------*/ .team_089_wrapper{ overflow: hidden; position: relative; } /*---------- IMAGE ----------*/ .team_089_image{ overflow: hidden; position: relative; background: #000000; } .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 0.7s cubic-bezier(0.3,1,0,1); -ms-transition: all 0.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: 0.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 0.7s cubic-bezier(0.3,1,0,1); -ms-transition: all 0.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: #ffffff; display: block; font-size: 14px; line-height: 30px; text-align: center; text-decoration: none; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.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; } /*---------- CONTENT ----------*/ .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: 11px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .team_089_content > h5 > a:hover{ color: #cccccc; } .team_089_content > h6 > a{ color: #FDFF39; font-size: 9px; font-weight: 600; padding: 6px; background: #090909; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .team_089_content > h6 > a:hover{ color: #090909; background: #FDFF39; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ .team_089_header{ width: 95%; } .team_089_header > h5{ font-size: 25px; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ .team_089_header{ width: 95%; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* TEAM 090 /*------------------------------------------------------*/ .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: #c13c3d; } /*---------- HEADER ----------*/ .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; } /*---------- GRID ----------*/ .team_090_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .team_090_grid_mov_2{ padding: 0; } .team_090_grid_mov_2 > .row{ margin: 0; } .team_090_grid_mov_2 > .row > div{ padding: 5px; } /*---------- WRAPPER ----------*/ .team_090_wrapper{ overflow: hidden; position: relative; border: 1px solid #d0d0d0; } /*---------- IMAGE ----------*/ .team_090_image{ overflow: hidden; position: relative; background: #000000; } .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 0.7s cubic-bezier(0.3,1,0,1); -ms-transition: all 0.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: 0.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: #ffffff; display: block; font-size: 18px; line-height: 46px; position: absolute; visibility: hidden; text-align: center; text-decoration: none; border: 1px solid #ffffff; -webkit-transform: translate(100%,100%); -ms-transform: translate(100%,100%); transform: translate(100%,100%); -webkit-transition: all 0.7s cubic-bezier(0.3,1,0,1); -ms-transition: all 0.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: #ffffff; border: 1px solid #ffffff; } /*---------- CONTENT ----------*/ .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: 16px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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: 11px; font-weight: 500; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .team_090_content > h6 > a:hover{ color: #ffffff; 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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .team_090_content > ul > li > a:hover{ color: #c13c3d; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ .team_090_header{ width: 95%; } .team_090_header > h5{ font-size: 23px; } } /*---------- MEDIA 481px - 767px ----------*/ @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 768px - 991px ----------*/ @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 992px - 1225px ----------*/ @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 /*------------------------------------------------------*/ .testimonial_091{ overflow: hidden; position: relative; background: #ffffff; padding: 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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: #BF9865; } /*---------- HEADER ----------*/ .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; } /*---------- GRID ----------*/ .testimonial_091_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .testimonial_091_grid_mov_2{ padding: 0; } .testimonial_091_grid_mov_2 > .row{ margin: 0; } .testimonial_091_grid_mov_2 > .row > div{ padding: 5px; } /*---------- WRAPPER ----------*/ .testimonial_091_wrapper{ padding: 15px; overflow: hidden; position: relative; border: 2px solid #f3f3f3; } /*---------- IMAGE ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: filter 0.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 0.6s cubic-bezier(0.3,1,0,1); transition: background 0.6s cubic-bezier(0.3,1,0,1); } .testimonial_091_wrapper:hover > .testimonial_091_image:after{ background: transparent; } /*---------- CONTENT ----------*/ .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: 13px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .testimonial_091_content > h5 > a:hover{ color: #BF9865; } .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 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .testimonial_091_content > h6 > a:hover{ color: #BF9865; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- WRAPPER ----------*/ .testimonial_091_wrapper{ padding: 50px; } /*---------- CONTENT ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- WRAPPER ----------*/ .testimonial_091_grid_mov_2 .testimonial_091_wrapper{ padding: 5px 2px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- WRAPPER ----------*/ .testimonial_091_wrapper{ padding: 5px; } } /*------------------------------------------------------*/ /* TESTIMONIAL 092 /*------------------------------------------------------*/ .testimonial_092{ overflow: hidden; position: relative; background: #f7f7f7; padding: 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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #BF9865; } .testimonial_092_indicators > .carousel-indicators::-webkit-scrollbar{ height: 4px; } .testimonial_092_indicators > .carousel-indicators::-webkit-scrollbar-thumb{ background: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .testimonial_092_control_button .carousel-control{ top: 160px; opacity: 1; width: 15px; bottom: auto; height: 15px; color: #ffffff; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: #BF9865; } /*---------- HEADER ----------*/ .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; } /*---------- GRID ----------*/ .testimonial_092_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .testimonial_092_grid_mov_2{ padding: 0; } .testimonial_092_grid_mov_2 > .row{ margin: 0; } .testimonial_092_grid_mov_2 > .row > div{ padding: 5px; } /*---------- WRAPPER ----------*/ .testimonial_092_wrapper{ overflow: hidden; position: relative; } /*---------- SPEECH BUBBLE ----------*/ .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: #bbbbbb 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: #BF9865; font-size: 18px; margin-right: 10px; } /*---------- IMAGE ----------*/ .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; } /*---------- RATING AND TEXT ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .testimonial_092_rating > h5 > a:hover{ color: #BF9865; } .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 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .testimonial_092_rating > h6 > a:hover{ color: #BF9865; } .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: #BF9865; } .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- LEFT/RIGHT CONTROL ----------*/ .testimonial_092_control_button .carousel-control{ top: 175px; } .testimonial_092_header{ width: 290px; } } /*---------- MEDIA 481px - 767px ----------*/ @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 768px - 991px ----------*/ @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 992px - 1225px ----------*/ @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 /*------------------------------------------------------*/ .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; } /*---------- PARALLAX IMAGE ----------*/ .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); } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .testimonial_093_control_button .carousel-control.left{ left: 0; right: 30px; margin: auto; color: #71ba0b; background: #ffffff; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .testimonial_093_control_button .carousel-control.left:hover{ opacity: 0.8; } .testimonial_093_control_button .carousel-control.right{ right: 0; left: 31px; margin: auto; color: #ffffff; background: #71ba0b; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .testimonial_093_control_button .carousel-control.right:hover{ opacity: 0.8; } /*---------- HEADER ----------*/ .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: #ffffff; 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: #ffffff; font-size: 14px; margin-top: 15px; } /*---------- GRID ----------*/ .testimonial_093_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .testimonial_093_grid_mov_2{ padding: 0; } .testimonial_093_grid_mov_2 > .row{ margin: 0; } .testimonial_093_grid_mov_2 > .row > div{ padding: 5px; } /*---------- WRAPPER ----------*/ .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: #ffffff; font-size: 12px; font-weight: 300; top: 15px; position: relative; text-align: justify; letter-spacing: 1px; } /*---------- RATING ----------*/ .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; } /*---------- IMAGE ----------*/ .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%; } /*---------- RATING AND TEXT ----------*/ .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: #ffffff; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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: #ffffff; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @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 481px - 767px ----------*/ @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; } /*---------- WRAPPER ----------*/ .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 768px - 991px ----------*/ @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 992px - 1225px ----------*/ @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; } /*---------- WRAPPER ----------*/ .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 /*------------------------------------------------------*/ #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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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: none; 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 0.7s cubic-bezier(.39,.575,.565,1); -moz-transition: all 0.7s cubic-bezier(.39,.575,.565,1); transition: all 0.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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- HEADER ----------*/ .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; } /*---------- TEXT LAYER ----------*/ .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 0.7s cubic-bezier(.39,.575,.565,1); transition: opacity 0.7s cubic-bezier(.39,.575,.565,1); } .testimonial_094_slide > h5 > a:hover{ opacity: 0.6; } .testimonial_094_slide > h6 > a{ color: #1e1e25; font-size: 14px; font-weight: 300; text-decoration: none; text-transform: lowercase; -webkit-transition: color 0.7s cubic-bezier(.39,.575,.565,1); transition: color 0.7s cubic-bezier(.39,.575,.565,1); } .testimonial_094_slide > h6 > a:hover{ color: #c32026; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ .testimonial_094_header{ width: 95%; margin: 15px auto; } .testimonial_094_slide{ width: 98%; padding: 5px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ .testimonial_094_slide{ width: 98%; padding: 5px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ .testimonial_094_slide{ padding: 5px; } } /*------------------------------------------------------*/ /* TESTIMONIAL 095 /*------------------------------------------------------*/ #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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; margin: 2px 3px; cursor: pointer; display: inline-block; background: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; } .testimonial_095_indicators > .carousel-indicators .active{ padding: 0; width: 10px; height: 10px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 #ffffff; text-transform: uppercase; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: #aa914f; border: 2px solid #aa914f; } /*---------- HEADER ----------*/ .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; } /*---------- TEXT LAYER ----------*/ .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 0.3s cubic-bezier(.39,.575,.565,1); transition: all 0.3s cubic-bezier(.39,.575,.565,1); } .testimonial_095_slide > p > a:hover{ color: #ffffff; 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 0.5s cubic-bezier(.39,.575,.565,1); transition: border 0.5s cubic-bezier(.39,.575,.565,1); } .testimonial_095_slide > h5 > a:hover{ border: 1px solid #aa914f; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @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 481px - 767px ----------*/ @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 768px - 991px ----------*/ @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%; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*---------- BOX SHADOW EFFECT ----------*/ @-webkit-keyframes psBoxShadowEffect_2{ 0% { opacity: 0.3; } 40% { opacity: 0.5; -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 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 #ffffff, 0 0 0 5px rgba(255,255,255,0.5); -webkit-transform: scale(1.5); opacity: 0; } } @keyframes psBoxShadowEffect_2{ 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 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 #ffffff, 0 0 0 5px rgba(255,255,255,0.5); transform: scale(1.5); opacity: 0; } } /*------------------------------------------------------*/ /* VIDEO 096 /*------------------------------------------------------*/ #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 AND IMAGE ----------*/ .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 991px ----------*/ @media only screen and (max-width: 991px){ /*---------- IMAGE ----------*/ .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 ----------*/ .video_096_vid{ display: none; } } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; margin: 2px 3px; cursor: pointer; display: inline-block; background: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; } .video_096_indicators > .carousel-indicators .active{ padding: 0; width: 10px; height: 10px; border: none; margin: 2px 3px; background: #5DBB92; -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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .video_096_control_button .carousel-control{ top: 25px; width: 25px; bottom: auto; height: 40px; opacity: 0.9; color: #000000; font-size: 14px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 40px; text-shadow: none; text-align: center; position: absolute; background: #ffffff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .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: #ffffff; background: #5DBB92; } /*---------- TEXT LAYER ----------*/ .video_096_slide{ top: 23%; width: 100%; padding: 5px; text-align: center; position: absolute; } .video_096_slide > h4{ color: #ffffff; font-size: 30px; font-weight: 400; margin-bottom: 30px; text-shadow: none; text-transform: capitalize; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.5s; animation-delay: 0.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: #5DBB92; margin-left: 10px; } .video_096_slide > h1{ color: #ffffff; font-size: 70px; font-weight: 900; margin-bottom: 30px; text-transform: uppercase; text-shadow: none; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.6s; animation-delay: 0.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: #ffffff; font-size: 14px; font-weight: 400; letter-spacing: 1px; margin: 0 auto 60px auto; text-shadow: none; -webkit-font-smoothing: antialiased; -webkit-animation-delay: 0.7s; animation-delay: 0.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: #000000; font-size: 11px; font-weight: 700; line-height: 45px; text-align: center; background: #ffffff; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 100px; border-radius: 100px; text-shadow: none; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); -webkit-animation-delay: 0.8s; animation-delay: 0.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: #ffffff; background: #5DBB92; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ #video_096{ max-height: 200px; } #video_096 > .carousel-inner > .item{ height: 200px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .video_096_control_button .carousel-control, .video_096_indicators > .carousel-indicators{ display: none; } /*---------- TEXT LAYER ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ #video_096{ max-height: 308px; } #video_096 > .carousel-inner > .item{ height: 308px; } /*---------- TEXT LAYER ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ #video_096{ max-height: 500px; } #video_096 > .carousel-inner > .item{ height: 500px; } /*---------- TEXT LAYER ----------*/ .video_096_slide{ top: 13%; padding: 5px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ #video_096{ max-height: 550px; } #video_096 > .carousel-inner > .item{ height: 550px; } } /*------------------------------------------------------*/ /* VIDEO 097 /*------------------------------------------------------*/ #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:0.8; width: 100%; margin: auto; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; display: block; text-indent: 0; overflow-y: auto; position: relative; margin: 0 0 20px 0; overflow-x: hidden; background: transparent; border: 10px solid #ffffff; -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 #ffffff; } .video_097_thumbnails > .carousel-indicators li span{ top: 0; left: 0; right: 0; bottom: 0; padding: 5px; display: block; color: #ffffff; font-size: 14px; position: absolute; text-transform: capitalize; font-family: 'Lato', sans-serif; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .video_097_thumbnails > .carousel-indicators .active span{ color: #000000; 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; } /*---------- SLIDE CAPTION ----------*/ .video_097_youtube{ width: 100%; height: 460px; border: 10px solid #ffffff; } .video_097_youtube > iframe{ width: 100%; height: 100%; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ #video_097{ padding: 20px 0; min-height: 475px; } #video_097 > .carousel-inner{ width: 75%; left: 12.5%; } /*---------- INDICATORS ----------*/ .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 #ffffff; } .video_097_thumbnails > .carousel-indicators .active{ margin: 0 0 10px 0; border: 1px solid #ffffff; } .video_097_thumbnails > .carousel-indicators li span{ padding: 1px; font-size: 11px; } /*---------- SLIDE CAPTION ----------*/ .video_097_youtube{ border: 1px solid #ffffff; } } /*---------- MEDIA 481px - 767px ----------*/ @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%; } /*---------- INDICATORS ----------*/ .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 #ffffff; } .video_097_thumbnails > .carousel-indicators .active{ margin: 0 0 10px 0; border: 3px solid #ffffff; } /*---------- SLIDE CAPTION ----------*/ .video_097_youtube{ border: 3px solid #ffffff; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ #video_097 > .carousel-inner{ left: 100px; } /*---------- INDICATORS ----------*/ .video_097_thumbnails > .carousel-indicators{ left: 25px; width: 20%; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- INDICATORS ----------*/ .video_097_thumbnails > .carousel-indicators{ left: 25px; width: 16%; } } /*------------------------------------------------------*/ /* VIDEO 098 /*------------------------------------------------------*/ #video_098{ padding: 25px 0; overflow: hidden; min-height: 645px; position: relative; background: #000000; } #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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; 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: none; background: transparent; } .video_098_thumbnails > .carousel-indicators li span{ top: 0; left: 0; right: 0; bottom: 0; padding: 5px; display: block; color: #ffffff; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .video_098_thumbnails > .carousel-indicators .active span{ color: #ffffff; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: transparent; } /*---------- SLIDE CAPTION ----------*/ .video_098_vimeo{ width: 864px; height: 486px; } .video_098_vimeo > iframe{ width: 100%; height: 100%; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ #video_098{ padding: 10px 0; min-height: 250px; } #video_098 > .carousel-inner{ width: 90%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .video_098_control_button .carousel-control{ display: none; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- SLIDE CAPTION ----------*/ .video_098_vimeo{ width: 100%; height: 100%; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ #video_098 > .carousel-inner{ width: 450px; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .video_098_thumbnails > .carousel-indicators li{ width: 30%; } .video_098_thumbnails > .carousel-indicators .active { width: 30%; } /*---------- SLIDE CAPTION ----------*/ .video_098_vimeo{ width: 450px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ #video_098 > .carousel-inner{ width: 725px; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .video_098_thumbnails > .carousel-indicators li{ width: 20%; } .video_098_thumbnails > .carousel-indicators .active { width: 20%; } /*---------- SLIDE CAPTION ----------*/ .video_098_vimeo{ width: 725px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .video_098_thumbnails > .carousel-indicators li{ width: 15%; } .video_098_thumbnails > .carousel-indicators .active { width: 15%; } } /*------------------------------------------------------*/ /* VIDEO 099 /*------------------------------------------------------*/ #video_099{ overflow: hidden; max-height: 643px; position: relative; background: #ffffff; } #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%; } /*---------- INDICATORS CONTROL ----------*/ .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: none; color: #ffffff; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .video_099_indicators > .carousel-indicators .active{ margin: 0; width: auto; height: 20px; border: none; text-indent: 0; color: #ffffff; background: transparent; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: transparent; } /*---------- SLIDE CAPTION ----------*/ .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 #ffffff; -webkit-box-shadow: 0px 13px 30px -3px rgba(0,0,0,0.54); -moz-box-shadow: 0px 13px 30px -3px rgba(0,0,0,0.54); box-shadow: 0px 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: none; outline: none; 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; } /*---------- TEXT ----------*/ .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: #ffffff; font-size: 25px; font-weight: 500; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; } .video_099_slide > p{ color: #ffffff; font-size: 14px; font-weight: 400; margin-bottom: 20px; } .video_099_slide > a{ width: 100px; height: 30px; color: #000000; display: block; font-size: 12px; line-height: 30px; text-align: center; background: #ffffff; text-transform: capitalize; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .video_099_slide > a:hover{ color: #ffffff; background: #000000; } .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ #video_099{ max-height: 443px; } .video_099_img > img{ width: auto; } /*---------- INDICATORS CONTROL ----------*/ .video_099_indicators > .carousel-indicators{ width: 95%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .video_099_control_button .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .video_099_vimeo, .video_099_youtube, .video_099_slf_host{ top: 170px; width: 300px; height: 172px; border: 5px solid #ffffff; } .video_099_slf_host > video{ display: none; } /*---------- TEXT ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ #video_099{ max-height: 543px; } .video_099_img > img{ width: auto; } /*---------- INDICATORS CONTROL ----------*/ .video_099_indicators > .carousel-indicators{ width: 95%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .video_099_control_button .carousel-control{ display: none; } /*---------- SLIDE CAPTION ----------*/ .video_099_vimeo, .video_099_youtube, .video_099_slf_host{ top: 170px; width: 450px; height: 258px; border: 5px solid #ffffff; } .video_099_slf_host > video{ display: none; } /*---------- TEXT ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ .video_099_img > img{ width: auto; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* VIDEO 100 /*------------------------------------------------------*/ .video_100{ overflow: hidden; position: relative; background: #ffffff; 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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; background: #167ac6; } /*---------- HEADER ----------*/ .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: #333333; font-size: 16px; font-weight: 500; text-decoration: none; -webkit-transition: color 0.6s cubic-bezier(0.3,1,0,1); transition: color 0.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; } /*---------- SUBSCRIBE ----------*/ .video_100_subscribe{ float: right; font-size: 0; margin-right: 5px; } .video_100_subscribe > a{ color: #ffffff; font-size: 12px; padding: 5px 10px; background: #e62117; text-decoration: none; text-transform: capitalize; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; -webkit-transition: background 0.6s cubic-bezier(0.3,1,0,1); transition: background 0.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 #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } /*---------- GRID ----------*/ .video_100_grid{ padding: 5px; } /*---------- GRID FOR MOVING TWO ----------*/ .video_100_grid_mov_2{ padding: 0; } .video_100_grid_mov_2 > .row{ margin: 0; } .video_100_grid_mov_2 > .row > div{ padding: 5px; } /*---------- WRAPPER ----------*/ .video_100_wrapper{ overflow: hidden; position: relative; } /*---------- VIDEO ----------*/ .video_100_slf_host > video{ width: 100%; height: 100%; border: none; outline: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; } /*---------- IMAGE ----------*/ .video_100_img{ display: none; } /*---------- MEDIA 991px ----------*/ @media only screen and (max-width: 991px){ /*---------- IMAGE ----------*/ .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: #ffffff; font-size: 25px; position: absolute; line-height: 50px; text-align: center; background: transparent; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .video_100_img:hover > a > span:nth-child(1){ color: #333333; 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: #ffffff; font-size: 12px; position: absolute; text-align: center; background: rgba(0,0,0,0.8); } .video_100_img > a > img{ width: 100%; } /*---------- VIDEO ----------*/ .video_100_slf_host{ display: none; } } /*---------- TEXT CONTENT ----------*/ .video_100_content{ top: 0; left: 0; right: 0; bottom: 0; text-align: left; position: relative; } /*---------- TITLE ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .video_100_content > a:nth-child(1):hover{ color: #63a6d9; } /*---------- NAME ----------*/ .video_100_content > a:nth-child(2){ color: #767676; display: block; font-size: 12px; font-weight: 400; text-decoration: none; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .video_100_content > a:nth-child(2):hover{ color: #63a6d9; } /*---------- LIST ----------*/ .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- WRAPPER ----------*/ .video_100_wrapper{ padding: 10px 100px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* X 001 LAPTOP /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .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 100px 100px 15px; } /*---------- TEXT SIDE ----------*/ .x_001_laptop_main_wrap > .row > div > h2, .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 > h2{ 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_001_laptop_main_wrap > .row > div > a:hover{ color: #ffffff; background: #ff5a0e; border: 1px solid #ff5a0e; } /*---------- LAPTOP ----------*/ .x_001_laptop_inner_wrap{ width: 100%; position: relative; } .x_001_laptop_inner_wrap > img{ width: 100%; margin: auto; display: block; position: relative; } /*---------- SLIDER ----------*/ #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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; margin: 0 3px; text-indent: 0; cursor: pointer; background: #ffffff; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; } .x_001_laptop_indicators > .carousel-indicators .active{ padding: 0; width: 8px; height: 8px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_001_laptop_control_button .carousel-control{ top: 40%; width: 20px; bottom: auto; height: 40px; opacity: 0.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: #ffffff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #ff5a0e; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @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; } /*---------- TEXT SIDE ----------*/ .x_001_laptop_main_wrap > .row > div > h2{ font-size: 25px; } } /*---------- MEDIA 481px - 767px ----------*/ @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 768px - 991px ----------*/ @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 992px - 1225px ----------*/ @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 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .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; } /*---------- TEXT SIDE ----------*/ .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: #ffffff; font-size: 12px; font-weight: 400; padding: 12px 30px; letter-spacing: 1px; background: #3dae60; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_002_lcd_main_wrap > .row > div > a:hover{ color: #ffffff; background: #363636; } /*---------- LCD ----------*/ .x_002_lcd_inner_wrap{ width: 100%; position: relative; } .x_002_lcd_inner_wrap > img{ width: 100%; margin: auto; display: block; position: relative; } /*---------- SLIDER ----------*/ #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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; margin: 0 3px; text-indent: 0; cursor: pointer; background: #ffffff; display: inline-block; -webkit-border-radius: 0; border-radius: 0; } .x_002_lcd_indicators > .carousel-indicators .active{ padding: 0; width: 8px; height: 8px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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: #ffffff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #3dae60; } .x_002_lcd_control_button:hover .carousel-control{ opacity: 1; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @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; } /*---------- TEXT SIDE ----------*/ .x_002_lcd_main_wrap > .row > div > h1{ font-size: 25px; } } /*---------- MEDIA 481px - 767px ----------*/ @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 768px - 991px ----------*/ @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 992px - 1225px ----------*/ @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 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .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); } /*---------- TEXT SIDE ----------*/ .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: #ffffff; 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: #ffffff; 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: #ffffff; line-height: 42px; text-align: center; position: absolute; text-decoration: none; border: 2px solid #ffffff; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_003_tablet_inner_wrap > .carousel > .carousel-inner > .item > a:hover{ color: #ffffff; background: #f1ca27; border: 2px solid #f1ca27; } /*---------- TABLET ----------*/ .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; } /*---------- SLIDER ----------*/ #x_003_tablet{ top: 4%; left: 2%; right: 0; width: 79%; bottom: auto; margin: auto; overflow: hidden; position: absolute; background: #000000; } #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: 0.8; margin: auto; } /*---------- INDICATORS CONTROL ----------*/ .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: none; opacity: 0.8; margin: 3px 0; text-indent: 0; display: block; background: #ffffff; border-radius: 2px; -webkit-border-radius: 2px; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: none; 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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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: #ffffff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #f1ca27; } .x_003_tablet_control_button:hover .carousel-control{ opacity: 0.8; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ .x_003_tablet_text{ width: 95%; } .x_003_tablet_text > h1{ font-size: 30px; } /*---------- TABLET ----------*/ .x_003_tablet_inner_wrap{ width: 90%; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- TABLET ----------*/ .x_003_tablet_inner_wrap{ width: 90%; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* X 004 IMAGE THUMBNAIL /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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 #ffffff; } #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: 0.9; margin: auto; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 #ffffff; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.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: 0.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); } /*---------- TEXT ----------*/ .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: #ffffff; display: block; font-size: 20px; font-weight: 400; text-decoration: none; text-transform: uppercase; font-family: 'Montserrat', sans-serif; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ #x_004_img_thumbnail { height: 265px; padding: 5px 0; } #x_004_img_thumbnail > .carousel-inner{ width: 98%; height: 200px; border: 5px solid #ffffff; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 #ffffff; } .x_004_img_thumbnail_indicators > .carousel-indicators .active{ margin: 0 5px; border: 2px solid #32ae8a; } /*---------- TEXT ----------*/ .x_004_img_thumbnail_text{ bottom: 45%; width: 175px; height: 25px; line-height: 25px; } .x_004_img_thumbnail_text > a{ font-size: 16px; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- GENERAL ----------*/ #x_004_img_thumbnail { height: 350px; padding: 10px 0; } #x_004_img_thumbnail > .carousel-inner{ width: 85%; height: 250px; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 #ffffff; } .x_004_img_thumbnail_indicators > .carousel-indicators .active{ margin: 0 5px; border: 2px solid #32ae8a; } /*---------- TEXT ----------*/ .x_004_img_thumbnail_text{ bottom: 45%; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GENERAL ----------*/ #x_004_img_thumbnail { height: 425px; } #x_004_img_thumbnail > .carousel-inner{ height: 305px; } } /*---------- MEDIA 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ /*---------- GENERAL ----------*/ #x_004_img_thumbnail { height: 543px; } #x_004_img_thumbnail > .carousel-inner{ height: 390px; } } /*------------------------------------------------------*/ /* X 005 IMAGE THUMBNAIL /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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) 0.7s; transition: all cubic-bezier(.23,1,.32,1) 0.7s; } .x_005_img_thumbnail_indicators > .carousel-indicators .active{ width: 60px; height: 100%; margin: 0 3px; background: transparent; border: 3px solid #6F8C9C; } .x_005_img_thumbnail_indicators > .carousel-indicators li img{ width: 100%; opacity: 0.5; display: block; position: relative; } .x_005_img_thumbnail_indicators > .carousel-indicators .active img{ opacity: 0.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); } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_005_img_thumbnail_control_button .carousel-control{ top: 40%; opacity: 0; width: 30px; bottom: auto; height: 60px; color: #ffffff; 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 #ffffff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(.23,1,.32,1); transition: all 0.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: none; } .x_005_img_thumbnail_control_button .carousel-control.left:hover, .x_005_img_thumbnail_control_button .carousel-control.right:hover{ opacity: 1; color: #ffffff; background: #6F8C9C; border-color: #6F8C9C; } .x_005_img_thumbnail_control_button:hover .carousel-control{ opacity: 1; } /*---------- TEXT ----------*/ .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: #ffffff; text-shadow: none; text-transform: capitalize; -webkit-font-smoothing: antialiased; } .x_005_img_thumbnail_text > h3{ font-size: 40px; font-weight: 400; -webkit-animation-delay: 0.5s; animation-delay: 0.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: 0.7s; animation-delay: 0.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: #6F8C9C; 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: 11px; font-weight: 600; letter-spacing: 1px; margin-top: 50px; line-height: 38px; text-decoration: none; text-transform: uppercase; border: 2px solid #ffffff; -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: #ffffff; background: #6F8C9C; border: 2px solid #6F8C9C; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- CONTROL BUTTONS ----------*/ .x_005_img_thumbnail_control_button .carousel-control{ top: 40%; width: 20px; height: 40px; line-height: 36px; border: 2px solid #ffffff; } /*---------- TEXT LAYER ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .x_005_img_thumbnail_indicators > .carousel-indicators{ left: 0; width: 98%; bottom: 1%; } /*---------- TEXT LAYER ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- TEXT LAYER ----------*/ .x_005_img_thumbnail_text{ width: 98%; } } /*------------------------------------------------------*/ /* X 006 IMAGE THUMBNAIL /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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%); } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; 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) 0.7s; transition: all cubic-bezier(.23,1,.32,1) 0.7s; } .x_006_img_thumbnail_indicators > .carousel-indicators .active{ padding: 0; width: 75px; height: 75px; border: none; 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); } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_006_img_thumbnail_control_button .carousel-control{ width: 40px; bottom: auto; height: 40px; color: #ffffff; 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 0.6s cubic-bezier(.23,1,.32,1); transition: all 0.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: #ffffff; background: #BF9865; border-color: #BF9865; } .x_006_img_thumbnail_control_button:hover .carousel-control{ opacity: 1; } /*---------- TEXT ----------*/ .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: #ffffff; 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: 0.7s; animation-delay: 0.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: #BF9865; margin: 0 10px; padding: 0 5px 4px 5px; border-top: 1px solid #BF9865; border-bottom: 1px solid #BF9865; } .x_006_img_thumbnail_text > p{ width: 80%; color: #ffffff; 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: 11px; letter-spacing: 1px; font-weight: 600; margin-top: 50px; line-height: 45px; text-align: center; background: #ffffff; 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 0.6s cubic-bezier(.23,1,.32,1); transition: all 0.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: #ffffff; background: #BF9865; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- LEFT/RIGHT CONTROL ----------*/ .x_006_img_thumbnail_control_button .carousel-control{ display: none; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- TEXT ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- LEFT/RIGHT CONTROL ----------*/ .x_006_img_thumbnail_control_button .carousel-control{ display: none; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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; } /*---------- TEXT ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- TEXT ----------*/ .x_006_img_thumbnail_text_right{ right: 15%; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- TEXT ----------*/ .x_006_img_thumbnail_text_right{ right: 15%; } } /*------------------------------------------------------*/ /* X 007 IMAGE THUMBNAIL /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: #ffffff; border: 10px solid #ffffff; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(.23,1,.32,1) 0.7s; transition: all cubic-bezier(.23,1,.32,1) 0.7s; } .x_007_img_thumbnail_indicators > .carousel-indicators .active{ margin: 0; padding: 0; width: 300px; height: 115px; background: #ffffff; border: 10px solid #ffffff; } /*---------- IMAGE ----------*/ .x_007_img_thumbnail_indicators > .carousel-indicators li img{ float: left; width: 140px; position: relative; } /*---------- TEXT ----------*/ .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: 12px; display: block; margin-bottom: 5px; text-transform: capitalize; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; text-decoration: none; -webkit-transition: color 0.6s cubic-bezier(.23,1,.32,1); transition: color 0.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: 11px; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Open 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); } /*---------- TEXT ----------*/ .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: #ffffff; text-shadow: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; } .x_007_img_thumbnail_text > h1{ font-size: 25px; font-weight: 700; margin-bottom: 20px; -webkit-animation-delay: 0.7s; animation-delay: 0.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: #ffffff; font-size: 13px; 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: #ffffff; display: block; font-size: 11px; font-weight: 600; margin-top: 20px; line-height: 28px; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #ffffff; -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 0.6s cubic-bezier(.23,1,.32,1); transition: all 0.6s cubic-bezier(.23,1,.32,1); } .x_007_img_thumbnail_text > a:hover{ color: #ffffff; background: #b67e43; border: 1px solid #b67e43; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 #ffffff; } .x_007_img_thumbnail_indicators > .carousel-indicators .active{ width: 150px; height: 50px; border: 3px solid #ffffff; } .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; } /*---------- TEXT ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 #ffffff; } .x_007_img_thumbnail_indicators > .carousel-indicators .active{ width: 200px; height: 75px; border: 5px solid #ffffff; } .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; } /*---------- TEXT ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .x_007_img_thumbnail_indicators > .carousel-indicators{ height: 70%; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* X 008 TESTIMONIAL /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- HEADER ----------*/ .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; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_008_testimonial_control_button .carousel-control{ top: auto; opacity: 0; width: 20px; bottom: 30%; height: 40px; color: #ffffff; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #fdc236; } .x_008_testimonial_control_button:hover .carousel-control{ opacity: 1; } /*---------- IMAGE ----------*/ .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%; padding-top: 4px; height: 40px; margin: auto; color: #ffffff; display: block; font-size: 10px; font-weight: 600; line-height: 15px; 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) 0.7s; transition: all cubic-bezier(.23,1,.32,1) 0.7s; } .x_008_testimonial_image > a > span{ display: block; font-size: 10px; font-weight: 400; } .x_008_testimonial_image > a:hover{ color: #fdc236; } /*---------- CONTENT ----------*/ .x_008_testimonial_content{ width: 75%; float: right; padding: 22px; } .x_008_testimonial_content > p{ color: #9b9b9b; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ #x_008_testimonial{ padding: 10px; } /*---------- HEADER ----------*/ .x_008_testimonial_header{ width: 90%; margin-bottom: 25px; } /*---------- IMAGE ----------*/ .x_008_testimonial_image{ width: 60%; float: none; margin: auto; } /*---------- CONTENT ----------*/ .x_008_testimonial_content{ width: 90%; float: none; margin: auto; padding: 10px; text-align: center; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- GENERAL ----------*/ #x_008_testimonial{ padding: 25px; } /*---------- HEADER ----------*/ .x_008_testimonial_header{ width: 80%; margin-bottom: 40px; } /*---------- IMAGE ----------*/ .x_008_testimonial_image{ width: 50%; float: none; margin: auto; } /*---------- CONTENT ----------*/ .x_008_testimonial_content{ width: 80%; float: none; margin: auto; padding: 10px; text-align: center; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GENERAL ----------*/ #x_008_testimonial{ padding: 25px; } /*---------- IMAGE ----------*/ .x_008_testimonial_image{ width: 35%; } /*---------- CONTENT ----------*/ .x_008_testimonial_content{ width: 65%; padding: 0 10px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- IMAGE ----------*/ .x_008_testimonial_image{ width: 35%; } /*---------- CONTENT ----------*/ .x_008_testimonial_content{ width: 65%; padding: 5px 20px; } } /*------------------------------------------------------*/ /* X 009 TESTIMONIAL /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #x_009_testimonial{ padding: 50px; overflow: hidden; } #x_009_testimonial{ position: relative; background: #2B2B2B; } #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; } /*---------- HEADER ----------*/ .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; } .x_009_testimonial_header > h1{ color: #ffffff; 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: 12px; font-weight: 500; letter-spacing: 1px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_009_testimonial_control_button .carousel-control{ top: auto; opacity: 0; width: 40px; bottom: 20%; height: 40px; color: #ffffff; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #91c642; border: 1px solid #91c642; } .x_009_testimonial_control_button:hover .carousel-control{ opacity: 1; } /*---------- IMAGE ----------*/ .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: #ffffff; display: block; font-size: 12px; 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) 0.7s; transition: all cubic-bezier(.23,1,.32,1) 0.7s; } .x_009_testimonial_image > a:nth-child(3){ width: 200px; color: #9e9e9e; display: block; font-size: 11px; 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) 0.7s; transition: all cubic-bezier(.23,1,.32,1) 0.7s; } .x_009_testimonial_image > a:hover{ color: #91c642; } /*---------- CONTENT ----------*/ /*---------- SPEECH BUBBLE ----------*/ .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: #ffffff; font-size: 12px; text-align: left; font-weight: 300; position: relative; text-align: center; font-style: italic; margin-bottom: 25px; letter-spacing: 1px; border: 1px solid #414141; border-top: none; -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: #414141 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: #2B2B2B transparent; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ #x_009_testimonial{ padding: 10px; } /*---------- HEADER ----------*/ .x_009_testimonial_header{ width: 95%; margin-bottom: 10px; } .x_009_testimonial_content > p{ padding: 15px; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- HEADER ----------*/ .x_009_testimonial_header{ width: 95%; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GENERAL ----------*/ #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 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- HEADER ----------*/ .x_010_testimonial_header{ width: 100%; text-align: left; margin-bottom: 70px; border-bottom: 1px solid #dddddd; } .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; } .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; margin: 0 3px; text-indent: 0; cursor: pointer; background: #bbbbbb; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_010_testimonial_indicators > .carousel-indicators .active{ padding: 0; width: 40px; height: 9px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_010_testimonial_control_button .carousel-control{ top: 75px; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #ffffff; font-size: 14px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 30px; text-shadow: none; text-align: center; position: absolute; background: #bbbbbb; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #fed700; } /*---------- IMAGE ----------*/ .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%; } /*---------- CONTENT ----------*/ .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: #bbbbbb; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: capitalize; } .x_010_testimonial_content > a{ color: #D1B100; 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) 0.7s; transition: all cubic-bezier(.23,1,.32,1) 0.7s; } .x_010_testimonial_content > a:hover{ color: #343e48; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ #x_010_testimonial{ padding: 10px 10px 50px 10px; } #x_010_testimonial > .carousel-inner > .item > div{ margin: 0; } /*---------- HEADER ----------*/ .x_010_testimonial_header{ margin-bottom: 30px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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; } /*---------- IMAGE ----------*/ .x_010_testimonial_image{ width: 40%; float: none; margin: auto; } /*---------- CONTENT ----------*/ .x_010_testimonial_content{ float: none; width: 100%; margin: auto; text-align: center; } .x_010_testimonial_content > p{ text-align: center; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- IMAGE ----------*/ .x_010_testimonial_image{ width: 25%; } /*---------- CONTENT ----------*/ .x_010_testimonial_content{ width: 75%; padding: 10px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- IMAGE ----------*/ .x_010_testimonial_image{ width: 25%; } /*---------- CONTENT ----------*/ .x_010_testimonial_content{ width: 75%; padding: 10px; } } /*------------------------------------------------------*/ /* W SHOP 101 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .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; } /*---------- INDICATORS CONTROL ----------*/ .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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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; } /*---------- HEADER ----------*/ .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; } /*---------- GRID ----------*/ .w_shop_101_grid{ padding: 5px; } /*---------- GRID COL 4 ----------*/ .w_shop_101_grid_col_4{ padding: 15px; } /*---------- GRID COL 3 ----------*/ .w_shop_101_grid_col_3{ padding: 5px 30px; } /*---------- GRID COL 2 ----------*/ .w_shop_101_grid_col_2{ padding: 5px 100px; } /*---------- GRID FOR MOVING TWO ----------*/ .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; } /*---------- WRAPPER ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); -moz-transition: all 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.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; } /*---------- ITEM HEADER ----------*/ .w_shop_101_header{ margin-bottom: 15px; } .w_shop_101_header > a{ display: block; text-decoration: none; text-transform: capitalize; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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; } /*---------- IMAGE ----------*/ .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; } /*---------- FOOTER ----------*/ .w_shop_101_footer{ margin-top: 15px; } /*---------- PRICE ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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: #ffffff; 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; } /*---------- BOX SHADOW EFFECT ----------*/ @-webkit-keyframes psBoxShadowEffect_3{ 0% { opacity: 0.3; } 40% { opacity: 0.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: 0.3; } 40% { opacity: 0.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; } } /*---------- OLD PRICE ----------*/ .w_shop_101_price > .w_shop_101_old_price{ top: 0; left: 0; color: #ec0000; font-size: 14px; position: absolute; text-decoration: line-through; } /*---------- COMPARE BOX ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); transition: background 0.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 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ .w_shop_101{ padding: 35px; } /*---------- INDICATORS CONTROL ----------*/ .w_shop_101_indicators > .carousel-indicators{ top: 125px; text-align: center; } .w_shop_101_main_header_mov_all{ margin: 0 0 100px 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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; } /*---------- GRID COL 4 ----------*/ .w_shop_101_grid_col_4{ padding: 5px; } /*---------- GRID COL 3 ----------*/ .w_shop_101_grid_col_3{ padding: 5px; } /*---------- GRID COL 2 ----------*/ .w_shop_101_grid_col_2{ padding: 5px; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- GENERAL ----------*/ .w_shop_101{ padding: 50px 100px; } /*---------- INDICATORS CONTROL ----------*/ .w_shop_101_indicators > .carousel-indicators{ top: 145px; text-align: center; } .w_shop_101_main_header_mov_all{ margin: 0 0 100px 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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; } /*---------- IMAGE ----------*/ .w_shop_101_image > img{ width: 50%; } /*---------- GRID COL 3 ----------*/ .w_shop_101_grid_col_3{ padding: 5px; } /*---------- GRID COL 2 ----------*/ .w_shop_101_grid_col_2{ padding: 5px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GRID COL 3 ----------*/ .w_shop_101_grid_col_3{ padding: 5px; } /*---------- GRID COL 2 ----------*/ .w_shop_101_grid_col_2{ padding: 5px 40px; } /*---------- GRID FOR MOVING TWO ----------*/ .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; } /*---------- WRAPPER ----------*/ .w_shop_101_grid_mov_2 > .row > div > .w_shop_101_wrapper{ padding: 5px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- GENERAL ----------*/ .w_shop_101{ padding: 50px 10px; } /*---------- WRAPPER ----------*/ .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; } /*---------- GRID COL 4 ----------*/ .w_shop_101_grid_col_4 > .w_shop_101_wrapper{ padding: 10px; } /*---------- GRID COL 3 ----------*/ .w_shop_101_grid_col_3 > .w_shop_101_wrapper{ padding: 10px; } /*---------- GRID COL 2 ----------*/ .w_shop_101_grid_col_2 > .w_shop_101_wrapper{ padding: 10px; } } /*------------------------------------------------------*/ /* W SHOP 102 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #w_shop_102{ padding: 50px; overflow: hidden; position: relative; } #w_shop_102 > .carousel-inner{ border: 1px solid #eeeeee; } #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; } /*---------- INDICATORS CONTROL ----------*/ .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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .w_shop_102_control_button .carousel-control{ top: 60px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #eeeeee; 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 #eeeeee; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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; } /*---------- HEADER ----------*/ .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 #eeeeee; } .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; } /*---------- GRID ----------*/ .w_shop_102_grid{ padding: 10px; } /*---------- WRAPPER ----------*/ .w_shop_102_wrapper{ overflow: hidden; position: relative; } /*---------- IMAGE ----------*/ .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; } /*---------- NEW, SALE, OLD PRICE BANNERS ----------*/ .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: #ffffff; 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; } /*---------- ICONS ----------*/ .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 0.3s ease-out; transition: bottom 0.3s ease-out; } .w_shop_102_icons > a{ width: 30px; height: 30px; margin: 0 2px; color: #ffffff; line-height: 30px; background: #ababab; display: inline-block; text-decoration: none; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.7s cubic-bezier(0.3,1,0,1); transition: all 0.7s cubic-bezier(0.3,1,0,1); } .w_shop_102_icons > a:hover{ color: #ffffff; background: #9c8166; } .w_shop_102_wrapper:hover > .w_shop_102_image > .w_shop_102_icons{ bottom: 0; } /*---------- FOOTER ----------*/ .w_shop_102_footer{ text-align: center; } /*---------- DETAIL ----------*/ .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: #aaaaaa; font-size: 14px; font-weight: 400; font-style: italic; letter-spacing: 0.5px; text-transform: capitalize; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ #w_shop_102{ padding: 50px 25px; } .w_shop_102_main_header > h1{ font-size: 25px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- LEFT/RIGHT CONTROL ----------*/ .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; } /*---------- IMAGE ----------*/ .w_shop_102_image > img{ width: 50%; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- GENERAL ----------*/ #w_shop_102{ padding: 50px 10px; } /*---------- WRAPPER ----------*/ .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 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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: 0.5px; text-transform: capitalize; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .w_shop_103_indicators > .carousel-indicators .active{ width: auto; height: 30px; border: none; 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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .w_shop_103_control_button .carousel-control{ top: 35px; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #eeeeee; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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; } /*---------- HEADER ----------*/ .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 #eeeeee; } .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; } /*---------- GRID ----------*/ .w_shop_103_grid{ padding: 0 10px; } /*---------- WRAPPER ----------*/ .w_shop_103_wrapper{ overflow: hidden; position: relative; } /*---------- IMAGE ----------*/ .w_shop_103_image{ padding: 25px 0; overflow: hidden; position: relative; background: #f9f9f9; border: 1px solid #eeeeee; -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; } /*---------- NEW, SALE, DISCOUNT BANNERS ----------*/ .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: #ffffff; 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); } /*---------- BIG BOX FOOTER ----------*/ .w_shop_103_big_footer{ padding: 25px 0; } /*---------- NAME OF ITEM ----------*/ .w_shop_103_big_footer > a{ display: block; color: #313332; font-size: 18px; font-weight: 700; margin-bottom: 10px; text-decoration: none; letter-spacing: 0.5px; text-transform: capitalize; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .w_shop_103_big_footer > a:hover{ color: #f2d03b; } /*---------- DESCRIPTION ----------*/ .w_shop_103_big_footer > p{ color: #313332; font-size: 14px; font-weight: 400; text-decoration: none; letter-spacing: 0.5px; text-shadow: none; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; } /*---------- PRICE & RATING ----------*/ .w_shop_103_big_rating{ height: 60px; margin-top: 35px; line-height: 60px; position: relative; background: #f9f9f9; } /*---------- PRICE ----------*/ .w_shop_103_big_rating > a{ left: 20px; color: #05518b; font-size: 18px; font-weight: 700; position: absolute; text-decoration: none; letter-spacing: 0.5px; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .w_shop_103_big_rating > a:hover{ color: #f2d03b; } /*---------- RATING STARS ----------*/ .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; } /*---------- SMALL BOXES FOOTER ----------*/ .w_shop_103_footer{ text-align: left; } .w_shop_103_rating{ height: 40px; line-height: 40px; position: relative; border-bottom: 1px solid #eeeeee; } /*---------- PRICE ----------*/ .w_shop_103_rating > a{ left: 0; color: #05518b; font-size: 16px; font-weight: 700; position: absolute; text-decoration: none; letter-spacing: 0.5px; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .w_shop_103_rating > a:hover{ color: #f2d03b; } /*---------- RATING STARS ----------*/ .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; } /*---------- DESCRIPTION ----------*/ .w_shop_103_footer > a{ display: block; color: #313332; font-size: 13px; font-weight: 400; text-decoration: none; letter-spacing: 0.5px; padding: 10px 0 25px 0; text-transform: capitalize; -webkit-transition: color 0.7s cubic-bezier(0.3,1,0,1); transition: color 0.7s cubic-bezier(0.3,1,0,1); } .w_shop_103_footer > a:hover{ color: #f2d03b; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ #w_shop_103{ padding: 40px 5px; } /*---------- INDICATORS CONTROL ----------*/ .w_shop_103_indicators > .carousel-indicators{ left: 0; right: 0; top: 90px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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; } /*---------- HEADER ----------*/ .w_shop_103_main_header{ left: 5px; } } /*---------- MEDIA 481px - 767px ----------*/ @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; } /*---------- IMAGE ----------*/ .w_shop_103_image > img{ width: 50%; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GENERAL ----------*/ #w_shop_103{ padding: 25px 5px; } /*---------- INDICATORS CONTROL ----------*/ .w_shop_103_indicators > .carousel-indicators{ left: 0; right: 0; width: 98%; } /*---------- LEFT/RIGHT CONTROL ----------*/ .w_shop_103_control_button .carousel-control.left{ right: 38px; } .w_shop_103_control_button .carousel-control.right{ right: 10px; } /*---------- GRID ----------*/ .w_shop_103_grid{ padding: 0 5px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ } /*------------------------------------------------------*/ /* W SHOP 104 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .w_shop_104_main_wrapper{ overflow: hidden; position: relative; padding: 40px 150px; } /*---------- HEADER ----------*/ .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 #dddddd; } .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; } /*---------- GRID ----------*/ .w_shop_104_grid{ padding: 5px 0; overflow: hidden; } /*---------- WRAPPER ----------*/ .w_shop_104_wrapper{ overflow: hidden; position: relative; } /*---------- IMAGE ----------*/ .w_shop_104_image{ padding: 25px 0; overflow: hidden; position: relative; background: #eeeeee; border: 1px solid #dddddd; -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; } /*---------- NEW, SALE, DISCOUNT BANNERS ----------*/ .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: #ffffff; 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; } /*---------- ICONS ----------*/ .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 0.6s cubic-bezier(0.3,1,0,1); -ms-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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: #ffffff; line-height: 30px; background: #131311; display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .w_shop_104_icons > a:hover, .w_shop_104_icons_right > a:hover{ color: #beae59; background: #ffffff; } .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); } /*------------------------------------------------------*/ /* SLIDER /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #w_shop_104, #w_shop_104 > .carousel-inner, #w_shop_104 > .carousel-inner > .item{ overflow: hidden; } #w_shop_104{ position: relative; background: #eeeeee; border: 1px solid #dddddd; 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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 #dddddd; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all cubic-bezier(.23,1,.32,1) 0.7s; transition: all cubic-bezier(.23,1,.32,1) 0.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); } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(.23,1,.32,1); transition: all 0.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: #ffffff; background: #beae59; border-color: #beae59; } /*---------- PRICE ----------*/ .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 0.6s cubic-bezier(.23,1,.32,1); transition: all 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ .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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- GENERAL ----------*/ .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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GENERAL ----------*/ .w_shop_104_main_wrapper{ padding: 40px 5px; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- GENERAL ----------*/ .w_shop_104_main_wrapper{ padding: 40px 25px; } } /*------------------------------------------------------*/ /* W SHOP 105 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- HEADER ----------*/ .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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; 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) 0.2s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.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: 0px 0px 0px 2px rgba(251,56,60,1); -moz-box-shadow: 0px 0px 0px 2px rgba(251,56,60,1); box-shadow: 0px 0px 0px 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); } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .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; } /*---------- LEFT BOX ----------*/ .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: 0.3s; animation-delay: 0.3s; } .w_shop_105_left_box > h1{ color: #2e2e2e; font-size: 20px; text-transform: uppercase; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .w_shop_105_left_box > p{ color: #2e2e2e; font-size: 13px; margin: 10px 0 15px 0; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .w_shop_105_left_box > a{ width: 110px; height: 30px; color: #ffffff; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .w_shop_105_left_box > a:hover{ color: #ffffff; background: #2e2e2e; } /*---------- RIGHT BOX ----------*/ .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @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%; } /*---------- HEADER ----------*/ .w_shop_105_main_header{ margin-bottom: 25px; } .w_shop_105_main_header > h1{ font-size: 22px; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .w_shop_105_indicators > .carousel-indicators{ bottom: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .w_shop_105_control_button .carousel-control{ top: 10px; } /*---------- LEFT BOX ----------*/ .w_shop_105_left_box{ top: 0; left: 0; width: 100%; text-align: center; position: relative; } /*---------- RIGHT BOX ----------*/ .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 481px - 767px ----------*/ @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%; } /*---------- LEFT BOX ----------*/ .w_shop_105_left_box{ top: 0; left: 0; width: 100%; text-align: center; position: relative; } /*---------- RIGHT BOX ----------*/ .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 768px - 991px ----------*/ @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%; } /*---------- LEFT BOX ----------*/ .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; } /*---------- RIGHT BOX ----------*/ .w_shop_105_right_box{ top: 0; right: 5%; } } /*---------- MEDIA 992px - 1225px ----------*/ @media (min-width: 992px) and (max-width: 1225px){ /*---------- LEFT BOX ----------*/ .w_shop_105_left_box{ top: 10%; } } /*------------------------------------------------------*/ /* X 011 TEXT THUMBNAIL /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- FONTS ----------*/ .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; } /*---------- HEADER ----------*/ .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: #999999; font-size: 16px; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; height: 60px; width: 180px; text-indent: 0; color: #ffffff; 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) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .x_011_txt_thumbnail_indicators > .carousel-indicators .active{ margin: 0; width: 180px; height: 60px; border: none; 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); } /*---------- IMAGE, DATE, SOCIAL MEDIA AND BUTTON ----------*/ /*---------- IMAGE ----------*/ .x_011_txt_thumbnail_image{ position: relative; background: #071724; } .x_011_txt_thumbnail_image > img{ width: 100%; opacity: 0.8; } /*---------- DATE ----------*/ .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: #ffffff; 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; } /*---------- SOCIAL MEDIA ----------*/ .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 0.7s cubic-bezier(0.3,1,0,1); -ms-transition: all 0.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: #ffffff; 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) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .x_011_txt_thumbnail_social > li > a:hover{ color: #a80000; background: #ffffff; } .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); } /*---------- RESERVE BUTTON ----------*/ .x_011_txt_thumbnail_reserve:link, .x_011_txt_thumbnail_reserve:visited{ left: 0; bottom: 0; width: 175px; height: 55px; color: #ffffff; 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) 0.7s; transition: all cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.7s; } .x_011_txt_thumbnail_reserve:active, .x_011_txt_thumbnail_reserve:hover{ color: #a80000; background: #ffffff; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ #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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ #x_011_txt_thumbnail > .carousel-inner{ width: 95%; } .x_011_txt_thumbnail_header{ width: 95%; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ #x_011_txt_thumbnail > .carousel-inner{ width: 80%; } .x_011_txt_thumbnail_header{ width: 80%; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ #x_011_txt_thumbnail > .carousel-inner{ width: 80%; } .x_011_txt_thumbnail_header{ width: 80%; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .x_011_txt_thumbnail_indicators > .carousel-indicators { width: 80%; } } /*------------------------------------------------------*/ /* X 012 TEXT THUMBNAIL /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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: 0.8; margin: auto; } /*---------- FONTS ----------*/ .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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; 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 0.7s cubic-bezier(0.22,0.81,0.01,0.99); -ms-transition: all 0.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: none; 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: #ffffff; font-size: 12px; margin: 20px 0 15px 0; } .x_012_txt_thumbnail_indicators > .carousel-indicators li > a{ width: 100px; height: 30px; display: block; color: #ffffff; font-size: 10px; line-height: 30px; text-align: center; text-decoration: none; border: 1px solid #ffffff; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.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: #ffffff; } .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); } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_012_txt_thumbnail_control_button .carousel-control{ top: 40%; opacity: 1; width: 35px; bottom: auto; height: 35px; color: #ffffff; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #93c524; } /*---------- SLIDE CONTENT ----------*/ .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: #ffffff; 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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .x_012_txt_thumbnail_indicators > .carousel-indicators { display: none; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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 IMAGE THUMBNAIL /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #x_013_img_thumbnail > .carousel-inner, #x_013_img_thumbnail > .carousel-inner > .item{ overflow: hidden; max-height: 650px; } #x_013_img_thumbnail{ background: #000000; 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; } /*---------- FONTS ----------*/ .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; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .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: none; 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 0.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: none; 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); } /*---------- LEFT/RIGHT CONTROL ----------*/ .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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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; } /*---------- SLIDE CONTENT ----------*/ .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: #ffffff; 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: 11px; font-weight: 600; padding: 10px 20px; background: #ffffff; margin-bottom: 15px; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); letter-spacing: 1px; } .x_013_img_thumbnail_content_inner > a:hover{ color: #ffffff; background: #c13c3d; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ #x_013_img_thumbnail{ padding: 60px 0 0 0; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .x_013_img_thumbnail_indicators > .carousel-indicators li{ width: 60px; } .x_013_img_thumbnail_indicators > .carousel-indicators .active{ width: 60px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_013_img_thumbnail_control_button .carousel-control{ top: 25%; } /*---------- SLIDE CONTENT ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- GENERAL ----------*/ #x_013_img_thumbnail{ padding: 88px 0 0 0; } /*---------- INDICATORS THUMBNAIL CONTROL ----------*/ .x_013_img_thumbnail_indicators > .carousel-indicators li{ width: 100px; } .x_013_img_thumbnail_indicators > .carousel-indicators .active{ width: 100px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_013_img_thumbnail_control_button .carousel-control{ top: 23%; } /*---------- SLIDE CONTENT ----------*/ .x_013_img_thumbnail_content_inner > h1{ font-size: 40px; } .x_013_img_thumbnail_content_inner > h2{ font-size: 35px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- SLIDE CONTENT ----------*/ .x_013_img_thumbnail_content_inner > h1{ font-size: 65px; } } /*---------- MEDIA 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ } /*------------------------------------------------------*/ /* X 014 POST /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- FONTS ----------*/ .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; } /*---------- HEADER ----------*/ .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; } /*---------- INDICATORS CONTROL ----------*/ .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 #dddddd; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_014_post_control_button .carousel-control{ top: 15px; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #dddddd; 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 #dddddd; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #4582c3; border-color: #4582c3; } /*---------- POST IMAGE ----------*/ .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: #ffffff; 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; } /*---------- POST TEXT ----------*/ .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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: color 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_014_post_text > a:hover{ color: #dddddd; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- GENERAL ----------*/ #x_014_post{ padding: 60px 15px; } /*---------- HEADER ----------*/ .x_014_post_header{ width: 100%; } /*---------- POST TEXT ----------*/ .x_014_post_text{ padding: 20px 10px; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- HEADER ----------*/ .x_014_post_header{ width: 80%; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- GENERAL ----------*/ #x_014_post{ padding: 60px 5px; } /*---------- HEADER ----------*/ .x_014_post_header{ width: 45%; } /*---------- POST TEXT ----------*/ .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 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ /*---------- GENERAL ----------*/ #x_014_post{ padding: 60px 15px; } /*---------- POST TEXT ----------*/ .x_014_post_text{ padding: 5px; } } /*------------------------------------------------------*/ /* X 015 SUBSCRIBE /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #x_015_subscribe, #x_015_subscribe > .carousel-inner, #x_015_subscribe > .carousel-inner > .item{ overflow: hidden; max-height: 650px; } #x_015_subscribe{ background: #000000; } #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: 0.4; margin: auto; } /*---------- FONTS ----------*/ .x_015_subscribe_form > h1, .x_015_subscribe_form > p, .x_015_subscribe_form > form > input{ text-shadow: none; -webkit-font-smoothing: antialiased; } /*---------- INDICATORS CONTROL ----------*/ .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: none; margin: 0 2px; text-indent: 0; cursor: pointer; overflow: hidden; background: transparent; border: 2px solid #ffffff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; } .x_015_subscribe_indicators > .carousel-indicators .active{ width: 10px; height: 10px; margin: 0 2px; text-indent: 0; background: #ff9900; border: 2px solid #ff9900; } .x_015_subscribe_indicators > .carousel-indicators::-webkit-scrollbar{ height: 2px; } .x_015_subscribe_indicators > .carousel-indicators::-webkit-scrollbar-thumb{ background: #ffffff; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_015_subscribe_control_button .carousel-control{ top: 25px; opacity: 1; width: 20px; bottom: auto; height: 20px; color: #ffffff; 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 #ffffff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #ff9900; border-color: #ff9900; } /*---------- SUBSCRIBE FORM ----------*/ .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: #ffffff; font-size: 50px; font-weight: 200; text-transform: uppercase; } .x_015_subscribe_form > p{ color: #ffffff; font-size: 10px; font-weight: 400; margin-left: 15px; letter-spacing: 15px; } /*---------- FORM ----------*/ .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: none; font-size: 12px; padding: 0 20px; background: rgba(245,245,245,0.80); } .x_015_subscribe_form > form > input:focus{ border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .x_015_subscribe_form > form > button{ margin: 0; width: 60px; height: 50px; border: none; color: #ffffff; font-size: 12px; background: #ff9900; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: #ff9900; background: #1a1a1a; outline: none; } /*---------- PLACE HOLDER ----------*/ .x_015_subscribe_form > form > input::-webkit-input-placeholder{ color: #666666; font-weight: 300; text-transform: capitalize; } .x_015_subscribe_form > form > input::-moz-placeholder{ color: #1a1a1a; font-weight: 300; text-transform: capitalize; } .x_015_subscribe_form > form > input:-ms-input-placeholder{ color: #1a1a1a; font-weight: 300; text-transform: capitalize; } .x_015_subscribe_form > form > input:-moz-placeholder{ color: #1a1a1a; font-weight: 300; 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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- SUBSCRIBE FORM ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- SUBSCRIBE FORM ----------*/ .x_015_subscribe_form{ width: 90%; } .x_015_subscribe_form > h1{ font-size: 30px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- SUBSCRIBE FORM ----------*/ .x_015_subscribe_form{ width: 70%; } } /*---------- MEDIA 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ } /*------------------------------------------------------*/ /* X 016 SEARCH /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #x_016_search, #x_016_search > .carousel-inner, #x_016_search > .carousel-inner > .item{ overflow: hidden; max-height: 650px; } #x_016_search{ background: #000000; } #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: 0.5; margin: auto; } /*---------- FONTS ----------*/ .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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; margin: 0 2px; text-indent: 0; cursor: pointer; overflow: hidden; background: transparent; border: 2px solid #ffffff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.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: #ffffff; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_016_search_control_button .carousel-control{ top: 45%; opacity: 1; width: 20px; bottom: auto; height: 20px; color: #ffffff; 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 #ffffff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #c32026; border-color: #c32026; } /*---------- SUBSCRIBE FORM ----------*/ .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: #ffffff; font-size: 35px; font-weight: 400; } .x_016_search_form > h1{ color: #ffffff; 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: #ffffff; font-size: 18px; font-weight: 400; } /*---------- FORM ----------*/ .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: none; font-size: 15px; padding: 0 20px; } .x_016_search_form > form > input:focus{ border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .x_016_search_form > form > button{ margin: 0; width: 100px; height: 50px; border: none; color: #ffffff; font-size: 15px; background: #c32026; text-transform: uppercase; -webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.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: none; color: #ffffff; background: rgba(195,32,38,0.8); } /*---------- PLACE HOLDER ----------*/ .x_016_search_form > form > input::-webkit-input-placeholder{ color: #666666; 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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- SUBSCRIBE FORM ----------*/ .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; } /*---------- FORM ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- SUBSCRIBE FORM ----------*/ .x_016_search_form{ width: 90%; } .x_016_search_form > h1{ font-size: 30px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- SUBSCRIBE FORM ----------*/ .x_016_search_form{ width: 70%; } } /*---------- MEDIA 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ } /*------------------------------------------------------*/ /* X 017 IMAGE /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ .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: #000000; } #x_017_image:hover{ cursor: -moz-grab; cursor: -webkit-grab; } #x_017_image:active{ cursor: -moz-grabbing; cursor: -webkit-grabbing; } /*---------- IMAGE ----------*/ #x_017_image > .carousel-inner > .item > img, #x_017_image > .carousel-inner > .item > a > img{ width: 100%; opacity: 0.9; margin: auto; } /*---------- TITLE ----------*/ #x_017_image > .carousel-inner > .item > a{ bottom: 10%; color: #ffffff; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } #x_017_image > .carousel-inner > .item > a:hover{ background: #5064f9; } /*---------- INDICATORS CONTROL ----------*/ .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: none; margin: 0 2px; text-indent: 0; cursor: pointer; overflow: hidden; background: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; } .x_017_image_indicators > .carousel-indicators .active{ width: 7px; border: none; 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: #ffffff; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_017_image_control_button .carousel-control{ top: 45%; opacity: 1; width: 40px; bottom: auto; height: 40px; color: #ffffff; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ #x_017_image{ width: 85%; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ #x_017_image{ width: 85%; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ } /*---------- MEDIA 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ } /*------------------------------------------------------*/ /* X 018 IMAGE /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- HEADER ----------*/ .x_018_image_header{ width: 75%; margin: auto; text-align: center; margin-bottom: 40px; } .x_018_image_header > h1{ margin: 0; color: #000000; font-weight: bold; text-shadow: none; text-transform: uppercase; font-family: 'Poiret One', cursive; -webkit-font-smoothing: antialiased; } .x_018_image_header > p{ color: #000000; font-size: 18px; font-weight: 400; margin-top: 10px; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Josefin Sans', sans-serif; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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) 0.2s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; } .x_018_image_indicators > .carousel-indicators .active{ width: 13px; border: none; 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: #ffffff; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_018_image_control_button .carousel-control{ top: 50%; opacity: 1; width: 30px; bottom: auto; height: 30px; color: #000000; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #0d6cbe; } /*---------- CONTENT ----------*/ .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: #ffffff; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_018_image_content:hover > a{ opacity: 1; visibility: visible; } .x_018_image_content > a:hover{ color: #ffffff; background: #000000; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- LEFT/RIGHT CONTROL ----------*/ .x_018_image_control_button .carousel-control{ top: 10%; } /*---------- INDICATORS CONTROL ----------*/ .x_018_image_indicators > .carousel-indicators{ bottom: 1%; } } /*---------- MEDIA 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- LEFT/RIGHT CONTROL ----------*/ .x_018_image_control_button .carousel-control{ top: 150px; } /*---------- INDICATORS CONTROL ----------*/ .x_018_image_indicators > .carousel-indicators{ bottom: 25px; } } /*---------- MEDIA 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- INDICATORS CONTROL ----------*/ .x_018_image_indicators > .carousel-indicators{ bottom: 25px; } } /*---------- MEDIA 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ /*---------- GENERAL ----------*/ #x_018_image > .carousel-inner{ width: 80%; } } /*------------------------------------------------------*/ /* X 019 IMAGE /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- HEADER ----------*/ .x_019_image_header{ padding: 0 25px; text-align: left; margin-bottom: 60px; } .x_019_image_header > h1{ margin: 0; color: #ffffff; 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; } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; margin: 5px 2px; cursor: pointer; overflow: hidden; background: #ffffff; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; } .x_019_image_indicators > .carousel-indicators .active{ width: 25px; height: 2px; border: none; 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: #ffffff; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .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: #ffffff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #bb8942; } /*---------- CONTENT ----------*/ .x_019_image_content{ overflow: hidden; position: relative; } .x_019_image_content > img{ width: 100%; opacity: 0.6; display: block; } /*---------- REVOLVER ----------*/ .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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_019_image_revolver:after{ top: 0; left: 0; right: 0; bottom: 0; width: 90%; content: ""; height: 90%; margin: auto; position: absolute; border: 3px solid #ffffff; } .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: #ffffff; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .x_019_image_indicators > .carousel-indicators{ top: 85px; } } /*---------- MEDIA 481px - 767px ----------*/ @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 /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- HEADER ----------*/ .x_020_partner_header{ padding: 0 25px; text-align: center; margin-bottom: 40px; } .x_020_partner_header > h1{ margin: 0; color: #303030; font-size: 30px; text-shadow: none; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; } .x_020_partner_header > h1 > span{ color: #f5692c; margin-left: 5px; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_020_partner_control_button .carousel-control{ top: 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_020_partner_control_button .carousel-control.left{ left: 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: #ffffff; background: #f5692c; } /*---------- BRAND IMAGE ----------*/ .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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_020_partner_image > a{ display: block; text-decoration: none; } .x_020_partner_image > a > img{ width: 90%; margin: auto; display: block; } .x_020_partner_image:hover{ border: 1px solid #f5692c; -webkit-filter: grayscale(0); filter: grayscale(0); } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ #x_020_partner{ padding: 40px 50px 50px 50px; } /*---------- HEADER ----------*/ .x_020_partner_header{ padding: 0; } } /*------------------------------------------------------*/ /* X 021 ANIMATED LAYERS /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- BACKGROUND ----------*/ #x_021_animated_layers > .carousel-inner > .item > img, #x_021_animated_layers > .carousel-inner > .item > a > img{ width: 100%; margin: auto; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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) 0.2s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; } .x_021_animated_layers_indicators > .carousel-indicators .active{ width: 15px; height: 15px; border: none; 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: #ffffff; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_021_animated_layers_control_button .carousel-control{ top: 50%; opacity: 0; width: 35px; bottom: auto; height: 35px; color: #ffffff; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #ff646f; } .x_021_animated_layers_control_button:hover .carousel-control{ opacity: 1; } /*---------- FONTS ----------*/ .x_021_animated_layers_txt > h2, .x_021_animated_layers_txt > p, .x_021_animated_layers_txt > a{ text-shadow: none; -webkit-font-smoothing: antialiased; } /*---------- ANIMATION ----------*/ .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); } /*---------- CONTENT ----------*/ .x_021_animated_layers_content{ top: 0; left: 0; right: 0; bottom: 0; position: absolute; } /*---------- TEXT ----------*/ .x_021_animated_layers_txt{ top: 0; left: 8%; bottom: 0; width: 34%; height: 45%; margin: auto 0; position: absolute; -webkit-animation-delay: 0.7s; animation-delay: 0.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; -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: #ffffff; line-height: 55px; text-align: center; background: #ff646f; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_021_animated_layers_txt > a:hover{ background: #9f9fba; } /*---------- IMAGE ----------*/ .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .x_021_animated_layers_indicators > .carousel-indicators{ bottom: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_021_animated_layers_control_button .carousel-control{ display: none; } /*---------- TEXT ----------*/ .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; } /*---------- IMAGE ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- INDICATORS CONTROL ----------*/ .x_021_animated_layers_indicators > .carousel-indicators{ bottom: 0; } /*---------- TEXT ----------*/ .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; } /*---------- IMAGE ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- TEXT ----------*/ .x_021_animated_layers_txt{ height: 65%; } .x_021_animated_layers_txt > p{ margin: 10px 0 10px 0; } } /*------------------------------------------------------*/ /* X 022 ANIMATED LAYERS /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- BACKGROUND ----------*/ #x_022_animated_layers > .carousel-inner > .item > img, #x_022_animated_layers > .carousel-inner > .item > a > img{ width: 100%; margin: auto; } /*---------- INDICATORS CONTROL ----------*/ .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: none; 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) 0.2s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; } .x_022_animated_layers_indicators > .carousel-indicators .active{ width: 10px; height: 10px; border: none; 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: #ffffff; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_022_animated_layers_control_button .carousel-control{ top: 50%; opacity: 1; width: 25px; bottom: auto; height: 25px; color: #ffffff; 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 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #ffffff; background: #eb2121; } .x_022_animated_layers_control_button:hover .carousel-control{ opacity: 1; } /*---------- FONTS ----------*/ .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; } /*---------- ANIMATION ----------*/ .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: 0.7s; animation-delay: 0.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); } /*---------- CONTENT ----------*/ .x_022_animated_layers_content{ top: 0; left: 0; right: 0; bottom: 0; position: absolute; } /*---------- TEXT ----------*/ .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: #333333; 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: #ffffff; line-height: 40px; text-align: center; background: #282828; font-size: 11px; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); -webkit-animation-duration: 2s; animation-duration: 2s; } .x_022_animated_layers_txt > a:hover{ background: #eb2121; color: #FFFFFF; } /*---------- IMAGE ----------*/ .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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .x_022_animated_layers_indicators > .carousel-indicators{ top: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_022_animated_layers_control_button .carousel-control{ display: none; } /*---------- TEXT ----------*/ .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; } /*---------- IMAGE ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- TEXT ----------*/ .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%; } /*---------- IMAGE ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- TEXT ----------*/ .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%; } /*---------- IMAGE ----------*/ .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 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ /*---------- TEXT ----------*/ .x_022_animated_layers_txt{ width: 60%; } .x_022_animated_layers_txt > h1{ font-size: 65px; } .x_022_animated_layers_txt > p{ width: 80%; } /*---------- IMAGE ----------*/ .x_022_animated_layers_img{ width: 40%; } } /*------------------------------------------------------*/ /* X 023 ANIMATED LAYERS /*------------------------------------------------------*/ /*---------- GENERAL ----------*/ #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; } /*---------- BACKGROUND ----------*/ #x_023_animated_layers > .carousel-inner > .item > img, #x_023_animated_layers > .carousel-inner > .item > a > img{ width: 100%; margin: auto; } /*---------- INDICATORS CONTROL ----------*/ .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: none; text-indent: 0; margin: 5px 2px; cursor: pointer; overflow: hidden; background: #000000; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; transition: all cubic-bezier(0.22,0.81,0.01,0.99) 0.2s; } .x_023_animated_layers_indicators > .carousel-indicators .active{ width: 15px; height: 15px; border: none; text-indent: 0; margin: 5px 2px; background: #ffffff; } .x_023_animated_layers_indicators > .carousel-indicators::-webkit-scrollbar{ height: 2px; } .x_023_animated_layers_indicators > .carousel-indicators::-webkit-scrollbar-thumb{ background: #ffffff; -webkit-border-radius: 0; border-radius: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_023_animated_layers_control_button .carousel-control{ top: 25px; opacity: 1; width: 35px; bottom: auto; height: 35px; color: #ffffff; font-size: 16px; cursor: pointer; overflow: hidden; line-height: 35px; text-shadow: none; text-align: center; position: absolute; background: #000000; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); } .x_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: #000000; background: #ffffff; } .x_023_animated_layers_control_button:hover .carousel-control{ opacity: 1; } /*---------- FONTS ----------*/ .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; } /*---------- ANIMATION ----------*/ .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); } /*---------- CONTENT ----------*/ .x_023_animated_layers_content{ top: 0; left: 0; right: 0; bottom: 0; position: absolute; } /*---------- TEXT ----------*/ .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: #ffffff; 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: #000000; margin: 0 10px; padding: 0 10px; background: #ffffff; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .x_023_animated_layers_txt > h2{ color: #ffffff; 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: #ffffff; font-weight: 700; margin: 0 5px; } .x_023_animated_layers_txt > p{ width: 80%; color: #ffffff; 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: #ffffff; font-size: 10px; letter-spacing: 1px; font-weight: 600; line-height: 40px; text-align: center; background: #000000; display: inline-block; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99); -webkit-animation-delay: 4s; animation-delay: 4s; } .x_023_animated_layers_txt > a:hover{ color: #000000; background: #ffffff; } /*---------- IMAGE ----------*/ .x_023_animated_layers_img{ top: 0; bottom: 0; right: 3%; width: 50%; height: 50%; margin: auto; position: absolute; -webkit-animation-delay: 0.7s; animation-delay: 0.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; } /*------------------------------------------------------*/ /* RESPONSIVE /*------------------------------------------------------*/ /*---------- MEDIA 480px ----------*/ @media only screen and (max-width: 480px){ /*---------- INDICATORS CONTROL ----------*/ .x_023_animated_layers_indicators > .carousel-indicators{ bottom: 0; } /*---------- LEFT/RIGHT CONTROL ----------*/ .x_023_animated_layers_control_button .carousel-control{ display: none; } /*---------- TEXT ----------*/ .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; } /*---------- IMAGE ----------*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*---------- TEXT ----------*/ .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; } /*---------- IMAGE ----------*/ .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 768px - 991px ----------*/ @media (min-width: 768px) and (max-width: 991px){ /*---------- TEXT ----------*/ .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; } /*---------- IMAGE ----------*/ .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 992px - 1250px ----------*/ @media (min-width: 992px) and (max-width: 1250px){ /*---------- TEXT ----------*/ .x_023_animated_layers_txt{ left: 2%; width: 65%; overflow: visible; } /*---------- IMAGE ----------*/ .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, .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; } /*---------- MODAL ----------*/ /*-----------------------------------------*/ /* DEFAULT SETTING FOR ALL MODALS /*-----------------------------------------*/ .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; } /*-----------------------------------------*/ /* SLIDER COMMERCE /*-----------------------------------------*/ /*----- CLOSE BUTTON -----*/ 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } a.x_024_shop_modal_close:hover, a.x_024_shop_modal_close:active{ color: #ffffff; background: #ff5252; border: 1px solid #ff5252; } /*----- GENERAL -----*/ 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; } /*----- SLIDER -----*/ .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; } /*----- INDICATORS THUMBNAIL CONTROL -----*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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); } /*----- TEXT CONTENT BOX -----*/ .x_024_shop_modal_txt{ padding: 15px 25px 5px 25px; } /*----- NAME -----*/ .x_024_shop_modal_txt > h1{ color: #1c0909; font-size: 20px; font-weight: 500; text-transform: capitalize; } /*----- STARS -----*/ .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; } /*----- PRICE -----*/ .x_024_shop_modal_txt > h2{ color: #ffffff; font-size: 25px; font-weight: 300; margin: 0 0 20px 0; padding: 10px 15px; text-align: center; background: #ff5252; display: inline-block; } /*----- DETAIL -----*/ .x_024_shop_modal_txt > p{ color: #1c0909; } /*----- FORM -----*/ .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; } /*----- INPUT -----*/ .x_024_shop_modal_txt > form > .x_024_shop_modal_form_num > input{ border: none; 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: none; } /*----- SELECT -----*/ .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: none; background: #f7f7f7; border: 1px solid #eaeaea; -webkit-box-shadow: none; box-shadow: none; } /*----- BUTTON -----*/ .x_024_shop_modal_txt > form > .x_024_shop_modal_form_btn > button{ left: 0; right: 0; padding: 0; outline: 0; width: 150px; border: none; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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 480px ----------*/ @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 481px - 767px ----------*/ @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 768px - 991px ----------*/ @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 992px - 1229px ----------*/ @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; } } /*----- MODAL CONTENT -----*/ .x_024_shop_modal_size > .modal-dialog > .modal-content{ width: 100%; height: auto; border: none; -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, .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; } /*---------- MODAL ----------*/ /*-----------------------------------------*/ /* DEFAULT SETTING FOR ALL MODALS /*-----------------------------------------*/ .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; } /*-----------------------------------------*/ /* SLIDER COMMERCE /*-----------------------------------------*/ /*----- CLOSE BUTTON -----*/ 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } a.x_025_shop_modal_close:hover, a.x_025_shop_modal_close:active{ color: #ffffff; background: #ff5252; border: 1px solid #ff5252; } /*----- GENERAL -----*/ 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; } /*----- SLIDER -----*/ .x_025_shop_modal_indicators > .carousel-inner > .item{ overflow: hidden; padding: 40px 30px 10px 30px; } /*----- INDICATORS THUMBNAIL CONTROL -----*/ .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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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); } /*----- LEFT/RIGHT CONTROL -----*/ .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 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.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: #ffffff; background: #ff5252; } /*----- Image -----*/ .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; } /*----- TEXT CONTENT BOX -----*/ .x_025_shop_modal_txt{ width: 60%; display: inline-block; padding: 15px 15px 5px 35px; } /*----- NAME -----*/ .x_025_shop_modal_txt > h1{ margin: 0; color: #1c0909; font-size: 20px; font-weight: 500; text-transform: capitalize; } /*----- STARS -----*/ .x_025_shop_modal_txt > ul{ padding: 0; margin: 20px 0; list-style-type: none; } .x_025_shop_modal_txt > ul > li{ margin: 0 0.5px; display: inline-block; } .x_025_shop_modal_txt > ul > li > span{ color: #1c0909; } /*----- PRICE -----*/ .x_025_shop_modal_txt > h2{ color: #ffffff; font-size: 25px; font-weight: 300; margin: 0 0 20px 0; padding: 10px 15px; text-align: center; background: #ff5252; display: inline-block; } /*----- DETAIL -----*/ .x_025_shop_modal_txt > p{ color: #1c0909; text-align: justify; } /*----- FORM -----*/ .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; } /*----- INPUT -----*/ .x_025_shop_modal_txt > form > .x_025_shop_modal_form_num > input{ border: none; 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: none; } /*----- SELECT -----*/ .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: none; background: #f7f7f7; border: 1px solid #eaeaea; -webkit-box-shadow: none; box-shadow: none; } /*----- BUTTON -----*/ .x_025_shop_modal_txt > form > .x_025_shop_modal_form_btn > button{ left: 0; right: 0; padding: 0; outline: 0; width: 150px; border: none; 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 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.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 480px ----------*/ @media only screen and (max-width: 480px){ .x_025_shop_modal_indicators > .carousel-inner > .item{ padding: 50px 5px 5px 5px; } /*----- INDICATORS THUMBNAIL CONTROL -----*/ .x_025_shop_modal_indicators > .carousel-indicators li{ width: 12%; } .x_025_shop_modal_indicators > .carousel-indicators .active{ width: 12%; } /*----- LEFT/RIGHT CONTROL -----*/ .x_025_shop_modal_controls .carousel-control.left{ left: 10px; } .x_025_shop_modal_controls .carousel-control.right{ left: 42px; } /*----- Image -----*/ .x_025_shop_modal_img{ width: 95%; float: none; margin: auto; } /*----- TEXT CONTENT BOX -----*/ .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 481px - 767px ----------*/ @media (min-width: 481px) and (max-width: 767px){ /*----- INDICATORS THUMBNAIL CONTROL -----*/ .x_025_shop_modal_indicators > .carousel-indicators li{ width: 12%; } .x_025_shop_modal_indicators > .carousel-indicators .active{ width: 12%; } /*----- LEFT/RIGHT CONTROL -----*/ .x_025_shop_modal_controls .carousel-control.left{ left: 60px; } .x_025_shop_modal_controls .carousel-control.right{ left: 96px; } /*----- Image -----*/ .x_025_shop_modal_img{ width: 80%; float: none; margin: auto; } /*----- TEXT CONTENT BOX -----*/ .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 768px - 991px ----------*/ @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 992px - 1229px ----------*/ @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; } } /*----- MODAL CONTENT -----*/ .x_025_shop_modal_size > .modal-dialog > .modal-content{ width: 100%; height: auto; border: none; -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; } }