/*
 Theme Name:   Fon
 Theme URI:    https://www.mjcachon.com/
 Description:  Tema WordPress Fon
 Template:     Divi
 Version:      1.0.0
 License:      
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,700,700i');

:root{--primary: #fbb500;}

.text-primary {color:#fbb500;}
.text-strong {font-weight:bold;}

.et_social_mobile, .et_social_mobile_button {display:none !important;}

#goto_map_container.paris, #goto_map_container.melbourne, #goto_map_container.tokio {
	position: relative;
	height: 450px;
	overflow: hidden;
	width: 100%;
	margin: 0px auto;
	max-width: 100%;
	min-width: 100%;
}
#fonHotspotsMap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

@font-face {
    font-family: "squaresanspro-regular"; 
    src: url('//network.fon.com/fonts/pfsquaresanspro-regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('//network.fon.com/fonts/pfsquaresanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//network.fon.com/fonts/pfsquaresanspro-regular-webfont.woff') format('woff'), /* Modern Browsers */
        url('//network.fon.com/fonts/pfsquaresanspro-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
        url('//network.fon.com/fonts/pfsquaresanspro-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "squaresanspro-bold"; 
    src: url('//network.fon.com/fonts/pfsquaresanspro-bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('//network.fon.com/fonts/pfsquaresanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//network.fon.com/fonts/pfsquaresanspro-bold-webfont.woff') format('woff'), /* Modern Browsers */
        url('//network.fon.com/fonts/pfsquaresanspro-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
        url('//network.fon.com/fonts/pfsquaresanspro-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "squaresanspro-medium"; 
    src: url('//network.fon.com/fonts/pfsquaresanspro-medium-webfont.eot'); /* IE9 Compat Modes */
    src: url('//network.fon.com/fonts/pfsquaresanspro-medium-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//network.fon.com/fonts/pfsquaresanspro-medium-webfont.woff') format('woff'), /* Modern Browsers */
        url('//network.fon.com/fonts/pfsquaresanspro-medium-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
        url('//network.fon.com/fonts/pfsquaresanspro-medium-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.bg-gradient {background: linear-gradient(61.56deg, #FFD300 0%, #EC7103 100%);}

/* *** REGLAS GENÉRICAS ************ */

h1.fon-display, .fon-display h1 {
	color: #414041;
	font-family: "squaresanspro-medium";
	font-size: 42px !important;	
	font-weight: 500 !important;
	line-height: 58px !important;
}

@media (min-width: 781px) {
	h1.fon-display, .fon-display h1 {
		font-size: 55px !important;	
		line-height: 66px !important;
	}
}

.fon-title-lg {
	color: #414041;	font-family: "PF Square Sans Pro";	font-size: 34px;	font-weight: 500;	line-height: 35px;
}

.fon-title {
	color: #414041;	font-family: "PF Square Sans Pro";	font-size: 24px;	font-weight: 500;	line-height: 29px;
}

.fon-subtitle-lg {
	color: #414041;	font-family: "PF Square Sans Pro";	font-size: 20px;	font-weight: 500;	line-height: 21px;
}

.fon-subtitle {
	color: #414041;	font-family: "PF Square Sans Pro";	font-size: 20px;	line-height: 24px;
}

.fon-paragraph-bold {
	color: #656464;	font-family: 'Roboto', sans-serif;	font-size: 16px;	font-weight: 300;	line-height: 24px;
}

.fon-paragraph {
	color: #656464;	font-family: 'Roboto', sans-serif;	font-size: 16px;	line-height: 24px;
}

.fon-paragraph-xs {
	color: #808080;	font-family: 'Roboto', sans-serif;	font-size: 10px;	line-height: 11px;
}

.fon-button-text {
	color: #414041;	font-family: "PF Square Sans Pro";	font-size: 18px;	font-weight: 500;	line-height: 23px;
}

.fon-button-text-primary {
	color: #F58E23;	font-family: "PF Square Sans Pro";	font-size: 18px;	font-weight: 500;	line-height: 23px;
}



.bg-primary {background-color: #F48902;}
.bg-secondary {background-color: #FBB500;}
.bg-gradient {background: linear-gradient(61.56deg, #FFD300 0%, #EC7103 100%);}
.bg-dark-gradient {background: linear-gradient(161.72deg, #3A3939 0%, #656464 100%);}
.bg-gradient-1 {background: linear-gradient(224.77deg, #F3F3F3 0%, #F9F9F9 100%);}
.bg-gradient-gris {background: linear-gradient(2.96deg, #F3F3F3 0%, #FFFFFF 100%);}

.bg-dark {background-color: #414041;}
.bg-dark-medium {background-color: #646465;}
.bg-medium {background-color: #7E7F82;}
.bg-medium-light {background-color: #ADAFB2;}
.bg-light {background-color: #F2F2F2;}

.font-roboto {font-family: 'Roboto', sans-serif;}
.font-fon {font-family: 'squaresanspro-regular', sans-serif;}
.font-fon-bold {font-family: 'squaresanspro-medium', sans-serif;}
.font-fon-medium {font-family: 'squaresanspro-medium', sans-serif;}

.et_pb_module.hasseparator .et_pb_module_header:after {
   content: ' ';
   display: block;
   background: linear-gradient(61.56deg, #FFD300 0%, #EC7103 100%);
   margin-top: 16px;
   margin-bottom: 16px;
   width: 38.88px;
   height: 3.99px;
}

.hasseparator .et_pb_blurb_content {
	max-width: 530px !important;
}

.fon-vertical-align {
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}

body, p {
	font-size: 16px;
	line-height: 24px;
	font-family: 'Roboto', sans-serif;
}

h1 {font-size: 34px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 16px;}


h1, h2, h3 {
   font-family: 'squaresanspro-medium', sans-serif;
}

h4, h5, h6 {
   font-family: 'squaresanspro-medium', sans-serif;
}


#top-menu-nav {
	font-family: 'squaresanspro-regular', sans-serif;
}

#top-menu li {
	padding-right: 10px;
}

@media (min-width: 1050px) {
	#top-menu li {padding-right: 20px;}
}

@media (min-width: 1200px) {
	#top-menu li {padding-right: 40px;}
}

@media (min-width: 1250px) {
	#top-menu li {padding-right: 45px;}
}

#top-menu > li > a {
	height: 1em;	  
    font-weight: 500;
	line-height: 19px;
	font-family: 'squaresanspro-medium', sans-serif;
}

#top-menu > li.bordered-menu-item {
	box-sizing: border-box;
    padding: 0.2em 0.8em ;
	border: 2px solid #FFFFFF;
	border-radius: 3px;
}

#top-menu > li.bordered-menu-item a {
   padding-bottom: 0px !important;
   height: 30px;
}

#top-menu > li.current-menu-item.bordered-menu-item a,
.et-fixed-header #top-menu li.current-menu-item.bordered-menu-item > a {
	color: #fff !important;
}


#top-menu > li.bordered-menu-item a:after {
	content: "\35";
    font-size: 22px;
    text-shadow: 0 0;
    font-family: ETmodules!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 35px;
    text-transform: none;
    speak: none;
	transition: all .2s;
    vertical-align:middle;
    position:relative;
    top: -2px;
}




.et_mobile_menu li a {
	border-bottom: 0px;
}

.responsive-fon-map {
	position: relative;
	padding-bottom: 350px;
	height: 0;
	overflow: hidden;
}
.responsive-fon-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
    right: 0;
	width: 100% !important;
}


/* *** FILIGRANAS ************ */




.has-filigrana-1::after {
    content: "";
	position: absolute;
    top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-position: bottom left;   
	background-image: url(https://fon.com/wp-content/themes/fon/imgs/fon_shape2.png)!important;
	background-repeat: no-repeat;
	background-size: 25%;
}

.has-filigrana-home::after {
	background-size: 37%;
}

.has-filigrana-2::after {
    content: "";
	position: absolute;
    top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-position: bottom left;   
	background-image: url(https://fon.com/wp-content/themes/fon/imgs/fon_shape.png)!important;
	background-repeat: no-repeat;
	background-size: 25%;
}

.has-filigrana-secondary::after {
    content: "";
	position: absolute;
    top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-position: bottom left;   
	background-image: url(https://fon.com/wp-content/themes/fon/imgs/secondary_header.png)!important;
	background-repeat: no-repeat;
	background-size: cover;
}

/* *** BOTONES ************************** */


html > body > #page-container .et_pb_button {
	font-family: "squaresanspro-medium";
	font-weight: 500;
	font-size: 18px;
  	background-image: linear-gradient(61.56deg, #FFD300 0%, #EC7103 100%);
}

html > body > #page-container .et_pb_button:hover {
  background-image: linear-gradient(61.56deg, #FFD300 0%, #EC7103 150%);
}

html > body > #page-container .et_pb_button.inversebutton {	
	background-image: none !important;
	background-color:#fff !important;
}

html > body > #page-container .et_pb_button.inversebutton:hover {	
	background-image: linear-gradient(61.56deg, #FFD300 0%, #EC7103 150%) !important;
}

html > body > #page-container .et_pb_button, html > body > #page-container .et_pb_button:after {
	text-shadow: none;
}

html > body > #page-container .et_pb_button:after {
	font-size: 28px;
}

html > body > #page-container .et_pb_bg_layout_dark .et_pb_button {
	background: transparent !important;
	border: solid 2px #fff !important;
}

html > body > #page-container .et_pb_bg_layout_dark .et_pb_button:hover {
	background-image: linear-gradient(61.56deg, #FFD300 0%, #EC7103 100%) !important;
	border-width:0px !important;
    margin:2px;
}

/* *** REGLAS CABECERA FIXED ************ */

#logo.logo-inverse {display:none;}
.et-fixed-header#main-header #logo {display:none;}
.et-fixed-header#main-header #logo.logo-inverse {display:inline-block;}


.et-fixed-header #top-menu > li.bordered-menu-item, body.single-post #top-menu > li.bordered-menu-item, body.whitehead #top-menu > li.bordered-menu-item {
	border: 2px solid #FFFFFF;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	background-image: linear-gradient(61.56deg, #FFD300 0%, #EC7103 100%);
	color: #fff;
}

.et-fixed-header #top-menu > li.bordered-menu-item a, body.single-post #top-menu > li.bordered-menu-item a, body.whitehead #top-menu > li.bordered-menu-item a {
	font-family: "squaresanspro-medium";
	font-weight: 500;
	color: #fff !important;
}

.et-fixed-header #top-menu > li.bordered-menu-item:hover, body.single-post #top-menu > li.bordered-menu-item:hover, body.whitehead #top-menu > li.bordered-menu-item:hover {
	background-image: linear-gradient(61.56deg, #FFD300 0%, #EC7103 150%);
}

.et-fixed-header #top-menu > li.bordered-menu-item:hover a, body.single-post #top-menu > li.bordered-menu-item:hover a, body.whitehead #top-menu > li.bordered-menu-item:hover a {
    opacity: 1;
}

#main-header.et-fixed-header {padding-bottom:15px;}


/* *** REGLAS CABECERA MOBILE ************ */


@media only screen and (max-width: 980px) {
	.et_menu_container {width:100%;}
	#main-header #logo {display:none;}
	#main-header #logo.logo-inverse {display:inline-block;margin-left:5%;}
	#main-header #et_mobile_nav_menu {margin-right:100%;}
}

/* ********** REGLAS CABECERA POSTS ******** */
body.single-post #main-header {background-color:#fff;box-shadow: 0 1px 2px 0 rgba(84,102,119,0.5);}
body.single-post #main-header #logo {display:none;}
body.single-post #main-header #logo.logo-inverse {display:inline-block;margin-left:5%;}
body.single-post #main-header .menu-item a {color: #414041!important;}

/* ********** REGLAS CABECERA INVERTIDA (FONDO BLANCO) ******** */
body.whitehead #main-header {background-color:#fff;box-shadow: 0 1px 2px 0 rgba(84,102,119,0.5);}
body.whitehead #main-header #logo {display:none;}
body.whitehead #main-header #logo.logo-inverse {display:inline-block;margin-left:5%;}
body.whitehead #main-header .menu-item a {color: #414041!important;}

/* ********** REGLAS CABECERA OCULTA ******** */
body.nohead #main-header {display:none;}


/* ******** REGLAS PIE DE PÁGINA ************* */

#footer-bottom {display:none;}
#footer-widgets {padding-top:3%;}
#footer-widgets .footer-widget {margin-bottom:2%;}

.footer-widget .et_pb_widget div, .footer-widget .et_pb_widget ul, .footer-widget .et_pb_widget ol, .footer-widget .et_pb_widget label {
	vertical-align:middle;
	line-height: 60px;
}

footer#main-footer #menu-menu-footer {

}

footer#main-footer #menu-menu-footer li {
	display:inline;white-space:nowrap;
}

footer#main-footer #menu-menu-footer li:before {
	display:none;
}

#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a {
	font-size: 16px;
	font-family: 'squaresanspro-medium', sans-serif;
}

#footer-widgets .footer-widget a:hover, #footer-widgets .footer-widget li a:hover {
	color: var(--primary) !important;
}

#footer-widgets .widget_monarchwidget .et_social_icons_container {display: inline-flex; flex-direction: row;justify-content:center;}
#footer-widgets .widget_monarchwidget .et_social_icons_container > li {float:none;}

@media (max-width: 981px) {
	html body #footer-widgets .footer-widget {margin-bottom: 0.3em !important;}
	html body #footer-widgets .footer-widget:nth-child(n) {margin-bottom: 0.3em !important;}
}

@media (min-width: 981px) {
 
	#footer-widgets .footer-widget:first-of-type {
		width: 15%;
	}
 
	#footer-widgets .footer-widget:nth-of-type(2), #footer-widgets .footer-widget:nth-of-type(3) {
		width: 44.3333%;
	}

	#footer-widgets .footer-widget:last-of-type {
		width: 29.666%;
	}

	#footer-widgets .widget_monarchwidget .et_social_icons_container {
		justify-content:flex-end;
	}
}

@media (max-width: 768px) {
	#footer-widgets {float:none;text-align:center;}
	#menu-menu-footer {float:none;text-align:center;}
	.footer-widget .et_pb_widget {float:none;}
	.et_monarch .et_social_top .et_social_icons_container {display:flex;justify-content:center;}
}

body.nofooter #main-footer {display:none;}

#footer-fon-variant a {color:#B8B8B8;}
#footer-fon-variant a:hover {color:#555;}
.footer-variant-header {font-family: 'squaresanspro-regular', sans-serif;margin-bottom:1em !important;}
.footer-variant-header p {font-family: 'squaresanspro-regular', sans-serif;}
.footer-variant-menu p {padding-bottom:5px;}


/* BLURBS */

.blurb-middle .et_pb_blurb_content {
	display:flex;
	align-items:center;
}
.blurb-middle .et_pb_main_blurb_image {
	margin-bottom:0px;
}
.blurb-middle h3, .blurb-middle h4, .blurb-middle h2 {padding-top:10px;}

/*  Home  */

.card-shadowed {
	box-shadow: 0 2px 12px 0 rgba(179,179,179,0.46);
    transition: transform .4s ease-in-out;
	cursor: pointer;
	border-radius: 3px;
}

.card-shadowed:hover {
	-moz-transform: translate(0px, -16px);
    -ms-transform: translate(0px, -16px);
    -o-transform: translate(0px, -16px);
    -webkit-transform: translate(0px, -16px);
    transform: translate(0px, -16px);
	transition: transform .4s ease-in-out;
	box-shadow: 0 2px 25px 0 rgba(84,102,119,0.13), 0 4px 20px 0 rgba(73,73,73,0.23);
}

.card-shadowed.et_pb_blurb_position_left .et_pb_image_wrap {
	background: linear-gradient(61.56deg, #FFD300 0%, #EC7103 100%);
	border-radius: 50%;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-shadowed.et_pb_blurb_position_left .et_pb_image_wrap img {
	width:auto; height:auto;
}

@media only screen and (min-width: 981px) {
	.card-shadowed {min-height:234px;}
}

@media only screen and (min-width: 1008px) {
	.card-shadowed {min-height:194px;}
}

@media only screen and (min-width: 1090px) {
	.card-shadowed {min-height:178px;}
}

@media only screen and (min-width: 1330px) {
	.card-shadowed {min-height:1px;}
}

@media only screen and (max-width: 500px) {
	.card-shadowed .et_pb_main_blurb_image {display:block;margin-bottom:1em;}
	.card-shadowed .et_pb_blurb_container {padding-left:0px;}
	.et_pb_column > .card-shadowed.et_pb_blurb {
		padding: 1.5em !important;
	}
}

#page-container .wpls-logo-showcase button.slick-prev, #page-container .wpls-logo-showcase button.slick-prev:active {
   background: rgba(0, 0, 0, 0) url(imgs/arrow-left.png) center center no-repeat !important;
   background-size: 8px 16px !important;
}

#page-container .wpls-logo-showcase button.slick-prev:hover, #page-container .wpls-logo-showcase button.slick-prev:focus {
	background: rgba(0, 0, 0, 0.05) url(imgs/arrow-left.png) center center no-repeat !important;
}

#page-container .wpls-logo-showcase button.slick-next, #page-container .wpls-logo-showcase button.slick-next:active {
   	background: rgba(0, 0, 0, 0) url(imgs/arrow-right.png) center center no-repeat !important;
   	background-size: 8px 16px !important;
}

#page-container .wpls-logo-showcase button.slick-next:hover, #page-container .wpls-logo-showcase button.slick-next:focus {
  	background: rgba(0, 0, 0, 0.05) url(imgs/arrow-right.png) center center no-repeat !important;
}

