.owl-carousel.show-dots-hover:hover .owl-dots {
  opacity: 0;
}
@media (min-width: 768px) {
	.col-md-5-1 {
		flex: 0 0 auto;
		width: 20%;
	}
	
}

@media (min-width: 992px) {
  #header nav > ul > li > a.dropdown-toggle::after {
    display: inline-block;
    font-family: 'Font Awesome 6 Free';
    content: "\f078";
    font-weight: 900;
    border:0;
    width: auto;
    height: auto;
    margin:0;
    padding:0 0 0 4px;
    font-size: 0.6rem;
  }
}


.no-padding{ padding:0 !important}
.no-padding-lr{ padding-left: 0 !important; padding-right: 0 !important}
.no-padding-tb{ padding-top: 0 !important; padding-bottom: 0 !important}
.no-padding-top{ padding-top:0 !important}
.no-padding-bottom{ padding-bottom:0 !important}
.no-padding-left{ padding-left:0 !important}
.no-padding-right{ padding-right:0 !important}

/* ===================================
    Architecture demo
====================================== */

.architecture-title {min-height: 580px;}
.architecture-title-number { letter-spacing: -5px; line-height: 74px !important; margin: 0; padding: 0; right: -7px; top:16%}
.architecture-section{padding: 110px 90px 0}
.architecture-section h2 {margin-top: 30px;}
.architecture-bio:hover .architecture-details {opacity: 1; bottom: 50px}
.architecture-details {position: absolute; opacity: 0; bottom: -250px; transition: all 400ms ease-out 0s; width: 60%; left: 0; right: 0; background: rgba(227,29,59,.9) }
.architecture-bio:hover .architecture-img img {transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;  -webkit-filter: grayscale(1); filter: grayscale(1);}
.architecture-img img {transition: all 400ms ease-out 0s; position: relative; bottom: 0}

/* ===================================
    Background image
====================================== */

.parallax-fix{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; background-attachment: fixed !important }
.fix-background{ position: relative;  background-size: cover !important; -webkit-animation-duration: 0s;  -webkit-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important}
.cover-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center !important; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit !important}
.background-attachment-inherit {background-attachment: inherit !important}
.background-position-left {background-position: left center !important;}
.background-position-right {background-position: right center !important;}
.background-position-top {background-position: right top !important;}


/* different text size */
.text-extra-small { font-size:10px !important; line-height:15px!important;}
.text-small { font-size:11px !important; line-height:20px!important; display: inline-block !important}
.text-medium{ font-size:14px !important; line-height:24px !important;}
.text-large { font-size: 15px !important; line-height: 22px !important; }
.text-extra-large { font-size: 18px !important; line-height: 27px !important;  }
.title-small{ font-size:20px !important; line-height:30px !important;}
.title-medium{ font-size:24px !important; line-height:36px !important;}
.title-large{ font-size:28px !important; line-height:34px !important;}
.title-extra-large{ font-size:35px !important; line-height:37px !important;}
.title-extra-large-2{ font-size:45px !important; line-height:45px !important;}
.title-extra-large-3{ font-size:50px !important; line-height:50px !important;}
.title-extra-large-4{ font-size:70px !important; line-height:70px !important;}
.title-extra-large-5{ font-size:80px !important; line-height:50px !important;}
.title-big { font-size: 100px !important; line-height:100px !important;}
.title-big2 { font-size: 125px !important; line-height:125px !important;}
.title-big3 { font-size: 150px !important; line-height:150px !important;}

/* font family */
.alt-font {font-family: 'Montserrat', sans-serif !important;}
.main-font {font-family: 'Roboto', sans-serif !important;}

/* font weight */
.font-weight-100 { font-weight:100 !important}
.font-weight-400 { font-weight:400 !important}
.font-weight-600 { font-weight:600 !important}
.font-weight-700 { font-weight:700 !important}
.font-weight-800 { font-weight:800 !important}

.bg-crimson-red {
  background: #e31d3b !important;
}

