.banner{ display: none}
#returnToContinent{
    font-size: 15.5px;
    color: #69747c;
    display: inline-block;
    padding: 20px 0 0 25px;
    background: url('/kassets/cssimg/site/back_bg.png') 0px 24px no-repeat;
    cursor: pointer;
}
#returnToContinent .fa{
    color: #69747c;
    font-size: 20px;
}
.h1news {
    padding: 25px 0;
    margin: 110px auto 0 auto;
    font: 500 42px "unineue";
    color: #868a95;
    text-transform: uppercase;
}

.outer_distributor {background-color: #f4f6f8; padding:28px 0}

.map_distributor h3{ font: 500 26px "unineue"; color:#005ab7; text-transform:uppercase}

.map_distributor p{font: 400 18px "unineue"; color:#000000}

.contry_list li{ list-style: none; width:100%; margin-bottom:17px}

.contry_list .col-lg-2{ width:150px; padding-right:0}

.contry_list ul{ padding:0}

.contry_list li a{font: 300 14px "unineue"; color:#868a95}

.contry_list .col-lg-9 .col-md-6{ padding-left:0}

.contry_list .col-lg-3{ overflow:hidden; min-width:385px}

.hover_region{ position:absolute; bottom:19%; background-color:#FFF;  right: 30%; z-index:1; width:44%; display: none; padding:0 0 15px; box-shadow: -5px 0px 30px #d6dae5}

.contry_list .col-lg-9{ position:relative}

.contry_list{ position:relative; background-color:#FFF; padding: 0px 0px 0px 55px; margin: 25px auto}

.link_pop{ cursor: pointer; padding: 5px; display: block;  border-radius: 20px; width:100% }

.hover_region h5{ font-family: 'Aktiv_Grotesk_Bold';
    font-size: 24px; color:#fff; margin:auto auto 10px auto }

.hover_region p, .hover_region h6, .hover_region p a{font-family: 'Aktiv_Grotesk_Regular'; color: #69747c !important; font-size: 13.5px;  line-height: 18px;}

.hover_region p{
    margin-bottom: 10px;
}


.hover_region h6{ margin:0 0 13px 0 !important; }
.ttl_site{
    width: 100%;
    min-height: 101px;
    background: url('/kassets/cssimg/site/fd_ttrl.jpg') left no-repeat;
    padding: 39px 20px 20px;
}
.ttl_site.africa{
    background: url('/kassets/cssimg/site/map/fd_ttrl_africa.jpg') left no-repeat;
}
.ttl_site.asia{
    background: url('/kassets/cssimg/site/map/fd_ttrl_asia.jpg') left no-repeat;
}
.ttl_site.europe{
    background: url('/kassets/cssimg/site/map/fd_ttrl_europe.jpg') left no-repeat;
}
.ttl_site.north_america{
    background: url('/kassets/cssimg/site/map/fd_ttrl_north_america.jpg') left no-repeat;
}
.ttl_site.oceania{
    background: url('/kassets/cssimg/site/map/fd_ttrl_oceania.jpg') left no-repeat;
}
.ttl_site.south_america{
    background: url('/kassets/cssimg/site/map/fd_ttrl_south_america.jpg') left no-repeat;
}
/*.link_site, .link_sites{ color:#000 !important; font-size: 15.5px !important;}
*/.tel_site{ font-weight: 500 !important; }
.in_region{ /*border-bottom: 1px solid #ecedf0; margin-bottom:21px; padding-bottom:7px*/}
.link_site{
    color: #75aafa !important;
}
.hover_region > .in_region .wrap_link_region{
    border-right: 1px solid #eee;
}
.hover_region .in_region > .in_region .wrap_link_region{
    border: none;
}
.in_region:last-child{ border: none}

.link_pop:hover{ color:#FFF; text-decoration: none; background:#db001b url('/cssimg/site/arrow_right.png') no-repeat; background-position: 95% 40%;}

.contry_list .col-lg-3 img{ height: 100%}

.contry_list .col-lg-9 h3 {font: 500 30px "unineue"; color:#37393e; padding:0; margin: 35px auto 25px -15px}

.ui-tabs-nav li{ display: inline-block; width:auto; padding: 5px 15px; min-width:inherit; position:relative}

.ui-tabs-nav{ padding-left:0; margin-left:-15px !important; margin-bottom:20px}

.ui-tabs-nav li a{font: 500 16px "unineue"; color:#868a95; padding: 5px 15px; border-radius: 15px}

.ui-tabs-nav li:after{ content:"|"; position:absolute; right: -1px; top:5px; color:#e4e4e4; font-size: 16px}

.ui-tabs-nav li:last-child:after{ display: none}

.ui-tabs-nav li:first-child{ padding-left:0}

.ui-tabs-nav li a:hover, .ui-tabs-nav li.ui-tabs-active>a{  color:#FFF; text-decoration: none; background-color:#db001b; }

#tabs .col-lg-12 ul li{ list-style: none; display: inline-block; width: 163px; margin-left:-15px; margin-right:15px}

#tabs .col-lg-12 ul{ padding-left:0}

#tabs .col-lg-12 ul li a{font: 300 12px "unineue"; color:#868a95; padding: 5px 15px; display: block}

#tabs .col-lg-12 ul li a:hover{ color:#FFF}

.col-lg-9 h3{ margin-bottom: 20px}

.outer_distributor  .col-lg-9{ margin-left: -40px; padding-left:40px; background-color:#FFF}

.outer_distributor  .col-lg-3{ background-color:#FFF}

.breadcrumbs{ padding-left:15px}

.close{ position:absolute; right:-15px; top: -15px; z-index:1000; display: block}

.in_region{position: relative;
   padding: 35px 35px 15px;}

.close_btn{ z-index: 45454; width: 20px; height: 20px; text-align:center; line-height: 20px; background-color: transparent; border-radius: 30px; position:absolute; right:9%; top: 11%; text-indent: 2px; color: #fff; /*display: none*/}
.close_btn a{ height: 18px;
    width: 18px;
    position: relative; color: #fff !important; }
    .close_btn a:after{
        position: absolute;
    top: -35px;
    bottom: 0;
    /*content: "\274c";*/
    left: 0;
    right: 0;
    color: #fff !important;
    line-height: 100px;
    text-align: center;
    content: "\d7";
    font-size: 42px;
    }
.close_btn i{ color:#000}

.introtexte h3 {
  margin-top: 38px;
}



@media screen and (max-width:1440px){
.hover_region {
    right: 21%;
    width: 57%;
}
}

@media( max-width: 1200px){
.row-eq-height{ display: inherit}
.contry_list{ padding:15px}
.ui-tabs-nav{ margin-left:inherit !important}
}

@media screen and (max-width:1024px){
    .hover_region{
       right: 16%;
    width: 70%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
.close_btn{
    /*top: 6%;*/
}
}
@media only screen and (max-width:768px){
.close_btn{
    /*top: 6%;*/
}
}

@media( max-width: 980px){
	/*.hover_region{ top: 20%; position:fixed}*/
	.contry_list .col-lg-3{ min-width:inherit}
	.outer_distributor .col-lg-9{ padding: 0 15px}
	#tabs .col-lg-12 ul li{ width:90px}
	.outer_distributor{ padding: 28px 15px}
	.contry_list .col-lg-9 h3{ margin-left: auto}
	.outer_distributor .col-lg-9{ margin:auto}
	.close_btn{ display: block}
}


@media( max-width: 680px){
	.ui-tabs-nav li{ width: 100%}
	.ui-tabs-nav li::after{ display: none}
}


@media( max-width: 480px){
/*.hover_region{ width:auto; max-width:inherit}
.contry_list .col-lg-3{ max-width:inherit}*/
}
@media screen and (max-width:767px){
    .hover_region{
    width: 90%;
    right: 5%;
}
.close_btn{
    top: 6%;
}
}