/* ---- /css/main-facelift.css ---- */ 

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 21, 2022, 10:36:44 AM
    Author     : Waseem
*/

#all_content.uctfs-page {
    padding: 0px !important;
    width: 100% !important;
    font-family: "Proxima Nova", sans-serif !important;

}
.uctfs-body {
    max-width: 1208px;
    margin: auto;
    margin-top:30px;

}
#all_content.uctfs-page a:hover {
    color: inherit;
}
.fs-title {border-bottom: 3px }
#hamlet-shop-bubble {display: none !important;}
.dir_ltr div.toolbox_container {z-index:9999999;}
.delivery_time {color: #1ec4f2;}
#outer_wrapper #inner_wrapper #all_content #footerxxxxxxxxxxxxxxx {display: none;}
/*****************************************************************
Page table:
*****************************************************************/
.empty-tr {display: none;}
#right_block {
   width: 202px !important; 
    margin-left: 20px !important;   
}

.module_home_page table.table_page_content td.left_block_papa {
    display: none;
}
.module_home_page #outer_wrapper #inner_wrapper #all_content #page_content {
    width: 1208px;
}
.module_home_page .uctfs-body {
    max-width: 1208px;
}


.module_catalogue #inner_wrapper #all_content #middle_block #page_content,
.module_catalogue #page_content,
.module_onlinecot #page_content,
.module_profile #page_content,
.module_basket #page_content,
.module_contact #page_content,
.module_register #page_content
{
    width: 786px !important;
    background: #f2f6f9 !important;
    
} 
.module_contact #page_content, 
.module_cms #page_content {
    width: 786px !important;
}


.module_technical #page_content, .page_floating.module_catalogue #inner_wrapper #all_content #middle_block #page_content {
 width: auto !important;
margin-right: -15px;
}
#outer_wrapper #inner_wrapper #all_content .hook_right {
    padding-left: 0px !important;
}


.fs-blue-button {
background-image: none !important;
    background-color: #1DC4F2;
    transition: 0.3s ease-in-out;
    padding: 7px 25px;
    color: #000000 !important;
    text-align: center;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.22222;
    font-weight: 500;
    border: none;
    border-radius: 3px;
    height: auto;
    width: auto; 
}
.fs-blue-button:hover {
    background-color: #4FD9FF;
}
/******************
Page header
******************/
#uctfs-pageheader {
    width: 100% !important;
    
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/skins/hamlet_style/images/general/landing.jpg');
    background-position: center;
    background-size: cover;   

    font-size:15px !important;  
    position:relative;
    padding-bottom: 60px;
}

#uctfs-pageheader-inner {
    max-width: 1208px;
    margin:auto;
}

#uctfs-pageheader .fs_site_header {
    padding-top: 12px;
    margin-left: 0px;
    margin-right: 0px;
    min-height: 100px;
    margin-top: 0px;
    height: auto;
    font-size: inherit;
    font-family: inherit;    
}

#uctfs-pageheader .fs_site_header-inner .uctfs-logo {
    width: 250px;
    display: inline-block;
}
#uctfs-pageheader .fs_site_header-inner .uctfs-logo img {
    width: 100%;
}

#uctfs-pageheader .fs_site_header .links {
    color: rgb(255, 255, 255) !important;
}

#uctfs-pageheader .fs_site_header .links a {
    color: rgb(255, 255, 255) !important; 
    font-size:15px !important;
    font-family: "Proxima Nova", sans-serif;
    margin: 0 10px;
}
#uctfs-pageheader .fs_site_header .links li a {
    color: #333333 !important;
    font-size:12px !important;
}

#uctfs-pageheader .fs_site_header .personal_quick_links {
    font-weight: bold;
    display: inline-block;
    float: right;
    margin-top: 35px;
}
.site_header .language_selector.generic {
    margin: 0 10px;
}


/** MENU **/

