@font-face {
	font-family: 'Campton Book';
	src: url('//www.pandasecurity.com/fonts/campton/Campton Book.eot');
	src: local('☺'), url('//www.pandasecurity.com/fonts/campton/Campton Book.woff') format('woff'), url('//www.pandasecurity.com/fonts/campton/Campton Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Campton SemiBold';
	src: url('//www.pandasecurity.com/fonts/campton/Campton SemiBold.eot');
	src: local('☺'), url('//www.pandasecurity.com/fonts/campton/Campton SemiBold.woff') format('woff'), url('//www.pandasecurity.com/fonts/campton/Campton SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Campton Bold';
	src: url('//www.pandasecurity.com/fonts/campton/Campton Bold.eot');
	src: local('☺'), url('//www.pandasecurity.com/fonts/campton/Campton Bold.woff') format('woff'), url('//www.pandasecurity.com/fonts/campton/Campton Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Campton Medium';
	src: url('//www.pandasecurity.com/fonts/campton/Campton Medium.eot');
	src: local('☺'), url('//www.pandasecurity.com/fonts/campton/Campton Medium.woff') format('woff'), url('//www.pandasecurity.com/fonts/campton/Campton Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Campton Light';
	src: url('//www.pandasecurity.com/fonts/campton/Campton Light.eot');
	src: local('☺'), url('//www.pandasecurity.com/fonts/campton/Campton Light.woff') format('woff'), url('//www.pandasecurity.com/fonts/campton/Campton Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Campton ExtraLight';
	src: url('//www.pandasecurity.com/fonts/campton/Campton ExtraLight.eot');
	src: local('☺'), url('//www.pandasecurity.com/fonts/campton/Campton ExtraLight.woff') format('woff'), url('//www.pandasecurity.com/fonts/campton/Campton ExtraLight.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Campton Thin';
	src: url('//www.pandasecurity.com/fonts/campton/Campton Thin.eot');
	src: local('☺'), url('//www.pandasecurity.com/fonts/campton/Campton Thin.woff') format('woff'), url('//www.pandasecurity.com/fonts/campton/Campton Thin.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: "Century Gothic";
    src: url("/bitrix/templates/panda_new_home/fonts/CenturyGothicRegular/CenturyGothic.eot");
    src: url("/bitrix/templates/panda_new_home/fonts/CenturyGothicRegular/CenturyGothic.eot?#iefix")format("embedded-opentype"),
        url("/bitrix/templates/panda_new_home/fonts/CenturyGothicRegular/CenturyGothic.woff") format("woff"),
        url("/bitrix/templates/panda_new_home/fonts/CenturyGothicRegular/CenturyGothic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Century Gothic";
    src: url("/bitrix/templates/panda_new_home/fonts/CenturyGothicRegular/CenturyGothic-Bold.eot");
    src: url("/bitrix/templates/panda_new_home/fonts/CenturyGothicRegular/CenturyGothic-Bold.eot?#iefix")format("embedded-opentype"),
        url("/bitrix/templates/panda_new_home/fonts/CenturyGothicRegular/CenturyGothic-Bold.woff") format("woff"),
        url("/bitrix/templates/panda_new_home/fonts/CenturyGothicRegular/CenturyGothic-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}
html, body {
	font-family: "Campton Light", "Century Gothic";
	margin: 0;
	padding: 0;
	color: #ffffff;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	transition: all .5s;
}
img {
	border: 0;
}
strong {
	font-weight: normal;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
p {
	margin: 0;
	padding: 0;
}
nav, header, section, article, main, footer {
	padding: 0;
	box-sizing: border-box;
	margin: 0;
	position:relative;
}
.main{
	padding-top:0 !important;
}
footer {
    background-color: #0d0d0d;
}
.contenedor {
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	position: relative;
	display:block;
}

.button_zone{
	text-align:center;
	font-size:0;
	margin-top:35px;
}
.button_zone a{
	display:inline-block;
	font-family:"Campton Medium", "Century Gothic";
	font-size:13px;
	text-transform:uppercase;
	border-radius:25px;
	color:#ffffff;
	padding:9px 25px;
	margin:7px;
	font-weight:bold;
}
.button_zone a.boton_naranja{
	background-color:#fd9d56;
}
.button_zone a.boton_naranja:hover{
	background-color:rgba(253,157,86,.7);
	transition:background .3s;
}
.button_zone a.boton_azul{
	background-color:#6dacde;
}
.button_zone a.boton_azul:hover{
	background-color:rgba(109,172,222,.7);
	transition:background .3s;
}
.button_zone a.boton_verde{
	background-color:#51d4a3;
}
.button_zone a.boton_verde:hover{
	background-color:rgba(81,212,163,.7);
	transition:background .3s;
}
.button_zone a.boton_gris{
	background-color:#8b97a7;
}
.button_zone a.boton_gris:hover{
	background-color:rgba(139,151,167,.7);
	transition:background .3s;
}


.h3_title{
	font-family:"Campton SemiBold", "Century Gothic";
	font-size:45px;
	text-align:center;
	padding-bottom:30px;
	font-weight:bold;
}

#volver_arriba{
	position:fixed;
	bottom:120px;
	right:75px;
	display:block;
	opacity:0;
	transition:all .5s;
}

#volver_arriba.position_absolute{
	position:absolute !important;
}

#volver_arriba.subir_visible{
	opacity:1;
}
#volver_arriba a{
	font-family:"Campton Book", "Century Gothic";
	font-size:10px;
	position:relative;
	padding-top:35px;
	color:#ffffff;
}
#volver_arriba a:after{
	font-family:ico_panda;
	content: "\e66a";
	display:block;
	width:100%;
	height:31px;
	text-align:center;
	font-size:50px;
	position:absolute;
	left:0;
	top:-17px;
}


/************Menu******************/

nav{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	text-align:right;
	font-size:0;
	background-color:#2e3439;	
	font-family:"Campton Medium", "Century Gothic";
	font-weight:bold;
	z-index:4;
	padding:0 25px;
	transition:all .5s;
}
	
nav a:hover,
nav a.active_menu{
	color:#6dacde;
}
#sub_nav{
	text-align:center;
	font-size:0;
	background-color:#f9fafb;
	transition:all .5s;
	position:fixed;
	top:70px;
	width:100%;
	left:0;
	z-index:2;
	transform:translateY(0);
}
#sub_nav.submenu_oculto{
	transform:translateY(-100%);
}

#sub_nav.small_sub_nav{
	top:50px;	
}
#sub_nav #contenido_sub_nav{
	display:table;
	height:115px;
	margin:0 auto;	
	transition:all .5s;
}

#sub_nav.small_sub_nav #contenido_sub_nav{
	height:50px;
}

#sub_nav #contenido_sub_nav > div{
	display:table-cell;
	vertical-align:middle;
	padding:0 35px;
	position:relative;
	opacity:1;
	transition:opacity .5s;
	transition-delay:.5s;
}
#sub_nav.submenu_oculto #contenido_sub_nav>div{
	opacity:0;
}
#sub_nav #contenido_sub_nav > div h3{
	font-family:"Campton SemiBold", "Century Gothic";
	font-weight:bold;
	font-size:18px;
	color:#2e3439;
	display:inline-block;
	vertical-align:bottom;	
	margin:0 15px;
	height:50px;
	line-height:50px;
}
#sub_nav #contenido_sub_nav > div a{
	color:#575f69;
	font-family:"Campton Medium", "Century Gothic";
	font-size:16px;
	display:inline-block;
	vertical-align:bottom;	
	margin:0 15px;
	position:relative;
	height:50px;
	line-height:50px;
}

