/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .ui_product_desc{
 	line-height: 1em;
 	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
 .ui-woo-most-viewed .left-box,
 .ui-woo-most-viewed .right-box{
 	width: 50%;
 	float: left;
 	padding: 10px 10px 10px 0;
 } 
 .ui-woo-most-viewed {
 	list-style: none;
 	margin-left: 0;
 }
.ui-woo-most-viewed .ui_product_desc{
	white-space: normal;
	max-height: 10.1em;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.elementor-widget-ui-project-slider img{
	width: 100%;
  	min-height: 250px;
}
.elementor .ui-elementor-image-carousel img{
  max-width: 525px;
  max-height: 725px;
  object-fit: cover;
}

.ui-elementor-image-carousel .content-title{
  color: #3A7E94;
  font-size: 50px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  margin: 0.65em 0;
}
.ui-elementor-image-carousel .content-meta,
.ui-elementor-image-carousel .content-main{
  color: #1C1B1A;

}
.ui-elementor-image-carousel .content-meta{
  font-size: 28px;
  line-height: 34px;
  text-transform: uppercase;
}
.ui-elementor-image-carousel .btn-red{
  color: #fff;
  font-size: 27.5px;
  text-align: center;
  padding: 12px 20px;
  border-radius: 10px;
  background: #B20B14;
  display: inline-block;
  margin: 20px;
}
.ui-elementor-image-carousel .button-wrapper{
  display: flex;
    text-align: center;
    justify-content: space-around;

}
.ui-elementor-image-carousel .content-main{
  font-size: 32px;
  line-height: 38px;
}
@media (min-width: 1030px){
    .elementor .ui-elementor-image-carousel img{
      width: 525px;
      height: 725px;
    }
    .ui-elementor-image-carousel .image-wrapper{
      padding-right: 45px;
    }
    .ui-elementor-image-carousel .content-wrapper{
      padding-left: 45px;
    }
}
.elementor-widget-ui-project-slider .elementor-swiper-button [class*=" eicon-"], 
.elementor-widget-ui-project-slider .elementor-swiper-button [class^=eicon]{
  font-size: 55px;
}
.elementor-widget-ui-project-slider a,
.elementor-widget-ui-product-carousel a {
	display: inline-block;
	background-color: #fff;
	padding: 20px 20px 20px 2px; 
	color: #607D8B;
	width: 50%;
	position: absolute;
	left: 0;
	bottom: 30px;
	line-height: 1.2em;
    font-weight: bold;
}
.elementor-widget-ui-project-slider a {
	padding-left: 30px;
  	bottom: 10%;
}
.elementor-widget-ui-project-slider .swiper-slide,
.elementor-widget-ui-product-carousel .swiper-slide{
	height: auto;
	max-height: 390px;
}
.elementor-widget-ui-product-carousel .swiper-slide img{
  object-fit: cover;
  object-position: 50% 60%;
}
.elementor-widget-ui-product-carousel .swiper-slide{
  max-height: 760px;
}
.elementor-widget-ui-product-carousel .swiper-slide-inner,
.elementor-widget-ui-product-carousel .swiper-slide-image,
.elementor-widget-ui-product-carousel article {
	height:100%;
}
.elementor-widget-ui-product-carousel .swiper-slide img{
	height: 100%;
    width: 100%;
      object-fit: cover;
}
.elementor-widget-ui-product-carousel .swiper-container.ast-col-sm-9 {
	padding: 0;
}
.elementor-widget-ui-product-carousel .ui-elementor-image-carousel-thumb-wrapper img {
	-webkit-filter: grayscale(1);
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: gray;
    /* filter: grayscale(1); */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.elementor-widget-ui-product-carousel .ui-elementor-image-carousel-thumb-wrapper img:hover,
.elementor-widget-ui-product-carousel .ui-elementor-image-carousel-thumb-wrapper .swiper-slide-thumb-active img {
	filter: initial;
	-webkit-filter: initial;
}
@media (min-width: 1200px) {
	.elementor-widget-ui-project-slider .elementor-swiper-button-prev {
        left: -50px;
    }
  .elementor-widget-ui-project-slider .elementor-swiper-button-next {
        right: -50px;
    }
}
.download-list-container {
    width: 100%;
}
.download-list-container .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.download-list-container .item img{
    max-width: 160px;
}
/* The Modal (background) */
.c_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.c_modal .modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.c_modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
      position: relative;
    z-index: 99;
}

.c_modal .close:hover,
.c_modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.td-heading {
    display: none;
}
.list-heading td{
    text-align: center;
    font-weight: bold;
}
.ui-share{
    margin: 0 5px;
}
#send_document_form .form-control {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#send_document_form .form-control .input_field{
    width: 250px;
}
#send_document_form .form-control textarea{
    margin-top: 20px;
}
#send_document_form .form-control [name="email"]{
    margin-left: 20px;
}
.align-center{
    text-align: center;
}
@media (max-width: 757px) {
    table.d-block .list-heading{
        display: none;
    }
    table.d-block tr,
    table.d-block td{
        display: block;
    }
	.td-heading {
        display: block;
    }
}
@media (max-width: 1023px) {
	.download-list-container .list {
        flex-wrap: wrap;
    }
}