.scrolling-section {  background-color:#333; } .scrolling-holder {  font-size:0;  text-align:center; } .scrolling-holder ul li:last-child:after {  display:none; } .scrolling-holder li {  display:inline-block;  vertical-align:middle;  width:10.5%;  position:relative;  height:78px;  font-size:0; } @media (max-width:767.98px) {  .scrolling-holder li {   width:100%;   height:48px;  } } .scrolling-holder li:before {  content:"";  display:inline-block;  height:100%;  vertical-align:middle; } .scrolling-holder li:hover {  background-color:#cc1414; } .scrolling-holder a {  display:inline-block;  vertical-align:middle;  width:100%;  opacity:0.6;  color:#fff;  font-size:14px;  font-weight:600;  padding:26px 10px;  position:relative; } .scrolling-holder a:hover {  opacity:1;  color:#fff; } .scrolling-holder a:before {  } .underline-triculo {  position:absolute;  bottom:10px;  left:0;  width:100%;  height:4px;  opacity:0;  background:#fff;  -webkit-transform:scale3d(0, 1, 1);  transform:scale3d(0, 1, 1);  -webkit-transform-origin:100% 50%;  transform-origin:100% 50%;  -webkit-transition:-webkit-transform 0s 0.2s, opacity 0.2s;  -webkit-transition:opacity 0.2s, -webkit-transform 0s 0.2s;  transition:opacity 0.2s, -webkit-transform 0s 0.2s;  transition:transform 0s 0.2s, opacity 0.2s;  transition:transform 0s 0.2s, opacity 0.2s, -webkit-transform 0s 0.2s; } @media (max-width:767.98px) {  .underline-triculo {   display:none;  } } @-webkit-keyframes anim-trinculo {  50% {   opacity:0;   -webkit-transform:translate3d(100%, 0, 0);   transform:translate3d(100%, 0, 0);  }  51% {   opacity:0;   -webkit-transform:translate3d(-100%, 0, 0);   transform:translate3d(-100%, 0, 0);  }  75% {   opacity:1;   -webkit-transform:translate3d(5px, 0, 0);   transform:translate3d(5px, 0, 0);  }  100% {   opacity:1;   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } @keyframes anim-trinculo {  50% {   opacity:0;   -webkit-transform:translate3d(100%, 0, 0);   transform:translate3d(100%, 0, 0);  }  51% {   opacity:0;   -webkit-transform:translate3d(-100%, 0, 0);   transform:translate3d(-100%, 0, 0);  }  75% {   opacity:1;   -webkit-transform:translate3d(5px, 0, 0);   transform:translate3d(5px, 0, 0);  }  100% {   opacity:1;   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  } } .scrl-mv-sec section {  padding:80px 0 20px; } .scrl-mv-sec h5 {  margin-bottom:50px;  text-align:center;  font-size:65px;  color:black;  font-weight:800;  line-height:70px;  margin-bottom:40px; } .in-stock-holder h2 {  margin-top:30px;  color:black;  font-size:22px;  font-weight:700;  text-transform:initial;  margin-bottom:10px; } .in-stock-holder h2 img {  margin-right:10px; } .in-stock-holder li {  font-size:12px;  font-weight:400;  padding-left:1em;  text-indent:-0.7em;  margin-bottom:10px; } .in-stock-holder li:before {  content:"• ";  color:black;  font-size:12px;  margin-right:10px; } .in-stock-holder .row {  margin:0 -5px 5px; } .in-stock-holder .col-md-2 {  padding:0 5px; } .in-stock-holder .stock-color {  width:100%;  padding-bottom:54%;  margin-bottom:10px; } .in-stock-holder p {  text-align:center;  font-size:14px;  text-transform:uppercase;  margin-bottom:20px; } .features-holder figure {  width:40px; } .features-holder h3 {  font-size:20px;  font-weight:600;  margin-bottom:30px; } .features-holder li {  font-size:14px;  line-height:20px;  margin-bottom:30px;  padding-left:20px;  font-weight:400;  position:relative; } .features-holder li:before {  content:"";  position:absolute;  top:2px;  left:0;  width:8px;  height:13px;  background:url(https://www.partitionking.com/wp-content/themes/partitionking/css/../images/icons/blue-arrow.svg) no-repeat; } .features-holder-2 {  padding:50px 0 100px; } .features-holder-2 h5 {  text-align:center;  font-size:65px;  color:black;  font-weight:800;  line-height:65px;  margin-bottom:50px; } @media (max-width:767.98px) {  .features-holder-2 h5 {   font-size:35px;   line-height:40px;   margin-bottom:20px;  } }  .active-section {  background-color:#cc1414; } .active-section a {  opacity:1;  color:#fff;  -webkit-animation:anim-trinculo 0.6s forwards;  animation:anim-trinculo 0.6s forwards; } .active-section .underline-triculo {  opacity:1;  -webkit-transform:scale3d(1, 1, 1);  transform:scale3d(1, 1, 1);  -webkit-transition:-webkit-transform 0.2s, opacity 0.1s;  -webkit-transition:opacity 0.1s, -webkit-transform 0.2s;  transition:opacity 0.1s, -webkit-transform 0.2s;  transition:transform 0.2s, opacity 0.1s;  transition:transform 0.2s, opacity 0.1s, -webkit-transform 0.2s;  -webkit-transition-delay:0.6s;  transition-delay:0.6s;  -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);  transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); } .active-section:after {  content:"";  position:absolute;  top:0;  left:0;  right:0;  margin:0 auto;  width:0;  height:0;  border-left:10px solid transparent;  border-right:10px solid transparent;  border-top:15px solid #f1f1f1; }