/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ICON BOX */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.icon-box .icon-box-img svg, .icon-box .icon-box-img img{padding-top: 0;}
.icon-box .icon-inner{font-size: 0;}
.custom-icon-box{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.custom-icon-box .icon{position: relative;padding-bottom: 100%;background-color: var(--primary-color);}
.custom-icon-box .icon-inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.custom-icon-box img,.custom-icon-box svg{width: auto;}
.custom-icon-box p{margin-bottom: 0;}
@media (min-width: 1200px) and (hover: hover){
    .plain:has(.custom-icon-box) .text strong{-webkit-transition: color .2s;transition: color .2s;}
    .plain:has(.custom-icon-box):hover .text strong{color: var(--primary-color) !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* UX LOGO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.ux-logo-image{-o-object-fit: contain;object-fit: contain;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CATEGORIES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.categories{margin-left: 0 !important;margin-right: 0 !important;border: 1px solid #E8E8E8;-webkit-box-shadow: 0 0 10px rgba(97, 96, 101, 0.1);box-shadow: 0 0 10px rgba(97, 96, 101, 0.1);}
.categories .col{padding-top: 20px;padding-left: 20px;padding-right: 20px;}
.categories .product-category:not(:nth-child(6n+6)){border-right: 1px solid #E8E8E8;}
.categories .box-image{max-width: 232px;}
.categories .header-title{font-size: 1rem;line-height: 1.1875em;letter-spacing: .05em !important;margin: 0;min-height: 2.375em;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.categories .count{display: none;}
@media (max-width: 1366px){
    .categories .header-title{font-size: 14px;}
}
@media (min-width: 550px) and (max-width: 849px){
    .categories .product-category:nth-child(3n+3){border-right: none;}
    .categories .product-category:nth-child(n+4){border-top: 1px solid #E8E8E8;}
}
@media (max-width: 549px){
    .categories .product-category:nth-child(2n+2){border-right: none;}
    .categories .product-category:nth-child(n+2){border-top: 1px solid #E8E8E8;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* PRODUCTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.products.row-small{margin-left: -10px !important;margin-right: -10px !important;}
.products.row-small .col.product-small{padding-bottom: 0 !important;padding-right: 10px !important;padding-left: 10px !important;}
.products .box.product-small{padding: 20px 20px 26px;background-color: #fff;}
.products .box-text{padding-top: 13px;padding-bottom: 0;}
.products .box-text a:not(.button){margin-bottom: 0;margin-top: 0;color: #221D1F;}
.products .product-title{font-weight: 600;font-size: 18px;text-transform: uppercase;margin-top: 0;margin-bottom: 0;}
.products .flickity-page-dots{position: static;margin-top: 40px;}
.products .flickity-prev-next-button{margin-top: -25px !important;}
.products .flickity-prev-next-button.previous{left: -100px;}
.products .flickity-prev-next-button.next{right: -100px;}
@media (min-width: 1200px) and (hover: hover){
    .products .box-image a img{-webkit-transition: .6s;transition: .6s;}
    .products .box-image a:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
}
@media (max-width: 1890px){
    .products .flickity-prev-next-button{display: none;}
}
@media (max-width: 1366px){
    .products .product-title{font-size: 14px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* PRODUCT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.product-footer{padding-bottom: 100px;}
.product-footer .tab-panels{padding-top: 0;}
.product-footer .woocommerce-tabs{border: none;padding: 0;}
.specifications table{margin-bottom: 0;border-collapse: collapse;border: 1px solid #EDEDED;table-layout: fixed;}
.specifications table+table{margin-top: 40px;}
.specifications th{background-color: var(--primary-color);color: #fff;text-align: center;font-size: 19px;padding: 21px 0;}
.specifications th,.product-footer td{border: 1px solid #EDEDED;}
.specifications th{border-color: var(--primary-color);border-bottom-color: #EDEDED;}
.specifications td{font-size: 19px;padding: 15px 29px;line-height: 1.7;border: none;}
.specifications td+td{border: none;box-shadow: -1px 0 0 #EDEDED;}
.specifications>table>tbody>tr:nth-child(even) td{background-color: #F5F5F5;}
.specifications table table{width: calc(100% + 59px);margin: -15px -29px;border: none;}
.specifications table table tr+tr td{border-top: 1px solid #EDEDED;}
.product-tabs{display: none;}
@media (min-width: 1200px) and (hover: hover){
    .product_meta .posted_in a:hover{color: #221D1F;}
}
@media (max-width: 1366px){
    .specifications td{font-size: 17px;line-height: 1.5;}
}
@media (max-width: 849px){
    .product-footer{padding-bottom: 70px;}
    .specifications table+table{margin-top: 30px;}
    .specifications td{font-size: 15px;line-height: 1.4;padding-left: 10px;padding-right: 10px;}
    .specifications table table{width: calc(100% + 20px);margin-left: -10px;margin-right: -10px;}
}
@media (max-width: 549px){
    .product-footer{padding-bottom: 50px;}
    .specifications table+table{margin-top: 20px;}
    .specifications th,.product-footer td{font-size: 15px;}
    .specifications th{padding: 15px 0;}
    .specifications td{font-size: 13px;padding-top: 10px;padding-bottom: 10px;}
    .specifications>table>tbody>tr>td{min-height: 0;}
    .specifications table table{margin-top: -10px;margin-bottom: -10px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MEDIA */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.media-row .video{margin-bottom: 10px;}
.media-row .box-image{border: 1px solid var(--primary-color);}
.media-row.align-equal .col-inner,.media-row.align-equal .box,.media-row.align-equal .box-text,.media-row.align-equal .box-text-inner{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.media-row.align-equal .box-image,.media-row.align-equal .video{width: 100%;}
.media-row.align-equal .button{margin-top: auto;}
.media-row.align-equal .media-title{margin-bottom: 10px;}
.media-title>*{margin-bottom: 0;line-height: 1.2;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MARKETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.markets.align-equal .box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.markets.align-equal .box-image{width: 100%;}
.markets.align-equal .box-text-inner{height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.markets.align-equal .box-text{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.markets.align-equal .box-text p{margin-bottom: 1.2em;}
.markets.align-equal .box-text .button{margin-top: auto;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.footer-logo .ux-logo-link{padding: 0 !important;}
.footer-wrapper .social-icons .button.icon{min-width: 57px;line-height: 57px;border-radius: 0 !important;margin: 0 5px 0 0;background-color: #fff !important;border: none;}
.footer-wrapper .social-icons .button.icon:not(.is-outline)>i{color: var(--primary-color) !important;}
.footer-wrapper .icon-box .icon{background-color: #fff;}
.footer-wrapper .icon-box-text p{margin-bottom: 0;}
.footer-wrapper .box-image img{width: auto;}
.footer-wrapper .box-text-inner .text{font-weight: 500;}
.footer-wrapper .box-text-inner .text a{color: var(--primary-color);text-decoration: underline;}
.absolute-footer{padding: 20px 0;font-size: 1rem;color: rgba(0, 0, 0, 0.7);}
.absolute-footer a{color: inherit;}
.footer-secondary{padding: 0;}
@media (min-width: 1200px) and (hover: hover){
    .footer-wrapper .social-icons .button.icon:not(.is-outline)>i,.footer-wrapper .box-text-inner .text a{-webkit-transition: .2s;transition: .2s;}
    .footer-wrapper .social-icons .button.icon:hover{-webkit-box-shadow: none;box-shadow: none;background-color: var(--primary-color) !important;}
    .footer-wrapper .social-icons .button.icon:not(.is-outline):hover>i{color: #fff !important;}
    .footer-wrapper .box-text-inner .text a:hover{-webkit-text-decoration-line: none;-webkit-text-decoration-color: transparent;text-decoration-color: transparent;}
    .absolute-footer a:hover{color: var(--primary-color);}
}
@media (max-width: 849px){
    .footer-logo{display: block;margin-left: auto;margin-right: auto;}
    .footer-wrapper .social-icons{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FORM ELEMENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #fff;opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #fff;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #fff;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #fff;opacity: 1;}
.input{color: #fff !important;border: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;padding: 0 20px !important;border-radius: 0 !important;font-size: 18px !important;margin-bottom: 10px !important;background-color: #196CC0 !important;}
.input.color2{background-color: #F5F5F5 !important;color: #221D1F !important;}
input.color2::-webkit-input-placeholder, textarea.color2::-webkit-input-placeholder{color: #221D1F;}
input.color2:-moz-placeholder, textarea.color2:-moz-placeholder{color: #221D1F;}
input.color2::-moz-placeholder, textarea.color2::-moz-placeholder{color: #221D1F;}
input.color2:-ms-input-placeholder, textarea.color2:-ms-input-placeholder{color: #221D1F;}
.input:not(textarea){height: 56px !important;}
.input:focus{border-color: rgba(0,0,0,.2) !important;}
select.input{background-image: url("../img/amphenol-canada-chevron-down3.svg");background-size: auto 8px;background-position: right 20px top 50%;}
select.input.color2{background-image: url("../img/amphenol-canada-chevron-down.svg");}
select.input option{font-size: 17px;color: initial;background-color: #fff;}
select.input.color2 option{color: #221D1F;}
textarea.input{min-height: 100px;resize: vertical;padding-top: 15px !important;}
.ux-search-submit{background-color: var(--primary-color) !important;}
.submit-wrapp{position: relative;display: inline-block;vertical-align: top;}
.wpcf7-form .processing::before{display: none;}
.wpcf7-form .row-small{margin-left: -5px !important;margin-right: -5px !important;}
.wpcf7-form .row-small .col{padding-left: 5px !important;padding-right: 5px !important;}
.wpcf7-form input[type="submit"]{border: none;margin: 0;padding: 0 1.875em;height: 57px;font-size: 16px;background-color: #fff;color: var(--primary-color);}
.wpcf7-form input[type="submit"].color2{background-color: var(--primary-color);color: #fff;}
.wpcf7-spinner{position: absolute;right: -30px;top: 50%;margin: -12px 0 0 0;}
.wpcf7 .wpcf7-not-valid-tip,.wpcf7 .wpcf7-response-output{border-radius: 0;}
.wpcf7 form{margin-bottom: 0;}
.wpcf7 form .wpcf7-response-output{border-width: 1px;margin-left: 0;margin-right: 0;font-size: 1rem;}
.wpcf7-not-valid-tip{font-size: 13px;}
@media (min-width: 1200px) and (hover: hover){
    .wpcf7-form input[type="submit"]:hover{background-color: #221D1F;color: #fff;-webkit-box-shadow: none;box-shadow: none;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ANIMATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes trin{from{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{-webkit-transform: rotate3d(0,0,1,15deg);transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{-webkit-transform: rotate3d(0,0,1,-15deg);transform: rotate3d(0,0,1,-15deg);}80%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}}
@keyframes trin{from{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{-webkit-transform: rotate3d(0,0,1,15deg);transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{-webkit-transform: rotate3d(0,0,1,-15deg);transform: rotate3d(0,0,1,-15deg);}80%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}}