@charset "UTF-8";

/* Global Custom Style */
.fs-18{font-size: 18px;}
.lh-1{line-height: 1.2;}
    .mt-30 {
        margin-top: 2.3rem;
    }
.blue-bold{
	    color: #0c72ba;
    font-weight: 600;
}
.mt-7{
	margin-top: 7rem;
}
.header-left{}
.header-left .logo{width:35%;}
.header-main{position:relative;}
.header-main::before {
    content: "";
    background: #3a3a3a;
    width: 27%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.page-header.type20.sticky-header .header-main{background: #3a3a3a;}
.page-footer{
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.43);
box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.43);
margin-top:1.5rem;
}
.page-footer .contact-details{
	display:flex;
}
.page-footer .share-links ul{
	display:flex;
}
.footer-middle .widget_media_image img {    max-width: 100%;}
.f-right .custom-html-widget{display:flex;}
.footer .contact-details li a{ color:#c5c5c5; font-weight:600; font-size: 17px;}
.footer .contact-details li{padding-left:1rem; font-size: 17px; color:#c5c5c5; font-weight:600;}
.footer .contact-info.contact-info-block{margin-top: 11px;}
.f-right .icons{width: 35px;
    margin-right: 4px;}
.header-left a{    color: #3a3a3a;}
.header-right .header.links li:nth-child(4) a{
	background: #0c72ba;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    height: 31px;
    display: inline-block;
    padding: .4rem 1.8rem !important;
    line-height: 18px;
}
.share-links a{
   text-indent: 0;
}
.footer .follow-us .share-links a{border:none;}
.search-block{
	 background-image: url(../images/repeat-bg.jpg);
   background-size: 100% 390px !important;
   padding:3rem 0;
}
.follow-us .share-links li img{
	width:34px;
}
.footer .follow-us .share-links {
	    margin-top: 22px;
}
.footer-middle > .container::after{
	 margin-top: 0;
}
.third-home-section{
position: relative;
margin:1.2rem 0;
height: 400px;
 background-image: url(https://www.dad.wlz.mybluehost.me/media/wysiwyg/simple-white-background-with-smooth-lines-light-colors.png); 
}
.third-home-section::before {
 background-image: url(../images/TTCOBuildingWEB.jpg);
background-size:cover;
}
.scroll-container {
  width: 100%;
  height: 310px;
  overflow-y: auto;
}

/* Scrollbar styles for WebKit browsers */
.scroll-container::-webkit-scrollbar {
  width: 6px;
}

.scroll-container::-webkit-scrollbar-track {
  background: transparent; /* Track color */
}

.scroll-container::-webkit-scrollbar-thumb {
  background: #bababa; /* Handle color */
  border-radius: 10px; /* Border radius */
  opacity: 0; /* Initially hidden */
  transition: opacity 0.3s; /* Smooth transition */
}

.scroll-container:hover::-webkit-scrollbar-thumb {
  opacity: 1; /* Visible on hover */
}

.scroll-container::-webkit-scrollbar-thumb:hover {
  background: #555; /* Handle color on hover */
}

/* Scrollbar styles for Firefox */
.scroll-container {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent; /* Hide by default */
}

.scroll-container:hover {
  scrollbar-color: #bababa transparent; /* Show thumb on hover */
}

.scroll-container::-moz-scrollbar-thumb {
  border-radius: 10px; /* Border radius */
}

/* Scrollbar styles for IE and Edge */
.scroll-container {
  -ms-overflow-style: none; /* Hides scrollbar arrows */
  overflow-y: auto;
}

/* Hide scrollbar arrows for IE and Edge */
.scroll-container {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* Optional: Hide scrollbar arrows for all browsers */
.scroll-container::-webkit-scrollbar-button {
  display: none;
}

.scroll-container::-moz-scrollbar-button {
  display: none;
}

.scroll-container::-ms-scrollbar-button {
  display: none;
}

.footer-bottom .f-right .widget.widget_custom_html {
        bottom: 14px;
    position: relative;
}
.service-container-block{position:relative;}
.contact-us-bottom{
	    display: flex;
    color: #fff;
    position: absolute;
    top: -74px;
    right: 0;
    background: #0c72ba;
    flex-direction: column;
	    padding: .8rem 2rem;
		    z-index: 10;
}
.cms-porto_home_36 .contact-us-bottom{
	    bottom: 99px;
}
.cms-porto_home_36 .footer{
}
.contact-us-bottom:hover{
	 top: -179px;
}
.contact-us-bottom p{
	margin:0;
}
.suport-block{
	width: 100px;
    height: 100px;
    border-radius: 50px;
    object-fit: cover;
	margin-top:5px;
	display:none;
}
.contact-us-bottom .fs-14{font-size:17px;}
.contact-us-bottom:hover .suport-block{
	display:block;
}
.service-container-block:hover .contact-us-bottom ~ .service-container-block {
  margin-bottom: 9rem;
}
.main-container {
        width: 1225px;
        margin: auto;
    }
.sidebar-content.sticky-active{background:#bebdbd; border:none;}
.cms-img-left{
	width: 64%;
    margin-right: 1rem;
}
.cms-img-right{
	width: 35%;
    margin-left: 1rem;
}
.cms-about-right{
    width: 61%;
    padding: 2rem;
    position: absolute;
    right: 0;
    top: 3rem;
    background-color: rgba(255, 250, 250, 95%);
}
.cms-our-mission-right{
	    padding:0 3rem 0 5rem;
    width: 60%;
}
.cms-our-mission-left{
    width: 38%;
	padding:3rem 0;
}
.cms-our-mission-right ul li{
	    list-style-type: none;
    line-height: 22px;
    position: relative;
    margin-bottom: 14px;
}
.cms-our-mission-right ul li::before {
  content: "";
  position:absolute;
   background-image: url(https://www.dad.wlz.mybluehost.me/media/wysiwyg/9165657_tick_check_icon.png); 
  width: 17px;
    margin-right: 9px;
    height: 17px;
    background-size: 17px;
    top: 4px;
    left: -28px;
}
}
.cms-our-mission-right ul{
	padding:0;
}

.cms-our-mission-right h2 {
        font-size: 37px;
    line-height: 1.1;
    margin-bottom: 8px;
}
.cms-our-mission-right h2 b{font-size: 50px;}
.cms-icon-about{
		width: 20px;
    margin-right: 9px;
	}
.notable-eventlist {
    background: rgba(12, 114, 186, 0.8);
    color: #fff;
    padding: 3rem;
    width: 58%;
    position: absolute;
    bottom:8px;
    left: 0;
}
.notable-eventlist h2, .inception-box h2{
	margin: -4px 0 8px 0;
	color:#fff;
}
.cms-imgright {
    width: 54%;
    margin-left: 1rem;
}
.inception-box{
	background-image: url(../images/In-Line_Encoders.jpg);
    color: #fff;
    background-size: cover;
	position: relative;
}
.inception-box::before {
  content: "";
  position:absolute;
      background: rgba(12, 114, 186, 0.8);
  width:100%;
      height: 100%;
    top: 0;
    left: 0;
  }
.inception-box .inception-left{ padding: 3rem;
    z-index: 1;
    position: relative;}
.find-us h2{
	font-size: 43px;
	margin: 0 0 17px 0;
}
.find-us p{
	font-size:20px;
}
.tech-suport-list{
}
.suport-box{
	    width: 22%;
    text-align: center;
    color: #3a3a3a;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 1.2;
    border: 4px solid #c5c5c5;
}
.suport-box:hover{
	background:#eeeeee;
	border: 4px solid #0c72ba;
	color:#3a3a3a !important;
}
.hvr-grow {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.subscrib-block{
	border-top:solid 1px #c5c5c5;
	border-bottom:solid 1px #c5c5c5;
	padding:1.5rem 0;
	margin:3rem 0;
}
.newsletter-left {margin-right:1rem;}
.newsletter-left h4{
	margin: 0 0 1px 0;
	font-size: 15px;
    line-height: 17px;
    margin: 0 0 1px 0;
    font-weight: 600;
color: #312f30;
}
.newsletter-left p{
	margin: 0;
	font-size: 13px
}
#newsletter-validate-detail .blue-small-btn{
	border-radius:0;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
#newsletter{
	    width: 300px;
		 height: 38px;
}
.contact-suport {
	line-height: 23px;
    margin: 0 0 1px 0;
    font-weight: 600;
    font-size: 15px;
    
}
.contact-suport a{color: #fff;
}
.contact-suport i{color: #fff;}
.contact-suport i {
    color: #fff;
    margin-right: 2px;
    font-size: 19px;
    position: relative;
    top: 2px;
}
a.suport-box:visited{
	color:#3a3a3a;
}
.business-hr{
	  background-image: url(../images/repeat-bg.jpg);
    background-size: 100% 441px !important;
    padding: 2em;
    background-repeat: repeat-x;
	
}
.business-hr h2{
	margin-bottom:5px;
	font-size:20px;
}
.announcement{width:70%;}
.announcement-box{
        padding: 1.4rem 2rem;
    background: #0c72ba;
    color: #fff;}
.announcement-box h2{    margin-bottom: 5px;
    font-size: 22px;
    line-height: 22px; color:#fff;}
.announcement-box p{line-height: 23px;}
.navigation ul#nav-custom-menu{
	border-bottom:none;
}
.top-menu-header #nav-custom-menu ul.menus{
	background:#fff;
	    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
}
.top-menu-header #nav-custom-menu ul.menus ul{
	background:#fff;
	    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
}
.top-menu-header #nav-custom-menu ul.menus li.has-sub1-menu a{color:#312f30}
.top-menu-header #nav-custom-menu ul.menus li.has-sub1-menu{background:transparent;}
.top-menu-header #nav-custom-menu ul.menus li.has-sub1-menu a:hover {color:#0c72ba;}
.top-menu-header #nav-custom-menu ul.menus a:hover{background:transparent;}
.top-menu-header #nav-custom-menu ul.menus li:hover > a{
  background:transparent;
  color:#0c72ba;
}

#nav-custom-menu a.prett::after
.top-menu-header #nav-custom-menu ul.menus .sub1-menu, .top-menu-header #nav-custom-menu ul.menus .sub2-menu, .top-menu-header #nav-custom-menu ul.menus .sub3-menu, .top-menu-header #nav-custom-menu ul.menus .sub4-menu{background:#fff;}
.top-menu-header #nav-custom-menu ul.menus .sub1-menu li, .top-menu-header #nav-custom-menu ul.menus .sub2-menu li, .top-menu-header #nav-custom-menu ul.menus .sub3-menu li, .top-menu-header #nav-custom-menu ul.menus .sub4-menu li {background:#fff;}
.top-menu-header #nav-custom-menu ul.menus a{line-height: 36px;
    font-size: 15px;}
.top-menu-header #nav-custom-menu ul.menus ul {
	height:auto;
}
.top-menu-header #nav-custom-menu .has-sub1-menu a.level-top::after {
    top:10px;
}
.top-menu-header #nav-custom-menu a.level-top::after {
    top: 57px;
}

#nav-custom-menu li{    text-decoration: none;}

.top-menu-header #nav-custom-menu ul.menus a.prett:hover::after {
	  background-image: url(../images/right-arrow-tik-hover.svg);  
}
.top-menu-header #nav-custom-menu ul.menus a.prett::after{
	  background-image: url(../images/right-arrow-tik.svg);
	    transform: rotate(0deg);
}
.top-menu-header #nav-custom-menu a.prett::after {
	  