#uctfs-pageheader .header_menu {
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.2px;
    border-bottom: 1px solid rgba(67, 73, 79, 0.3);
    font-size: 15px;        
    background: white;
    font-family: "Proxima Nova", sans-serif;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;     
}
#uctfs-pageheader .header_menu > ul {

    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;  

    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: -1px;        
    height:40px;

    display: inline-block !important;
}

#uctfs-pageheader .header_menu > ul li a {
    color: #43494F;
    font-weight: 500;

    height: 100%;     
    line-height:40px;
}
#uctfs-pageheader .header_menu > ul  li.menu_item.level_1 {
    height: 36px;
}

#uctfs-pageheader .header_menu > ul  li.menu_item.level_1:hover {
    border-bottom:4px #1DC4F2 solid;
}
#uctfs-pageheader .header_menu > ul li.level_1[dbid="379"],
#uctfs-pageheader .header_menu > ul li.level_1[dbid="77"],
#uctfs-pageheader .header_menu > ul li.level_1[dbid="78"],
#uctfs-pageheader .header_menu > ul li.level_1[dbid="79"]
{ 
    /*display:none;*/

}








#uctfs-pageheader .uctfs-search_left {

    float: right;
    padding-top: 16px;     
    color: white;
    margin-top: 30px;
    margin-left: 10px;

}
#uctfs-pageheader #search_form_background {
    background: none;
}
#uctfs-pageheader #search_q.search_input {
    border: 1px white dotted !important;
    margin-right: 10px;
    width: 150px;     
    displayxxxxxxx: none;
    color:white;
}
#uctfs-pageheader .q4-icon_search {
cursor: pointer;
    color: #1dc4f2;
    line-height: 19px;
    font-size: 21px;
    float: right;
}


#uctfs-pageheader h1 {
    text-align: center;
    color: white;
    font-size: 64px;
    font-weight: 600;
}

/******************************************************
Homepage override:
*******************************************************/

.module_home_page .slideshow {
    width: 1208px !important;
    height: auto !important;
}

.module_home_page .homepage_cms {
    max-width: 984px !important;
}


.module_home_page .part_one {
    margin-right: 10px;

}
.module_home_page .products {
    width: 199px;
    height: 155px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 5%);
    margin: 23px 17px;     
    border-width: 0px;
    position: relative;
    overflow:hidden;
}
.module_home_page .products.product-square {
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.33);
    background: #ffffff;
    text-align: left;
    padding: 0px 0px 0px 0px;
    overflow: hidden;   
    height: auto;
    display: block;
    margin: 16px 11px;
    width: 300px;
}
.module_home_page .products.product-square a img {
display: block;
    /* margin: 0 auto 24px auto; */
    max-width: 100%;
    height: auto;
    vertical-align: top;
    margin: 12px auto 12px auto;
    border-radius: var(--plp-thumb-image-radius);
    transition: all 0.25sease -in-out;
max-height: 101px;    
}
.module_home_page .products.product-square h2 {
    position: relative;
    border-top: 1px solid #DCDDDE;
    font-size: 1rem !important;
    display: block !important;
    padding: 12px 6px 12px 12px;
    margin-bottom: 0 !important;
    background: #67add7;
}
.module_home_page .products.product-square:hover img {
    scale: 1.05;
}
.module_home_page .products.product-square h2 a {
    color:white !important;
}
.module_home_page .products.product-square:hover h2 {
    background: white;
}
.module_home_page .products.product-square:hover h2 a{
    color:#67add7 !important;
    text-decoration: none;
}





.module_home_page .products:hover .hover {
    height: 35px;

}
.module_home_page .products:hover label{
    font-weight:500;
color:white;

}

