/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* global */

h2 { margin-bottom:0px !important; }
p { margin-bottom: 0px; }
.no-breadcrumbs .main-content { padding-top: 0px; }
.main-content { padding-bottom: 0px; }
h3 { line-height: 36px !important; }
ol, ul, dl { margin-bottom: 0; }
.table.table-bordered { border-color: #777 !important; }


/* header */
.header-builder-p .header-main:not(.e-con) {
  padding-top: 10px;
  padding-bottom: 10px;
}

#header.sticky-header .header-main{
  background-color:#293991;
}

#header.sticky-header .header-main.sticky {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}

/* sub menu */
#header .main-menu .narrow ul.sub-menu { margin-top: 5px; }

/* uber menu */

.ubermenu-skin-minimal .ubermenu-submenu.ubermenu-submenu-drop {
  border: none !important;
}

.ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child{
	margin: 0px !important;
	padding:0px !important;
}

.ubermenu .ubermenu-submenu-type-stack {
	padding:0px !important;
	margin: 0px !important;
}

.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
  width: auto;
}

/* mobile menu */

#side-nav-panel .mobile-menu {
  margin-top: 50px;
}

@media screen and (min-width: 1024px) {
  #side-nav-panel .mobile-menu {
		display: none !important;
  }

/* anchor menu */

.elementor-menu-anchor {
  scroll-margin-top: 180px !important;
}

	
/* Table */

/* .ntb_table_wrapper table tbody tr td { vertical-align: middle !important; } */

/* single product page */

.single.single-product .main-content {
  padding-bottom: 0px !important;
}

/* single product page sidebar */

.toco_product_sidebar .elementor-nav-menu li {
  border: 1px solid #ddd !important;
}

/* home page product */

.a_product::before {
  top: 0;
  left: 0;
}
.a_product::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 2px solid transparent;
  border-radius: 15px;
}
.a_product:hover::before{
  width: 100%;
  height: 100%;
}
.a_product:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}


.a_product::after {
  bottom: 0;
  right: 0;
}
.a_product::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 2px solid transparent;
  border-radius: 15px;
}
.a_product:hover::after {
  width: 100%;
  height: 100%;
}
.a_product:hover::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

/* home page image animation */

.a_img {
  animation: rhyno 5s linear infinite !important;
}

@keyframes rhyno {
  0% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(15px);
  }
}

/*  */
/* .mfp-bg {
  display: none !important;
} */

/* contact page */

.a_icon .elementor-icon { margin-top: 11px; }
.a_icon .elementor-icon-box-description { margin-top:-7px; }

/* --------------------------------------------------------------------- 6k series page ----------------------------------------------------------------- */

/* banner */
.a_gradient::before {
  background: linear-gradient(45deg, #ff68cc 0%, #dc5fff 33%, #a080ff 67%, #7f99ff 100%);
  position: absolute;
  opacity: .15;
}

/* img bg */

.a_img_6k .elementor-image-box-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100px !important;
  height: 100px !important;
  margin: auto !important;
  margin-bottom: 25px !important;
  overflow: hidden;
  isolation: isolate;
  padding: 20px;
}

.a_img_6k .elementor-image-box-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(45deg, #ff68cc 0%, #dc5fff 33%, #a080ff 67%, #7f99ff 100%);
  opacity: 0.15;
  z-index: -1;
}

/* imgbox border */

