Tayp CSS - March 15
Tue Mar 15 2022 06:31:34 GMT+0000 (Coordinated Universal Time)
Saved by @alyssietayp
/*
Theme Name: Tayp Made using Jude Gimeno Flex Theme
Theme URI: http://judegimeno.com
Description: Tayp Made using Jude Gimeno Flex Theme
Version: 1
Author: Jude Gimeno
Author URI: http://judegimeno.com
Tags: Blank, HTML5, CSS3
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
img {
user-drag: none;
-webkit-user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background: rgba(9, 26, 141, 0.5);
}
.pdsa {
text-decoration: none !important;
}
.hsa {
position: relative;
}
.hsa:hover .overlay {
opacity: 1;
}
.pdsa:hover .overlay {
opacity: 1;
}
.text{
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
font-family: 'Styrene A Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
border-bottom: 1px solid;
padding-bottom: 5px;
}
.col-md-6.col-sm-12.col-xs-12.home_small_boxs {
margin-bottom: 50px;
}
h1.mh1 {
font-size: 42px;
line-height: 55px;
}
p.nhp {
font-family: 'Styrene A Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
color: #EFF7FE;
margin-top: -15px !important;
}
.bgdesignmain.custom-html-container {
display: none;
}
input#srch-term {
background: transparent;
color: #fff !important;
}
.footer-search {
text-align: right;
padding: 0px 30px 30px 30px;
}
.input-group.add-on.footerinput {
border-bottom: 1px solid;
color: #fff !important;
}
form.modal-form {
max-width: 500px !important;
}
input#srch-term {
background: transparent;
color: #fff !important;
font-family: 'Styrene A Regular' !important;
font-style: initial;
line-height: 1.75;
text-transform: initial;
}
input#srch-term::placeholder {
color: #fff !important;
}
.input-group-btn.footerinput button.btn.btn-default {
background: #091A8D !important;
color: #fff;
border-radius: 0px;
border: none;
box-shadow: none !important;
}
.tab-title {
font-family: 'Styrene A Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 42px;
color: #fff;
}
.footer-search {
background: #091A8D;
padding: 30px;
}
h2.fp-title {
margin-bottom: 20px;
}
section.ourclients {
background: #091A8D;
-webkit-box-shadow: 0px -1px 3px rgb(0 0 0 / 40%);
-moz-box-shadow: 0px -1px 3px rgba(0, 0, 00, 0.4);
box-shadow: 0px -1px 3px rgb(0 0 0 / 40%);
}
.ourclient-entry {
display: inline-block;
margin-bottom: 20px;
}
h3.fp-b_title {
font-family: 'Styrene A Regular' !important;
font-style: initial;
color: #fff;
text-transform: inherit;
font-size: 14px;
font-weight: normal;
}
img.logo-img {
width: 143px;
}
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
}
body {
font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#444;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
max-width:1280px;
width:95%;
margin:0 auto;
position:relative;
}
/* header */
.header {
}
/* logo */
.logo {
}
.logo-img {
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
}
/* footer */
.footer {
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
@font-face {
font-family:'Font-Name';
src:url('fonts/font-name.eot');
src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('fonts/font-name.woff') format('woff'),
url('fonts/font-name.ttf') format('truetype'),
url('fonts/font-name.svg#font-name') format('svg');
font-weight:normal;
font-style:normal;
}
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
/* Tayp Food */
.sldie-scrollContainer {
overflow-x: hidden;
width: 100%;
}
/*** Food Header ***/
#food-header{
background-color: #FE4A49;
background-image: url('/wp-content/uploads/2022/01/shape-bg.png');
background-size: cover;
background-position: center;
position: relative;
}
#food-header .food-header{
min-height: 100vh;
display: flex;
justify-content: start;
z-index: 2;
position: relative;
}
#food-header .text-content{
align-self: center;
padding-top: 50px;
}
#food-header h1{
font-family: 'Styrene A Bold', sans-serif;
font-size: 32px;
font-weight: 600;
color: #EFF7FE;
margin: 45px 0 5px 0;
text-transform: none;
line-height: 1.3;
}
#food-header .taypfood-logo{
width: 205px;
}
#food-header a.page-scroll.btn.btn-xl.get-started {
background: -moz-linear-gradient(to right, #ffb400 0%, #ed4a63 100%);
background: -webkit-linear-gradient(to right, #ffb400 0%,#ed4a63 100%);
background: linear-gradient(to right, #ffb400 0%,#ed4a63 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ed4a63',GradientType=0 );
box-shadow: 0 3px 6px #00000030;
padding: 7px 50px 10px 50px;
}
#food-header .header-img{
position: absolute;
top: 0;
right: 0;
z-index: 0;
width: auto;
max-width: 70%;
max-height: 200vh;
z-index: 9;
}
/*** Food Payment ***/
#food-payment{
background: #0589E2;
text-align: center;
}
#food-payment .food-payment>.row{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 991.98px){
#food-payment .food-payment>.row{
display: unset;
}
}
#food-payment .p0{
padding:0;
}
#food-payment .payment-title{
display: flex;
align-items: center;
height: 100%;
}
#food-payment .payment-container{
padding: 25px;
}
#food-payment .payment-row{
display: flex;
/* justify-content: center; */
flex-wrap: wrap;
align-items: center;
}
#food-payment .payment-img{
display: flex;
align-items: center;
align-self: center;
}
#food-payment h2{
font-family: 'Styrene A Bold', sans-serif;
font-size: 48px;
color: #FEFEFE;
text-transform: unset;
text-align: left;
margin: 0;
}
#food-payment p{
font-size: 16px;
color: #FEFEFE;
font-family: 'Styrene A Web', sans-serif;
text-align: left;
}
/*** Food Package ***/
#food-package{
background: #091A8D;
padding: 100px 0;
}
#food-package .px{
padding-left: 5px;
padding-right: 5px;
}
#food-package h2{
font-family: 'Styrene A Bold', sans-serif;
font-size: 48px;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #EFF7FE;
text-transform: unset;
}
#food-package h2 span{
color: #EFF7FE;
}
#food-package .foodpackage-item {
padding: 25px;
background-image: linear-gradient(#23339a, #4857ac);
border-radius: 8px;
min-height: 242px;
}
#food-package h3{
color: #EFF7FE;
font-size: 48px;
font-family: 'Styrene A Web', sans-serif;
font-weight: 100;
line-height: 0.8;
text-transform: none;
margin-bottom: 45px;
}
#food-package h3 span{
font-size: 16px;
}
#food-package p{
color: #EFF7FE;
font-size: 11px;
font-family: 'Styrene A Web', sans-serif;
font-weight: 100;
line-height: 0.8;
text-transform: none;
}
#food-package hr{
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 2px solid #7f8cc7;
}
/*** Food Features Slider ***/
#foodfeature-slider{
background: #091A8D;
min-height: 100vh;
position: relative;
padding: 0;
overflow: hidden;
}
#foodfeature-slider h2{
font-family: 'Styrene A Bold', sans-serif;
font-size: 22px;
text-transform: none;
font-weight: 700;
margin: 0;
color: #EFF7FE;
margin-bottom: 20px;
z-index: 2;
position: relative;
}
#foodfeature-slider h3{
color: #EFF7FE;
font-size: 56px;
font-family: 'Styrene A Bold', sans-serif;
margin-bottom: 57px;
text-transform: unset;
}
#foodfeature-slider p {
padding-top: 0px;
margin-top: 15px;
width: 200px;
color: #EFF7FE;
line-height: 2.5;
font-family: 'Styrene A Web', sans-serif;
}
.horizontal_slider_list{
width: 100%;
display: flex;
padding: 0;
}
.horizontal_slider_item{
flex: 0 0 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: #091a8d;
position: relative;
}
.scroll-slider{
overflow: hidden;
}
.absolute-right-img {
position: absolute;
right: 0;
max-height: 80vh;
max-width: 60vw;
}
.ff-img-mobile{
display: none;
}
/*** Food Inquiry ***/
#food-inquiry{
background: #091A8D;
padding: 0;
}
#food-inquiry .food-inquiry{
display: flex;
justify-content: center;
color: #EFF7FE;
border-top: 2px solid #23329a;
border-bottom: 2px solid #23329a;
padding: 40px 0;
}
#food-inquiry .food-inquiry-item{
padding: 0 70px;
display: flex;
align-items: center;
}
#food-inquiry .food-envelop{
margin-right: 6px;
height: 19px;
}
#food-inquiry p {
font-family: 'Styrene A Web', sans-serif;
}
#food-inquiry a.page-scroll.btn.btn-xl.get-started {
background: -moz-linear-gradient(to right, #ffb400 0%, #ed4a63 100%);
background: -webkit-linear-gradient(to right, #ffb400 0%,#ed4a63 100%);
background: linear-gradient(to right, #ffb400 0%,#ed4a63 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ed4a63',GradientType=0 );
box-shadow: 0 3px 6px #00000030;
padding: 13px 25px 16px 25px;
border-radius: 100px;
margin-top: 0;
}
/*** Food Inclussions ***/
#food-inclussions {
background-image: url(/wp-content/themes/Flex%20V4/img/featured-bg.png);
background-color: #091A8D;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
position: relative;
padding: 0;
}
#food-inclussions .overlay-bg{
background-image: url(/wp-content/themes/Flex%20V4/img/dot-box.png);
height: 100%;
padding: 150px 0 300px 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
#food-inclussions .tab-description{
margin-top: 10px;
font-size: 14px;
color: #EFF7FE;
font-family: 'Styrene A Web', sans-serif;
}
#food-inclussions .get-started{
float: right;
}
/*** Food How it works ***/
#food-howitwork{
background-image: url('/wp-content/themes/Flex%20V4/img/dot-box.png');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-color: #091A8D;
padding: 0;
overflow: hidden;
}
.philosophie {
position: relative;
}
.indicators {
margin: 50px 0;
height: 80vh;
display: none;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.indicator {
border-radius: 0;
display: block;
width: unset;
height: unset;
margin: unset;
text-indent: unset;
text-align: left;
cursor: pointer;
background: transparent;
padding: 20px 0 30px 35px;
border: 0;
border-left: 3px solid #23329a;
}
.indicator .ci-desc{
display: none;
font-family: 'Styrene A Web', sans-serif;
line-height: 2.5;
margin-top: 20px;
margin-bottom: 0;
}
.indicator a{
color: #23329a;
text-decoration: none;
}
.indicator:hover, .indicator:focus{
border-left: 3px solid #FFB400 !important;
}
.indicator.active:hover, .indicator.active:focus{
border-left: 3px solid #EFF7FE !important;
}
.indicator:hover a, .indicator:focus a{
text-decoration: none;
}
.indicator:hover a h3, .indicator:focus a h3{
color: #FFB400;
}
.indicator.active:hover a h3, .indicator.active:focus a h3{
color: #EFF7FE !important;
}
.philosophie .point {
height: 100vh;
width: 100%;
display: flex;
align-items: center;
}
.philosophie .wrapper {
height: 100vh;
width: 100%;
padding: 80px 0;
}
.point img {
flex-basis: 25%;
max-width: 100%;
height: auto;
}
.food-howitwork-bg{
background-image: linear-gradient(#091A8D 50%, transparent);
padding: 50px 0;
}
#food-howitwork .hdiaw-images{
position: absolute;
top: 200px;
right: 0;
width: 50%;
z-index: 9;
}
#food-howitwork h2{
font-family: 'Styrene A Bold', sans-serif;
font-size: 56px;
text-transform: none;
margin: 0;
}
#food-howitwork h3{
font-family: 'Styrene A Web', sans-serif;
font-size: 22px;
text-transform: none;
font-weight: 400;
margin: 0;
}
#food-howitwork .food-howitwork-title span{
margin: 10px 0 0 0;
font-size: 12px;
color: #eff7fe;
}
#food-howitwork .food-howitwork-title{
display: flex;
justify-content: space-between;
align-items: center;
color: #EFF7FE;
margin: 25px 0 0 0;
}
/*** Food Build ***/
#food-build{
background: #091A8D;
padding: 0;
}
#food-build p{
font-family: 'Styrene A Web', sans-serif;
}
#food-build a{
font-family: 'Styrene A Web', sans-serif;
}
#food-build .food-build{
display: blovk;
color: #EFF7FE;
border-top: 2px solid #23329a;
border-bottom: 2px solid #23329a;
padding: 40px 0;
text-align: center;
}
#food-build .food-inquiry-item{
padding: 0 70px;
display: flex;
align-items: center;
}
#food-build .food-envelop{
margin-right: 6px;
height: 19px;
}
#food-build a.page-scroll.btn.btn-xl.get-started {
background: transparent;
padding: 13px 25px 16px 25px;
border-radius: 100px;
margin-top: 15px;
border: 2px solid #EFF7FE;
}
/* Tayp Food How It Works Mobile Carousel */
#food-howitwork-mobile{
background-image: url('/wp-content/themes/Flex%20V4/img/dot-box.png');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-color: #091A8D;
padding: 0;
display: none;
}
.food-howitwork-mobile-bg{
background-image: linear-gradient(#091A8D 50%, transparent);
padding: 50px 0;
}
#food-howitwork-mobile .hdiaw-images{
position: relative;
top: auto;
right: 0;
width: 80%;
left: 0;
z-index: 9;
margin: auto;
}
#food-howitwork-mobile .food-howitwork-mobile{
padding: 0 50px;
}
#food-howitwork-mobile h2{
font-family: 'Styrene A Bold', sans-serif;
font-size: 56px;
text-transform: none;
margin: 0;
}
#food-howitwork-mobile h3{
font-family: 'Styrene A Web', sans-serif;
font-size: 22px;
text-transform: none;
font-weight: 400;
margin: 0;
}
#food-howitwork-mobile .food-howitwork-mobile-title p{
margin: 10px 0 0 0;
font-size: 12px;
}
#food-howitwork-mobile .food-howitwork-mobile-title{
align-items: center;
color: #EFF7FE;
margin: 25px 0 0 0;
}
#foodHowitworkCarousel .row{
display: flex;
flex-wrap: wrap;
align-items: center;
}
#foodHowitworkCarousel .ci-item{
background: transparent;
color: #EFF7FE;
border: 0;
border-left: 3px solid #23329a;
}
#foodHowitworkCarousel .carousel-indicators {
position: relative;
bottom: unset !important;
left: unset;
z-index: unset;
width: unset;
padding-left: 0;
margin-left: unset;
text-align: center;
list-style: none;
}
#foodHowitworkCarousel .carousel-indicators li {
border-radius: 0;
display: block;
width: unset;
height: unset;
margin: unset;
text-indent: unset;
text-align: left;
cursor: pointer;
background: transparent;
padding: 20px 0 30px 35px;
color: #23329a;
}
#foodHowitworkCarousel .carousel-indicators li p{
margin: 0;
}
#foodHowitworkCarousel .carousel-indicators li .ci-desc{
display: none;
font-family: 'Styrene A Web', sans-serif;
}
#foodHowitworkCarousel .carousel-indicators li.active{
border-left: 3px solid #EFF7FE;
background: transparent;
padding: 0 0 0 35px;
color: #EFF7FE;
}
#foodHowitworkCarousel .carousel-indicators li.active .ci-desc{
display: block !important;
line-height: 2.5;
margin-top: 20px;
}
@media(max-height:820px){
#food-howitwork h2 {
font-size: 26px;
}
.indicator .ci-desc {
line-height: 1.5;
margin-top: 5px;
}
.indicators {
margin: 20px 0;
}
}
/*** MOBILE Food ***/
@media(max-width:991.98px){
#food-howitwork{
display: none;
}
#food-howitwork-mobile{
display: block;
}
#food-howitwork .hdiaw-images {
position: relative;
top: unset;
right: 0;
width: 100%;
display: none;
}
.absolute-right-img {
display: none;
}
.ff-img-mobile {
display: block;
max-height: 35vh;
margin: auto;
width: auto;
}
#foodfeature-slider h2 {
text-align: center;
margin-bottom: 30px;
}
#foodfeature-slider h3 {
text-align: center;
margin-bottom: 20px;
}
#foodfeature-slider h3 br{
display: none;
}
#foodfeature-slider p {
text-align: center;
width: 100%;
padding: 0 25px;
}
#food-howitwork-mobile .food-howitwork-mobile-title {
display: block;
margin: 0 0 30px 0;
}
#food-howitwork-mobile h2 {
font-size: 36px;
margin: 0 0 15px 0;
}
#foodHowitworkCarousel .carousel-indicators li {
padding: 0px 0 10px 15px;
}
#food-howitwork-mobile h3 {
font-size: 16px;
}
#foodHowitworkCarousel .carousel-indicators li.active {
padding: 10px 25px 15px 15px;
}
#foodHowitworkCarousel .carousel-indicators li.active .ci-desc {
font-size: 12px;
line-height: 1.3;
margin-top: 10px;
}
#food-howitwork-mobile .food-howitwork-mobile {
padding: 0 25px;
}
}
@media(max-width:767.98px){
#food-header {
padding: 100px 25px;
}
#food-header .food-header {
min-height: unset;
z-index: 2;
position: relative;
}
#food-header .taypfood-logo {
width: 160px;
}
#foodfeature-slider h2 {
font-size: 22px;
}
#foodfeature-slider h3 {
font-size: 28px;
}
#food-header h1 {
font-size: 26px;
margin: 25px 0 5px 0;
}
#food-howitwork .food-howitwork-title {
display: block;
margin: 0 0 30px 0;
}
#food-howitwork h2 {
font-size: 36px;
margin: 0 0 15px 0;
}
#food-howitwork h3 {
font-size: 16px;
}
#food-payment{
padding: 50px 0;
}
#food-payment .payment-container {
padding-top: 25px;
padding-bottom: 0;
}
#food-payment h2 {
text-align: center;
margin-top: 0;
font-size: 36px;
}
#food-package{
padding: 50px 10px;
}
#food-package .px {
padding: 5px;
}
#food-package h2 {
text-align: center;
margin-top: 0;
margin-bottom: 25px;
}
#food-package .foodpackage-item {
min-height: 190px;
}
#food-inquiry .food-inquiry {
display: block;
}
#food-inquiry .food-inquiry-item {
display: block;
text-align: center;
padding: 0 25px;
}
#food-inclussions .overlay-bg {
60px 25px 60px 25p
}
#food-inclussions .overlay-bg .tab-title {
font-size: 32px;
text-align: center;
}
#food-inclussions .overlay-bg .tab-description {
font-size: 14px;
text-align: center;
}
#food-inclussions .get-started {
float: unset;
display: block;
width: 160px;
margin: 30px auto;
}
}
@media(max-width:374.98px){
#foodfeature-slider h2 {
font-size: 16px;
}
#foodfeature-slider h3 {
font-size: 18px;
}
#food-package h3 {
font-size: 28px;
margin-bottom: 25px;
}
#food-package h2 {
font-size: 36px;
}
}
img.laptop-frame {
position: absolute;
}
/* Carousel Fade In effect */
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
.carousel-fade .carousel-inner .item { transition-duration: 0.3s}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.navbar-custom .navbar-collapse {
border-color: rgba(255, 255, 255, 0.02);
margin: 0px 0 0px 0;
}
img.logo-img {
height: auto;
margin: 0px 0;
}
.nav>li {
position: relative;
display: block;
margin: 5px 0px;
}
Comments