@charset "utf-8";
/* CSS Document */

@import url(//db.onlinewebfonts.com/c/0de280340df9c67a5d4e8fb82310b4ad?family=Daimler+CAC);

/*
@font-face {font-family: 'DaimlerCAC'; src: url("//db.onlinewebfonts.com/t/0de280340df9c67a5d4e8fb82310b4ad.eot"); src: url("//db.onlinewebfonts.com/t/0de280340df9c67a5d4e8fb82310b4ad.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0de280340df9c67a5d4e8fb82310b4ad.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0de280340df9c67a5d4e8fb82310b4ad.woff") format("woff"), url("//db.onlinewebfonts.com/t/0de280340df9c67a5d4e8fb82310b4ad.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0de280340df9c67a5d4e8fb82310b4ad.svg#Daimler CAC") format("svg"); }
 */

/* text - Replace custom text */

span.tcoen span, span.tcode span{
	display: none;
    }

span.tcoen:after {
    content: "Return Keys";
    }

span.tcode:after {
content: "Kontakt Eigentuemer";
    }

	/* end text */

/* Remove expire */
.key_button a.expire {
    display: none !important;
}

/**/


/* Generic */
body, a, span, select, .tab, .title, button, .date, .person {
	font-family: 'DaimlerCAC', Arial !important;
	font-weight: normal !important;
}

a {
    color: #009ad5;
}

    /* end Generic */


/* Header */

    /* change - login bar */
    header .login_bar, header .login_bar .login_menu .bloc_top .language div.custom_container div.custom_select label {
        background-color: #222; 
        color: #fff;
    }

    header .login_bar .login_menu .bloc_top a:hover {
        text-decoration: underline;
        color: #fff;
    }

    header .login_bar .login_menu .bloc_top a {
        color: #fff;
		font-family: Arial;
		font-size: 14px;
	}

    /* change - header background color */
    header {
        background-color: #222;
    }


    /* language - drop-down */

    header .login_bar .login_menu .bloc_top .language DIV.custom_container DIV.custom_select SELECT{
        color: #fff;
        padding-left: 5px;
    }

    header .login_bar .login_menu .bloc_top .language:hover DIV.custom_container DIV.custom_select SELECT, header .login_bar .login_menu .bloc_top .language:hover DIV.custom_container DIV.custom_select LABEL {
        color: #fff;
    }

    /* mobile header - menu icon */
    .header_mobile .bt_trigger {
        border: 1px solid rgba(0,0,0,0);
        }

    .header_mobile .bt_trigger .icon-menu {
        color: #fff;
        }
        /* end mobile header - menu icon */

    /* twin logo - dark & light */

    header .logo_bar .logo_wrap img {
        display: none;
        }


    header .logo_bar .logo_wrap:after {
        content: " ";
        background-image: url(http://www.oneclickreturn.com/files/css_image/mini/2021/05/11/hermerkey-logo-w-t-2783.png);
        background-size: cover;
        position: absolute;
        width: 305px;
        top: -45px;
        height: 140px;
        left: 10px;
        padding-left: 5px;
        padding-top: 0px;
        }

    .header_mobile {
        height: 60px;
        background-color: #222;
    }

    .header_mobile .logo_wrap img {
        display: none !important;
    }

    .header_mobile .logo_wrap:after {
        content: " ";
        background-image: url(http://www.oneclickreturn.com/files/css_image/mini/2021/05/11/hermerkey-logo-w-t-2783.png);
        background-size: cover;
        position: absolute;
        width: 198px;
        top: -6px;
        height: 55px;
        left: 10px;
        padding-left: 5px;
        padding-top: 0px;
        } 

        /* end -  twin logo - dark & light */


    /* action bar */

    header .logo_bar .action_bar a {
        color: #00adef;
    }

    header .logo_bar .action_bar a:hover {
        color: #0080B1;
    }

    header .logo_bar .action_bar a.right {
        background-color: #f00;
        color: #fff !important;
        padding: 6px 12px;
        border-radius: 6px;
    }


    /* menu bar */

    header .menu {
        background-color: #222;
        border-bottom: 1px solid #333;
    }

    header .menu nav li a.actif, header .menu nav li a:hover {
        color: #fff;
        background-color: rgba(0,0,0,0.00);
    }

    header .menu nav li a {
        color: #fff;
        font-size: 14px;
    }

    header .menu nav li+li a {
        border-left: 1px solid #222;
    }

/* end Header */


/* activation form */

.slider_wrap .slider .action_mod .tab {
	background-color: rgba(243, 32 ,41 ,0.85); /* change - non active tab bacground color */
    border-radius: 6px 6px 0px 0px;
    width: 50%;
}

.slider_wrap .slider .action_mod .tab:hover, .slider_wrap .slider .action_mod .tab.actif, .slider_wrap .form_wrap {
    background-color: rgb(0 0 0 / 85%);
}

.slider_wrap .slider .action_mod .tab+.tab {
    margin-left: 0px;
}

.form_wrap .activate_form .small_text span, .form_wrap .return_form .small_text span, .form_wrap .report_form .small_text span, .form_wrap .verification_form .small_text span, .form_wrap .voucher_form .small_text span, .form_wrap .buy_form .small_text span {
	color: #fff;
}

INPUT.input, LABEL.input, TEXTAREA.textarea, SELECT.select, DIV.custom_select, DIV.input_display {
    border-radius: 6px;
}

.form_wrap .activate_form .bouton_form, .form_wrap .return_form .bouton_form {
	margin-top: 15px;
}


/* Change - Button color */

BUTTON.bouton_save_form, A.bouton_save_form {
    background-color: #00adef;
	color: #fff;
    border-radius: 6px;
    padding: 0px 18px;
    margin-top: 0px;
}

BUTTON.bouton_save_form:hover, A.bouton_save_form:hover {
    background-color: #0080B1;
	color: #fff;
}



/* slider */

/* change - slider left right icon */
.slider_wrap .slider .navigation .icone:hover {
    color: #00adef;
    border: 1px solid #00adef;
}

.slider_wrap .slider .content_slider .slide .slide_content .slide_purple {
    display: none;
}

.slider_wrap .slider .content_slider .slide .slide_content .slide_text {
    background-color: rgba(0, 0, 0, 0.57);
    padding: 10px;
	border-radius: 6px;
}


/* hide - report loss */

header .logo_bar .action_bar a.bottom, .slider_wrap .slider .action_mod .tab+.tab+.tab {
    display: none;
}

/* rounded video frame */
IFRAME, img {
	border-radius: 10px;
}


/* inner page */

/* banner */
.banner .banner_purple {
	background-color: rgba(0, 0, 0, 0.57);
	}

.banner {
    height: auto;
	}

.banner .banner_wrap .banner_text {
    height: auto;
    }

.banner .banner_wrap .banner_text .text {
    height: auto;
    margin-bottom: 45px;
}



/* content section */

.content_high.row_center {
    margin-top: 5px;
}

/* hide title */

	/* left side */
	.column_left.row_padding_1.col_3 {
		margin-top: -45px;
	}

	.column_left .mod_list .title {
		background-color: rgba(255, 255, 255,.3);
	}

	.column_left .mod_list .plan .title, .column_right .title, .column_full .title {
		display: none;
	}

	.column_left .mod_list .plan {
		margin-top: 45px;
	}


	/* Right side */
	.column_right .key_row {
		margin-top: 0px;
	}

	/* end hide title */


/* Activation page - Left side */

	.column_left .mod_list .plan .plan_term {
		border-radius: 6px;
		font-size: 14px;
		background-color: #e0e0e0;
    	color: #666;
	}

	.column_left .mod_list .plan .plan_info {
    	border-radius: 6px 6px 0px 0px;
	}

	.column_left .mod_list .plan .plan_product {
		border-radius: 0px 0px 6px 6px;
		border-bottom: none;
	}
	
	.column_left .mod_list .plan .plan_info .plan_price .price, .column_left .mod_list .plan .plan_product .name {
	    display: none;
	}
	
	.register h2.pet {
    margin-top: 15px;
	}

	.column_left .mod_list .plan .plan_info .plan_name {
		color: #666;
	}
	

	/* end Activation page - Left side */

/* My Ids - left side */
	.column_left .mod_list .title {
		border-radius: 6px 6px 0px 0px;
		text-align: center;
	}

	.column_left .mod_list ul li a {
		border-radius: 6px;
		margin-bottom: 5px;
		border: 1px solid #ebebeb;
		border-top: 0px;
	}

	.column_left .mod_list ul li a.actif {
		background-color: #eee;
	}


	/* end My Ids - left side */


/* My Ids - right side */

	.icon-tag:before {
    	content: "h"; /* change tag icon to key icon */
	}

	.column_right .key_row .key_block {
		background-color: #e0e0e0;
		border-radius: 6px;
		border: 1px solid #ddd;
	}

	.column_right .key_row .key_id{
		background-color: rgba(255,255,255,0);
	}

	.column_right .key_row .key_button a {
		border-radius: 6px;
	}

	.column_right .key_row .key_title, .column_right .key_row .key_info {
		min-height: 40px;
		height: auto;
		color: #666;
		font-size: 20px;
	}

	.column_right .key_row .key_id .content .input {
		height: 60px;
		line-height: 60px;
		font-size: 28px;
		border-radius: 6px;
		color: #666;
	}

	.column_right .key_row .key_button a {
		background-color: #eeeeee;
		color: #666;
	}

	.column_right .key_row .key_button a.edit, .column_right .key_row .key_button a.transfert, .column_right .key_row .key_button a.background, .column_right .key_row .key_button a.renew {
		background-color: #fff;
		border: 1px solid #00adef;
	}


	.column_right .key_row .key_button a.edit:hover, .column_right .key_row .key_button a.transfert:hover, .column_right .key_row .key_button a.background:hover, .column_right .key_row .key_button a.renew:hover {
	background-color: #00adef;
		color: #fff;
	}


	.column_right .key_row .key_button a.report {
		background-color: #ff0000;
		color: #fff;
		border: 1px solid #ff0000;
	}

	.column_right .key_row .key_button a.report:hover {
		background-color: #fff;
		color: #ff0000;
		border: 1px solid #ff0000;
	}

	.column_right .key_row .key_button a.found {
		background-color: #5fb000;
		color: #fff;
		border: 1px solid #5fb000;
	}


	.column_right .key_row .key_button a.found:hover {
		background-color: #fff;
		color: #5fb000;
		border: 1px solid #5fb000;
		}

	.column_right .key_row .key_button a.new_message {
    background-color: #ffffff;
    border: 1px solid #f00;
    color: #f00;
		}

	.column_right .key_row .key_button a.new_message:hover {
    background-color: #f00;
    color: #fff;
		}

	.column_right a.bt_add_key, .column_right .wrap_bt_key a.bt_key_find, .column_right .wrap_bt_key a.bt_key_find .texte {
		background-color: #00adef;
	}

	.column_right a.bt_add_key, .column_right .wrap_bt_key a.bt_key_find {
		border-radius: 6px;
	}

	.column_right .wrap_bt_key a.bt_key_find .texte {
		border-radius: 0px 6px 6px 0px;
		}
	/* end My Ids - right side */


/* chat */

	.column_right .chat_wrap.answer .chat_window .message_full, .column_right .chat_wrap.answer .chat_window .message_full span.arrow, .column_right .chat_wrap .chat_window .message_full, .column_right .chat_wrap .chat_window .message_full span.arrow {
		border-radius: 6px;
		border: 1px solid #e4e4e4;
		background-color: #eee;
		border-bottom: none;
		border-right:none;
	}

	.column_right .chat_wrap .chat_window .date {
	font-size: 14px;
	}

	.column_right .chat_wrap.answer .chat_window .person {
	font-size: 18px;
	}

	.column_right .chat_form {
		background-color: #fff;
		}

	/* end - chat */


/* Pop-in */
	.popin_wrap .popin_content {
		border-radius: 6px;
	}

	/* end Pop-in */

.report_page .form_wrap, .return_page .form_wrap, .contact_page .form_wrap, .activate_page .form_wrap, .verif_page .form_wrap, .mobile_protection_page .form_wrap {
	background-color: rgba(0,0,0,0);
	padding: 0px;
}

input.input, textarea.textarea {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
}

.contact_page .form_wrap {
    margin: 0px 20px;
}

/* footer */
.content {
    padding-bottom: 0px;
	}

footer {
    background-color: #000000;
}

footer .powered {
    text-align: center;
    padding-right: 0px;
}

footer .brand {
    font-family: 'DaimlerCAC', Arial !important;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 14px;
}

footer .brand:before {
    content: " ";
    background-image: url(http://www.oneclickreturn.com/files/css_image/mini/2021/05/11/hermer-footer-logos-9635.png);
    background-size: cover;
    position: absolute;
    width: 300px;
    top: 0px;
    height: 35px;
    margin-left: -117px;
    margin-right: auto;
    text-align: center;

}

	/* end footer */

/* mobile view */

@media screen and (max-width: 850px), screen and (max-device-width: 850px)
{
	
	/* header .logo_bar .logo_wrap:after{
		display: none;
	} */
	
	/* change - menu action buttons - register return */
	header .logo_bar .action_bar a {
		background-color: #dddddd; /* change - register button color */
		color: #000000;
		padding: 0px 0px !important;
		margin: 4px 10px;
		line-height: 42px;
		height: 42px;
		border-radius: 6px;
		font-size: 16px;
	}
	
	header .logo_bar .action_bar a:hover {
		background-color: rgb(0 0 0 / 0.20);
	}
	
	header.actions3 .logo_bar .action_bar a+a {
		border-left: none;
	}
	
	/* change - background menu top bar on hover */
	header .login_bar .login_menu .bloc_top .language:hover, header .login_bar .login_menu .bloc_top .language:hover div.custom_container div.custom_select label, header .login_bar .login_menu .bloc_top a:hover {
    	background-color: rgb(0, 0, 0, .4); 
	}
	
	
	/* activation form */
	.action_mod.row_padding_2 {
    	padding: 0px;
	}
	
	.column_left.row_padding_1.col_3 {
	    margin-bottom: 10px;
	}
	
	.column_left .mod_list .plan {
	    margin-top: 50px;
	}
	
	.column_left .mod_list .plan .plan_term {
		font-size: 14px;
		margin: auto;
	}
	
	.column_left .mod_list .plan .plan_product .image {
		display: block;
		width: 50%;
		max-width: 210px;
		margin-left: auto;
		margin-right: auto;
	}

}
	
@media screen and (max-width: 800px), screen and (max-device-width: 800px)
{	
	/* activation form small text */
	.form_wrap .activate_form .small_text, .form_wrap .return_form .small_text, .form_wrap .report_form .small_text, .form_wrap .voucher_form .small_text {
    	text-align: center;
    	padding-top: 60px;
	}
}

@media screen and (max-width: 750px), screen and (max-device-width: 750px)
{
	.banner .banner_wrap .banner_text {
		min-height: 160px;
    	height: auto;
	}

}
	
@media screen and (max-width: 500px), screen and (max-device-width: 500px)
{	
	/* activation form small text */
	.form_wrap .activate_form .small_text, .form_wrap .return_form .small_text, .form_wrap .report_form .small_text, .form_wrap .voucher_form .small_text {
		padding-top: 10px;	
	}
	
	
	
	/* activation form keep tabs in 500px */
	.slider_wrap .slider {
    	margin-bottom: 0px; 
	}
	
	
	.slider_wrap .slider .content_slider {
    	height: 200px;
	}
	
	.slider_wrap .slider .action_mod .tab_wrap {
    	position: initial;
	}
	
	.slider_wrap .slider .action_mod .tab_wrap .tab {
		font-size: 16px;
	}
	.slider_wrap .slider .action_mod .tab_wrap .tab.actif {
    	display: inline-block;
	}
	
	.slider_wrap .slider .action_mod .tab_wrap .tab+.tab {
		border-left: none;
	}
	
	.slider_wrap .slider .action_mod .tab {
    	border-radius: 0px;
	}
	
	/**/
	
	.slider_wrap .slider .content_slider .slide .slide_content .slide_purple {
    	display: block;
    	background-color: rgba(0,0,0,0.45);
	}
	
	.slider_wrap .slider .content_slider .slide .slide_content .slide_text {
		background-color: rgba(0,0,0,0);
		text-align: center;
		text-shadow: 1px 1px 1px #000;
	}
	
	.slider_wrap .slider .content_slider .slide .slide_content .slide_text .text {
		display: block;
	}
	
}

/* end mobile view */