.a_6k_border::before{
    content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  -webkit-background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  opacity: .3;
  transition: opacity .27s cubic-bezier(0, 0, 0.58, 1);
  border-image: linear-gradient(90deg, #ff68cc 0%, #dc5fff 33%, #a080ff 67%, #7f99ff 100%) 1;
  border-radius: 15px !important;
}

.a_6k_border:hover::before {
  opacity: 0.5;
}

/* carousel */

.a_carousel .swiper-slide-image {
  border: 1px solid transparent !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-image: linear-gradient(
      90deg,
      #ff68cc 0%,
      #dc5fff 33%,
      #a080ff 67%,
      #7f99ff 100%
    )
    1 !important;
  -webkit-background-clip: padding-box, border-box !important;
  background-origin: padding-box, border-box !important;
  z-index: 0;
  padding: 5px;
}

/* a_6k_slider */

/* .a_6k_slider .swiper-slide {
  border: 1px solid transparent !important;
  border-radius:15px !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-image: linear-gradient(90deg, #ff68cc 0%, #dc5fff 33%, #a080ff 67%, #7f99ff 100%) 1 !important;
  -webkit-background-clip: padding-box, border-box !important;
  background-origin: padding-box, border-box !important;
  z-index: 0;
  padding: 8px;
}
*/

.a_6k_slider_2 .swiper-slide {
    border: 1px solid #4D5687 !important;
    border-radius: 15px !important;
    padding: 8px !important;
}

.a_6k_slider_2 .swiper-slide-bg {
	border-radius: 15px !important;
}

/* benefits */

.a_6k_benefits::before {
  top: 0;
  left: 0;
}
.a_6k_benefits::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 1px solid transparent;
  border-radius: 15px;
}
.a_6k_benefits:hover::before{
  width: 100%;
  height: 100%;
}
.a_6k_benefits:hover::before {
  border-top-color: #dc5fff;
  border-right-color: #dc5fff;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}


.a_6k_benefits::after {
  bottom: 0;
  right: 0;
}
.a_6k_benefits::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 1px solid transparent;
  border-radius: 15px;
}
.a_6k_benefits:hover::after {
  width: 100%;
  height: 100%;
}
.a_6k_benefits:hover::after {
  border-bottom-color: #dc5fff;
  border-left-color: #dc5fff;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

/* application */

/* .bearing-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.bearing-content {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(calc(100% - 60px));
  transition: transform 0.5s ease-in-out;
  will-change: transform;
  z-index: 2;
}
.bearing-card:hover .bearing-content {
  transform: translateY(0);
} 
.bearing-content p {
  margin-top: 10px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out 0.2s;
}
.bearing-card:hover .bearing-content p {
  opacity: 1;
}
.bearing-card:hover .bearing-content p {
  opacity: 1;
} */

.a_6k_application .elementor-flip-box__back .elementor-flip-box__layer__title {
  text-decoration: underline;
  text-decoration-color: #fff;
  text-underline-offset: 8px;
  text-decoration-thickness: 1px;
}

/* ----------------------------------------------------------- 6k series page end --------------------------------------------------------------- -------- */

/*-------------------------- product page ----------------------------------------------- */


/* application */

.a_application .elementor-flip-box__back .elementor-flip-box__layer__title {
  text-decoration: underline;
  text-decoration-color: #222529;
  text-underline-offset: 8px;
  text-decoration-thickness: 1px;
}

/* advantages */

.a_benefits::before {
  top: 0;
  left: 0;
}
.a_benefits::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 1px solid transparent;
  border-radius: 15px;
}
.a_benefits:hover::before{
  width: 100%;
  height: 100%;
}
.a_benefits:hover::before {
  border-top-color: #293991;
  border-right-color: #293991;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}


.a_benefits::after {
  bottom: 0;
  right: 0;
}
.a_benefits::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 1px solid transparent;
  border-radius: 15px;
}
.a_benefits:hover::after {
  width: 100%;
  height: 100%;
}
.a_benefits:hover::after {
  border-bottom-color: #293991;
  border-left-color: #293991;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}


/* ------------------------- product page end --------------------------------------------------- */

/* blog */

.widget .widget-title { color: #fff !important; }

.post-item-small h5 a { 
	color:#fff;
	font-size:18px;
	line-height:28px;
}

.post-item-small .post-date {
  color: #FFFFFFB3 !important;
}

.widget_categories > ul li {
  color: #FFFFFFB3 !important;	
}

#searchform #s { border-radius: 20px 0px 0px 20px; }

.widget_search .btn-dark { border-radius: 0px 20px 20px 0px; }

.posts-grid .grid-box, .post-grid .grid-box { 
	border-radius:15px;
	background:#fff;
	box-shadow: 0 0 50px rgba(0,0,0,.07);
  	padding: 1.5rem 1.2rem;
}

.owl-carousel .owl-item img { 
	border-radius:15px;
	margin-bottom: 15px;
}

article.post .btn-readmore { color: #293991 !important; }

.meta-author, .meta-comments { display:none !important; }


/* Chart */
	
.chart-sec .ue-chart-title { text-align: center; font-size:16px !important; font-weight:600 !important;   }

/* verticals*/
	
.a_verrticals_steel::before {
  top: 0;
  left: 0;
}
.a_verrticals_steel::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 1px solid transparent;
  border-radius: 15px;
}
.a_verrticals_steel:hover::before{
  width: 100%;
  height: 100%;
}
.a_verrticals_steel:hover::before {
  border-top-color: #293991;
  border-right-color: #293991;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}


.a_verrticals_steel::after {
  bottom: 0;
  right: 0;
}
.a_verrticals_steel::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 1px solid transparent;
  border-radius: 15px;
}
.a_verrticals_steel:hover::after {
  width: 100%;
  height: 100%;
}
.a_verrticals_steel:hover::after {
  border-bottom-color: #293991;
  border-left-color: #293991;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
	
/*	client page */

.a_flags .ue_marquee_title { position: inherit !important; }
	
/* News & Events */
.news-events-content p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
	
/* Blog	 */

.toco_blog_card .elementor-posts .elementor-post__text {
  justify-content: space-between;
}