#sub_nav #contenido_sub_nav > div a.ancla:after{
	content:"";
	position:absolute;
	width:0;
	left:50%;
	transition:all .3s;
	height:2px;
	bottom:10px;
	background-color:#575f69;
}
#sub_nav #contenido_sub_nav > div a.ancla.option_selected:after,
#sub_nav #contenido_sub_nav > div a.ancla:hover:after{
	width:100%;
	left:0;
}

#sub_nav #contenido_sub_nav .button_zone{
	margin:0;
}

#sub_nav #contenido_sub_nav .button_zone a{
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	line-height:inherit;
	height:inherit;
}


@media screen and ( max-width: 950px ) {
	#scroll_down,
	#volver_arriba{
		display:none;
	}	
	#numeros #numeros_animados{
		padding: 20px 0 !important;
	}
	
	nav{
		height:50px;
		transition:all .5s;
		overflow:hidden;
		padding:0;
		box-sizing:border-box;
	}
	
	nav a#logo_panda_header{
		position:absolute;
		top:0;
		left:20px;
		background:url(/bitrix/templates/ad/ad_files/img/logo_panda.png) no-repeat left center;
		width:106px;
		height:50px;
		text-indent:999999px;
		display:block;
	}

	nav.menu_activo{
		height:100%;
	}
	
	nav #ctrl_menu{
		position:absolute;
		top:0;
		right:0;
		display:block;
		height:50px;
		width:65px;
		cursor:pointer;
	}
	
	nav #ctrl_menu #icono_menu{
		display:block;
		position:absolute;
		top:24px;
		right:20px;
		background-color:#ffffff;
		width:25px;
		height:2px;
		transition:all .5s;
	}
	nav #ctrl_menu #icono_menu:before,
	nav #ctrl_menu #icono_menu:after{
		content:"";
		display:block;
		position:absolute;
		right:0;
		background-color:#ffffff;
		width:100%;
		height:2px;		
		transition:all .5s;
	}
	nav #ctrl_menu #icono_menu:before{
		top:-10px;
	}
	nav #ctrl_menu #icono_menu:after{
		top:10px;
	}
	
	nav.menu_activo #ctrl_menu #icono_menu{
		background-color:#2e3439;	
	}
	nav.menu_activo #ctrl_menu #icono_menu:before{
		top:0;
		transform:rotate(45deg);
	}
	nav.menu_activo #ctrl_menu #icono_menu:after{
		top:0;
		transform:rotate(-45deg);
	}
	
	nav a:nth-child(3){
		padding-top:90px;
	}
	nav a{
		color:#ffffff;
		font-size:20px;
		display:table;
		padding:25px 0 10px;
		margin:0 auto 14px;
		border-bottom:1px solid #2e3439;
		box-sizing:border-box;	
		text-align:center;	
	}
		
	nav a.active_menu{
		border-bottom:1px solid #6dacde;
	}	
	
	nav a#demo_menu:before{
		content:"";
		display:block;
		width:16px;
		height:2px;
		background-color:#ffffff;
		position:absolute;
		top:-25px;
		left:50%;
		margin-left:-8px;
	}
	nav a#demo_menu{
		margin-top:50px;
		color:#e69c5b;
		position:relative;
	}	
	
	#sub_nav,
	#sub_nav.small_sub_nav{
		top:50px;
	}
	
	#sub_nav #contenido_sub_nav > div {
		width:100%;
	}
}