.module_home_page .products a label {
    position: absolute;
    bottom: 0;
    left: 0;
     width: 100%;
    height:35px;
    overflow:hidden;
    padding: 0px;
font-weight:300;
    line-height:35px;
	z-index:34;
}
.module_home_page .products a .hover {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #1dc4f2;
    width: 100%;
    height:0px;
    overflow:hidden;
    padding: 0px;
    transition: 0.3s ease-in-out;
    line-height:35px;
z-index:33;

}
.module_home_page .products a img {
    display: block;
    height: 101px;
    margin-top: 20px;
}
.module_home_page .homepage_right {
    width: 200px;
}
.module_home_page .homepage_main_content a {
    font-family: "Proxima Nova", sans-serif !important;
    color: #004B87 !important;
    font-size: 16px !important;
    margin-bottom: 2px !important;
    font-weight: 500;
}
.module_home_page .products a:hover {
    text-decoration: underline;
}
.user_mini_links {
    font-family: inherit !important;
        width: 202px !important;
        height: auto;
}
.user_mini_links h3 {
    background-color: #1DC4F2;
}
.user_mini_links h3 a {
font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
}
.user_mini_links ul, .user_mini_links {
    background-color: #f2f6f9;
}
.user_mini_links ul a {
    font-size: 14px !important;
}




.top-links {
    margin-left: -25px;
    margin-right: -25px;
}
.top-links .top-link-container {
    width: 100%;  

}

.top-links .top-link {
    flex-basis: 25%;
    margin: 25px;
    height: 136px;
    background-size: 105%;
    transition: 0.3s ease-in-out;
    position: relative;
    padding: 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #43494F;  
}
.top-links .top-link:hover {
    background-size: 133%;
}
.top-links .top-link a {
    color: white !important;
    font-size: 20px !important;
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    padding: 65px 20px 0px 0px;
}
.top-links .top-link a:hover {color: white !important;}




/*****************************************************
LEFT SIDE :
*****************************************************/
/*.left-link {
    background: white;
    padding: 5px;

    margin: 10px 0;
    color: #000000;
    transition: 0.3s ease-in-out;
    font-weight: 500;    
    font-family: "Proxima Nova", sans-serif;
    font-size: 16px;
    font-style: italic;
    border-left: 3px #1DC4F2 solid;
    border-bottom: 1px #f2f6f9 solid;
    border-top: 1px #f2f6f9 solid;

}
.left-link:hover {
    background: #4FD9FF;
}
.left-link:hover a {
    color:white;
}
.left-link .inside_btn_text {
    text-align: right;
    font-style: normal;
    font-size: 12px;     
    margin-top:5px;
}

.left-link .inside_btn_text a span{
    color: #1DC4F2;
}
.left-link .inside_btn_text a:hover {
    color:white;
}*/

#left_block .banner_wrapper {
    display: none;
}
#left_block .component_menu.left {
    font-family: inherit !important;
}
#left_block > img , #left_block .banner_wrapper > img{display: none;}

#left_block .component_menu.left > li > .submenu > .submenu_item {
    background: white;
    border-bottom: 1px #c6c8ca  solid;
    padding: 10px 5px !important;
    border-left: 3px #fff solid;
}
#left_block .component_menu.left > li > .submenu > .submenu_item.active_item {
    border-left: 3px #1DC4F2 solid;  
}
#left_block .component_menu.left > li > .submenu > .submenu_item.active_item a:after {
    font-family: 'q4-icons' !important;
    content: "\e926" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 0;
    color: #1DC4F2;
    
}

#left_block .component_menu.left > li > .submenu > .submenu_item a {
    color: #000000;
    font-weight: 300;
    font-size: 14px; 
    border-left: 3px #fff solid; 
    padding-right: 20px;
}
.component_menu.left ul.submenu.level_3 {display: none;}
#left_block .component_menu.left > li > .submenu > .submenu_item:hover {
    border-left: 3px #1DC4F2 solid;  
}
#left_block .component_menu.left > li > .submenu > .submenu_item:hover a:after {
    font-family: 'q4-icons' !important;
    content: "\e926" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 0;
    color: #1DC4F2;
}
#left_block .component_menu.left .active_item.level_1>.menu_item a ,
#right_block .component_menu.left .active_item.level_1>.menu_item a {
        color: inherit;
    border-bottom: 3px #1dc4f2 solid;
    margin-bottom: 10px;
    font-size: 19px;

}
/*****************************************************
RIGHT SIDE :
*****************************************************/