#page-container .wpls-logo-showcase button.slick-arrow {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}


/* ******** LEGAL ************* */

.legal-menu-component h4 {margin-bottom:1em;line-height:1.3em;}



/* Button with animated background gradient position and arrow movement */

body > #page-container .et_pb_button {
  /* !important in order to rewrite Divi definition */
  background-image: linear-gradient(90deg, #FFD300 0%, #EC7103 100%)!important; /* To Be Done. Need vendor prefixes gradient fallbacks */
  background-size: 150% auto!important;
  background-position: 50% 0;
  transition: all .35s ease-in-out;
}
/* Text shadow in order to increase contrast and readability */
body > #page-container .et_pb_button, body > #page-container .et_pb_button:after {
  text-shadow: 2px 1px 1px rgba(0,0,0,.2)
}
/* Hover animated gradient */
body > #page-container .et_pb_button:hover {
  /* !important again in order to rewrite Divi definition */
  background-image: linear-gradient(90deg, #FFD300 0%, #EC7103 100%)!important; /* To Be Done. Need vendor prefixes gradient fallbacks */
  background-position: 0 0;
}
/* Hover animated arrow */
body > #page-container .et_pb_button:hover:after {
  margin-left: 3px;
}


/* ******** NEWSROOM ************* */

.et_pb_blog_grid .et_pb_post {
	box-shadow: 0 1px 2px 0 rgba(84,102,119,0.5), 0 1px 16px 0 rgba(88,108,132,0.15);
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.et_post_meta_wrapper .entry-title {display:none;}

.btn_newsroom .et_pb_blurb_content .et_pb_image_wrap img {
	width:48px;
    height:48px;
}

.btn_newsroom .et_pb_blurb_content .et_pb_image_wrap {
	width:60px;height:60px;
	padding:6px;
	border-radius: 50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	background-color: #FFFFFF;
	box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1);
}
.btn_newsroom_active .et_pb_blurb_content .et_pb_image_wrap {
	background: linear-gradient(61.56deg, #FFD300 0%, #EC7103 100%);
	box-shadow: none;
}
.btn_newsroom.et_pb_blurb_position_left .et_pb_blurb_container, .btn_newsroom.et_pb_blurb_position_right .et_pb_blurb_container {
	vertical-align:middle;
	padding-left:18px;
}
.btn_newsroom.et_pb_blurb_position_left .et_pb_blurb_container .et_pb_module_header, .btn_newsroom.et_pb_blurb_position_right .et_pb_blurb_container .et_pb_module_header {padding-bottom:0px;color:#414041;font-size:18px !important;font-family: "squaresanspro-medium";}


/* ******** TELCO ACCESS ************* */

.floatingad_container {
	display: flex;
	align-items: flex-end;
	flex-direction: row;
	justify-content: flex-end;
}

div.floating-ad {
}

div.floating-ad .floating-ad-inner {
	background-color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    box-shadow: 0 2px 12px 0 rgba(179,179,179,0.46);
	text-align: center;
}

div.floating-ad .floating-ad-inner .close {
	float: right;
}

div.floating-ad .floating-ad-inner .floating-inner-container {
	padding: 0.5em 2.5em 1.5em;
}

div.floating-ad .floating-ad-inner h2 {
	clear: both;
}

.et_pb_row.success-story {}

.success-stories-carousel .success-stories-prev > img {width:auto;max-width:unset;margin-right:2em;cursor:pointer;}
.success-stories-carousel .success-stories-next > img {width:auto;max-width:unset;margin-left:2em;cursor:pointer;}
.success-stories-carousel {display:flex;align-items:center;justify-content:space-between;}
.success-stories-container {display:flex;align-items:center;justify-content:space-between;}
.success-stories-container > img {max-width:20%;cursor:pointer;transition: transform .4s ease-in-out;}
.success-stories-container > img:hover, .success-stories-container > img.selected {
	-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);			
}

@media only screen and (max-width: 981px) {
	.success-stories-container > img {display:none;}
	.success-stories-container > img.selected {display:inline-block;max-width:100%;}
	.success-stories-container > img:hover, .success-stories-container > img.selected {
	-moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);			
}
}