background-image: url(../images/right-arrow-white-tik.svg);
    right: 6px;
    width: 12px;
    height: 12px;
    border: none;
    background-size: 12px;
	 transform: rotate(90deg);
}
.row-full-width-inner{
	box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    width: 100%;
}
.store-landing-page ul{
	left:0;
	top:0;
	padding: 0;
	background: #e4e4e4;
    padding: 1rem;
}
.store-landing-page ul li{
	list-style-type:none;
}

.left-store-fix{
	margin-bottom:1rem;
}
.left-store-fix h4{
	    margin-bottom: 0.2rem;
    font-size: .95rem;
	    font-weight: 600;
}
.left-store-fix .blue-small-btn {
        text-align: center;
        height: 28px;
        padding: .4rem 1rem;
        line-height: 16px;
    }
.store-landing-inner-content{
	max-width: 1140px;
    margin: 0 auto;
}
.shop-land-block .category-block{
	position:relative;
}
.shop-land-block:hover .porto-ultimate-content-box {
    bottom: 0;
}
.shop-land-block .porto-ultimate-content-box {
    position: absolute;
    bottom: -70%;
    background: #dedfdf;
    text-align: center;
    padding: 1rem;
    width: 100%;
    height: 100%;
    transition: bottom 0.5s ease;
}

@media only screen and (min-width: 1200px){
	.header-main::before {

    width: 27%;
	}
}
@media only screen and (min-width: 1400px){
	.header-main::before {
    width: 30%;
}
}
@media only screen and (min-width: 1500px){
	.header-main::before {
    width: 29.7%;
}
}
@media only screen and (min-width: 1600px){
	.header-main::before {
    width: 32%;
}
}

@media only screen and (min-width: 2000px){
	.header-main::before {
    width: 35%;
}
}
@media only screen and (min-width: 2400px){
	.header-main::before {
    width: 39%;
}
}
@media only screen and (min-width: 2500px){
	.header-main::before {
    width: 39%;
}
}
@media only screen and (min-width: 2600px){
	.header-main::before {
    width: 39%;
}
}
@media only screen and (min-width: 2700px){
	.header-main::before {
    width: 39%;
}
}
@media only screen and (min-width: 2800px){
	.header-main::before {
    width: 42.5%;
}
}

@media only screen and (min-width: 2900px){
	.header-main::before {
    width: 42.3%;
}
}
@media only screen and (min-width: 3000px){
	.header-main::before {
    width: 44.3%;
}
}