#login_prompt_form {
    background: #f2f6f9;
    padding: 15px 0px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: auto;
}
#login_prompt_form form label {
    display: block !important;
    margin-bottom:8px;
}
#login_prompt_form img {
    display: none;
}
#login_prompt_form .field {
    display: block !important;
}

#login_prompt_form .field input {
    width: 100% !important;
    background: none;
    background-color: white;   
    font-size: 16px;
    height: 30px;    
    border-radius: 3px;
}

#login_prompt_form .login_button {
    float: right;
    background: #1dc4f2;
    min-width: 50px;
    height: 25px;
}

#login_prompt_form .login_button:before {

}
#login_prompt_form .button.form_action {
    display: block;
position: relative;
    overflow: hidden;      
}


/***********************************
Products
***********************************/

.module_catalogue .group_head{
    font-family : inherit !important;
}
.module_catalogue #main_pics_product {

}
.module_catalogue .product_group {

    width: 33%;
}
.module_catalogue .product_group .decorator {
    width: 187px;
    /*height: 140px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 5%);
    margin: 23px;
    border-width: 0px;
    position: relative;
    overflow: hidden;
    margin-left: 23px !important;
}
.module_catalogue .product_group .decorator:hover {
    box-shadow: 0px 0px 3px 2px rgb(29 196 242);
}
.module_catalogue .group_name_link {
    border-bottom: 3px #1DC4F2 solid;
    padding-left: 0px !important;
    font-family: inherit !important;
}
.module_catalogue .group_list_link {
    color: black !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    font-size: 18px !important;    
}





/**Main catalog page**/
.module_catalogue .all_products {
    overflow: hidden;
    padding: 20px;
}
.module_catalogue .all_products .rows {
    clear: both;
}
.module_catalogue .all_products .products {
width: 23%;
background: white;
    background-color: white;
margin: 1%;
min-height: 306px;
float: left;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
background-color: #fff;
box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 5%);
position: relative;
}
.module_catalogue .all_products .products:hover {
    box-shadow: 0px 0px 3px 2px rgb(29 196 242);
}
.module_catalogue .all_products .products  > a {
    color: #798086;
display: block;
width: 100%;
text-align: left;
margin-left: 12px;    
font-size: 14px;
}
.module_catalogue .all_products .products .product-family {
    margin-bottom: 15px;
}
.module_catalogue .all_products .products .product-family a{
color: black;


}


/******************** Catalog selector **************************/
#product_range_selector .group_list_link {
    border-width: 0px;
}
#product_range_selector #product_form {
    background: #f2f6f9 !important;
}
.product_nameblock_controls table.nameblock_table.vertical th {
    border-bottom: 5px solid #1dc4f2;
}

#product_range_selector #product_form  {
    
}
.product_nameblock_controls table.nameblock_table.vertical td {
    border-width:0px
}

.product_overview .product_drawings {
        padding: 30px 0px 0 30px;
        margin-bottom:30px;
        overflow: hidden;
}
.product_overview #component_image_product_techdraw {
max-width: 220px;
}
#product_form {min-height:1000px;}
.component_technical_library_drawings h4 {
    color: #1ec4f2;
}

.breadcrumbs {
    color: #000;
background-color: inherit;
font-size: 12px;
font-family: inherit;
width: 90%;
padding: 5px 10px 7px;
}
.breadcrumbs .breadcrumb .product_nameblock_controls table.nameblock_table.vertical td{
     border-color: #f2f6f9 !important;
}
.breadcrumbs .breadcrumb .title {
    
}
.breadcrumbs .breadcrumb .title a {
    color: black;
}
.breadcrumbs .separator {
    
}
.breadcrumbs .separator img {
    display: none;
}
.breadcrumbs .separator:before {
font-family: 'q4-icons' !important;
content: "\e926" !important;
color: #1DC4F2;
margin: 0px 5px;
}