/* ******** WHOLESALE ACCESS ************* */

.tablaunch .et_pb_blurb_content {display:flex;align-items:center;min-height:46px;}
.tablaunch .et_pb_blurb_content .et_pb_main_blurb_image {margin:0px;padding:0px;}
.tablaunch .et_pb_blurb_content .et_pb_module_header {margin:0px;padding:0px;}
.tablaunch {padding-bottom:18px;cursor:pointer;min-height:66px;}
.tablaunch-active {border-bottom:solid 2px var(--primary);}

.tabcontent {display:none;}
.tabcontent.tabcontent-active {display:block;}

#tablaunch-mvnos.tablaunch-active .et_pb_image_wrap > img {
   content: url('imgs/mvnos.png');
}
#tablaunch-iots.tablaunch-active .et_pb_image_wrap > img {
   content: url('imgs/iots.png');
}
#tablaunch-loyalty.tablaunch-active .et_pb_image_wrap > img {
   content: url('imgs/loyalty.png');
}
#tablaunch-travel.tablaunch-active .et_pb_image_wrap > img {
   content: url('imgs/travael.png');
}

@media only screen and (max-width: 981px) {
	.tabcontent .et_pb_column:last-child {margin-top:2em;}
}

/* ************* CONSUMER ACCESS ************* */