@media screen and ( min-width: 951px ) and ( max-width: 1123px ) {
	#volver_arriba{
		display:none;
	}
	
}

@media screen and ( min-width: 951px ) {	
	
	nav #ctrl_menu,	
	nav a#demo_menu{
		display:none;
	}
	
	nav{
		height:70px;
		line-height:70px;
	}
	
	nav a#logo_panda_header{
		float:left;
		background:url(/bitrix/templates/ad/ad_files/img/logo_panda.png) no-repeat left center;
		width:106px;
		height:100%;;
		text-indent:999999px;
	}
	
	nav a{
		color:#ffffff;
		font-size:15px;
		display:inline-block;
		vertical-align:middle;
		padding:0 25px;
		box-sizing:border-box;
		position:relative;
	}
	
	nav a:after{
		content:"";
		width:0;
		height:2px;
		position:absolute;
		bottom:0;
		left:50%;
		transition:all .3s;
		background-color:#6dacde;
	}
	
	nav a:hover:after,
	nav a.active_menu:after{
		left:15%;
		width:70%;
	}
	
	nav.small_menu{
		height:50px;
		line-height:50px;
	}
		
	
}

@media screen and ( min-width: 951px ) and ( max-width: 1700px ) {
	#sub_nav{
		top:70px;
	}
	#sub_nav.small_sub_nav{
		top:50px;
	}
	#sub_nav #contenido_sub_nav > div {
		width:33.33%;
	}
	#sub_nav #contenido_sub_nav > div.button_zone{
		text-align:center;
		line-height:30px;
		padding-top:10px;
	}
	#sub_nav #contenido_sub_nav > div.button_zone a{
		display:inline-block;
	}
}