.hidden_group, .new_group, .empty_group {
    display: none !important;
}



/********************************************************************************************************
**************************************
*********************      COT MODULE:
**************************************
*********************************************************************************************************/
body.module_onlinecot #page_content h1.breadcrumbs_hamlet_title {
        border-bottom: 3px #1dc4f2 solid;
        margin: 17px 14px 0 14px;
}
body.module_onlinecot #page_content form , 
body.module_onlinecot #page_content > .cms_content_area {
    margin: 30px 30px 200px 30px;
    font-size: 16px !important;
    padding-bottom: 30px;
}
body.module_onlinecot #page_content form #tr_form td {
        font-family: inherit !important;
    font-size: 16px;
}
body.module_onlinecot #page_content form #tr_form td input[type=text] {
    border: 1px solid #DFDFDF !important;
    font-family: inherit !important;
        padding: 5px !important;
    color: #43494F !important;
    font-size: 16px !important;
    min-width: 205px;
}
body.module_onlinecot #page_content > .cms_content_area {
    
}
/********************************************************************************************************
**************************************
*********************       MODULE PROFILE:
**************************************
*********************************************************************************************************/
body.module_profile #page_content {
/*    padding: 10px 20px;*/
}
body.module_profile #page_content h1.breadcrumbs_hamlet_title{
        border-bottom: 3px #1dc4f2 solid;
        margin: 17px 14px 0 14px;     
}
body.module_profile #page_content #login_window{
    
}

/********************************************************************************************************
**************************************
*********************       MODULE CONTACT + REGISTER:
**************************************
*********************************************************************************************************/
body.module_contact #page_content h1.breadcrumbs_hamlet_title,
body.module_register #page_content h1.breadcrumbs_hamlet_title{
        border-bottom: 3px #1dc4f2 solid;
        margin: 17px 14px 0 14px;     
}

.module_contact #page_content .form_builder .text_field .field_name, 
.module_contact #page_content .form_builder .selection_field .field_name, 
.module_contact #page_content .form_builder .password_field .field_name, 
.module_contact #page_content .form_builder .textarea_field .field_name 
{
    
}

.module_contact #page_content .form_builder .field_name,
.module_register #page_content .form_builder .field_name{
    color: black;
    font-weight: 400;  
    font-size: 14px;
}
.module_contact #page_content .form_builder .text_field input,
.module_contact #page_content .form_builder .field select ,
.module_contact #page_content .form_builder .textarea_field textarea,
.module_register #page_content .form_builder .text_field input,
.module_register #page_content .form_builder .field select ,
.module_register #page_content .form_builder .textarea_field textarea
{
    font-size: 16px !important;
    padding: 5px !important;
}
.module_contact #page_content .form_builder .field select ,
.module_register #page_content .form_builder .field select 
{
    width: 260px !important;
}
.module_contact #page_content .form_builder .field,
.module_register #page_content .form_builder .field{
        margin-bottom: 10px;
}
.module_contact .inquiry_form_titles {
    border-top: 1px solid #1ec4f2 !important;
    color: black !important;
}
.module_contact #page_content .form_builder input.send_button,
.module_register #page_content .form_builder input.send_button{
    background: #1ec4f2;
    padding: 10px;
    height: auto;
    min-width: 150px;
}
.module_contact #page_content .form_builder .field.selection_field.field_id_title_container {
    display: none;
}




a:hover, .site_header .language_selector .current_language:hover, .module_catalogue .product_group .description a:hover, .component_menu.left li.menu_item a:hover, .component_menu.left .submenu_item.active_item>a {
    color: #1dc4f2 !important;
}