#chooseCountryHowItWorks {margin-top: 1em;}
.fonselect {
	font-family: "squaresanspro-medium";
	font-weight: 500;
	background: linear-gradient(61.56deg, #FFD300 0%, #EC7103 100%);
	color:#fff;
	padding:0.3em 0.7em 0.3em 2em;
	border:0px;
	font-size:20px;
    padding-right:30px;
	border-radius:3px;
	height: 2.1em;
	line-height: 1.7em !important;
}
.fonselect:focus {color:#fff;}
.fonselect > option {background:#fff;color:#656464;}

.connect-tab {display:none;}
.connect-tab:first-child {display:block;}


/* ************* ABOUT ************* */

.accordion-container {}
.accordion-item {margin-bottom: 2em;}
.accordion-item-header {display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.accordion-item-header .aih-imgwrapper {width:80px;text-align:center;}
.accordion-item-header > div {display:flex;align-items:center;}
.accordion-item-header > div > p {display:none;}
.accordion-item-header h3 {display:inline-block;margin-bottom:0px;padding-bottom:0px;color:#666;}
.accordion-item.open .accordion-item-header h3 {color:#333;}
.accordion-item-content {padding-left:80px;display:none;}
.accordion-item.open .accordion-item-content {display:inline-block;}
.accordion-item.open .accordion-item-header .accordion-arrow {
	transform: rotateX(180deg);
	-webkit-animation:spin 0.5s linear infinite;
    -moz-animation:spin 0.5s linear infinite;
    animation:spin 0.5s linear infinite;
}

.blurb-horizontal-center .et_pb_blurb_container {vertical-align: middle;}
.blurb-horizontal-center .et_pb_blurb_container .et_pb_module_header {padding-bottom:0px;}

/* ************* FNI ************* */

#fni-selectors {display:flex;justify-content:space-around;margin-bottom:1em;}
#fni-selectors > img {cursor:pointer;}
#fni-selector-presentation:hover, #fni-selector-presentation.selector-active {content: url('imgs/presentation.png');}
#fni-selector-certified:hover, #fni-selector-certified.selector-active {content: url('imgs/certificated.png');}
#fni-selector-scalable:hover, #fni-selector-scalable.selector-active {content: url('imgs/scalable.png');}
#fni-selector-research:hover, #fni-selector-research.selector-active {content: url('imgs/research.png');}
#fni-selector-console-customize:hover, #fni-selector-console-customize.selector-active {content: url('imgs/console_cusotmize.png');}
#fni-selector-ux:hover, #fni-selector-ux.selector-active {content: url('imgs/ux.png');}
.fni-section {display:none;}
.fni-section.section-active {display:block;}

/* ************** FWA ****************** */

.fon-has-burb {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.fon-has-burb > .et_pb_module {
	display:flex;height:100%;
}
.fon-has-burb > .et_pb_module > .et_pb_code_inner {
	display:flex;height:100%;
}

.blurb-fon {
	display: flex;
    flex-direction: column;
	height:100%;
    justify-content: space-between;
}
.blurb-item {display:flex;align-items:center;}
.blurb-item > .img-wrapper {min-width:60px;text-align:left;}
.blurb-left-fon .blurb-item > .img-wrapper {order:2;text-align:right;}

/* *********** SUPPORT ***************** */

#tablaunch-consumer.tablaunch-active .et_pb_image_wrap > img {
   content: url('imgs/consumer-support-hover.png');
}
#tablaunch-business.tablaunch-active .et_pb_image_wrap > img {
   content: url('imgs/business-support-hover.png');
}
#tablaunch-partners.tablaunch-active .et_pb_image_wrap > img {
   content: url('imgs/partner-support-hover.png');
}


/* *********** TIMELINE ***************** */
#table-timeline {
	width:100%;
	background-image: url(imgs/timeline_line_bg.png);
    background-repeat: repeat-x;
	background-position: bottom;
}
#table-timeline, #table-timeline tr > td {border:0px;text-align:center;vertical-align:middle;padding:0px;}
#table-timeline tr.timeline-years {
	color: rgba(65,64,65,0.46);	
	font-family: "squaresanspro-medium";	
	font-size: 20px;	
	font-weight: 500;	
	line-height: 32px;
}
#table-timeline tr.timeline-markers {
	height:51px;
	background-image: url(imgs/timeline_line_bg_selected.png);
	background-repeat: no-repeat;
	background-size: 0px 51px;
	transition: background-size 0.4s ease-in;
	-moz-transition: background-size 0.4s ease-in;
	-ms-transition: background-size 0.4s ease-in;
	-o-transition: background-size 0.4s ease-in;
	-webkit-transition: background-size 0.4s ease-in;
}
#table-timeline tr.timeline-markers > td {	
	height:51px;
	line-height:0px;
}
#table-timeline tr.timeline-markers td[data-pmb-year] {
	text-align:center;
}
#table-timeline tr.timeline-markers [data-pmb-year] > img {cursor:pointer;}
#table-timeline tr.timeline-markers [data-pmb-year] > img.dot-selected {display:none;}
#table-timeline tr.timeline-markers [data-pmb-year]:hover > img, #table-timeline tr.timeline-markers [data-pmb-year].selected > img {display:none;}
#table-timeline tr.timeline-markers [data-pmb-year]:hover > img.dot-selected, #table-timeline tr.timeline-markers [data-pmb-year].selected > img.dot-selected {display:inline;}


