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

@import url(//fonts.googleapis.com/css?family=Open+sans);

/* text - Replace custom text */

span.tcoen span {
	display: none;
    }

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


	/* end text */

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

/**/

/* Generic */
body, a, span, select, .tab, .title, button {
	font-family: 'Open sans'!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: #333; 
	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;
}

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



/* 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);
	}
	/* end mobile header - menu icon */

	/* logo */
	
	header .logo_bar .logo_wrap img, header .logo_bar {
		height: 130px;
	}

/* action bar */

header .logo_bar .action_bar a {
    color: #1073b0;
}

header .logo_bar .action_bar a:hover {
    color: #301b05;
}

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


/* menu bar */

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

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

header .menu nav li a {
    color: #3A3A3A;
    font-size: 16px;
}

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


/* 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: #1073b0;
	color: #fff;
    border-radius: 6px;
    padding: 0px 18px;
    margin-top: 0px;
}

BUTTON.bouton_save_form:hover, A.bouton_save_form:hover {
    background-color: #9c0007;
	color: #fff;
}



/* slider */

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

.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 #1073b0;
	}


	.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: #1073b0;
		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 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: #1073b0;
	}

	.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-top: 20px;
    padding-bottom: 0px;
	}

footer {
    background-color: #000000;
}

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

/* mobile view */

@media screen and (max-width: 850px), screen and (max-device-width: 850px)
{
	
	
	/* 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);
	}
	
	/* Logo */
	
	.header_mobile, .header_mobile .logo_wrap img {
		max-height: 100px;
		height: 100px;
	}
	
	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)
{
	/* Logo */
	
	.header_mobile, .header_mobile .logo_wrap img {
		max-height: 75px;
		height: 75px;
	}
	

}


@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;	
        display: inline-block;
	}
	
	
	.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.7);
	}
	
	.slider_wrap .slider .content_slider .slide .slide_content .slide_text {
		background-color: rgba(0,0,0,0);
		text-align: center;
	}
	
	.slider_wrap .slider .content_slider .slide .slide_content .slide_text .text {
		display: block;
	}
	
}

/* end mobile view */