/* different text size */
.text-extra-small { font-size:10px !important; line-height:15px!important;}
.text-small { font-size:11px !important; line-height:20px!important; display: inline-block !important}
.text-medium{ font-size:14px !important; line-height:24px !important;}
.text-large { font-size: 15px !important; line-height: 22px !important; }
.text-extra-large { font-size: 18px !important; line-height: 27px !important;  }
.title-small{ font-size:20px !important; line-height:30px !important;}
.title-medium{ font-size:24px !important; line-height:28px !important;}
.title-large{ font-size:28px !important; line-height:34px !important;}
.title-extra-large{ font-size:35px !important; line-height:37px !important;}
.title-extra-large-2{ font-size:45px !important; line-height:45px !important;}
.title-extra-large-3{ font-size:50px !important; line-height:50px !important;}
.title-extra-large-4{ font-size:70px !important; line-height:70px !important;}
.title-extra-large-5{ font-size:80px !important; line-height:50px !important;}
.title-big { font-size: 100px !important; line-height:100px !important;}
.title-big2 { font-size: 125px !important; line-height:125px !important;}
.title-big3 { font-size: 150px !important; line-height:150px !important;}


.thumb-info {

  border-radius: 12px;
box-shadow:0px 10px 15px -3px rgba(0,0,0,.3);
}

.thumb-info.thumb-info-show-image-hover2:hover img {
  opacity: .5;
}
.thumb-info.thumb-info-show-image-hover2 img {
  opacity: 1;
}


#latest-blog  .thumb-info .thumb-info-wrapper::after, #latest-blog  .thumb-info .thumb-info-wrapper .thumb-info-wrapper-overlay::before {
  background: rgba(255, 255, 255, .5) !important;
}

.pt-btn-border {
	border:1px solid #081f2c;
	padding:13px 24px;
	border-radius:4px;
}


/* ===================================
    Quote
====================================== */