#table-timeline tr > td:first-child, #table-timeline tr > td:last-child {width:10%;}


#slider-timeline {width:70%;max-width:650px;padding-top:1.5em;margin:0px auto;display:flex;align-items:center;}
#slider-timeline img {width:auto;max-width:unset;}
#slider-timeline #slider-timeline-prev {cursor:pointer;}
#slider-timeline #slider-timeline-next {cursor:pointer;}
#slider-timeline-content {margin-left:2em;margin-right:2em;}
#slider-timeline-content [data-pmb-timelinecontentyear] {display:none;}
#slider-timeline-content [data-pmb-timelinecontentyear]:first-of-type {display:flex;align-items:center;justify-content:between;}
#slider-timeline-content [data-pmb-timelinecontentyear] .stc-year {
	color: #A6A6A7;
	font-family: "squaresanspro-medium";
	font-size: 55px !important;	
	font-weight: 500 !important;
	line-height: 66px !important;
	opacity: 0.26;
	padding-right: 0.7em;
}
#slider-timeline-content [data-pmb-timelinecontentyear] .stc-text {
	color: #656464;	font-family: Roboto;font-size: 16px;line-height: 24px;
}

@media only screen and (max-width: 500px) {
	#table-timeline tr.timeline-years {
		font-size:16px;
	}
	#table-timeline tr > td:first-child, #table-timeline tr > td:last-child {width:5%;}
	#slider-timeline {width:94%;}
	#slider-timeline-content [data-pmb-timelinecontentyear] {flex-direction:column;text-align:center;}
	#slider-timeline-content [data-pmb-timelinecontentyear] .stc-year {padding-right:0px;}
}


