/* hide data time on blog parent and single-post */
.blog-loop-content-wrapper span.posted-on, .single-post span.posted-on {
	display: none !important;
}
body .price del {
    margin-right: 8px;
    font-size: .95em;
}

footer.site-footer {
    border-top: 1px solid #f2f2f2;
}
footer .card-payment {
	position: absolute !important;
	margin-left: 30px !important;
	bottom: -3px;
}


/*** account *****/
@media (min-width: 1199px) {
    .header-4 .primary-navigation {
        position: relative !important;
        width: 100%;
        text-align: left;
        padding: 0 10px;
    }

}
@media (min-width: 993px) {

    .header-4 .site-header {
        margin-right: 30px;
        margin-left: 10px;
    }
    .secondary-navigation {
        display: flex !important;
        text-align: right;
        align-items: center;
    }
    .menu-secondary-menu-container {
        display: flex !important;
        justify-content: flex-end;
    }
    .secondary-navigation .menu li:not(.ri) a {
        padding-top: 10px !important;
        padding: 0 15px;
    }
    .secondary-navigation .menu-item {
        border-left: none !important;
    }
    .header-4 .search-trigger span {
        border-right-color: transparent !important;
    }
    .header-4 .col-full-nav {
        width: auto;
        display: flex;
        margin-left: 0 !important;
    }
    
    /* Center the form vertically */
    .header-4 .site-search {
        display: block;
        display: flex;
        align-items: center; 
        justify-content: center; 
        padding: 0 10px;
    }
    .header-4 .site-search input[type=search] {
        border: 0;
        background: #ffffff;
        border: 1px solid #f8f8f8;
    }
	.menu-primary-menu-container>ul.menu {
		display: inline-block;
		min-width: 690px;
	}

    /* Set the search input width */
    .header-4 .site-search .woocommerce-product-search .search-field {
        width: 200px;
        border-radius: 44px;
    }
    .header-4 .site-search .woocommerce-product-search .commercekit-ajs-results, 
    .header-4 .site-search .woocommerce-product-search .commercekit-ajs-suggestions {
        width: 340px !important;
    }
    .header-4 .site-search .woocommerce-product-search .commercekit-ajs-results {
        margin-top: 20px;
    }
    
    /* footer */
	footer .widget:first-child {
	}
	footer.site-footer a:not(.button):hover, footer.copyright a:hover {
		color:#286bc0 !important;
	}
	footer .widget:first-child div.footer-mail, footer .widget:first-child div.footer-phone {
		height: auto;
		display: flex;
		margin: 5px auto;
	}
	footer .widget:first-child div.footer-mail svg {
		width:18px;
	}
	footer .widget:first-child div.footer-phone svg {
		width: 18px;
	}
	footer .widget:first-child div.footer-mail a { 
	 	font-size: 12px;
		padding-left: 5px; 
	} 
	footer .widget:first-child div.footer-phone a  {
 		font-size: 14px;
		padding-left: 5px; 
	}

	.site-footer .widget.widget_block h2, footer .widget .widget-title {
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5;
	}
	footer.copyright .textwidget:first-child p {
		font-size: 13px;
		text-align: center;
	}
	/** woo product list ***/
	ul.products li.product:not(.product-category)::before {
    visibility: hidden;
    height: calc(100% + -20px) !important;
	}
    
}
@media (min-width: 770px) {
	#page .product .woocommerce-product-gallery, .single-product div.product .product-details-wrapper .images {
		width: 50%;
		margin-right: 0;
		margin-bottom: 0;
	}
	div.product .summary {
		position: relative;
		width: 46%;
	}
}	

	/******************************************************************/
	/************************* migration V1 > V2 **********************/
	/******************************************************************/
	body.page-template-template-fullwidth-no-heading .entry-content > .vc_row:first-child .vc_column-inner > .wpb_wrapper:first-child {
		padding-top: 50px;
	}
	body.page-template-template-fullwidth-no-heading .vc_column-inner .wpb_wrapper li.product {
		border-bottom: 0 !important;
	}
	body.page-template-template-fullwidth-no-heading .site-content .wpb_wrapper h2 {
    	color: #121212 !important;
	}
	body.page-template-template-fullwidth-no-heading .site-content .wpb_wrapper blockquote p {
		    font-size: 16px;
			font-style: italic;
	}
	body.page-template-template-fullwidth-no-heading .site-content .wpb_wrapper .vc_separator .vc_sep_line {
		border-top: transparent !important;
	}
	/*** home title + icon value proposition ******/
	body.page-template-template-fullwidth-no-heading .site-content .wpb_wrapper .text-center {
    	text-align: center;
	}
	.hide {
    	display: none!important;
	}
	.hero-toptitle,.hero-subtitle {
	color: #fff;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 4px;
	text-align: center;
	margin-bottom: 10px;
	}
	.prop-head-sub {
		font-weight: 300;
		font-style: normal;
		line-height: normal;
		text-transform: initial !important;
		color: #737373;
	}
	.prop-head-desc, .prop-head-desc > p{
		color:#737678;
		font-size: 16px;
		font-weight: 300;
	}
	.prop-head-ral {
		font-weight: 700;
		font-style: normal;
		text-transform: initial !important;
		letter-spacing: -2px;
	}
	h2.prop-head{
		color:#1ba0e3;
		font-weight: 300;
		margin-bottom: 0;
		margin-top: 15px;
	}
	p.prop-head-text{
		color:#737678;
	}
	.aio-icon-component {
		margin-bottom: 0px!important;
	}
	div.prop-header-icon div.advanced {
		border-radius: 5px !important;
		border-color: #286BC0 !important; 
	}
	div.prop-header-icon div.aio-icon-description {
		font-size: 13px;
	}
	
	/******* promo box ******/
	.vc_row .promo-box-bloc { margin-bottom: 25px !important;}
	.vc_row.promo-box-container { border:1px solid #ebebeb; border-left: 5px solid #e23b13; padding: 10px; padding-bottom: 0; border-radius: 5px !important; margin-top: 50px !important;}
	.vc_row.promo-box-container > div.vc_column-inner {
		padding: 0 !important;
	}
	.vc_row .promo-box-content p { margin-bottom: 0; }
	.vc_row .promo-box-content h3 {text-transform: none !important; color:#286BC0;}
	.vc_row .promo-box-content p.exclu-web {font-size:16px; font-weight: 700; color:#e23d13 !important;}
	.vc_row .promo-box-content p.prop-head-text { font-size: 17px; color: #1ba0e3 !important; font-family:""Inter Tight""; margin-bottom: 10px; }

	.vc_row .product-images div.promo-box {
		padding: 0.7em;
		left: 19px;
		top: 19px;
	}
	.vc_row .product-images div.promo-box div.promo-percent {
		margin-top: 5px;
		display: block;
	}
	.vc_row. product-images div.promo-box span.percent-num  {
		font-size: 1.6em;
		font-weight: bold;
		line-height: 1em;
	}	
	.vc_row .product-images div.promo-box span.percent {
		font-size: 1.4em;
		font-weight: bold;
	}

	.vc_row .product-images div.promo-price { display: block; border-bottom: 1px solid #fff; }

	.vc_row .product-images div.promo-box div.price-tag {
		font-size: 2.2em;
		font-weight: bold;
		line-height: 1.2em;
		float: left;
		padding-left: 5px;
	}
	.vc_row .product-images div.promo-box div.price-symbol {
		font-size: 2em;
		font-weight: bold;
		line-height: 1.2em;
		vertical-align: baseline;
		display: inline-block;
		float: left;
		padding-left: 3px;
		padding-top: 3px;
	}
	.vc_row .product-images div.promo-box div.price-tag a, .product-images div.promo-box div.price-symbol a {
		color: #fff;
	}
	
	.product-images div.solde-box,.product-images div.promo-box {
		background: #e23b13;
		border-radius: 4px;
		color: #fff;
		font-style: italic;
		line-height: 1em;
		padding: .5em;
		position: absolute;
		text-align: center;
		left: -8px;
		top: 0;
		z-index: 10;
	
	}
	.home .product-images div.solde-box,.product-images div.promo-box {
		background: #e23b13;
		border-radius: 5px;
		color: #fff;
		font-style: italic;
		line-height: 1em;
		padding: .3em;
		position: absolute;
		text-align: center;
		left: -8px;
		top: 0;
		z-index: 10;

	}
	.home .product-images div.solde-box span.percent-num {
		font-size: 1.8em;
		font-weight: bold;
		line-height: 1em;
	}
	.home .product-images div.solde-box span.percent {
		font-size: 1.5em;
		font-weight: bold;
	}
	.product-images div.solde-box span.promo, 
	.product-images div.solde-box span.promo-note, 
	.product-images div.promo-box span.promo, 
	.product-images div.promo-box span.promo-note {
		display: block;
		font-size: 1em;
		line-height: 1em;
	}
	.product-images div.solde-box span.promo-note, 
	.product-images div.promo-box span.promo-note {
		padding-top: 3px;
	}
	.vc_separator.vc_sep_color_grey .vc_sep_line {
		border: none !important;
	}
	/***** flat item box ******/
	div.flat-item-box {
		display: block;
	}
	div.flat-item-box .vc_column-inner{
		padding-top: 1px !important;
		padding-right: 1px !important;
		padding-bottom: 1px !important;
		padding-left: 10px !important;
		border-radius: 5px !important;
	}
	div.flat-item-box .wpb_wrapper {
		display: block;
		border:1px solid #ebebeb !important;
		border-radius:5px !important;
		margin-bottom:10px !important;
		padding: 1px;
		height: 154px;
		overflow: hidden;
		color: #272727;
	}
	.flat-item-box .icon_description_text ul li a {
		color: #272727;
	}
	.flat-item-box .icon_description_text ul li a:hover {
		color: #286BC0;
		text-decoration: underline;
	}
	.flat-item-box .smile_icon_list li .icon_list_icon {
		width: 130px;
		height: 150px;
		background: transparent;
		display: block;
		float: left;
	}
	.flat-item-box  .flat-item-box-bloc .icon_list_icon img {
		background-color: #ebebeb;	
		border-top-left-radius: 5px !important;
		border-bottom-left-radius: 5px !important;
	}
	.flat-item-box  .flat-item-box-bloc {
		margin-bottom:0 !important;
	}
	.flat-item-box  .flat-item-box-bloc h2 {
		color: #286BC0 !important;
		font-size: 1.4em;
		margin: 0;
		padding: 10px 0 10px 15px;
	}
	.flat-item-box .icon_description_text h2 a {
		color: #121212 !important;
	}
	.flat-item-box .wpb_wrapper .smile_icon_list li .icon_description p {
		font-size:12px;
		/* line-height: normal; */
		color: #272727 !important;
		padding:0 10px;
	}
	.flat-item-box li .icon_description .icon_description_text ul li:before {
		/*content: "-"; 
		padding-right: 8px;*/
	}
	.flat-item-box .icon_description_text ul li {
		font-size:12px;
		color: #272727;
		list-style-type:none !important;
		line-height: 1.8em;
		padding-bottom: 2px;
	}
	.flat-item-box .icon_description_text ul {
		padding-left: 10px;
		margin: 0 !important;
	}
	.flat-item-box .smile_icon_list.left li .icon_description {
		margin-left: 1em !important;
		padding-left: 0px !important;
		line-height: 1em !important;
		/* display: block; */
		position: relative;
	}
	.flat-item-box li .icon_description div.icon_description_text {
	 display: block;
	 position: relative;
	 float: left;
	 /* width: calc(100% - 70px); */
	}
	
	/******* hero banner fix landing page ********/
	.vc_row.header-hero-fix .wpb_wrapper:first-child {
		padding-top: 0 !important;
	}
	/******* middle banner wpbackery landing page ******/
	.vc_row hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
	}
	.vc_row hr.break, .vc_row hr.horizontal-break {
		width: 50px;
		margin: 20px auto;
		display: block;
		height: 3px;
		background: #e6e6e6;
		border: none;
	}
	.vc_row .banner, .vc_row .banner .ov_hidden {
    position: relative;
	}
	.vc_row .banner {
    	overflow: hidden;
    	margin-bottom: 30px;
	}
	.vc_row .banner.cursor-pointer {
    	cursor: pointer;
	}
	.vc_row .banner.align-center {
    	text-align: center;
	}
	.vc_row .banner .banner-content, 
	.vc_row .bottom-btn .btn {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.vc_row .banner .banner-content {
		box-sizing: border-box;
		padding: 10px;
		margin: 5px;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		color: #fff;
		position: absolute;
		z-index: 2;
		font-size: 13px;
		display: flex;
		align-content: space-around;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.vc_row .prop-banner .banner-content {
		margin: 0;
		padding: 10px;
	}
	.vc_row .prop-banner .banner-content {
		margin: 0;
		padding: 10px;
	}
	.vc_row .banner-title {
		margin: 0;
		text-align: center;
		font-size: 30px;
		font-weight: 600;
		letter-spacing: 1px;
		color: #ffffff;
		text-transform: initial !important;
		line-height: 1.3;
	}
	.vc_row .banner-title a {
		color: #fff !important;
	}
	.vc_row .banner-subtitle {
		color: #fff !important;
		font-family: "Inter Tight";
		font-weight: 700;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 4px;
		text-align: center;
	}
	.vc_row .banner .banner-content p {
		float: left;
		width: 100%;
		margin: 0;
	}
	.vc_row .banner-content hr.horizontal-break {
		width: 45px;
		height: 1px;
		margin: 5px auto!important;
		background: #e6e6e6;
	}
	.vc_row .banner img {
		-webkit-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		height: auto;
	}
	.vc_row .banner.hover-zoom {
		-webkit-transition: .3s all ease-in-out;
		-moz-transition: .3s all ease-in-out;
		-ms-transition: .3s all ease-in-out;
		-o-transition: .3s all ease-in-out;
		transition: .3s all ease-in-out;
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
	}
	.vc_row .banner.hover-reduction:hover, 
	.banner.hover-zoom:hover {
   		background-color: #000;
	}
	.vc_row .banner-shadow-2 .banner-content:hover, 
	.vc_row .banner-shadow-3 .banner-content:hover, 
	.vc_row .banner-shadow-4 .banner-content:hover {
    	background: rgba(0,0,0,0.7);
	}
		
	.vc_row .banner-shadow-4 .banner-content {
    	background: rgba(0,0,0,0.4);
	}
	.vc_row .banner.hover-zoom img {
		-webkit-transition: .5s all ease-in-out;
		-moz-transition: .5s all ease-in-out;
		-ms-transition: .5s all ease-in-out;
		-o-transition: .5s all ease-in-out;
		transition: .5s all ease-in-out;
		width: 100%;
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
	} 
	.vc_row .banner.hover-zoom:hover img {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: .75;
	}
	.vc_row .ultb3-desc {
		font-size: 16px !important;
	}
	.vc_row .video-container {
		padding-bottom: 0 !important;
	}
	/********** YASR NOTATION ******************/
	.yasr-total-average-container, .yasr-total-average-text {
    	display: none;
	}
	/********** LP PASS / MAINTENANCE **********/
	.abo-eco-bloc strong, .abo-eco-bloc p {
		color:#121212;
	}
	.abo-price-box .value-abo-box li:before {
		font-family: "Inter Tight";
		font-size: 1.3rem !important;
		top: 2px !important;
	}
	.abo-price-box .value-abo-box li {
		font-family: "Inter Tight";
		font-size: 15px;
		color: #767676;
	}
	.abo-price-box .value-abo-box strong {
		font-family: "Inter Tight" !important;
		font-weight: 700;
		text-align: center;
	}
	.abo-eco-bloc .abo-eco-content strong, .abo-price-box .info-abo-box .active, .abo-price-box .info-abo-box .sav, .abo-price-box .head-forfait-title, .abo-price-box .head-price-content div.month, .abo-price-box .head-price-content div.engage, .abo-eco-bloc h2.abo-eco-title, .abo-eco-bloc h3.abo-eco-subtitle, .abo-compare-bloc h2, .abo-compare-bloc h3, .abo-compare-bloc table th {
		font-family: "Inter Tight" !important;
	}
	
	.abo-eco-bloc .abo-eco-content.maintenance {
    margin: 0 30px 20px 30px;
    padding: 30px;
    background: #fff;
    background: rgba(255, 255, 255, 1) !important;
    background-color: rgba(255, 255, 255, 1) !important;
	}

    /************* FORM PASS / ABONNEMENT **************/

	form#form-abo .order-review {
		margin-bottom: 20px;
		border-radius: 5px;
		margin-top: 8px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 40px 32px 22px;
		border: 2px solid #000;
	}
	form#form-abo .step-title {
		margin-bottom: 15px;
		float: left;
		width: 100%;
		font: 15px/15px "Inter Tight";
		color: #286BC0 !important;
		position: relative;
		text-align: left;
		text-transform: uppercase;
		margin: 0 0 25px;
		letter-spacing: 1px;
	}
	form#form-abo .step-title span {
		background: #fff;
		position: relative;
		z-index: 2;
		padding-right: 7px;
	}
	form#form-abo .step-title:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		top: 50%;
		left: 0;
		position: absolute;
		background: #2991d6 !important;
		z-index: 1
	}

	form#form-abo .shop_table {
		width: 100%;
		margin: 0 0 20px;
		float: left;
	}
	form#form-abo .shop_table tbody>tr>td:last-child, 
	form#form-abo .shop_table thead tr>th:last-child {
		text-align: right;
	}
	form#form-abo table thead:first-child tr:first-child td, 
	form#form-abo table thead:first-child tr:first-child th {
		border-top: 0;
	}
	form#form-abo .shop_table th {
		font: 15px/22px "Inter Tight";
		text-transform: uppercase;
		color: #252525;
		letter-spacing: 1px;
		padding: 22px 0!important;
		line-height: 1.42857143;
		vertical-align: top;
		border-top: 1px solid #ddd;
	}
	form#form-abo .shop_table tr>td {
		line-height: 1.42857143;
		border-top: 1px solid #ddd;
		font-size: 15px;
		font-family: "Inter Tight";
		vertical-align: middle;
	}
	form#form-abo .shop_table tr>td.product-name {
		padding: 22px 0;
	}
	form#form-abo .order-review .shop_table td.product-name {
		text-align: left!important;
	}
	form#form-abo .order-review .shop_table td {
		text-align: right!important;
	}
	form#form-abo .payment_methods {
		margin: 0 0 25px;
		padding: 0;
		padding-left: 0!important;
		list-style: none;
	}
	form#form-abo .payment_methods li {
		padding: 17px 0;
		border-bottom: 1px solid #ddd;
		list-style: none;
	}

	form#form-abo .payment_methods input[type=radio] {

	}
	form#form-abo label {
		font-weight: 500;
	}
	form#form-abo li.wc_payment_method > label {
		color: #286BC0 !important;
		cursor: pointer;
	}
	form#form-abo .payment_methods li label {
		font-family: "Inter Tight";
		font-size: 15px;
		color: #767676;
		padding-left: 10px;
	}
	form#form-abo .payment_methods li label img {
		max-width: 140px;
		margin: 0 10px;
		height: auto;
		vertical-align: middle;
		border: 0;
	}
	form#form-abo .order-review #payment .terms {
		position: relative;
	}
	form#form-abo input[type=checkbox] {
		float: left;
		display: block!important;
		-moz-appearance: none;
		-webkit-appearance: none;
		border: 3px solid #e3e3e3;
		width: 15px!important;
		height: 15px!important;
		border-radius: 0!important;
		padding: 0!important;
		position: absolute;
    	top: 1px;
		margin-right: 10px;
		cursor: pointer;
	}
	form#form-abo input[type=checkbox]:checked:before {
		content: "";
		position: absolute;
		width: 13px;
		height: 11px;
		background-image: url(../image/check-icon.webp);
		background-repeat: no-repeat;
		background-position: center center;
		left: 1px;
		top: -2px;
	}
	form#form-abo .wc-terms-and-conditions label.checkbox {
		padding-left: 25px;
		margin-top: 10px;
		text-align: left;
	}

	div.woocommerce-maint-fields {
		border-top: 1px solid #ebebeb;
	}
	div.woocommerce-maint-fields {
		border-bottom: 1px solid #ebebeb;
	}
	div.abo-pass-container,div.abo-maint-container  {
		display: block;
		margin: 0;
	}
	div.abo-maint-box div.abo-pass-container, div.abo-pass-box div.abo-pass-container {
    border: 2px solid #ececec;
	} 
	div.abo-maint-box div.abo-pass-container:first-child, div.abo-pass-box div.abo-pass-container {
		margin-bottom: 10px;
	}
	div.abo-maint-box div.abo-maint-choice, div.abo-pass-box div.abo-pass-choice {
		border: none;
	}
	div.abo-service-valid {
		
	}
	div.abo-pass-choice {
		display: block;
		border-top: 1px dashed #ebebeb;
		padding: 20px 0;
	}
	div.abo-pass-label, div.abo-maint-label {
		float: left;
		display: block;
	}
		div.abo-pass-label div.label-text {
			float: left;
			display: block;
			width: 80%;
		}
		div.abo-pass-label div.label-price {
			float: left;
			display: block;
			width: 20%;
		}
		div.label-price div.montant {
			font-size: 45px;
			font-weight: 700;
			color: #969696;
			text-align: center;
			line-height: normal;
			font-family: "Inter Tight";
		}
		div.label-price div.montant span.euro {
			font-size: 16px;
			font-weight: 700;
		}
		div.label-price  div.month {
			font-family: "Inter Tight";
			font-size: 12px;
			text-align: center;
			color: #aaa;
			font-weight: 700;
		}
	
	div.abo-pass-check, div.abo-maint-check {
		float: left;
		display: block;
		padding: 25px;
    	border-left: 1px solid #ebebeb;
	}
	div.choose-box div.abo-pass-check, div.choose-box div.abo-maint-check {
		float: left;
		display: block;
		padding: 0 25px;
    	border-left: 1px solid #ebebeb;
	}
	div.abo-pass-num, div.abo-maint-num {
		display: block;
		padding: 0 30px 20px 30px;
		display: none;
	}

 	div.abo-pass-num div.abo-pass-numbutton, div.abo-maint-num div.abo-maint-numbutton {
		text-align: center;
	}
	div.abo-maint-choice {
		display: block;
		border-top: 1px dashed #ebebeb;
		padding: 20px 0 10px;
	}
	div.abo-pass-box, div.abo-maint-box {
		display: none;
		margin: 0;
	}
	div#aboPassPrioContainer .alert {
		border: none;
    	border-radius: 0;
	}
	div#aboPassPrioContainer .alert:nth-child(2) {
		display: none;
	}
	
	.number-input {
	  border: 2px solid #ddd;
	  border-radius: 5px;
	  display: inline-flex;
	}
	.number-input,
	.number-input * {
	  box-sizing: border-box;
	  margin: 0;
	  padding: 0;
	}

	.number-input div.minus, .number-input div.plus {
		outline: none;
		border: none;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 3rem !important;
		height: 3rem !important;
		cursor: pointer;
		margin: 0;
		padding: 0.8rem !important;
		position: relative;
	}
	.number-input #minus-num-ip:hover,.number-input #plus-num-ip:hover {
		background: #03C1D9;
	}
	.number-input #minus-num-3g:hover,.number-input #plus-num-3g:hover {
		background: #fea839;
	}
	
	.number-input input[type=number] {
		font-family: sans-serif;
		max-width: 4rem !important;
		padding: 0.5rem !important;
		/*border: solid #ddd !important;
		border-top: 0 !important;
		border-bottom: 0 !important;
		border-width: 0 2px;
		border-radius: 0 !important; */
		font-size: 1.5rem !important;
		height: 3rem !important;
		font-weight: bold;
		text-align: center;
	}

	.number-input input[type="number"] {
	  -webkit-appearance: textfield;
	  -moz-appearance: textfield;
	  appearance: textfield;
	}

	.number-input input[type=number]::-webkit-inner-spin-button,
	.number-input input[type=number]::-webkit-outer-spin-button {
	  -webkit-appearance: none;
	}

	h1.titre-abo {
		font-size: 38px;
		font-family: "Inter Tight";
    	font-weight: 800;
    	font-style: normal;
		text-transform: none;
		margin: 10px 0;
	}
	h2.titre-abo {
		font-size: 27px;
		font-family: "Inter Tight";
    	font-weight: 800;
    	font-style: normal;
		text-transform: none;
		margin-top: 10px
	}
	h2.titre-abo.abo-passerelle {
	color: #7690d5;
	}
	
	h2.titre-abo.abo-maintenance {
	color:#65cc87;
	}

	h4.titre-abo {
		font-size: 18px;
		font-family: "Inter Tight";
    	font-weight: 700;
    	font-style: normal;
		text-transform: none;
		margin-bottom: 0;
	}
	h4.titre-abo-num-ip,h4.titre-abo-num-3g,h4.titre-abo-num-4g,h4.titre-maint-num-prio,h4.titre-maint-num-att {
		color:#272727;
		font-size: 16px;
		font-family: "Inter Tight";
    	font-weight: 800;
    	font-style: normal;
		text-transform: none;
		margin-bottom: 0;
	}
	h4.titre-abo-num-ip {
		color:#272727;
	}
	h4.titre-abo-num-3g, h4.titre-abo-num-4g  {
		color:#272727;
	}
	h4.titre-maint-num-prio {
		color:#272727;
	}
	h4.titre-maint-num-att {
		color:#272727;
	}

	
	p.subtitle-abo {
		font-size: 16px;
		font-family: "Inter Tight";
    	font-weight: 600;
	}
	div.titre-form-abo {
		display: block;
	}
	p.descr-abo,p.infoplus { 
		margin: 0;
	}

	/* Create a custom radio button */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 24px;
		width: 24px;
		background-color: #eee;
		border-radius: 50%;
	}

	.container-check {
		font-family: "Inter Tight";
		font-size: 18px !important;
		font-weight: 600 !important;
		color: #272727 !important;
		display: block;
		position: relative;
		padding-left: 35px;
		cursor: pointer;
		float: left;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	} 
	.container-check:nth-child(2) {
		margin-left: 20px;
	}

	.container-check input[type=radio] {
		position: absolute;
		left: -9999px;
	}
	/* On mouse-over, add a grey background color */
	.container-check:hover input ~ .checkmark {
		background-color: #ccc;
	}

	/* When the radio button is checked, add a blue background */
	.container-check input:checked ~ .checkmark {
		background-color: #2196F3;
	}

	/* Create the indicator (the dot/circle - hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the indicator (dot/circle) when checked */
	.container-check input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the indicator (dot/circle) */
	.container-check .checkmark:after {
		top: 6px;
		left: 6px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: white;
	}

	input[type=text], input[type=email], input[type=tel],input[type=password], textarea#order_comments {
	  -webkit-transition: all 0.30s ease-in-out;
	  -moz-transition: all 0.30s ease-in-out;
	  -ms-transition: all 0.30s ease-in-out;
	  -o-transition: all 0.30s ease-in-out;
	  outline: none;
	  }
 	form.checkout input, form.checkout textarea, form.checkout select {
	 border-radius: 5px;
	}
	form.checkout label {
	font-weight:500;
	color:#646464;
	}
	input[type=text]:focus,input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, textarea#order_comments:focus {
	  	box-shadow: inset 0 0 8px 0 rgba(166, 166, 166, 0.40);
	}
	form.checkout .has-error input[type=text], form.checkout .has-error input[type=email], form.checkout .has-error input[type=tel],form.checkout  .has-error input[type=password],form.checkout .has-error input[type=checkbox] { 
		border-color: #ff5a15 !important;
	}
	
	form.checkout .has-error span {
		color: #ff5a15;
		font-family: "Inter Tight";
		font-size: 12px;
		padding: 0;
		margin: 0;
	}
	form.checkout .wc-terms-and-conditions.has-error span { 
		display: none !important;
	}
	
	form.checkout .abo-service-valid span#abobox-error {
		margin: 10px 0; 
		padding: 10px; 
		background-color: #f8d7da; 
		border-color: #f5c6cb;
		border-radius:0.25rem;
	} 
	form.checkout .abo-service-valid input[type=checkbox] {
		visibility: hidden;
	}
	
	.order-review {
	 margin-bottom: 20px;
	 border-radius:5px;
	}
	.payment_methods p {
     font-size:11px;
	}
	li.wc_payment_method > label {
		color:#286BC0 !important;
		cursor:pointer;
	}
	div.payment_method_payzenmulti > ul {
	display:none;
	}
	
	.woocommerce .btn, .woocommerce .button {
    background: #2c6cbd;
    color: #fff !important;
	}
	
	div#payment div#place-order {
	text-align:center;
	}
	.payment_methods input[type=radio] {
		background-image:none;
		width: 24px;
		height: 24px;
		position: relative;
		top: 7px;
		border-radius: 12px;
	}

	.payment_methods input[type=radio]:checked {
		background-image:none;
		background: #286BC0;
	}
	div.form-row.place-order {
	text-align:center;
	}
	tr#aboIpPrice,tr#abo3gPrice,tr#abo4gPrice,tr#maintPPrice,tr#maintCPrice {
		display: none;
	}
	
		/* mresponsive layout */
	@media only screen and (min-width: 1200px) {

	}
	@media screen and (min-width: 992px) and (max-width: 1199px) {

	}
	@media only screen and (min-width: 768px) and (max-width: 991px) {

	}

	@media only screen and (max-width: 767px) {	
		h1.titre-abo {
		font-size: 30px;
		margin: 10px 0;
		padding-left:20px;
		padding-right: 20px;
		}
		p.subtitle-abo {
		font-size: 1.6rem;
		padding-left:20px;
		padding-right: 20px;
		margin-bottom: 0;
		}
		div.woocommerce-abo-fields {
		border-top: 1px solid #ebebeb;
		}
		h2.titre-abo {
			margin-top: 20px;
		}
		h2.titre-abo.abo-passerelle {
		}
		div.choose-box h4.titre-abo {
			padding-bottom: 10px;
		}
		div.choose-box div.abo-pass-check, div.choose-box div.abo-maint-check {
			padding: 10px 17px 0;
			border-left: none;
		}
		div.abo-pass-label div.label-price {
			width: 30%;
		}	
		div.abo-pass-label div.label-text {
			width: 70%;
		}
		div.label-text p.descr-abo, div.label-text p.infoplus {
			padding: 5px 0 10px;
			line-height: normal;
			color: #656565 !important;
		}
		div.abo-pass-check, div.abo-maint-check {
			padding: 15px 17px 0;
			border-left: none;
		}
		div.abo-pass-num, div.abo-maint-num {
			padding: 10px;
			margin:  10px;
			border:  1px dashed #ececec;
			border-radius:3px;
			background: #fafafa;
		}
		div.abo-pass-numtitle, div.abo-maint-numtitle {
			padding: 0 10px 10px;
		}
		div.number-input .minus:after, div.number-input .plus:after {
			/* display: none; */
		}
		.number-input div.minus, .number-input div.plus {
			background: #fff;
		}
		.number-input div.minus:hover, .number-input div.plus:hover {
			background: #62b3f0;
			color: #fff;
		}
		.shop_table {
			margin: 0;
		}
		.shop_table thead tr>th:last-child {
			text-align: left;
		}
		.payment_methods li label {
			padding-left: 36px;
			margin-top: -26px;
		}
		.payment_methods input[type=radio] {
			top: 11px;
		}
	}
	@media only screen and (min-width: 650px) and (max-width: 991px) {

	}
	@media only screen and (min-device-width: 650px) {

	}

	@media screen and (max-width: 480px) {

	}

	@media only screen and (min-width: 384px) and (max-width: 480px) { 

	} 
	@media only screen and (max-width: 384px) {

	}

	@media only screen and (max-width: 360px) {

	}

	@media only screen and (max-width: 320px) {

	}

/*** Visibility responsive ***/
.hidden-xs-up{
    display:none!important
}
@media (max-width:575px){
    .hidden-xs-down{
        display:none!important
    }
}
@media (min-width:576px){
    .hidden-sm-up{
        display:none!important
    }
}
@media (max-width:767px){
    .hidden-sm-down{
        display:none!important
    }
}
@media (min-width:768px){
    .hidden-md-up{
        display:none!important
    }
}
@media (max-width:991px){
    .hidden-md-down{
        display:none!important
    }
}
@media (min-width:992px){
    .hidden-lg-up{
        display:none!important
    }
}
@media (max-width:1199px){
    .hidden-lg-down{
        display:none!important
    }
}
@media (min-width:1200px){
    .hidden-xl-up{
        display:none!important
    }
}

.hidden-xl-down{
    display:none!important
}


/************* migration column size *******************/


@media screen and (min-width:1200px){
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.hidden-lg{display:none!important}.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}

@media (min-width:992px){
	form#form-abo .col2-set{width:100%!important;margin-right:0!important}.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}
}

@media (min-width:768px){
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}
}