/* quote - style 1 */
.quote-style1:before { content: "“"; display: block; position: absolute; font-size: 200px; left: 0; top: 64px; color: #ef106e}
.quote-style1 {padding-left: 70px; display: block}

/* quote - style 2 */
.quote-style2:before { content: "“"; display: block; position: absolute; font-size: 200px; left: -5px; top: 64px; color: #fff}
.quote-style2 {display: block; padding-top: 95px;}


/* text color */
.white-text{ color:#FFF !important}
.magenta-text{ color:#d94378 !important}
.orange-text{ color:#ff513b !important}
.deep-orange-text{ color:#d66e4a !important}
.deep-red-text{ color:#e75e50 !important}
.black-text{ color:#000 !important}
.yellow-text{ color:#fdd947 !important}
.fast-yellow-text{ color:#fdd947 !important}
.deep-red-text{ color:#b30000 !important}
.medium-gray-text{ color: #929292 !important}
.light-gray-text{ color: #ababab !important}
.light-gray-text2{ color: #c5c5c5 !important}
.deep-gray-text { color: #404040 !important; }
.deep-light-gray-text { color: #878787 !important; }
.gray-text {  color:#626262 !important}
.dark-gray-text { color:#373737 !important}
.brown-text {color: #614c45 !important}
.deep-yellow-text {color: #c8a64b !important}
.dark-blue-text {color: #1e2126 !important}
.fast-pink-text { color:#ff1a56 !important}
.fast-pink-text-dark { color:#ef106e !important}
.transparent-blue-text{ color: rgba(0,239,255,.5) !important}
.transparent-green-text{ color: rgba(0,255,151,.5) !important}
.fast-green-text{ color: #85eea5 !important}
.crimson-red-text { color: #e31d3b !important}
.deep-green-text { color: #1acd7b !important; }
.deep-green-dark2-text{color: #6ad5a7 !important;}
.deep-blue-text { color: #2283d4 !important; }
.turquoise-blue-text {color: #85d4c0 !important;}
.deep-pink-dark-text { color:#e15276 !important}
a.light-gray-text:hover { color: #7f7f7f !important}

.owl-carousel .owl-nav button.owl-prev:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 8px;
    font-size: 0.5rem;
    content: "\f053";
    position: relative;
    left: -1px;
    top: -1px;
}

.owl-carousel .owl-nav button.owl-next:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 8px;
    font-size: 0.5rem;
    content: "\f054";
    position: relative;
    left: 1px;
    top: -1px;
}

.porto-big-title {
    letter-spacing: -2px;
	
}



.overlay::before {
  background: linear-gradient(0deg,rgba(0,0,0,.2) 0%, rgba(0,0,0,.8) 100%) !important;
 opacity:0.8 !important;
}


.page-header.overlay::before {
  background: linear-gradient(0deg,rgba(0,0,0,.2) 0%, rgba(0,0,0,.8) 100%) !important;
 opacity:0.1 !important;
}


#add-about{
	background-image: url('../img/wave-01.jpg');
	background-position: bottom left;
  background-repeat: no-repeat;
  /*background-size: cover;*/
  /*background-attachment: fixed;*/
}

#ourWork {
	
	background-image: url('../img/pattern-05.png');
	background-image: url('../img/pattern-06.png');
	
	background-position: left 150px;
  background-repeat: no-repeat;
  /*background-size: cover;*/
  background-attachment: fixed;
  background-color:#212529;
}

#header.header-effect-shrink .header-container {
  min-height: 75px;
}

.sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body {
  background: #070A29;
  background: rgba(3,10,41,0.4);
  background: rgba(32,32,32,0.5);
}

.bg-gradient-purple {
	
	background-color:#6b39f4 !important;
  background-image: linear-gradient(to right,#6b39f4 0%,#9e17f1 100%) !important;
}

/*FROM MARKETING NEW*/


.btn-modern {
		padding: 17.6px 35.2px;
		padding: 1.1rem 2.2rem;
}



.custom-font-1 {
		font-size: clamp(28px, 6.6666666667px + 0.0444444444 * 100vw, 60px);
		line-height: 1.1;
		font-weight: 400;
		text-transform: none;
}

.custom-font-2 {
		font-size: clamp(28px, 14.6666666667px + 0.0277777778 * 100vw, 48px);
		line-height: 1.1;
		font-weight: 400;
		text-transform: none;
}

/* Colors */
.custom-bg-color-1 {
		background: #f7f7FF !important;
}

.custom-border-color-1 {
		border-color: #e7e7e7 !important;
}

/* Border Radius */
.custom-border-radius-1 {
		border-radius: 10px !important;
}

/* Custom Section */
.custom-section-1 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
}

.custom-section-1 .custom-section-1-box {
		position: relative;
		margin-bottom: -80px;
		min-height: 70vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
}

.custom-section-1 .custom-section-1-box:before {
		content: "";
		background-color: rgba(255, 255, 255, 0.1) !important;
		border-radius: 10px;
		width: calc(100% + 40px);
		height: calc(100% + 40px);
		position: absolute;
		z-index: -;
}

/* Highlight */
.custom-word-highlight-1 img {
		width: auto;
		max-width: 100%;
		position: absolute;
		left: 10%;
		margin-top: 20%;
}


/*Transportation ABOUT*/

.custom-vr-1 {
  width: 6px;
  height: 70px;
}

.section-intro {
  min-height: 400px;
}

.custom-drop-caps .custom-drop-caps-number {
  font-weight:700;
  float:left;
  font-size:90px;
  line-height:90px;
  padding:0;
  margin-right:15px;
  margin-top:0
}
/* END */

/*LAW - CONSTRUCTION WHY CHOOSE US*/
.pbmit-bg-color-secondary {
  background-color: #081e2a !important;
}

.custom-img-about {
  right: 0px;
  top: 12%;
}

.custom-img {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 50px;
  border-radius: 1%;
}

.max-w-90 {
  max-width: 90%;
}

@media (max-width: 991px) {
  .custom-img-about {
    max-width: 45%;
  }
}

#why-choose-us .badge {
	
	font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-style: normal;
  position: relative;
  display: inline-block;
  padding: 2px 15px;
  margin-bottom: 15px;
  border-radius: 30px;
  color: #ff6137;
  border: 1px solid #ff6137;
	
}

.list-group-borderless .list-group-item {
  display: flex;
  font-size: inherit;
  align-items: center;
  padding: 0;
  border: none;    
  margin-bottom: 5px;
  color: #1e2a2a;
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,.2);
  background: transparent;
}

.list-group .pbmit-icon-list-text {
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 0;
  color: #fff;
  transition: color 0.3s;
}

/* END */


/*VIDEO MODAL*/
#video-modal .badge{
	font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-style: normal;
  position: relative;
  display: inline-block;
  padding: 2px 15px;
  margin-bottom: 15px;
  border-radius: 30px;
  color: #ff6137;
  border: 1px solid #ff6137;
	
}

#video-modal .bg-primary {
	Background-color:rgba(255,255,255,0.5) !important;
}


/* END */


/*PROJECT Work Showcase */
.client-company ul {
padding-left:0;
}
.client-company li {
  color: #fff;
  display: flex;
  position: relative;
 font-weight: bold;
  padding-bottom: 10px;
}
.client-company span {
  color: #444444;
  position: absolute;
  left: 16%;
  font-weight: 400;
}

.client-company a i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-top: 0px;
  background-color: #e1e31d;
  background-color: #f26222;
  border-radius: 50%;
  color:#fff;
}

/* END */

/*SERVICES  Architectural Services*/
.services-one {
  padding: 30px;
    padding-top: 30px;
  padding-top: 40px;
  position: relative;
  border: 1px solid #7b7b7b;
  background-size: cover;
  overflow: hidden;
}

.services-one::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.5s ease-in-out;
  background-color: #ffffff;
  width: 800px;
  height: 800px;
  transform: translate(-50%, -50%) scale(2);
  transition: 0.5s ease-in-out;
}

.services-one > i {
  font-size: 48px;
  color: #000;
  position: relative;
  z-index: 111;
  transition: 0.5s ease-in-out;
}

.services-one h4 {
  font-size: 18px;
  color: #000;
  padding-bottom: 0px;
  font-weight: normal;
  position: relative;
  z-index: 11;
  transition: 0.5s ease-in-out;
  margin-top:20px;
}


.services-one a {
  color: #e1e31d;
  font-size: 16px;
  font-size: 16px;
  margin-bottom: -28px;
  display: block;
  opacity: 0;
  transition: 0.5s ease-in-out;
}

.services-one.services-one-orange a{
	color: #f26222;
}

.services-one span {
  color: #444444;
  display: block;
  font-size: 26px;
  font-weight: bold;
  border-top: 1px solid #cbcbcb;
  padding-top: 18px;
  margin-top: 24px;
  line-height: 26px;
  position: relative;
  z-index: 11;
  transition: 0.5s ease-in-out;
}

.services-one::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  background-color: #e1e31d;
  border-radius: 50%;
  left: 10%;
  top: 22px;
  transition: 0.5s ease-in-out;
}

.services-one.services-one-orange::after {

  background-color: #f26222;

}


.services-one a i {
  padding-left: 10px;
}

.services-one:hover::before {
  transform: translate(-50%, -50%) scale(0);
}

.services-one:hover a {
  opacity: 1;
  margin-bottom: 0;
}

.services-one:hover > i {
  color: #ffffff;
}

.services-one:hover h4 {
  color: #ffffff;
}

.services-one:hover::after {
  background-color: #40482f;
}

.services-one:hover span {
  border-top: 1px solid #ffffff;
  color: #ffffff;
}

/* END */

/*ABOUT Cleaning*/

.custom-line {
  display: inline-block;
  width: 50px;
  border-bottom: 3px solid #dbdbdb;
}

.custom-line {
  border-bottom-color: #00a1c4;
}
.customLineAnimation {
  animation-name: customLineAnimation;
}

@keyframes customLineAnimation {
    0% {
        width: 0px;
        opacity: 1;
    }
    100% {
        width: 50px;
        opacity: 1;
    }
}

/* END */


/*ABOUT Arch 2*/
.sunstor-btn.custom-btn-style-1 {
  position: relative;
  border-radius: 0;
  left: 5px;
}

.sunstor-btn.btn-primary {

  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
.custom-btn-style-1::before {
  border-color: #2a2a2a !important;
}
.custom-btn-style-1::before {
  content: '';
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 1px solid #dbdbdb;
  transition: ease all 300ms;
}

.sunstor-btn.btn-primary:hover {

  background-color: #3d3d3d !important;

}

.custom-btn-style-1:hover::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* END */


/*About Us, Our Mission demo-business-consulting-4.html*/
.particle.particle-dots {
  -webkit-mask-image: url(../img/particle-dot.svg);
  mask-image: url(../img/particle-dot.svg);
  z-index: 0;
  -webkit-mask-size: 18px;
}

.custom-element-wrapper.custom-element-9 {
  width: 160px;
  height: 160px;
  top: 5%;
  left: 7%;
}
.custom-element-wrapper {
  position: absolute;
}

.custom-element-wrapper.custom-element-11 {
  display: inline-block;
}

.custom-element-wrapper.custom-element-11::before {
  display: block;
  content: "";
  position: absolute;
  top: 30px;
  left: -30px;
  background: #0052CC !important;
  border-radius: 25px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.custom-element-wrapper.custom-element-11 img {
  border-radius: 25px;
}

.custom-element-wrapper.custom-element-10 {
  width: 160px;
  height: 160px;
  top: 65%;
  right: 10%;
}

#about4 .bg-color-primary {
	background-color: #0052CC !important;
}
/* END */

/*About Us, Our Mission demo-coffee.html*/
.custom-section-halfbar-bg {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 50vw;
  height: 40%;
  border-radius: 10px 0px 0px 10px;
  background: var(--grey-500);
  opacity: 0.1;
  transform: translate3d(0px, -50%, 0px);
}

.custom-section-halfbar-bg {
  background: #ab8b65;
}

.customFadeInRightShorter {
  animation-name:customFadeInRightShorter
}

@keyframes customFadeInRightShorter {
  from {
    opacity:0;
    transform:translate(-50px,-50%)
  }
  to {
    opacity:.1;
    transform:translate(0,-50%)
  }
}
/* END */

/*About Us, Our Mission demo-barber.html*/
.custom-images-position-1 div:nth-child(2) {
  transform:translate3d(-50%,-30%,0)
}
.custom-images-position-1 div:nth-child(3) {
  transform:translate3d(76%,30%,0)
}
.custom-images-position-1 div:nth-child(4) {
  transform:translate3d(-13%,147%,0)
}
.custom-circle-pos-1 {
  top:-170px!important
}
.custom-circle-pos-2 {
  bottom:-210px!important;
  right:-170px!important
}

@media (max-width: 575px) {
  .custom-mobile-scale-1 {
    transform: scale(.6);
  }
}

@keyframes lineProgress {
  from {
    stroke-dashoffset:1550
  }
  to {
    stroke-dashoffset:0
  }
}
.lineProgress {
  animation-name:lineProgress
}
@keyframes lineProgressAndFill {
  0% {
    stroke-dasharray:1440;
    stroke-dashoffset:1440;
    fill-opacity:0
  }
  75% {
    fill-opacity:.5
  }
  90% {
    stroke-dasharray:1440;
    stroke-dashoffset:0;
    fill-opacity:.5
  }
  100% {
    stroke-dasharray:1440;
    stroke-dashoffset:0;
    fill-opacity:1
  }
}
.lineProgressAndFill {
  animation-name:lineProgressAndFill
}

.svg-primary circle {
  stroke: #c29e75;
  fill: #c29e75;
}

/* END */



@-webkit-keyframes toBottomFromTop {
		49% {
				transform: translate3d(0, 100%, 0) scale(1);
		}
		50% {
				opacity: 0;
				transform: translate3d(0, -100%, 0) scale(1);
		}
		51% {
				opacity: 1;
		}
}
@keyframes toBottomFromTop {
		49% {
				transform: translate3d(0, 100%, 0) scale(1);
		}
		50% {
				opacity: 0;
				transform: translate3d(0, -100%, 0) scale(1);
		}
		51% {
				opacity: 1;
		}
}

.custom-btn-effect-1:hover > .animated-icon,
.custom-btn-effect-1:hover > img,
.custom-btn-effect-1:hover > i,
.custom-link-effect-1:hover > .animated-icon,
.custom-link-effect-1:hover > img,
.custom-link-effect-1:hover > i {
		-webkit-animation: toBottomFromTop 0.3s forwards;
						animation: toBottomFromTop 0.3s forwards;
}


.custom-link-hover-effects:hover .custom-view-more svg {
  transform: translate3d(7px, 0, 0);
}
.custom-link-hover-effects .custom-view-more svg {
  transition: ease transform 300ms;
}



#about14 .owl-carousel img, #about16 .owl-carousel img{
 border-radius:12px;	
} 

/* END */


.thumb-info .thumb-info-wrapper::after, .thumb-info .thumb-info-wrapper .thumb-info-wrapper-overlay::before {

  background: rgba(8, 30, 42, 0.4);

}

.thumb-info .thumb-info-wrapper {

  border-radius: 12px;

}

.btn.width-100 {
	width:95% !important;

}

.btn-orange {
	background:#d7d2cb;
	color:#000;
	border-radius:4px;
}

.btn-orange:hover {
	background:#f26222;

}

.text-11px {
	font-size:0.9rem;
}

.custom-bg-color-grey-1 {
  background-color: #f8f9fb;
}

.bg-color-dgrey {
  background-color: #212529;
}


/*
.custom-el-pos-2 {
  margin-top: -73px;
}

.custom-el-pos-1 {
  margin-top: -160px;
}
*/

.overlay08.overlay::before {
  background: linear-gradient(0deg,rgba(0,0,0,1) 0%, rgba(0,0,0,.4) 100%) !important;
 opacity:0.5 !important;
}

.overlay09.overlay::before {
  background: linear-gradient(0deg,rgba(0,0,0,.2) 0%, rgba(0,0,0,.4) 100%) !important;
 opacity:0.9 !important;
}

/* END */




/*Video Embed videoembed.inc.php*/

.featured-box.custom-featured-box-with-video > .custom-featured-box-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
    transition: ease all 300ms;
}

.featured-box.custom-featured-box-with-video > .custom-featured-box-video.active {
    z-index: 3;
}

.featured-box.custom-featured-box-with-video .featured-box-background {
    z-index: 2;
}

.featured-box.custom-featured-box-with-video .featured-box-background.hide {
    opacity: 0;
}

.featured-box.custom-featured-box-with-video .box-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 301px;
    padding: 0;
}

@media (max-width: 1199px) {
    .featured-box.custom-featured-box-with-video .box-content {
        height: 227px;
    }
}

@media (max-width: 991px) {
    .featured-box.custom-featured-box-with-video .box-content {
        height: 386px;
    }
}

@media (max-width: 767px) {
    .featured-box.custom-featured-box-with-video .box-content {
        height: 285px;
    }
}

@media (max-width: 575px) {
    .featured-box.custom-featured-box-with-video .box-content {
        height: 0;
        padding-top: 28%;
        padding-bottom: 28%;
    }
}

.featured-box.custom-featured-box-with-video .box-content.hide {
    opacity: 0;
    z-index: -1;
}

/*END*/

/*products2.inc.php*/

.carousel-item-inner {
  position: relative;
  margin-bottom: 70px;
}

.entry-featured {
	
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 0;
	border-radius: 0;
}



.carousel-item-inner .entry-body .entry-body-inner {
  padding: 18px 25px 14px;
  background-color: #fff;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  transform: translateY(45px);
  transition: all 300ms linear 0s;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 570px;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms linear 0s;
  -khtml-transition: all 300ms linear 0s;
  -moz-transition: all 300ms linear 0s;
  -ms-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.carousel-item-inner .entry-body .entry-body-inner .inner-text {
  margin-right: 30px;
}

.carousel-item-inner .entry-body .entry-title {
  /*font-size: 20px;
  letter-spacing: 0.01em;
  margin-bottom: 3px;
  */

  transition: all 200ms ease 0s;
}

.carousel-item-inner .entry-body .entry-title a{
    color:#000 !important;
}


.carousel-item-inner .entry-body .lq-project-meta {
  font-size: 15px;
  color: #666;
  transition: all 200ms ease 0s;
}

.carousel-item-inner .entry-body .action-buttons {
  margin: 10px 0;
}

.carousel-item-inner .entry-body .action-buttons .bt-more-arrow {
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f26222;
  color: #fff;
  overflow: hidden;
  font-size: 15px;
}

.carousel-item-inner:hover .entry-body-inner .entry-title a, .carousel-item-inner:hover .entry-body-inner .lq-project-meta {
  color: #fff !important;
}

.carousel-item-inner:hover .entry-body-inner {
  background-color: #3d5872;
}

.carousel-item-inner:hover .entry-body-inner .action-buttons .bt-more-arrow {
  background-color: #fff;
  color: #023a51;
}

.carousel-item-inner:hover .entry-featured img {

  opacity: 0.9;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
  
  	
	-webkit-transition: all 300ms linear 0s;
  -khtml-transition: all 300ms linear 0s;
  -moz-transition: all 300ms linear 0s;
  -ms-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

/*END*/

/*products2.inc.php*/

.cms-service-carousel.layout1 .carousel-item-inner {
  margin-bottom: 30px;
  overflow: visible;
  transition: all 300ms linear 0ms;
  position: relative;
}

.cms-service-carousel.layout1 .carousel-item-inner::before {
  content: "";
  display: block;
  height: 10px;
  background-color: #dedede;
  position: absolute;
  bottom: -9px;
  left: 10px;
  right: -1px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 6px 100%);
  -khtml-clip-path: polygon(0 0, 100% 0, 100% 100%, 6px 100%);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 6px 100%);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 6px 100%);
  -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 6px 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 6px 100%);
  transition: all 350ms ease-in-out 0ms;
}

.cms-service-carousel.layout1 .carousel-item-inner .entry-featured {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}


.cms-service-carousel.layout1 .carousel-item-inner .entry-featured .post-image {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  position: relative;
}
.entry-featured .post-image {
  overflow: hidden;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.cms-service-carousel.layout1 .carousel-item-inner .entry-featured .post-image a {
  display: block;
}

.entry-featured .post-image a {
  width: 100%;
}

.cms-service-carousel.layout1 .carousel-item-inner .entry-featured .post-image img {
  -webkit-transition: all 0.4s;
  -khtml-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.cms-service-carousel.layout1 .carousel-item-inner .entry-featured .post-image::after {
  content: "";
  display: block;
  width: 75px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  right: -1px;
  -webkit-clip-path: polygon(12px 0, 75px 0, 75px 15px, 0 15px);
  -khtml-clip-path: polygon(12px 0, 75px 0, 75px 15px, 0 15px);
  -moz-clip-path: polygon(12px 0, 75px 0, 75px 15px, 0 15px);
  -ms-clip-path: polygon(12px 0, 75px 0, 75px 15px, 0 15px);
  -o-clip-path: polygon(12px 0, 75px 0, 75px 15px, 0 15px);
  clip-path: polygon(12px 0, 75px 0, 75px 15px, 0 15px);
}

.cms-service-carousel.layout1 .carousel-item-inner .entry-featured .service-icon-wrap {
  position: absolute;
  top: 15px;
  left: 15px;
  flex: none;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #3d5872;
  overflow: hidden;
}

.cms-service-carousel.layout1 .carousel-item-inner .entry-body {
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 1px solid #dedede;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(222, 222, 222);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(222, 222, 222);
  border-top: none;
  border-right: none;
  padding: 27px 25px 28px;
  transition: all 250ms linear 0ms;
}

.cms-service-carousel.layout1 .carousel-item-inner::after {
  content: "";
  display: block;
  width: 10px;
  background-color: #dedede;
  position: absolute;
  top: 15px;
  bottom: -9px;
  right: -10px;
  -webkit-clip-path: polygon(0 0, 100% 6px, 100% 100%, 0 100%);
  -khtml-clip-path: polygon(0 0, 100% 6px, 100% 100%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 6px, 100% 100%, 0 100%);
  -ms-clip-path: polygon(0 0, 100% 6px, 100% 100%, 0 100%);
  -o-clip-path: polygon(0 0, 100% 6px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 6px, 100% 100%, 0 100%);
  transition: all 350ms ease-in-out 0ms;
}


.cms-service-carousel.layout1 .carousel-item-inner .entry-body .entry-body-inner .entry-title {
  font-size: 20px;
  color: #023a51;
  padding-bottom: 16px;
  margin-bottom: 14px;
  position: relative;
}

.cms-service-carousel.layout1 .carousel-item-inner .entry-body .entry-body-inner .entry-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 65px;
  height: 1px;
  background-color: #3d5872;
  z-index: 1;
}

.cms-service-carousel.layout1 .carousel-item-inner .entry-body .entry-body-inner .entry-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #dedede;
}

.cms-service-carousel.layout1 .carousel-item-inner .entry-content {
  margin-bottom: 3px;
}


.thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item {
    border: 0px solid #f7f7f7;
}

.border-radius-12 {
	border-radius:12px;
}


.bg-lblue {
    background: #e8f3f9;
}

.bg-dblue {
    background: #07072c;
}

section.section{
	/*background: transparent;*/
	
}

.card.card-catalog {
	Background:transparent !important;
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.card.card-catalog:hover {
	transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;
	Background:#fff !important;
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.text-color-green {
	color:#4dbb6d;
}


.headone {
  color: rgb(255, 255, 255);
  align-items: center;
  margin-top: 0px;
  display: flex;
}

.headbullet {
  background-color: rgb(255, 255, 255);
  border-radius: 100px;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

section.section {
  background: #fff;
  
}


.product-item {
    margin-right: -1px;
    margin-bottom: 60px;
    
}

.product-item {
	padding:0 5px;
}
.product-item figure.product-inner p.product-category-listing {
	display:block;
	margin:10px 0 0 0;
	padding:0;
}


.product-item figure.product-inner p.product-category-listing
a {
	color:rgba(0,0,0,0.4);
	font-size:10px;
	line-height:16px;
	font-weight:bold;
	letter-spacing:1px
}

.product-item figure.product-inner p.product-category-listing a:hover {
	color:rgba(0,0,0,0.7)
}

.product-item figure.product-inner h4 {
	margin:5px 0 5px;
	font-size:17px;
	line-height:20px;
	font-weight:400;
}

.product-item figure.product-inner h4
a {
	color:#000
}

.product-item figure.product-inner h4 a:hover {
	color:rgba(0,0,0,0.7)
}

 .product-item:hover {
	z-index:999
}
.product-item figure.product-inner {
	display:block;
	margin:0;
	padding:0px;
	-webkit-box-shadow:0px 0px 0px transparent;
	-moz-box-shadow:0px 0px 0px transparent;
	box-shadow:0px 0px 0px transparent;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	z-index:1;
	height:auto !important;
	background-color:#fff;
	border:1px solid #ebecf0;
	border-radius:3px;
	/*min-height:420px;*/
box-shadow: 0 0 10px #ccc;
}
.product-item figure.product-inner:after {
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0
}

.product-item figure.product-inner:hover {
	background-color:#fff;
	-webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.1);
	box-shadow:0px 0px 40px 0px rgba(0,0,0,0.1);
	-moz-transform:translateY(-4px);
	-o-transform:translateY(-4px);
	-ms-transform:translateY(-4px);
	-webkit-transform:translateY(-4px);
	transform:translateY(-4px);
	z-index:9999;
}

.product-desc {
	padding:20px 20px 20px;
}

.pt100-section-title {
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.4;
}


.pt100-section-title::after {
  background-color: #252525;
  bottom: 0;
  content: "";
  margin-top: 8px;
  margin-bottom: -1px;
  display: block;
  width: 50px;
  height: 3px;
}

.zoomWindow:hover {
  cursor: zoom-in !important;
}

.img-separator {
  background-image: url("../img/item-image-separator.gif");
  background-position: bottom left;
  background-repeat: repeat-x;
  height: 3px;
  width: 100%;
}


.pt100-item {
	background:#f5f5f5;
	/*background:transparent;*/
	border:1px solid #ebecf0;
	padding:0px;
	border-radius:3px;
	
}

.pt100-box-border {
  padding: 0px;
}

.pt100-title {
  margin-bottom: 16px;
  margin-top: 16px;
  padding-left: 10px;
  font-size: 15px;
  letter-spacing: 0em;
  font-weight: 400;
}

.pt100-title a {
  color: #333;
  text-decoration: none;
}

@media (max-width: 991px) {
  #header .header-logo img {
  
    max-width: 200px;
  }
}


.cat-electronic ul{
	list-style-type:none;
	padding-left:0;
	
}

.cat-electronic ul li{
	padding:10px;
	padding-left:15px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}


.text-color-lblue {
  color: #b6bec8;
}

.search-container {
        background-color: white;
        border-radius: 50px;
        box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
        padding: 5px 10px;
        max-width: 500px;
        width: 100%;
        transition: all 0.3s ease;
    }

    .search-container:hover {
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    }

    .form-control.search-input {
        border: none;
        background: transparent;
        padding-left: 20px;
        font-size: 1rem;
        height: 50px;
    }

    .form-control.search-input:focus {
        box-shadow: none;
        outline: none;
    }

    .btn-search {
        background-color: #007bff;
        color: white;
        border-radius: 50px;
        padding: 10px 20px;
        border: none;
        transition: all 0.3s ease;
    }

    .btn-search:hover {
        background-color: #0056b3;
        transform: scale(1.05);
    }

    .search-icon {
        color: #6c757d;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

#st-search {
	border-bottom:1px solid #fff;
}


#events {
	margin-top:-120px !important;
}

.event-card{
color: #262626;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;

  background:transparent;
  border:1px solid rgba(0,0,0,0.1);
  box-sizing: border-box;
  border-radius:10px;
  border-left:10px solid #000;
margin:15px 0 5px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.event-card:hover{
	 background:#fff;
}

.date-box {
display:flex;
  flex-direction:column;


  padding:0;
  position:static;
  width:50px;


  bottom:20%;
  text-align:center;
  flex:none;
  flex-grow:0;
  margin:0 10px
}


.date-box .day {
  position:static;

  height:30px;
  left:20px;
  top:0px;
  font-style:normal;
  font-weight:600;
  font-size:24px;
  line-height:30px;
  text-align:center;
  flex:none;
  order:0;
  flex-grow:0;
  margin:0
}

.date-box .month {
  position:static;
  width:50px;
  height:15px;
  left:0px;
  top:30px;
  font-style:normal;
  font-weight:600;
  font-size:12px;
  line-height:15px;
  text-align:center;
  flex:none;
  order:1;
  align-self:stretch;
  flex-grow:0;
  margin:0
}



html .badge-green {
  background-color: #1BAB1E;
}
/*END*/