/* **************** SDK ******************** */

body.page-id-169 header .logo_container img#logo {
	content: url('https://fon.com/wp-content/uploads/2018/06/AF_FON_RGB_NEG.png') !important;
}
.sdk-sslaunch {cursor:pointer;}
.sdk-sslaunch img {transition: transform .4s ease-in-out;}
.sdk-sslaunch.selected img, .sdk-sslaunch:hover img {
	-moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}


/* **************** HOME FON ********************** */

#homefonselectorrow #col_fonnetwork:hover .blurbhaslogo img {
	content: url('https://fon.com/wp-content/uploads/2018/06/AF_FON_RGB_NEG_default.png') !important;
}

#homefonselectorrow #col_fontech:hover .blurbhaslogo img {
	content: url('https://fon.com/wp-content/uploads/2018/06/fontech_negative_hover.png') !important;
}

#homefonselectorrow {cursor:pointer;}
#homefonselectorrow > .et_pb_row > .et_pb_column:hover {
	background-color: rgba(16,16,16,0.2);
}

/* *************** FONCARDS ******************* */
.foncards_row .et_pb_blurb h2 > a {font-size:24px;font-weight:500 !important;}
.foncards_row .et_pb_main_blurb_image {margin-bottom:15px;}
/* 
.foncards_row > div.et_pb_column {width:24%;margin-right:1%;}
.foncards_row > div.et_pb_column:last-child {margin-right:0px;}
*/

