#wrapper { background: white !important; }
.my_container .container { max-width: 1180px !important; margin: auto; padding-top: 20px; }

.first_row_incoterm { max-width: 1180px; margin: auto; margin-bottom: 50px; margin-left: 0px !important; margin-right: 0px !important; }
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .first_row_incoterm .col-info { padding-left: 20px !important; }     
	/* .first_row_incoterm .text_to_graphic { width: 80px; position: absolute; left: -80px; bottom: 142px; } */   	
}
@media only screen and (min-width: 1200px) {
	.first_row_incoterm .col-graphic { max-width: 875px; min-width: 875px; width: 875px; padding-right: 50px; }
    .first_row_incoterm .col-info { max-width: 255px; min-width: 255px; width: 255px; padding-left: 5px !important; }
	.first_row_incoterm .text_to_graphic { width: 80px; position: absolute; left: -65px; bottom: 145px; text-align: right; }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	.text_to_graphic_big { display: none !important; }
}
@media only screen and (min-width: 1301px) {
	.text_to_graphic_mini { display: none !important; }
}
@media only screen and (min-width: 1440px) {
	.first_row_incoterm .text_to_graphic { bottom: 130px; }
	.zona_barras { bottom: 125px !important; }
}

.first_row_incoterm .text_to_graphic p { font-size: 14px; color: #073148; font-family: 'avenir-next-lt-pro-medium' !important; margin-bottom: 0px; }
.first_row_incoterm .text_to_graphic p span { display: block; margin-bottom: 15px; height: 15px; }
.info_text { color: #073148; font-size: 14px; margin-bottom: 0px; font-family: 'avenir-next-lt-pro-medium' !important; height: 25px; }
.info_text .span_text { display: inline-block; position: relative; left: 12px; top: 2px; }
.line_seller { width: 25px; height: 6px; border-radius: 3px; background-color: #a97fff; display: inline-block; padding-right: 10px; }
.line_buyer { width: 25px; height: 6px; border-radius: 3px; background-color: #ff8886; display: inline-block; padding-right: 10px; }
.line_mixed { width: 25px; height: 6px; border-radius: 3px; background-color: #00b86c; display: inline-block; padding-right: 10px; }
.tit_info { font-family: 'avenir-next-lt-pro-bold' !important; font-size: 14px; color: #073148; height: 25px; margin-bottom: 10px; }
.txt_info { font-size: 12px; color: #073148; /* height: 75px; */ }
.point { width: 8px; height: 8px; background-color: #00b86c; display: inline-block; border-radius: 50%; margin-right: 15px; }

.item_barras { display: block; }
.zona_barras { width: 775px; position: absolute; bottom: 140px; left: 32px; transition: 0.8s; }
.item_barra { height: 6px; border-radius: 3px; display: inline-block; transition: 0.8s; }
.item_barra.seller { background-color: #a97fff; width: 0px; }
.item_barra.buyer { background-color: #ff8886; position: relative; left: 0px; width: 0px; }
.item_incoterm { 
	width: 100px; height: 48px; border-radius: 22px; border: solid 1px #acb5c6; display: inline-block; margin-right: 10px; color: #acb5c6; 
    font-size: 18px; padding-top: 10px; text-align: center; cursor: pointer;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
	.item_incoterm { width: 70px; height: 35px; font-size: 15px; padding-top: 5px; }
	.first_row_incoterm { margin-bottom: 0px; }
	/* .first_row_incoterm .col-graphic { max-width: 100%; flex: 100%; padding-left: 100px !important; } */
	/* .first_row_incoterm .text_to_graphic { left: 45px; bottom: 90px; } */
	/* .zona_barras { left: 112px; bottom: 85px; } */
	#zona_items_incoterms { text-align: center; }
	.first_row_incoterm .col-info { text-align: center; margin-top: 20px; }
	.row_incoterm .open_zona_incoterms { margin-left: 20px; }  
	.row_incoterm_responsive .left_column { padding-right: 25px !important; }
	.row_incoterm_responsive .right_column { padding-left: 25px !important; }
}
.item_incoterm.active { font-family: 'avenir-next-lt-pro-demi' !important; color: #00b86c; background-color: #97ff73; border: solid 1px #97ff73; }

.row_incoterm { max-width: 1180px; margin: auto; margin-bottom: 75px; margin-left: 0px !important; margin-right: 0px !important; }
.row_incoterm.mw-350 { max-width: 350px; width: 350px; margin-left: auto !important; margin-right: auto !important; }
.row_incoterm.mw-880 { max-width: 880px; margin: auto !important; margin-bottom: 100px !important; }
.row_incoterm.mw-1044 { max-width: 1044x; margin: auto; margin-bottom: 50px; }
@media only screen and (min-width: 1440px) {
	.row_incoterm .left_column { max-width: 550px; min-width: 550px; width: 550px; margin-right: 80px; }
	.row_incoterm .right_column { max-width: 550px; min-width: 550px; width: 550px; }	        
}
        

.open_zona_incoterms {
	width: 550px; height: 222px; border-radius: 12px; box-shadow: 2px 4px 8px 0 rgba(195, 205, 224, 0.6); background-color: white; padding: 25px;
}

.open_zona_incoterms.active { box-shadow: 0 20px 20px 0 rgba(195, 205, 224, 1) !important; }  
/* .open_zona_incoterms:hover { box-shadow: 0 20px 20px 0 rgba(195, 205, 224, 1) !important; } */     
.text_open_zona_incoterms { color: #00b86c; font-size: 24px; font-family: 'avenir-next-lt-pro-medium' !important; height: 75px; padding-top: 25px; text-align: center; }
        
.big_text_incoterms { color: #073148; font-size: 24px; line-height: 36px; letter-spacing: -0.2px; }
.big_text_incoterms span { color: #00b86c; }   
.title_zona_incoterms { font-family: 'avenir-next-lt-pro-bold' !important; font-size: 42px; line-height: 46px; color: #073148; }

.title_incoterm { color: #073148 !important; font-family: 'avenir-next-lt-pro-bold' !important; font-size: 24px; }
.title_incoterm:hover, .title_incoterm:hover i { color: #1a6eff !important; }
.title_incoterm i { color: #073148 !important; font-size: 24px; margin-left: 5px !important; }
.title_incoterm i:hover { color: #1a6eff !important; }
.subtitle_incoterm { color: #073148; font-family: 'avenir-next-lt-pro-medium' !important; font-size: 18px; display: block; }
.text_incoterms { color: #073148; font-size: 14px; line-height: 21px; }
.bloque_doble { display: block !important; }
.bloque_doble .t { display: inline-block; padding-left: 20px; position: relative; top: -20px; }

.bloque_info { width: 355px; height: 175px; border-radius: 12px; background-color: #f7f7fa; padding: 25px; }
.title_bloque_info { color: #073148; font-size: 14px; margin-bottom: 25px; font-family: 'avenir-next-lt-pro-bold' !important; }
.bloque_info p.i { color: #073148; font-size: 14px; margin-bottom: 0px; font-family: 'avenir-next-lt-pro-medium' !important; height: 25px; }
.bloque_info p.i span.t { display: inline-block; position: relative; left: 12px; top: 2px; }
.block_method_responsive { display: none !important; }

@media only screen and (max-width: 750px) {
	.my_container .row_incoterm .text_incoterms .mt--50.bloque_doble { margin-top: 90px !important; }	
	.big_text_incoterms { font-size: 18px; line-height: 25px; }
	.item_incoterm { width: 42px; height: 30px; font-size: 12px; padding-top: 6px; margin-bottom: 10px; border-radius: 5px; }
	.zonas_incoterms .item_incoterm { margin-right: 6px !important; }
	.first_row_incoterm { margin-bottom: 0px !important; margin-left: 20px !important; margin-right: 20px !important; }
	.first_row_incoterm .col-graphic { /* margin-left: 20px; margin-right: 20px; */ padding: 0px; }
	
	.bloque_doble { display: block !important; }
	
	.col-info { margin-top: 0px !important; margin-left: 0px !important; }
	.txt_info { height: auto; }
	.title_zona_incoterms { font-size: 30px; }
	.block_method_responsive { display: block !important; position: relative; top: -75px; }
	.row_select_method { display: none !important; }
}

@media only screen and (min-width: 751px) and (max-width: 1199px) {
	.first_row_incoterm { margin-bottom: 0px; }
	.first_row_incoterm .col-graphic { max-width: 100%; flex: 100%; padding-left: 100px !important; }
	
	.item_incoterm { width: 65px; height: 40px; font-size: 15px; padding-top: 9px; }
}

@media only screen and (max-width: 1199px) {
	.my_container .row_incoterm { margin-bottom: 50px !important; }
	.row_incoterm.mw-1044 { padding-left: 20px !important; padding-right: 20px !important; }
	
	
	
	.my_container .row_incoterm_responsive { padding-left: 20px; padding-right: 20px; margin-bottom: 50px !important; }
	.row_incoterm_responsive .left_column { max-width: 100%; flex: 100%; }
	.row_incoterm_responsive .right_column { max-width: 100%; flex: 100%; }
	.text_incoterms { margin-bottom: 30px !important; }
	#zona_items_incoterms { text-align: center; }
	.col-info { margin-top: 20px; margin-left: 20px; }
}

/**/

.title_method { color: #00b86c; font-size: 32px; font-family: 'avenir-next-lt-pro-bold' !important; }
.zona_incoterms_explication { display: none !important; }

@media only screen and (max-width: 750px) {
	.open_zona_incoterms img { width: 25px; margin-right: 5px; }
	.text_open_zona_incoterms { font-size: 12px; padding-top: 0px; height: auto !important; margin-bottom: 0px !important; }
	.open_zona_incoterms { width: 90% !important; margin-left: 5% !important; height: 110px; padding: 14px !important; }
	.title_method { font-size: 20px; }
	.col-info { padding-top: 0px; padding-bottom: 40px; }
	#zona_items_incoterms { margin-top: 0px !important; position: relative; top: -100px; width: 120% !important; margin-left: -10% !important; }
	.first_row_incoterm .text_to_graphic { position: relative; left: -15px; top: -35px; }
	.zona_barras { position: relative; bottom: 114px; width: 94%; left: 4%; }
	.first_row_incoterm .text_to_graphic p { font-size: 10px; }
	#zona_items_incoterms #zona_all { margin-left: 0px !important; }
	.text_to_graphic_big { display: none !important; }
	.col-info { display: none !important; }
	.zona_incoterms_explication { display: block !important; margin-top: 20px !important; border-radius: 12px; padding: 14px !important;
		box-shadow: 2px 4px 8px 0 rgba(195, 205, 224, 0.6); background-color: white; width: 96% !important; margin-left: 2% !important; }
	.zona_incoterms_explication .line_seller, .zona_incoterms_explication .line_buyer { width: 85px !important; }
}
@media only screen and (min-width: 751px) and (max-width: 1199px) {
	.open_zona_incoterms img { width: 35px; margin-right: 15px; }
	.open_zona_incoterms { width: 90% !important; margin-left: 5% !important; }
	.col-info { padding-top: 30px; padding-bottom: 0px; }
	#zona_items_incoterms { margin-top: 60px; }
	.zona_barras { width: 80%; left: 16%; bottom: 70px; }
	#zona_items_incoterms #zona_all { margin-left: 0px !important; }
	.first_row_incoterm .text_to_graphic { position: absolute; left: 30px; bottom: 76px; }	
.text_to_graphic_big { display: none !important; }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.open_zona_incoterms img { margin-right: 15px; }
	#zona_items_incoterms { margin-top: 40px; }
}
@media only screen and (min-width: 1400px) {
	.open_zona_incoterms img { margin-right: 15px; }
	#zona_items_incoterms { margin-top: 40px; }
}