@media screen and ( max-width: 1700px ) {
	
	#sub_nav #contenido_sub_nav,
	#sub_nav.small_sub_nav #contenido_sub_nav{
		width:100%;
		display:block;
		text-align:center;
		height:auto;
	}
	
	#sub_nav #contenido_sub_nav > div {
		display:inline-block;
		text-align:left;
		padding:0;
		vertical-align:top;
	}
	
	#sub_nav #contenido_sub_nav > div:first-of-type:after{
		display:none;
	}
	
	#sub_nav #contenido_sub_nav > div h3{
		position:relative;
		width:100%;
		max-width:780px;
		cursor:pointer;	
		border-top:1px solid #ecedef;
		border-bottom:1px solid #ecedef;
		border-left:1px solid #f9fafb;
		border-right:1px solid #f9fafb;
		margin:0;
		padding:0 25px;
		box-sizing:border-box;
	}
	#sub_nav #contenido_sub_nav > div h3:after{
  		content: "\e669";
		font-family: "ico_panda";
		position:absolute;
		right:20px;
		top:-5px;
		font-size:40px;
	}
	#sub_nav #contenido_sub_nav > div.visible_sub_nav h3{
		border-left:1px solid #ecedef;
		border-right:1px solid #ecedef;
		border-bottom:1px solid #f9fafb;
	}
	#sub_nav #contenido_sub_nav > div a{
		display:none;
		margin:0;
		padding:0 25px;
		border-left:1px solid #ecedef;
		border-right:1px solid #ecedef;
	}
	#sub_nav #contenido_sub_nav > div.visible_sub_nav a{
		display:block;
	}
}

#tips_panel{display:none;}
.tips_panel_container {position:fixed;right:20px;top:110px;z-index:300;}
.tips_panel{display:none;margin-bottom:6px;width:270px;font-size:1em;font-weight:bold;font-family:"Century Gothic",Arial;background-color:rgb(216,219,219);background-color:rgba(216,219,219,0.95);text-align:center;color:#5a5a5a;}
.tips_panel__{display:none;position:fixed;right:20px;top:110px;width:270px;font-size:1em;font-weight:bold;font-family:"Century Gothic",Arial;background-color:rgb(216,219,219);background-color:rgba(216,219,219,0.95);text-align:center;z-index:3;color:#5a5a5a;}
.tips_panel strong{font-family:"Century Gothic",Arial;color:#009c4b;font-weight:bold;}
.tip_close{text-align:right;text-decoration:none;color:#747474;font-family:"Campton ExtraLight","Century Gothic",Arial;font-size:1.5em;line-height:0.5em;padding:0.5em 0.5em 0 0;cursor:pointer;}
.tip_title{margin-bottom:0.5em;}
.tip_email,.tip_user{outline:none;font-family:"Century Gothic",Arial;text-align:center;border:1px solid #c0c0c0; border-radius:2em;padding:0.4em 1em;margin-top:0.4em;}
.tip_button{background-color:rgb(83,164,104);background-color:rgba(83,164,104,0.8);color:#fff;text-decoration:none;display:block;padding:0.5em;margin-top:1em;}
.tips_panel .error_input{border:1px solid red;}
@media screen and (max-width: 1023px){
.tips_panel{right:auto;left:50%;width:540px;margin-left:-270px;top:150px;background-color:#fff;font-size:18px;border:1px solid #d7d7d7;}
.tip_title{font-size:1.5em;display:inline-block;border-bottom:1px solid #d7d7d7;padding:0.8em;}
.tip_button{background-color:rgb(83,164,104);width:240px;margin:2em auto;padding:0.8em;}
.tip_msg{margin-bottom:1em;}
.tip_email,.tip_user{font-size:1em;}
}
@media screen and (max-width:600px){
.tips_panel{width:auto;left:auto;margin:0 20px;top:110px;}
}
@media screen and (max-width:420px){
.tip_title{font-size:1.15em;}
.tips_panel{width:90%;}
}