html > body > #page-container .et_pb_button.inversebutton.btnfontechinverse:hover {
	background: linear-gradient(50.17deg, #29D4EE 0%, #197FBB 100%) !important;
}

.et_pb_pagebuilder_layout.single-post #page-container .et_pb_section_first .et_pb_row {padding-bottom:0px;}


#go_to_paris, #go_to_melbourne, #go_to_tokio {cursor:pointer;position:relative;}

#go_to_paris:hover::after, #go_to_melbourne:hover::after, #go_to_tokio:hover::after {
	content: ' ';
   	display: block;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top:0px;left:0px;right:0px;bottom:0px;
}


/* ************************* BLOG *********************************** */

.blog-modulo-fon article.et_pb_post {display:flex;flex-direction:column;}
.blog-modulo-fon article.et_pb_post > .post-content > p {display:none;}
.blog-modulo-fon article.et_pb_post > .et_pb_image_container {order:1;}
.blog-modulo-fon article.et_pb_post > .post-meta {order:2;}
.blog-modulo-fon article.et_pb_post > .entry-title {order:3;}
.blog-modulo-fon article.et_pb_post > .post-content {order:4;}
.blog-modulo-fon article.et_pb_post a.more-link {color:#808080;}
.blog-modulo-fon article.et_pb_post a.more-link:hover {color:var(--primary);}
.blog-modulo-fon article {
	transition: transform .4s ease-in-out;
}
.blog-modulo-fon article:hover {
	-moz-transform: translate(0px, -16px);
    -ms-transform: translate(0px, -16px);
    -o-transform: translate(0px, -16px);
    -webkit-transform: translate(0px, -16px);
    transform: translate(0px, -16px);
	transition: transform .4s ease-in-out;
	box-shadow: 0 2px 25px 0 rgba(84,102,119,0.13), 0 4px 20px 0 rgba(73,73,73,0.23);
}

/* ****************** TEAM ***************************************** */

.row-fonteam > .et_pb_column {background-color: #F9F9F9;position:relative;}
.row-fonteam .fonteam-detail {
	display:flex;
	flex-direction: column;
	justify-content: center;
	background-color: #F9F9F9;
	position:absolute;top:0px;left:0px;right:0px;bottom:0px;max-height:0px;overflow:hidden;
	transition: max-height .4s ease-in-out;
}

.row-fonteam .fonteam-detail > .et_pb_text_inner {
	padding: 1em;overflow-y:auto;
}

.row-fonteam > .et_pb_column:hover .fonteam-detail {
	max-height: 800px;
}
.row-fonteam .fonteam-detail a.teamlink {
	content: url('/wp-content/themes/fon/imgs/ic_in_active.png') !important;
}
.row-fonteam > .et_pb_column:hover a.teamlink {
	content: url('/wp-content/themes/fon/imgs/ic_in.png') !important;
}

.row-fonteam .fonteam-detail a.teamlink:hover {
	content: url('/wp-content/themes/fon/imgs/ic_in_active.png') !important;
}

@media only screen and (max-width: 980px) {
	.et_pb_section > .et_pb_row.row-balanceada {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}