@charset "utf-8";
/* CSS Document */

/*
-- STYLES GROUPS INDEX
    1.- General
    2.- Header
    3.- Footer
    4.- Messages
    5.- Admin
    6.- Public pages
    7.- Forms
    8.- Plugins
    9.- Media queries

*/

/******************************/
/* 1.- GENERAL*/
/******************************/

/*Wrap - Container*/
        .container {min-height: 600px;/*calc(100vh - 140px);*/ padding-top: 80px; padding-bottom:20px; max-width:auto;}
			@media (min-width: 1200px) {
			  .container { max-width: 95%;}
			}

        #inner-wrap{margin-top:72px;}
        .inner-wrap{margin-top:72px;}
        
        #wrap{min-height:560px;}
        
        #wrap{width:100%; float:left;  margin-top:10px; min-height:480px;}
                #inner-wrap{width:100%; margin:10px auto; clear:both;}


        #wrap.externo{margin-top:10px;}

        #wrap.interno{margin-top:10px;}      
	
/*Fontface
	@font-face{font-family:form; src:url('../fonts/form-regular.otf');}
	@font-face{font-family:form; src:url('../fonts/form-bold.otf'); font-weight:bold;}
	@font-face{font-family:form; src:url('../fonts/form-italic.otf'); font-style:italic;}
        @font-face{font-family:helvetica; src:url('../fonts/HelveticaNeueLTStd-Bd.otf'); font-style:bold;}
        */
    @font-face{font-family:Lato; src:url('../fonts/Lato-Regular.ttf');}
	@font-face{font-family:Roboto; src:url('../fonts/Roboto-Regular.ttf');}
/*Body*/
	
	body{margin:0; padding:0; font-size:17px; font-family:'Lato', sans-serif; color:#575757; }
        body a:hover{cursor:hand; cursor:pointer;}
     .paginate_button {margin: 0 15px;}
/*Tipography*/

	p, .p{line-height:135%;}
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{line-height:110%; color: #333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; font-family:Lato, Roboto, sans-serif; margin:0;}
	
	p, .p{font-size:0.82em;}
	h6, .h6{font-size:0.875em;}
	h5, .h5{font-size:1em;}
	h4, .h4{font-size:1.125em;}
	h3, .h3{font-size:1.375em;}
	h2, .h2{font-size:1.625em; font-weight: bold;}
	h1, .h1{font-size:2em;}
	
	.normal{font-weight:normal;}
	.bold{font-weight:bold;}
	.italic{font-style:italic;}
	
	.clear{clear:both;}
	.no-clear{clear:none;}
			
        p + p{text-indent:0em;}

	.marginTop20{margin-top:20px;}
	table { font-family: 'Roboto', sans-serif; font-size: 14px; }
	
	h5,h6,p{text-align:justify;}
	
/*Images*/
        /*limit the photo showed to not exceed the size of the cropping window */
        .select-picture-foto img { max-width: 100%;}
        img {max-width: 100%;}

/*Lists*/
	.sidebar-nav { margin-top: 20px !important;}
	ul, li{padding:0; margin:0; list-style:none; float:left;}
		ul a{display:block;}
        .list-view{margin: 0 auto; width: 100%;}
            .list-view li{list-style:disc outside; float:left; width:30%; margin-left: 25px;}
/*Media Query*/
        @media (max-width:480px){.list-view li{width: 40%;}}
        
/*Anchors*/
	
	a{text-decoration:none; }
	a:link{text-decoration:none; }
	a:visited{}
	a:focus{outline:none; outline:none; outline-offset:0;}
	a:hover, a:active{color:#C60; text-decoration:none; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in;}
		ul a:hover, ul a:active{color:#C60; text-decoration:none; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in;}

        
/*Pagination*/
	
	ul.pagination{width:880px; margin:10px 0 35px;}
            .pagination span a{display:block; padding:0; width:30px; height:30px; line-height:30px; border-radius:15px; float:left; text-align:center; font-size:12px; color:#666; border:1px solid #CCC; margin-left:5px;}
                .pagination span a:hover{opacity:0.6; filter: alpha (opacity=60);}
                .pagination .active a{color:#FFF; background: #227C50;}
                .pagination span.active a:hover{background:#4A4576;}

                    .pagination > span > a, .pagination > span > span{ background-color:#EEE;}
                    .pagination > span:first-child > a, .pagination > span:first-child > span {border-bottom-right-radius: 4px; border-top-right-radius: 4px;	margin-left: 0;}
                    .pagination > span:last-child > a, .pagination > span:last-child > span  {border-bottom-left-radius: 4px; border-top-left-radius: 4px;}

        .pagination{float:left;}
        
/*Colors*/

        .orange{color:#e8b012 !important;}
        .light-orange{color: #E8B012 !important;}
        .lighter-gray{color:#F1F1F1 !important;}
        .light-gray{color:#F8F8F8 !important;}
        .gray{color:#666 !important;}
        .dark-gray{color:#333 !important;}
        .darker-gray{color:#111 !important;}
        .black{color:#000 !important;}
        .brown{color: #83725F !important;}

/*Background colors */
		.background-orange{background: #e8b012 !important;}
        .background-light-orange{background: #E8B012 !important;}
        .background-lighter-gray{background: #F1F1F1 !important;}
        .background-light-gray{background: #F8F8F8 !important;}
        .background-gray{background: #666 !important;}
        .background-dark-gray{background: #333 !important;}
        .background-darker-gray{background: #111 !important;}
        .background-black{background: #000 !important;}
        .background-brown{background: #83725F !important;}
        .background-white{background: #FFF !important;}

        
/*Buttons*/

        
        .create_button {
            margin-top: 30px;
        }

	button{border:none; background-color:none; box-shadow:none; border-radius: 4px;}
	.btn { border: none !important; }
	a.button-action, input.button-action, button.button-action{display:block; float:left; width:180px; height:36px; line-height:36px; color:#FFF; margin:15px; background-color:#F18900; text-align:center;}
            a.button-action:hover, a.button-action:active, input.button-action:hover, input.button-action:active, button.button-action:hover, button.button-action:active{color:#F3F3F3; background-color:#B68103; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in; text-decoration:none;}
		
	.orange-btn, a.orange-btn, button.orange-btn, input.orange-btn{border-radius:5px; color:#FFF; text-align:center; background: rgb(243,138,0); /* Old browsers */background: -moz-linear-gradient(top, rgba(243,138,0,1) 0%, rgba(195,63,21,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,138,0,1)), color-stop(100%,rgba(195,63,21,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(243,138,0,1) 0%,rgba(195,63,21,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(243,138,0,1) 0%,rgba(195,63,21,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(243,138,0,1) 0%,rgba(195,63,21,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(243,138,0,1) 0%,rgba(195,63,21,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38a00', endColorstr='#c33f15',GradientType=0 ); /* IE6-9 */ -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in; text-decoration:none;
	box-shadow:0 1px rgba(255, 255, 255, 0.4) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); text-shadow:0 1px 1px #666; border:1px solid #C46200; border-color:#D56A00 #C16100 #914800; color:#F2F2F2; border-radius:4px; height:32px; line-height:28px; text-align:center;
	}
	
	.orange-btn:hover, a.orange-btn:hover, button.orange-btn:hover, .orange-btn:active, a.orange-btn:active, .orange-btn:active, input.orange-btn:active, input.orange-btn:active{color:#F5F5F5; background: #d87e00; /* Old browsers */ background: -moz-linear-gradient(top, #d87e00 0%, #c33f15 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d87e00), color-stop(100%,#c33f15)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d87e00 0%,#c33f15 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d87e00 0%,#c33f15 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d87e00 0%,#c33f15 100%); /* IE10+ */ background: linear-gradient(to bottom, #d87e00 0%,#c33f15 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d87e00', endColorstr='#c33f15',GradientType=0 ); /* IE6-9 */ border:1px solid #C46200;}
	
	.red-btn, a.red-btn, button.red-btn, input.red-btn{border-radius:5px; color:#FFF; text-align:center; background: rgb(227,0,17); /* Old browsers */background: -moz-linear-gradient(top, rgba(227,0,17,1) 0%, rgba(133,16,32,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,0,17,1)), color-stop(100%,rgba(133,16,32,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(227,0,17,1) 0%,rgba(133,16,32,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(227,0,17,1) 0%,rgba(133,16,32,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(227,0,17,1) 0%,rgba(133,16,32,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(227,0,17,1) 0%,rgba(133,16,32,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30011', endColorstr='#851020',GradientType=0 ); /* IE6-9 */ -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in;
	box-shadow:0 1px rgba(255, 255, 255, 0.4) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); 
	display:block; text-shadow:0 1px 0 #666; border:1px solid #710000; border-color:#C00 #910000 #710000;	color:#F2F2F2; border-radius:4px; height:32px; line-height:28px; text-align:center;}
	
	.red-btn:hover, a.red-btn:hover, button.red-btn:hover, .red-btn:active, a.red-btn:active, button.red-btn:active, input.red-btn:active, input.red-btn:active{color:#F5F5F5; background: #c10009; /* Old browsers */ background: -moz-linear-gradient(top, #c10009 0%, #851020 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c10009), color-stop(100%,#851020)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c10009 0%,#851020 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c10009 0%,#851020 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c10009 0%,#851020 100%); /* IE10+ */ background: linear-gradient(to bottom, #c10009 0%,#851020 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10009', endColorstr='#851020',GradientType=0 ); /* IE6-9 */}
		
	.black-btn, a.black-btn, button.black-btn, input.black-btn{background: #3a3a3a; /* Old browsers */background: -moz-linear-gradient(top, #3a3a3a 0%, #3a3a3a 0%, #161616 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(0%,#3a3a3a), color-stop(100%,#161616)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #3a3a3a 0%,#3a3a3a 0%,#161616 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #3a3a3a 0%,#3a3a3a 0%,#161616 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #3a3a3a 0%,#3a3a3a 0%,#161616 100%); /* IE10+ */background: linear-gradient(to bottom, #3a3a3a 0%,#3a3a3a 0%,#161616 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#161616',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px rgba(255, 255, 255, 0.3) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); 
	 -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in;
	display:block; border:#333 1px solid; color:#F2F2F2; border-radius:4px; height:32px; line-height:28px; text-align:center;}
		
	.black-btn:hover, a.black-btn:hover, button.black-btn:hover, .black-btn:active, a.black-btn:active, button.black-btn:active, input.black-btn:active, input.black-btn:active{background: #3a3a3a; /* Old browsers */background: -moz-linear-gradient(top, #3a3a3a 0%, #4f4f4f 0%, #2b2b2b 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(0%,#4f4f4f), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #3a3a3a 0%,#4f4f4f 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #3a3a3a 0%,#4f4f4f 0%,#2b2b2b 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #3a3a3a 0%,#4f4f4f 0%,#2b2b2b 100%); /* IE10+ */
        background: linear-gradient(to bottom, #3a3a3a 0%,#4f4f4f 0%,#2b2b2b 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */
		border:#000; text-decoration:none; border:#333 1px solid;}
	
	.grey-btn, a.grey-btn, button.grey-btn, input.grey-btn{border-radius:5px; color:#333; text-align:center; background: #caccce; /* Old browsers */ background: -moz-linear-gradient(top, #caccce 0%, #96979a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#caccce), color-stop(100%,#96979a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #caccce 0%,#96979a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #caccce 0%,#96979a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #caccce 0%,#96979a 100%); /* IE10+ */ background: linear-gradient(to bottom, #caccce 0%,#96979a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caccce', endColorstr='#96979a',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px rgba(255, 255, 255, 0.4) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); text-shadow:0 1px 1px #666;
	-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 1s ease-in; transition: all 0.0.2s ease-in;
	 text-shadow:0 1px 1px #EEE; border:1px solid #999; border-color:#AAA #999 #666; color:#444; border-radius:4px; height:32px; line-height:28px; text-align:center; display:block;}
	
	.grey-btn:hover, a.grey-btn:hover, button.grey-btn:hover, .grey-btn:active, a.grey-btn:active, button.grey-btn:active, input.grey-btn:active, input.grey-btn:active{background: #999a9b; /* Old browsers */background: -moz-linear-gradient(top, #999a9b 0%, #5e5f60 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999a9b), color-stop(100%,#5e5f60)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #999a9b 0%,#5e5f60 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #999a9b 0%,#5e5f60 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #999a9b 0%,#5e5f60 100%); /* IE10+ */background: linear-gradient(to bottom, #999a9b 0%,#5e5f60 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999a9b', endColorstr='#5e5f60',GradientType=0 ); /* IE6-9 */
	color:#333; border:1px solid #333; border-color:#999 #777 #555; display:block;}
	
	.green-btn, a.green-btn, button.green-btn, input.green-btn{border-radius:5px; color:#FFF; text-align:center; background: rgb(112,177,15); /* Old browsers */background: -moz-linear-gradient(top, rgba(112,177,15,1) 0%, rgba(3,136,36,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,177,15,1)), color-stop(100%,rgba(3,136,36,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(112,177,15,1) 0%,rgba(3,136,36,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(112,177,15,1) 0%,rgba(3,136,36,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(112,177,15,1) 0%,rgba(3,136,36,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(112,177,15,1) 0%,rgba(3,136,36,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70b10f', endColorstr='#038824',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px rgba(255, 255, 255, 0.4) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); text-shadow:0 1px 1px #666; border:0.5px solid #346314; border-color:#51B011 #3C8518 #346314; color:#F2F2F2; border-radius:4px; height:32px; line-height:28px; text-align:center; display:block;}
	
	.green-btn:hover, a.green-btn:hover, button.green-btn:hover, .green-btn:active, a.green-btn:active, button.green-btn:active, input.green-btn:active, input.green-btn:active{color:#F5F5F5; background: #5f8e0c; /* Old browsers */ background: -moz-linear-gradient(top, #5f8e0c 0%, #038824 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f8e0c), color-stop(100%,#038824)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5f8e0c 0%,#038824 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5f8e0c 0%,#038824 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5f8e0c 0%,#038824 100%); /* IE10+ */ background: linear-gradient(to bottom, #5f8e0c 0%,#038824 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f8e0c', endColorstr='#038824',GradientType=0 ); /* IE6-9 */ 
	box-shadow:0 1px rgba(255, 255, 255, 0.4) inset, 0 -1px rgba(0, 0, 0, 0.02) inset, 1px 1px 2px rgba(0, 0, 0, 0.1); text-shadow:0 1px 1px #666; border:0.5px solid #346314; border-color:#51B011 #3C8518 #346314;}	
	
/*Gradients*/
        
	.dark-grad{background: #727272; /* Old browsers */background: -moz-linear-gradient(top, #727272 0%, #333333 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#333333)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #727272 0%,#333333 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #727272 0%,#333333 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #727272 0%,#333333 100%); /* IE10+ */background: linear-gradient(to bottom, #727272 0%,#333333 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#333333',GradientType=0 ); /* IE6-9 */}
	
	.black-grad{background: #45484d; /* Old browsers */background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border:#000;}
 	
 	.table-buttons { border-radius: 4px; box-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.15); background-color: white; }
 		.table-buttons a{ border: solid 1px rgba(51, 51, 51, 0.35) !important; }
/******************************/
/*2.- HEADER*/
/******************************/
                        
        #header{width:100%; height:60px; background-color: #000; position:fixed; top:0;  z-index:2001; border-bottom:2px solid #999; display: }
        
                #header.touch_device{position:absolute;}

                #header #inner-header{width:100%; margin:0 auto; position:relative; display: block;}

                #header #inner-header div a{display:block; width:200px; margin:0 auto;}

                #header.private_header{ height: 62px; background-size:contain; border-bottom:none; position:fixed;}

                    #header.private_header #inner-header{height:60px; position:relative; width:98%;min-width:auto;}
        
        
	#inner-header{width:80%; min-width:auto; margin-left:auto; margin-right:auto; height:60px;}
		#logo{display:block;  position:absolute; left:0px; top:1px;height: 48px; margin-top: 11px; margin-left: 26px;}
		#logo:hover{opacity:0.8;}
		
	.h-icon{width:30px; height:30px; float:right; margin-top:5px; margin-right:5px; background:url(../img/sprite-vanadistemplate.png) no-repeat;}

/*Lang Menu*/
	#show-lang{cursor:hand; cursor:pointer;}
		#show-lang.index-lang{float:right; cursor:hand; cursor:pointer; margin-top:12px; margin-left:10px;}
	#show-lang:hover{opacity:0.7;}
		.spa-icon{background-position:-270px -150px;}
		.eng-icon{background-position:-270px -120px;}
	#lang-menu{z-index:2002; position:absolute; top:60px; right:0; width:200px; height:auto; padding:0; margin:0; box-shadow:2px 2px 2px #666, -2px 0 1px #666; display:none; border-top:none;}
		#lang-menu .title-lang{background-color:#CCC; height:30px; line-height:30px; text-align:center; width:100%;}
		#lang-menu li{float:left;  border-top:1px solid #CCC;}
		#lang-menu a{display:block; height:40px; width:200px; background-color:#333; float:left; line-height:40px; color:#CCC;}
			#lang-menu a:hover{color:#666; background-color:#F5F5F5; font-weight:bold;}
		
		span.h-icon.spa-icon{background-position:-270px -150px; float:left; margin-left:5px;}
		span.h-icon.eng-icon{background-position:-270px -120px; float:left; margin-left:5px;}
		
/*Right Navbar (profile and Photo)*/
	#show-menu.menu-icon{background-position:-180px -60px; float:right; border:0; padding:0; margin:5px 0 0; cursor:hand; cursor:pointer;}
		#show-menu.menu-icon:hover{background-position:-180px -90px;}
	
	.user-nav{width:auto; float:right; width:350px; height:40px;}
		.user-img{width:36px; height:36px; float:right; margin:2px 5px;}
		.user-name{width:auto; max-width:auto; min-width:140px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;  float:right; margin:2px 5px; color:#28C6F2; font-size:16px;}

/*Navbar top*/
	.navbar-collapse.collapse, .navbar-header {height: 69px !important; border-bottom: 1.5px solid #d8d8d8;}
	.navbar-toggle {height: 30px; width: 30px; margin-top: 21px; border: none;}
	.toggle-btn-icon { background:url(../img/ic_menu.png); background-repeat: no-repeat;}
	.navbar-settings {  height: 30px; width: 30px; }
	.settings-btn-icon { background:url(../img/ic_settings.png); background-repeat: no-repeat;}

/*Options Menu*/	
	#options-menu{z-index:2002; position:absolute; top:70px; right:0; width:200px; height:auto; padding:0; margin:0; display:none; border-top:none;}
		#options-menu li{float:left; }
			#options-menu li:last-child, #options-menu li:first-child{border-top:none;}
		#options-menu a{display:block; height:40px; width:200px; background-color:#FFBE10; float:left; line-height:40px; color:#FFF; font-size:16px;}
			#options-menu a:hover{color:#EFA500;background-color:#FFE05C;}
                        
                #options-menu a.exit-menu{background-color:#FFBE10; color:#FFF;}
			#options-menu a.exit-menu:hover{background-color:#FFE05C; color:#EFA500;}
                   
        .m-icon{display:block; float:left; width:19px; height:20px; margin:10px 10px 5px 10px; background:url(../img/sprite-vanadistemplate.png) 0 -190px no-repeat;}
        .m-icon.view-menu-icon{background-position:0 -190px;}
                a:hover .m-icon.view-menu-icon{background-position:-80px -190px;}
        .m-icon.edit-menu-icon{background-position:-20px -190px;}
                a:hover .m-icon.edit-menu-icon{background-position:-100px -190px;}
        .m-icon.config-menu-icon{background-position:-40px -190px;}
                a:hover .m-icon.config-menu-icon{background-position:-120px -190px;}
        .m-icon.pass-menu-icon{background-position:-220px -190px; margin-top:0px;}
                a:hover .m-icon.pass-menu-icon{background-position:-220px -190px;}
        .m-icon.logout-menu-icon{background-position:-60px -190px;}
                a:hover .m-icon.logout-menu-icon{background-position:-140px -190px;}
        .m-icon.content-menu-icon{background-position:-159px -190px;}
                a:hover .m-icon.content-menu-icon{background-position:-179px -190px;}
        .m-icon.notif-menu-icon{background-position:-160px -221px;}
                a:hover .m-icon.notif-menu-icon{background-position:-180px -221px;}
        .m-icon.cat-menu-icon{background-position:-240px -191px;}
                a:hover .m-icon.cat-menu-icon{background-position:-260px -191px;}
        .m-icon.pay-menu-icon{background-position:-240px -221px;}
                a:hover .m-icon.pay-menu-icon{background-position:-260px -221px;}
        .m-icon.agen-menu-icon{background-position:-159px -251px;}
                a:hover .m-icon.agen-menu-icon{background-position:-179px -251px;}
        .m-icon.mym-menu-icon{background-position:-198px -251px;}
                a:hover .m-icon.mym-menu-icon{background-position:-218px -251px;}
        .m-icon.guest-menu-icon{background-position:-240px -251px;}
                a:hover .m-icon.guest-menu-icon{background-position:-260px -251px;}
        .m-icon.favprof-menu-icon{background-position:-183px -272px;}
                a:hover .m-icon.favprof-menu-icon{background-position:-228px -272px;}
        .m-icon.favserv-menu-icon{background-position:-160px -272px;}
                a:hover .m-icon.favserv-menu-icon{background-position:-205px -272px;}		
        .m-icon.contact-menu-icon{background-position:-198px -220px;}
                a:hover .m-icon.contact-menu-icon{background-position:-218px -220px;}	

        a.change_password{display:block;}
        
/*Image logo*/
        #image_logo_block {
            margin-left:20px;
            padding-top:1px;
            height: 61px;
            width: 200px;
            float:left;
        }

        #image_logo_block img{max-height: 60px;}
	
        #backend-nav.logo-nav{margin-left:10px;}
/******************************/
/*3.- FOOTER*/
/******************************/

    #footer{height:70px; text-align: center; z-index: 1000; }
           .footer_text{margin: 0px auto; padding: 30px; text-align: center; color:#FFF; font-size:1.2em;}

    #footer{width:100%; float:left; padding:0; margin:0; background-color:#000; position: fixed;bottom: 0;}
            #inner-footer, .footer-logos{width:100%; float:left; min-height:200px; background-color:#222;}
                    .inner-footer-content, .footer-logos-content{width:988px; margin:20px auto; overflow:hidden; padding:10px 0 20px}
                    .footer-logos{background-color:#000; margin-bottom:0; padding:20px 0 30px;}
                    .footer-logos-content{padding:0;}
                    .partners-title{width:900px; float:left; text-align:center; color:#444; padding-bottom:15px; border-bottom:1px solid #333; margin-left:20px;  font-weight:normal;}
                    .partner-logos{float:left; width:900px; margin-left:20px; height:130px;}
                    .partner-logos a:hover{opacity:1;}
                            .citrix-logo{display:block; float:left; width:300px; height:130px; margin:0; background:url(../img/footer-logos.png) no-repeat; opacity:0.6;}
                            .vanadis-logo{display:block; float:left; width:300px; height:130px; margin:0; background:url(../img/footer-logos.png) no-repeat -300px 0; opacity:0.6;}
                            .marketingnice-logo{display:block; float:left; width:300px; height:130px; margin:0; background:url(../img/footer-logos.png) no-repeat -600px 0; opacity:0.6;}

                            .footer-article{width:300px; margin-right:20px; margin-left:0; float:left; height:auto; overflow:hidden;}
                            .footer-article:last-child{margin-right:0;}
                                    .footer-article h3{margin-bottom:10px; color:#999;}
                                    .footer-article p{color:#777;}

    #bottom-footer{width:100%; float:left; background-color:#2B2A2B; height:60px;}
            #credits-footer{width:980px; height:36px; margin:12px auto; position:relative;}
                     .end1{line-height:36px; width:200px; float:left; color:#999; display:block;}
                            .end1 a{color:#999;} .end1 a:hover{color:#F18900;}
                     .end2{line-height:36px; width:600px; float:left; text-align:center; color:#999;}
                     .end3{position:absolute; right:0; top:-50px; display:block;}
                            .end3:hover{opacity:0.8;}

                            .social_icons{ display: block; float: left; height: 32px; margin-top:2px; margin-left: 40px; margin-right: 40px; width: 114px;}
                            .social_icons a{display:block; float:left; width:33px; height:33px; margin-right:5px; background-color:green; background:url(../img/sprite-vanadistemplate.png) no-repeat;}
                            .social_icons a.icon_facebook{background-position: -8px -440px;}
                                    .social_icons a.icon_facebook:hover{background-position: -42px -440px;}
                            .social_icons a.icon_twitter{background-position: -76px -440px;}
                                    .social_icons a.icon_twitter:hover{background-position: -110px -440px;}
                            .social_icons a.icon_linkedin{background-position: -144px -440px;}
                                    .social_icons a.icon_linkedin:hover{background-position: -178px -440px;}				 	

    #contact-form{}
            #contact-form input{width:90%; height:28px; float:left; clear:left; margin:15px auto 0 5%;}
                    #contact-form input[type="submit"]{width:300px; margin-left:110px;}
            #contact-form textarea{width:90%; height:100px; float:left; clear:left; margin:15px auto 0 5%;}
            #contact-form h4{width:100%; float:left; margin:20px 0; text-align:center;}

    #legal-advice .modal-dialog{width:800px;}
            #legal-advice h4{margin:15px 0 0; float:left; text-align:center; width:100%;}
            #legal-advice p{margin-top:10px; float:left;}

    .logo-footer{object-fit: contain; margin-top: 8px; height: 55px}
      

/******************************/
/*4.- MESSAGES*/
/******************************/       

/*Modals*/
    .modal{z-index:2040;}

    div form.modal-view{height:auto;}
    .modal-view input{width:60%; margin-left:20%; float:left; margin-top:15px;}
    .modal-view textarea{float:left; margin-top:15px;}

    .modal-view .modal-dialog{width:680px; }                               
    .modal-view .modal-header,.modal-view .modal-body {overflow: hidden;}
        

    
    .picture-modal{width:640px; padding:20px 20px 0; margin-top:90px; overflow-x:hidden; background-color:#F1F1F1; overflow-y:hidden; border-radius:5px; border:2px solid #CCC;}
    .picture-modal h3{width:100%; text-align:center; border-bottom:1px solid #CCC; margin-top:0; line-height:15px; padding-bottom:20px;}
    .picture-modal img.cover-pre{margin:20px 60px; float:left;}
    .picture-modal img.myphoto-pre{margin:20px auto; border:2px solid #CCC; display:block;}
    .picture-modal input.file-input{background-color:transparent; height:40px; border:none; padding:0; float:left; clear:both;}
    .picture-modal input.modal-send{width:300px; float:left; margin:20px 110px;}
    .picture-modal .select-picture{float:left; border-top:1px solid #CCC; padding:10px 0;}

    .picture-modal .close-modal{width:20px; height:20px; background:url(../img/sprite-vanadistemplate.png) -5px -220px border-box no-repeat; position:absolute; top:18px; right:18px;}
            .picture-modal .close-modal:hover{background-position:-35px -220px;}
    .picture-modal label{clear:both;float:left;}
    
    
/*Alerts*/

    .alert{width:70%; position:fixed; overflow:auto; top:69px; left:50%; margin-left:-35%; z-index:10000; box-shadow:0 0 3px #BBB; height:auto; padding:15px 40px 15px 50px;}
    .alert-success{background-image:url(../img/succces-img.png);  background-position:10px 7px; background-repeat:no-repeat; border:1px solid #80B218; box-shadow:0 0 4px #333;background-color:#D9EDA9; color:#80B218}
    .alert-danger{background-image:url(../img/error-img.png); background-position:10px 7px; background-repeat:no-repeat; border:1px solid #900; box-shadow:0 0 4px #333;background-color:#F2DEDE;color:#B94A48;}
    .alert-warning{background-image:url(../img/warning-img.png); background-position:10px 7px; background-repeat:no-repeat; border:1px solid #F90; box-shadow:0 0 4px #333;}
            .alert strong {display:none; }
            .alert p{float:left; font-size:16px; line-height:16px; font-weight:bold;}
                    .alert button.close{position:absolute; font-size:22px; top:10px; line-height:28px; right:6px; width:30px; opacity:0.8; filter: alpha (opacity=80);}
                            .alert button.close:hover{opacity:0.6; filter: alpha (opacity=60);}
                    .alert h1{font-size:20px; font-weight:bold; line-height:42px;}

                    
    .alert + .alert{top:200px;}

    .alert a.btn{position:static; float:left; margin:10px 10px 10px 0;}
            .alert a.close:hover{color:#333;}


    .alert-error-pic{width:90%; position:absolute; padding:5px 5px 0 45px;}
    
    .image_dimensions{font-size:14px; margin-bottom:10px; clear:both;}

/******************************/
/*5.- ADMIN*/
/******************************/ 

/*Backend Pannel*/
        #backend-nav{width:auto; float:left; margin-left:50px; margin-top:0px;}
                #backend-nav ul{width:100%;}
                #backend-nav ul li{position:relative;}
                        #backend-nav li a{width:152px; float:left; line-height:62px; height:62px; color:#FFF; margin-top:0px; text-align:center; font-size:1em; }
                        #backend-nav.user-backend-nav li a{width:138px;}
                                #backend-nav li:last-child a{border-right:none; box-shadow:none;}
                                #backend-nav li a:hover, #backend-nav li a:active, #backend-nav .current li{background-color:#666; color:#fff; }
                                         #backend-nav li ul{position:absolute; top:62px; width:138px; display:none; padding-top:0px; }
                                                 #backend-nav li:hover ul{ display:block;}
                                                #backend-nav li ul li a{width:152px; height:40px; line-height:40px; float:left; color:#FFF; box-shadow:none; text-align:center; font-size:1em; text-shadow:none; background-color:#666; margin:0; border-right:none;}
                                                #backend-nav.user-backend-nav li ul li a{width:140px;}
                                                #backend-nav li ul li:last-child a{border-bottom:none;}
                                                #backend-nav li ul li a:hover{box-shadow:none;color:#DDD;background-color:#444}

                .user-nav.backend-user-nav{width:100px;}

                .private_header #inner-header .user-nav.backend-user-nav{width:230px;}
                        .private_header #inner-header .user-nav.backend-user-nav p.user-name{color: #ddd;float: right;font-size: 13px;line-height: 40px;min-width: 120px; width: 180px; text-align:right;}

        #footer_backend{width:100%; float:left; height:3px; background-color:#94c939; margin:20px 0 10px;}
        .backend-category{margin-top:20px;}
                .backend-category select{height:42px; border-radius:4px; background-color:#FFF; float:left; vertical-align:center; border:1px solid #CCC; padding:8px 5px;}
                        .backend-category select option{height:30px; padding-top:5px;}
                        
        .index_search{margin:0 auto; width:100%; overflow: hidden; margin-bottom: 25px;}
        .index_search input, .index_search select {max-width:200px; margin-right:10px; margin-top: 10px;}
        .index_search input[type=date] {max-width:150px;}
        .index_search select {min-width:200px; padding:8px 0;}

        .backend-search{width:auto; height:40px; margin-bottom: 20px; }
                .backend-search input{float:none;}
                        .backend-search input{height:36px; width:300px}
                        .backend-search input.black-btn{margin-left:8px; width:90px; height:36px; display:inline; background:#496e6e;  border:none;}

                .backend-options-cell{width:250px;}
                .backend-options-cell.cat-cel{width:170px;}
                .backend-options-cell.config-cel{width:20%;}
                        .backend-options-cell a{width:68px; float:left; margin-left:5px; margin-top: 2px; margin-bottom:1px; font-size:0.75em;}
                .backend-options-cell.notif-options-cell{width:270px;}
                        .backend-options-cell.notif-options-cell a{width:80px;}

                .user-status{text-align:center;}

                a.backend-detail-button{width:30.5%; float:left; margin-left:1.5%; margin-top:20px;}

                .smallfont-cell{font-size:14px}

        .backend-new{float:left; padding: 0 20px;}   
        
        .btn.btn-primary {width:90px; height:36px; display:inline; background:#000; border:none;}
        .btn.btn-secondary {color:white; width:90px; height:36px; display:inline; background:#666;border:none;}
        .back_container {margin:10px 0;}
		
/*Configuration*/
        .admin-section-title{margin-bottom:20px;text-align:center;}
        #config_param_edit.personal-form input.send-personal, #config_param_edit.personal-form a.send-personal, #cupon_edit.personal-form a.send-personal{width:180px; float:left; margin:20px 20px 20px auto;}
                #config_param_edit fieldset+fieldset{width:100%;}
                #config_param_edit textarea{height:250px;}
        .params_table{table-layout:fixed; width:1040px;}
        .params_table th.params_name, .params_table td.params_name{width:18%;}
        .params_table th.params_value, .params_table td.params_value{width:64%; overflow:hidden;}
        .params_table th.params_ops, .params_table td.params_ops{width:18%;}
        
.back-container{margin-bottom:20px;}
        

        
/*Inspections*/
        #inspection-checklists div h3 { width: 100%; height: 50px; line-height: 50px; font-size: 20px; 
                                        background-color: #4A4576; color: #fff;
                                        padding: 0 30px; margin: 20px 0;}
        
        #inspection-checklists textarea { width: 100%; height: 100px;}
        #inspection-checklists select { margin:20px 0; }
        
        .technicians_container {
            float: left;
            width: 250px;
        }
        
        .technicians_container input {
            display: block;
            float: left;
            margin-right: 5px;
            margin-top: -5px;
        }
        
        .technicians_container label {
            color: #fff;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 90%;
        }
        
        .label-success {
            background-color: #4A4576;
            position: relative;
            bottom: 10px;
        }
        
        .label-warning {
            background-color: #227C50;
            position: relative;
            bottom: 10px;
        }
        
        .inspection-gallery-row{overflow: hidden;}
        .inspection-gallery-row img{float:left; max-width:47%; margin:20px 3% 20px 0; }
        
        .inspection-sign-row{overflow: hidden;}
        .inspection-sign-row .field-group-detail{float:left; display:block; width:42%; margin:20px 3% 20px 0;}
        .inspection-sign-row img{float:left; max-width:42%; margin:20px 3% 20px 0;}
    
/******************************/
/*6.- PUBLIC PAGES
/******************************/
       
/*404 error page*/	
	#logo404{width:160px; height:44px; position:absolute; top:0; left:0;  display:block;}
	.error404{width:100%; float:left; min-height:460px; background:url(../img/404-img.jpg) 80px 40px no-repeat; position:relative; margin-top:30px;}
		.error404 h1{font-size:30px; line-height:36px; margin:50px 0 20px; width:400px; float:right; clear:right;}
		.error404 h4{font-size:24px; line-height:30px; margin:20px 0 0; width:400px; float:right; clear:right;}
		.error404 h6{font-size:20px; line-height:26px; width:380px; text-align:center; position:absolute; top:240px; left:80px; color:#666;}
		.goto404{float:left; width:640px; margin:90px 0 50px;}
			.goto404 a{display:block; width:300px;}
				.goto404 a:hover{color:#F5F5F5;}
					.goto-index{float:left; margin:0 auto 0 300px;}

	.error404.old_browser{background:url(../img/old_browser_icon.png) 100px 0px no-repeat; }
        
/*Index - Register Form*/
        #register-form{width:300px; float:left; margin-left:20px; margin-top:0px;}
                #register-form .logo-use{text-align:center; width:100%; margin-top:9px; margin-bottom:9px;}
                #register-form h3{line-height:100%;}
                #register-form h4{float:left; color:#999; line-height:0.8em; font-weight:bold; margin-top:4px;}
                        #register-form h4 span{color:#000;}
                                #register-form h4 strong{font-weight:bold;}
                #register-form input{width:300px; float:left; margin-top:8px; background-color:#F1F1F1;}
                #register-form input[type="submit"]{height:36px;}
                #register-form input.terms{width:30px; height:22px;}
                label.terms-label{float:left; margin:10px 0 auto 0; display:block; line-height:20px; height:20px; font-size:0.875em; font-weight:normal;}


        div form.change-password-modal{height:auto;}
        .change-password-modal input{width:60%; margin-left:20%; float:left; margin-top:15px;}
    
/* Login Page */
        #login_slider{}
        #login_slider .carousel-indicators {
            bottom: 0;
        }
        #login_slider .carousel-control {
            width: 8%;
        }
        #login_container{overflow: hidden; padding:0px 20px; width: 340px; margin: 0 auto}

        #bizz_login{margin-top:20px; margin-left:100px; width:500px; float:left;}

        #logo_login{margin-top:40px; margin-right:40px; width:420px; float:right;}
        #logo_login img{display:block; margin:0 auto;}
        #applestore,#googleplay{width:200px; height:70px; float:left; margin-right:10px;}

        #applestore a,#googleplay a{background-image:url(../img/store_icons.png); background-repeat: no-repeat; display:block; height:70px;}

        #googleplay a{background-position:0px -6px;}
            #googleplay a:hover{background-position:0px -89px;}
        #applestore a{background-position:-200px -6px;}
            #applestore a:hover{background-position:-200px -89px;}


        #login_login_container{width:300px; float:left; margin-top: 20px}
        	#login_login_container h2{font-weight: bold}
        #login_login_container.registro{width:400px; float:left; margin-left:50px; margin-top:20px;}

        #login_login_container input.save-button[type=submit]{display: block; height: 32px; margin-bottom: 10px; width: 100%; margin-top: 45px; font-weight:bold; color: white; border: none;}

/* Register Page */
        #register_code_container{display: none;}
        

/******************************/
/*7.- FORM */
/******************************/
        .full-width {width: 100%;}

/*Inputs*/
	input, textarea{border:#CCC 1px solid; height:30px; padding:5px; border-radius:4px; line-height:28px; font-size:0.875em;}
	input:focus, textarea:focus{border-color:#F18900; box-shadow:0 0 6px #F18900;}
	input[placeholder], [placeholder], *[placeholder]{color:#555;}
	input[type="submit"]{padding:0 5px;}
        
/*Textarea*/
        textarea{line-height:120%;}
        textarea {resize: none;}
        
        .textarea-std-height {height: 100px;}
        
 /*Layout*/
        .title_crub{
            padding-bottom: 10px;
            margin-bottom: 20px;
            border-bottom: #e5e5e5 thin solid;
        }
        .form-horizontal{
            margin-top: 20px;
            margin-bottom: 50px;
            margin-left: 15px;
            margin-right: 15px;
        }
            .form-horizontal fieldset{
                margin-top: 30px
            }
        .page-title {
            margin-bottom: 20px;
        }

        .form-row {
            /*overflow: auto;*/
            display: block;
            padding: 10px 0;
            clear: both;
            overflow:hidden;
        }
        
        .form-row .glyphicon {
            padding-right: 10px;
        }

        .field-group-detail {
            /*outline: 1px solid red;*/
            float:left;
            width: 30%;
            margin:5px 3% 5px 0;
        }

        .label-detail {
            margin-right:10px;
            padding-top:3px;
        }
        .sizes_container{
            float:left;
            margin-left:50px;
            width: 200px;
        }
        .text-field-detail {
            float: right;
            width: 50%;

        }
        .center-line {
            text-align: center;
        }

        .margin-bottom {
            margin-bottom:20px;
        }

        .form-row.label-detail > a img{max-height:200px;}  

/*Separators*/
        hr.std-separator {
            border-style: inset; 
            border-width: 2px;
        }

        /*Media Query*/
        @media (max-width: 385px) {
            .form-horizontal{
                width: 84%;
            }
        }
 
#multiple_answer i{margin:0 10px;}        
.add_field_button{display:block; margin:10px 0 5px;}
        
/******************************/
/*8.- PLUGINS */
/******************************/

/* Trumbowyg */
        .trumbowyg-editor ul{list-style-type:disc;margin-left:20px;}
        .trumbowyg-editor ol{list-style-type:auto;margin-left:20px;}
        .trumbowyg-editor ul li {list-style-type:circle;}
        .trumbowyg-editor li{float:none;}
        .trumbowyg-editor ol li{list-style:decimal;}
        
/*Bootbox*/

	.bootbox.modal.fade{width:600px; top:120px; bottom:auto; left:50%; margin-left:-300px; background-color:#EEE; border:1px solid #999;}
		.bootbox.modal.fade h3{margin-bottom:10px; width:100%; text-align:center;}
		.bootbox.modal.fade h4{margin-bottom:0; width:100%; text-align:center;}
			.bootbox.modal.fade a.null{display:block; background-color:#666; color:#FFF; width:140px; float:left; margin-left:130px; margin-right:20px; border:none; outline:none;}
				.bootbox.modal.fade a.null:hover{background-color:#333; border:none; outline:none;}
			.bootbox.modal.fade a.btn-primary{display:block; background-color:#038824; color:#FFF; width:140px; float:left; border:none; outline:none;}
				.bootbox.modal.fade a.btn-primary:hover{background-color:#036619; border:none; outline:none;}
	
	.bootbox.modal.fade hr.hr_popup{background-color:#666; margin-top:0px; height:1px;}
	
        form.book-meeting-form{margin: 20px auto; width:936px;}
        form.book-meeting-form.modal_booking_form {margin-top:100px; left:50%; margin-left:-468px; position:absolute;}
        .datepicker{z-index:3001;}
   
        
/* GAMECONFIG */
:root {
        --light-gold: #f8ec5d;
        --blue-travel: #0066A4; 
        --valueVW: 4vw;
        --valueVH: 1.6vh;
        --valueORIGIN: 28;
}

        .panel.with-nav-tabs .panel-heading{
                padding: 5px 5px 0 5px;
                contain: layout;
                /* background-color: var(--blue-travel); */
        }
        .panel.with-nav-tabs .nav-tabs{
                border-bottom: none;
        }
        .panel.with-nav-tabs .nav-justified{
                margin-bottom: -1px;
        }
        /********************************************************************/
        /*** PANEL DEFAULT ***/
        .with-nav-tabs.panel-default .nav-tabs > li > a,
        .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
                color: #777;
        }
        .with-nav-tabs.panel-default .nav-tabs > .open > a,
        .with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
        .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
                color: #777;
                background-color: #ddd;
                border-color: transparent;
        }
        .with-nav-tabs.panel-default .nav-tabs > li.active > a,
        .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
                color: #555;
                background-color: #fff;
                border-color: #ddd;
                border-bottom-color: transparent;
        }
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
                background-color: #f5f5f5;
                border-color: #ddd;
        }
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
                color: #777;   
        }
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
                background-color: #ddd;
        }
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
                color: #fff;
                background-color: #555;
        }
        .tab-content .tab-pane .form-group label { margin-top: 18px}
        /********************************************************************/
        .content-config{
                display: flex;
                flex-flow: row nowrap;
        }
        .column-left{
                flex-grow: 2;
        }
        .column-right{
                flex-grow: 1;
                padding: 20px;
                display: flex;
                flex-flow: row nowrap;
                justify-content: center;
        }
        .preview{
                border: 9px solid rgb(28, 29, 28);
                border-radius: 35px;
                width: 375px;
                height: 650px;;
                padding: 15px 0px 15px 0px;
                margin-left: 20px;
                margin-top: 28px;
                display: flex;
                flex-flow: row wrap;
                justify-content: center;
        }
        .preview > .camera{
                background: #1c1c1c;
                border-bottom-left-radius: 13px;
                border-bottom-right-radius: 13px;
                height: 24px;
                /* left: 50%;
                margin-left: -82px; */
                /* position: relative; */
                /* top: -18px; */
                width: 164px;
                z-index: 199;
                margin-top: -30px;
                align-self: center;
        }
        #S1 .preview, #S2 .preview {
                background-image: url('/assets/img/game/fondo-home.jpg');
                background-position: center;
        }
        #P1_S3 .preview, #P1_S4 .preview, #P1_S5 .preview, #P1_S6 .preview, #P1_S7 .preview {
                background-image: url('/assets/img/game/fondo-regalo.jpg');
                background-position: center;
        }
        #P2_S3 .preview, #P2_S4 .preview, #P2_S5 .preview, #P2_S6 .preview, #P2_S7 .preview {
                background-image: url('/assets/img/game/fondo-evento.jpg');
                background-position: center;
        }
        .s1-title, .s2-title, .p1-s3-title, .p2-s3-title, .p1-s4-title,.p2-s4-title, .p1-s5-title, .p2-s5-title, .p1-s6-title, .p2-s6-title, .p1-s7-title, .p2-s7-title {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: 28px;
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.68px;
                text-align: center;
                color: #ffffff;
                margin: 20px 0px 10px 0px;
                flex-basis: 100%;
        }
        .s1-welcome {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: 16px;
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.39px;
                text-align: center;
                color: #ffffff;
                margin: 7px 0px 4px 0px;
                flex-basis: 100%;
        }
        .terms-text {
                display: flex;
                justify-content: start;
                flex-flow: row nowrap;
                width: 220px;  
                margin-left: 10px;
                margin-bottom: 10px;
        }
        .terms-text > span {
                font-size: 12px;
                color: white;
                margin-left: 5px;
                text-align: start;
        }
        .s1-subtitle {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: 15px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.33;
                letter-spacing: -0.5px;
                text-align: center;
                color: var(--light-gold);
                margin: 0 0 21px 0;
                flex-basis: 100%;
        }
        
        .slider-planet {
                display: flex;
                flex-flow: row nowrap;
                justify-content: center;
                margin-bottom: 17px;
                flex-basis: 100%;
        }
        .Shape {
                width: 209px;
                height: 301px;
                /* background-color: rgb(55,56,82, 0.2); */
                background-color: rgba(127, 129, 171, 0.2);
                background-blend-mode: multiply;
                border-radius: 7px;
                display: flex;
                flex-flow: row wrap;
                justify-content: center;
        }
        .planeta1 {
                width: 162px;
                height: 148px;
                object-fit: contain;
                opacity: 1;
        }
        .text-planet {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: 15px;
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.53;
                letter-spacing: -0.5px;
                text-align: center;
                color: #ffffff;
        }
        /*.btn-planet {
                width: 146px;
                height: 39px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                font-family: Arial;
                font-size: 14px;
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.34px;
                text-align: center;
                color: #06223d;
                padding-top: 8px;
        }*/

        .btn-planet {
		    width: 146px;
		    padding: 10px 0;
		    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
		    background-color: var(--light-gold);
		    font-family: Arial;
		    font-size: 12px;
		    font-weight: 900;
		    line-height: 1.2;
		    letter-spacing: -0.34px;
		    text-align: center;
		    color: #06223d;
		}

        .footer-preview {
                display: flex;
                flex-flow: column nowrap;
                flex-basis: 100%;
        }
        .sm-subtitle-g1{
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.34px;
                text-align: center;
                color: #ffffff;
        }
        .content-sm-subtitle-g2 {
                display: flex;
                flex-flow: column nowrap;
                justify-content: flex-end;
                align-items: center;
                height: 100px;
        }
        
        .sm-subtitle-g2 {
                font-family: Arial;
                font-size: 12px;
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.41px;
                text-align: center;
                color: #ffffff;
                
        }
        .sm-subtitle-g2 a{
                font-weight: 600;
                text-decoration: none;
        }
        .sm-banner {
                height: 75px;
                margin-bottom: 12px;
                max-width: 410px;
                overflow: initial;
        }
        .banner-rectangle {
                width: 97%;
                height: 72px;
                opacity: 0.55;
                border-radius: 4px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: #06223d;
                margin: 5px 20px 5px 5px;
        }
        
        .banner-content  {
                top: -78px;
                position: relative;
                left: 5px;
        }
        .mini-regalo-premio {
                float: left;
        }
        .flecha-premio {
                position: relative;
                right: 20px;
                bottom: -30px;
        }
        .banner-title{
                text-shadow: 0 1px 4px #3c3c3c;
                font-family: Arial;
                font-size: 14px;
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.2;
                letter-spacing: -0.36px;
                color: #ffffff;
                float: left;
                margin: 10px 0;
                width: 72%;
        }
        .banner-subtitle {
                font-family: Arial;
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.31px;
                color: #03b4e8;
                float: left;
        }
        /* S2 */
        .banner-content-semana  {
                top: -132px;
                position: relative;
                left: 5px;
        }
        .list-prize-semana {
                display: flex;
                flex-flow: column nowrap;
        }
        .banner-rectangle-semana {
                width: 97%;
                height: 127px;
                opacity: 0.55;
                border-radius: 4px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: #06223d;
                margin: 5px 20px 5px 5px;
        }
        .s2-subtitle, .p1-s3-subtitle, .p2-s3-subtitle, .p1-s4-subtitle, .p2-s4-subtitle {
                flex-basis: 100%;
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: 16px;
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.39px;
                text-align: center;
                color: #ffffff;
                margin-top: -10px;
        }
        .s2-banner {height: 80px;}
        .s2-banner-semana{height: 133px;}
        .s2-banner-title{
                font-size: 14px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.34px;
                color: #ffffff;
                padding-top: 10px;
                padding-left: 12px;
                display: flex;
                flex-flow: row wrap;
                justify-content: space-between;
        }
        .s2-title-week {width: 80%;}
        .s2-banner-subtitle {
                font-family: Arial;
                font-size: 14px;
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.29;
                letter-spacing: -0.34px;
                color: #03b4e8;
                padding-top: 10px;
        }
        .s2-banner-date {
                font-size: 12px;
                font-weight: normal;
                letter-spacing: -0.34px;
                text-align: right;
                margin-right: 20px;
                flex-basis: 20%;
        }
        .s2-banner-list-semana {
                font-family: Arial;
                font-size: 14px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.36;
                letter-spacing: -0.34px;
                color: #03b4e8;
                display: inline-block;
        }

        /* P1-S3 */
        .slider-prize {
                display: flex;
                flex-flow: row nowrap;
                justify-content: center;
                overflow: hidden;
                margin-top: 29px;
        }
        .content-prize{
                min-width: 239px;
                height: 334.5px;
                border-radius: 3.8px;
                box-shadow: 0 2px 5px 0 rgba(81, 81, 81, 0.5);
                background-color: #ffffff;
                margin: 10px;
        }
        .img-prize {
                width: 239px;
                height: 239px;
                background-color: aliceblue;
                border-radius: 3.8px 3.8px 0px 0px;
        }
        .description-prize{
                font-family: Arial;
                font-size: 14px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.14;
                letter-spacing: normal;
                text-align: center;
                color: #404040;
                margin-top: 35px;
        }
        .more-info-prize {
                font-family: Arial;
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.14;
                letter-spacing: normal;
                text-align: center;
                color: #404040;
        }

         /* P1-S4 - P2-S4 */
         .num-game {
                width: 81px;
                height: 29px;
                background-color: rgba(255, 255, 255, 0.72);
                margin: 0px 20px;
                display: flex;
                justify-content: center;
                font-family: Arial;
                font-size: 20px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: inherit;
                letter-spacing: -0.48px;
                color: #2c2f40;
        }
        .remove-num-game {
                width: 17px;
                height: 1.7px;
                display: flex;
                align-self: center;
                background-image: url(../img/game/menos.svg);
        }
        .add-num-game {
                width: 19px;
                height: 19px;
                display: flex;
                align-self: center;
                background-image: url(../img/game/mas.svg);
        }
        .content-num-game {
                display: flex;
                flex-flow: nowrap;
                justify-content: center;
                margin-top: 15px;
        }
        .question-games-config-view {
                color: white; 
                font-size: 15px; 
                font-weight: bold; 
                margin:auto; 
                font-family: Arial; 
                text-shadow: 0 2px 4px rgba(0,0,0,0.5); 
                margin-top: 10px;
        }
        .content-info-points {
                width: 270px;
                height: 56px;
                border-radius: 3px;
                background-color: rgba(255, 255, 255, 0.72);
                margin: auto;
                margin-top: 24px;
                display: flex;
                justify-content: center;
                flex-flow: row wrap;
                align-items: center;
                margin-bottom: 42px;
        }
        .style-cost {
                width: 100%;
                font-family: Arial;
                font-size: 13px;
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.31px;
                text-align: center;
                color: #000000;
                margin-bottom: -15px;
        }
        .style-used {
                width: 100%;
                font-family: Arial;
                font-size: 15px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.36px;
                text-align: center;
                color: #06223d;
        }
        .p1-s4-cost, .p2-s4-cost {
                display: inline;
        }
        .p1-s4-point-used, .p2-s4-point-used {
                display: inline;
        }
        .div-email {
                display: flex;
                width: 196px;
                height: 32px;
                margin: auto;
                margin-bottom: 27px;
        }
        .text-email {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.34px;
                color: #ffffff; 
                text-align: center;
        }
        .text-introduce-email {
                width: 106px;
                height: 12px;
                opacity: 0.38;
                font-family: Arial;
                font-size: 11px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.27px;
                text-align: center;
                color: #ffffff;  
                margin: auto;
                margin-bottom: 4px;
        }
        .line {
                width: 214px;
                height: 1px;
                border: solid 0.5px #ffffff;  
                margin: auto;
        }
        .buttom-send {
                width: 135px;
                height: 36px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                margin: auto;
                display: flex;
                justify-content: center;
                margin-bottom: 26px;
        }
        .text-send {
                width: 46px;
                height: 19px;
                font-family: Arial;
                font-size: 14px;
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.34px;
                text-align: center;
                color: #06223d;
                margin: auto;
        }
        .div-info {
                flex-basis: 65%;
                display: flex;
                margin: auto;
                width: 210px;
                height: 54px;
                justify-content: center;
        }
        .text-info {
                font-family: Arial;
                font-size: 10.2px;
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.32px;
                text-align: center;
                color: #ffffff;
        }
        .total-points {
                flex-basis: 100%;
                text-align: center;
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: 16px;
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.39px;
                text-align: center;
                color: #ffffff;
                margin-bottom: 26px;
        }
        .input-email {
                flex-basis: 100%;
        }

        /* P1-S5 */
        .p1-s5-subtitle1 {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: 18px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.43px;
                text-align: center;
                color: #ffffff;  
                margin-bottom: 23px;
        }
        .p1-s5-subtitle2 {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: 16px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: -0.43px;
                text-align: center;
                color: #ffffff;       
        }
        .presents {
                margin: auto;
                margin-top: 30.2px;
                display: inline-table;
        }
        .present-blue-1 {
                width: 141px;
                height: 142px;
                background-image: url(../img/game/regalo-azul.svg);
                float: right;
                margin-right: 38.8px;
        }
        .present-blue-2 {
                width: 141px;
                height: 142px;
                background-image: url(../img/game/regalo-azul.svg);
                float: left;
                margin-top: 83px;
                margin-left: 30.2px;
        }
        .present-blue-3 {
                width: 141px;
                height: 142px;
                background-image: url(../img/game/regalo-azul.svg);
                float: right;
                margin-right: 59.8px;
        }

        /* P2-S5 */
        .p2-s5-subtitle1 {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: 18px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.43px;
                text-align: center;
                color: #ffffff;  
                margin-bottom: 64.8px;
        }
        .p2-s5-subtitle2 {
                width: 188px;
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: 16px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: -0.43px;
                text-align: center;
                color: #f8ec5d;
                margin: auto;
        }
        .img-curtain {
                width: 285px;
                height: 239px;
                background-image:url(../img/game/cortina-cerrada.svg);
                margin: auto;
                margin-bottom: 51.2px;
        }

        /* P1-S6 and P2-S6*/
        .p1-s6-subtitle, .p2-s6-subtitle {
                max-width: 303px;
                margin: auto;
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: 18px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.43px;
                text-align: center;
                color: #ffffff;  
        }
        .p1-s6-text-info, .p2-s6-text-info {
                max-width: 232px;
                font-family: Arial;
                font-size: 10px;
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.31px;
                text-align: center;
                color: #ffffff;
                margin: auto;
        }
        .img-present {
                width: 195px;
                height: 195px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: #ffffff;
                margin: auto;
                margin-top: 36px;
                margin-bottom: 22px;
        }
        .text-prize {
                flex-basis: 100%;
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: 16px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: -0.43px;
                text-align: center;
                color: #ffffff;
                margin: auto; 
        }
        .description-prize {
                flex-basis: 100%;
                font-family: Arial;
                font-size: 14px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.43;
                letter-spacing: -0.38px;
                text-align: center;
                color: #ffffff;
                margin: auto;
        }
        .btn-return-play {
                display: flex;
                width: 135px;
                height: 36px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                margin: auto;
                margin-top: 22px;
                margin-bottom: 22px;
        }
        .text-return-play {
                font-family: Arial;
                font-size: 14px;
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.34px;
                text-align: center;
                color: #06223d;
                margin: auto;
        }
        .return-home {
                flex-basis: 100%;
                font-family: Arial;
                font-size: 16px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: -0.43px;
                text-align: center;
                color: #ffffff;
                margin: auto;
                margin-bottom: 29px;
        }

        .img-open-curtain {
                position: sticky;
                width: 285px;
                height: 100px;
                background-image:url(../img/game/cortina-abierta.svg);
                margin: auto;
                margin-top: 23px;
        }
        .img-in-curtain {
                width: 195px;
                height: 195px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: #ffffff;
                margin: auto;
                margin-top: -70px;
                margin-bottom: 17px;
        }
        .return-home-p2 {
                flex-basis: 100%;
                font-family: Arial;
                font-size: 16px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: -0.43px;
                text-align: center;
                color: #ffffff;
                margin: auto;
                margin-bottom: 17px;
        }

        /* P1-S7 */
        .p1-s7-subtitle {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: 18px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.43px;
                text-align: center;
                color: #ffffff;
                margin: auto;
                margin-bottom: 82px;
        }
        .btn-try-again {
                display: flex;
                width: 169px;
                height: 36px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                margin: auto; 
                margin-bottom: 22px;
        }
        .img-in-curtain-lost {
                width: 245px;
                height: 215px;
                background-image:url(../img/game/planeta-amarillo.svg);
                margin: auto;
                margin-bottom: 82px;
        }

        /* P1-S7 */
        .p2-s7-subtitle {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: 18px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.43px;
                text-align: center;
                color: #ffffff;
                margin: auto;
                margin-bottom: 67.8px;
        }
        .img-open-curtain-lost {
                position: sticky;
                width: 285px;
                height: 100px;
                background-image:url(../img/game/cortina-abierta.svg);
                margin: auto;
        }
        .img-in-curtain-lost-p2 {
                width: 215px;
                height: 225px;
                background-image:url(../img/game/planeta-azul.svg);
                margin: auto;
                margin-top: -75px;
                margin-bottom: 73px;
        }

        /* VIEW P1-S1 */
        #S1 .view {
                background-image: url(/assets/img/game/fondo-home.png);
                background-position: center;
                background-size: cover;
            }
        .view {
                min-width: calc(100vw);
                min-height: 100vh;
        }
        .Shape-view {
                background-color: rgba(127, 129, 171, 0.2);
                background-blend-mode: multiply;
                border-radius: 7px;
                display: flex;
                flex-flow: row wrap;
                justify-content: center;
        }
        .flecha-premio-view {
                position: relative;
                right: 3%;
                flex-basis: 15%;
                bottom: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
        }
        .s1-title-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 28 / var(--valueORIGIN)) + (var(--valueVH) * 28 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.68 / var(--valueORIGIN)) + (var(--valueVH) * -0.68 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-bottom: calc((var(--valueVW) * 17 / var(--valueORIGIN)) + (var(--valueVH) * 17 / var(--valueORIGIN)));
                flex-basis: 100%;
                margin-top: calc((var(--valueVW) * 32 / var(--valueORIGIN)) + (var(--valueVH) * 32 / var(--valueORIGIN)));
                
        }
        .s1-welcome-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.39 / var(--valueORIGIN)) + (var(--valueVH) * -0.39 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-bottom: calc((var(--valueVW) * 4 / var(--valueORIGIN)) + (var(--valueVH) * 4 / var(--valueORIGIN)));
                flex-basis: 100%;
        }
        .s1-subtitle-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 15 / var(--valueORIGIN)) + (var(--valueVH) * 15 / var(--valueORIGIN)));
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.33;
                letter-spacing: calc((var(--valueVW) * -0.5 / var(--valueORIGIN)) + (var(--valueVH) * -0.5 / var(--valueORIGIN)));
                text-align: center;
                color: var(--light-gold);
                margin-bottom: calc((var(--valueVW) * 21 / var(--valueORIGIN)) + (var(--valueVH) * 21 / var(--valueORIGIN)));
                flex-basis: 100%;
        }
        .slider-prize-view {
                display: flex;
                flex-flow: row nowrap;
                justify-content: center;
                overflow: hidden;
                height: calc((var(--valueVW) * 293 / var(--valueORIGIN)) + (var(--valueVH) * 293 / var(--valueORIGIN)));
                margin-bottom: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
        }
        .slider-banner-view {
                display: flex;
                flex-flow: row nowrap;
                justify-content: center;
                overflow: hidden;
                height: calc((var(--valueVW) * 74 / var(--valueORIGIN)) + (var(--valueVH) * 74 / var(--valueORIGIN)));
                margin-bottom: calc((var(--valueVW) * 11 / var(--valueORIGIN)) + (var(--valueVH) * 11 / var(--valueORIGIN)));
        }
        .sm-subtitle-g1-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.34 / var(--valueORIGIN)) + (var(--valueVH) * -0.34 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-bottom:calc((var(--valueVW) * 7 / var(--valueORIGIN)) + (var(--valueVH) * 7 / var(--valueORIGIN)));
        }
        .planeta-regalos-view {
                /* min-width: 55%; */
                width: calc((var(--valueVW) * 201 / var(--valueORIGIN)) + (var(--valueVH) * 201 / var(--valueORIGIN)));
                height: 100%;
                border-radius: 3.8px;
                box-shadow: 0 2px 5px 0 rgba(81, 81, 81, 0.5);
                margin-right: calc((var(--valueVW) * 27 / var(--valueORIGIN)) + (var(--valueVH) * 27 / var(--valueORIGIN))); 
                margin-bottom: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
        }
        .sm-banner-view {
                height: 100%;
                overflow: initial;
                width: 97%;
                margin-left: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
                margin-right: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
        }
        .text-planet-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 15 / var(--valueORIGIN)) + (var(--valueVH) * 15 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.53;
                letter-spacing: calc((var(--valueVW) * -0.5 / var(--valueORIGIN)) + (var(--valueVH) * -0.5 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                width: 80%;
        }
        /*.btn-planet-view {
                width: calc((var(--valueVW) * 146 / var(--valueORIGIN)) + (var(--valueVH) * 146 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 39 / var(--valueORIGIN)) + (var(--valueVH) * 39 / var(--valueORIGIN)));
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.34 / var(--valueORIGIN)) + (var(--valueVH) * -0.34 / var(--valueORIGIN)));
                text-align: center;
                color: #06223d;
                padding-top: calc((var(--valueVW) * 8 / var(--valueORIGIN)) + (var(--valueVH) * 8 / var(--valueORIGIN)));
        }*/
		.btn-planet-view {
			    width: calc((var(--valueVW) * 146 / var(--valueORIGIN)) + (var(--valueVH) * 146 / var(--valueORIGIN)));
			    padding: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN))) 0;
			    text-align: center;
			    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
			    background-color: var(--light-gold);
			    font-family: Arial;
			    font-size: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN))); /* antes 14 */
			    font-weight: 900;
			    line-height: 1.2;
			    letter-spacing: calc((var(--valueVW) * -0.34 / var(--valueORIGIN)) + (var(--valueVH) * -0.34 / var(--valueORIGIN)));
			    color: #06223d;
			}

        .planeta1-view {
                margin-top: calc((var(--valueVW) * 17 / var(--valueORIGIN)) + (var(--valueVH) * 17 / var(--valueORIGIN)));
                width: calc((var(--valueVW) * 147 / var(--valueORIGIN)) + (var(--valueVH) * 147 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 148 / var(--valueORIGIN)) + (var(--valueVH) * 148 / var(--valueORIGIN)));
                object-fit: contain;
                opacity: 1;
        }
        .mini-regalo-premio-view {
                width: calc((var(--valueVW) * 64 / var(--valueORIGIN)) + (var(--valueVH) * 64 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 65 / var(--valueORIGIN)) + (var(--valueVH) * 65 / var(--valueORIGIN)));
                float: left; 
                margin-left: -7px;
        }
        .banner-title-view {
                flex-basis: 95%;
                text-shadow: 0 1px 4px #3c3c3c;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 15 / var(--valueORIGIN)) + (var(--valueVH) * 15 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.2;
                letter-spacing: calc((var(--valueVW) * -0.36 / var(--valueORIGIN)) + (var(--valueVH) * -0.36 / var(--valueORIGIN)));
                color: #ffffff;
                float: left;
                margin-top: calc((var(--valueVW) * 11 / var(--valueORIGIN)) + (var(--valueVH) * 11 / var(--valueORIGIN)));
        }
        .banner-subtitle-view {
                flex-basis: 85%;
                align-self: flex-end;
                font-family: Arial;
                font-size:calc((var(--valueVW) * 13 / var(--valueORIGIN)) + (var(--valueVH) * 13 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.31 / var(--valueORIGIN)) + (var(--valueVH) * -0.31 / var(--valueORIGIN)));
                color: #03b4e8;
                float: left;
                margin-bottom: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
        }
        .banner-rectangle-view {
                width: 100%;
                height: 100%;
                opacity: 0.55;
                border-radius: 4px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: #06223d;
        }
        .banner-content-view {
                height: 100%;
                top: -100%;
                position: relative;
                left: calc((var(--valueVW) * 5 / var(--valueORIGIN)) + (var(--valueVH) * 5 / var(--valueORIGIN)));
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
        }
        .content-all-title {
                display: flex;
                flex-flow: row wrap;
                flex-basis: 83%;
        }
        .subcontent-all-title {
                flex-basis: 100%;
                display: flex;
                flex-flow: row nowrap;
                align-self: flex-end;
                justify-content: space-between;
        }
        .sm-subtitle-g2-view {
                font-family: Arial;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.41 / var(--valueORIGIN)) + (var(--valueVH) * -0.41 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;  
        }
        .text-premio {
                position: absolute;
                bottom: calc((var(--valueVW) * 7 / var(--valueORIGIN)) + (var(--valueVH) * 7 / var(--valueORIGIN)));
                left: calc((var(--valueVW) * 6 / var(--valueORIGIN)) + (var(--valueVH) * 6 / var(--valueORIGIN)));
                width: calc((var(--valueVW) * 35 / var(--valueORIGIN)) + (var(--valueVH) * 35 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.24 / var(--valueORIGIN)) + (var(--valueVH) * -0.24 / var(--valueORIGIN)));
                color: #ffffff;
        }
        .mini-trofeo-view {
                width: calc((var(--valueVW) * 48 / var(--valueORIGIN)) + (var(--valueVH) * 48 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 51 / var(--valueORIGIN)) + (var(--valueVH) * 51 / var(--valueORIGIN)));
                float: left;
                margin-left: -7px;
        }
        .text-date {
                float: right;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: calc((var(--valueVW) * -0.34px / var(--valueORIGIN)) + (var(--valueVH) * -0.34px / var(--valueORIGIN)));
                color: #ffffff;
        }

        .banner2, .banner3 {
                display: none;
        }
        /* #btn-planet-presents:hover, #btn-planet-events:hover { */
        .btn-planet-view:hover {
                background-color: #FFEB00;
                cursor: pointer;
        }



        /* VIEW P1-S3 */
        #P1_S3 .view {
                background-image: url(/assets/img/game/fondo-regalo.png);
                background-position: center;
                background-size: cover;
            }
        .p1-s3-title-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 24 / var(--valueORIGIN)) + (var(--valueVH) * 24 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.58 / var(--valueORIGIN)) + (var(--valueVH) * -0.58 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-bottom: calc((var(--valueVW) * 5 / var(--valueORIGIN)) + (var(--valueVH) * 5 / var(--valueORIGIN)));
                flex-basis: 100%;
                margin-top: calc((var(--valueVW) * 22 / var(--valueORIGIN)) + (var(--valueVH) * 22 / var(--valueORIGIN)));  
        }
        .p1-s3-subtitle-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-bottom: calc((var(--valueVW) * 39 / var(--valueORIGIN)) + (var(--valueVH) * 39 / var(--valueORIGIN)));
                flex-basis: 100%;
        }
        .slider-prize-p1s3-view {
                display: flex;
                flex-flow: row nowrap;
                justify-content: center;
                overflow: hidden;
                height: calc((var(--valueVW) * 355 / var(--valueORIGIN)) + (var(--valueVH) * 355 / var(--valueORIGIN)));
                margin-bottom: calc((var(--valueVW) * 91.5 / var(--valueORIGIN)) + (var(--valueVH) * 91.5 / var(--valueORIGIN)));
        }
        .content-prize-p1s3-view {
                display: flex;
                flex-flow: row wrap;
                width: calc((var(--valueVW) * 239 / var(--valueORIGIN)) + (var(--valueVH) * 239 / var(--valueORIGIN)));
                /* min-width: 239px; */
                height: calc((var(--valueVW) * 335 / var(--valueORIGIN)) + (var(--valueVH) * 335 / var(--valueORIGIN)));
                border-radius:3.8px;
                box-shadow: 0 2px 5px 0 rgba(81, 81, 81, 0.5);
                background-color: #ffffff;
                margin-left: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
                margin-right: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
        }
        .img-prize-p1s3-view {
                flex-basis: 100%;
                width: calc((var(--valueVW) * 239 / var(--valueORIGIN)) + (var(--valueVH) * 239 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 203 / var(--valueORIGIN)) + (var(--valueVH) * 203 / var(--valueORIGIN)));
                background-color: aliceblue;
                border-radius: 3.8px 3.8px 0px 0px;
        }
        .img-prize-p1s3-view > p > img {
                border-radius: 3.8px 3.8px 0 0;
        }
        .text-description-p1s3-view {
                flex-basis: 100%;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.14;
                letter-spacing: normal;
                text-align: center;
                color: #404040;
                align-self: center;
                margin-bottom: calc((var(--valueVW) * -6 / var(--valueORIGIN)) + (var(--valueVH) * -6 / var(--valueORIGIN)));
        }
        .text-info-p1s3-view {
                flex-basis: 100%;
                text-align: center;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                font-weight: normal;
                /* line-height: 2.08; */
                color: #404040;  
                align-self: center;
                margin-top: calc((var(--valueVW) * -35 / var(--valueORIGIN)) + (var(--valueVH) * -35 / var(--valueORIGIN)));;
        }
        .img-prize-p1s3-view > p > img {
                width: 100%;
        }
        #prize1:hover, #prize2:hover, #prize3:hover {
                cursor: pointer;
                color: rgba(255, 255, 255, 1) !important;
                box-shadow: 0px 0px 6px 4px rgb(193, 213, 217);
                transition: all 0.2s ease;
        }
        .return-page {
                color:#fff;
                font-family: Arial;
                font-size: 15px;
                margin-top: 10px;
                margin-left: 11px;
        }
        .return-page > a {
                color: #ffffff;
                text-decoration: none!important;
        }
        .slider-prize-p1s3-view > .slick-list > .slick-track {
                padding-top: 10px;
                padding-bottom: 10px;
        }


        /* VIEW P2-S3 */
        #P2_S3 .view {
                background-image: url(/assets/img/game/fondo-evento.jpg);
                background-position: center;
                background-size: cover;
            }

        
         /* VIEW P1-S4 */
         #P1_S4 .view {
                background-image: url(/assets/img/game/fondo-regalo.png);
                background-position: center;
                background-size: cover;
            }
        .p1-s4-title-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 24 / var(--valueORIGIN)) + (var(--valueVH) * 24 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.58 / var(--valueORIGIN)) + (var(--valueVH) * -0.58 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-top: calc((var(--valueVW) * 22 / var(--valueORIGIN)) + (var(--valueVH) * 22 / var(--valueORIGIN)));
                margin-bottom: calc((var(--valueVW) * 39 / var(--valueORIGIN)) + (var(--valueVH) * 39 / var(--valueORIGIN)));
        }
        .p1-s4-subtitle-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .total-points-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .content-num-game-view {
                display: flex;
                flex-flow: nowrap;
                justify-content: center;
                margin-top: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
        }
        .remove-num-game-view {
                background-image: url(../img/game/menos.svg);
                width: 19px;
                height: 19px;
                display: flex;
                align-self: center;
                background-position-y: center;
                background-repeat: no-repeat;
        }
        .num-game-view {
                width: calc((var(--valueVW) * 81 / var(--valueORIGIN)) + (var(--valueVH) * 81 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 29 / var(--valueORIGIN)) + (var(--valueVH) * 29 / var(--valueORIGIN)));
                min-height: 23px;
                margin-left: calc((var(--valueVW) * 15 / var(--valueORIGIN)) + (var(--valueVH) * 15 / var(--valueORIGIN)));
                margin-right: calc((var(--valueVW) * 15 / var(--valueORIGIN)) + (var(--valueVH) * 15 / var(--valueORIGIN)));
                background-color: rgba(255, 255, 255, 0.72);
                display: flex;
                justify-content: center;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 20 / var(--valueORIGIN)) + (var(--valueVH) * 20 / var(--valueORIGIN)));
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: inherit;
                letter-spacing: calc((var(--valueVW) * -0.48 / var(--valueORIGIN)) + (var(--valueVH) * -0.48 / var(--valueORIGIN)));
                color: #2c2f40;
        }
        .add-num-game-view {
                width: 19px;
                height: 19px;
                display: flex;
                align-self: center;
                background-image: url(../img/game/mas.svg);
        }
        .content-info-points-view {
                width: calc((var(--valueVW) * 270 / var(--valueORIGIN)) + (var(--valueVH) * 270 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 56 / var(--valueORIGIN)) + (var(--valueVH) * 56 / var(--valueORIGIN)));
                border-radius: calc((var(--valueVW) * 3 / var(--valueORIGIN)) + (var(--valueVH) * 3 / var(--valueORIGIN)));
                background-color: rgba(255, 255, 255, 0.72);
                margin: auto;
                margin-top: calc((var(--valueVW) * 24 / var(--valueORIGIN)) + (var(--valueVH) * 24 / var(--valueORIGIN)));
                display: flex;
                justify-content: center;
                flex-flow: row wrap;
                align-items: center;
        }
        .style-cost-view {
                width: 100%;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 13 / var(--valueORIGIN)) + (var(--valueVH) * 13 / var(--valueORIGIN)));
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.31 / var(--valueORIGIN)) + (var(--valueVH) * -0.31 / var(--valueORIGIN)));
                text-align: center;
                color: #000000;
                margin-bottom: calc((var(--valueVW) * -15 / var(--valueORIGIN)) + (var(--valueVH) * -15 / var(--valueORIGIN)));
        }
        .p1-s4-cost-view {
                display: inline;
        }
        .style-used-view {
                width: 100%;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 15 / var(--valueORIGIN)) + (var(--valueVH) * 15 / var(--valueORIGIN)));
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.36 / var(--valueORIGIN)) + (var(--valueVH) * -0.36 / var(--valueORIGIN)));
                text-align: center;
                color: #06223d;
        }
        .p1-s4-point-used-view {
                display: inline;
        }
        .div-email-view {
                /* margin-top: calc((var(--valueVW) * 42 / var(--valueORIGIN)) + (var(--valueVH) * 42 / var(--valueORIGIN))); */
                display: flex;
                width: calc((var(--valueVW) * 196 / var(--valueORIGIN)) + (var(--valueVH) * 196 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 32 / var(--valueORIGIN)) + (var(--valueVH) * 32 / var(--valueORIGIN)));
                margin: auto;
                margin-bottom: calc((var(--valueVW) * 27 / var(--valueORIGIN)) + (var(--valueVH) * 27 / var(--valueORIGIN)));
        }
        .text-email-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.34 / var(--valueORIGIN)) + (var(--valueVH) * -0.34 / var(--valueORIGIN)));
                color: #ffffff;
                text-align: center;
        }
        .input-email-view {
                display: flex;
                flex-basis: 100%;
                margin-bottom: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
        }
        .text-introduce-email-view {
                opacity: 0.38;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 11 / var(--valueORIGIN)) + (var(--valueVH) * 11 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.27 / var(--valueORIGIN)) + (var(--valueVH) * -0.27 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin: auto;
                margin-bottom: calc((var(--valueVW) * 4 / var(--valueORIGIN)) + (var(--valueVH) * 4 / var(--valueORIGIN)));
        }
        .line-view {
                width: calc((var(--valueVW) * 214 / var(--valueORIGIN)) + (var(--valueVH) * 214 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 20 / var(--valueORIGIN)) + (var(--valueVH) * 20 / var(--valueORIGIN)));
                border: unset!important;
                border-bottom: solid 0.5px #ffffff!important;
                margin: auto;
                text-align: center;
                background-color: transparent;
                color: lightgray!important;
        }
        .buttom-send-view {
                width: calc((var(--valueVW) * 135 / var(--valueORIGIN)) + (var(--valueVH) * 135 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 36 / var(--valueORIGIN)) + (var(--valueVH) * 36 / var(--valueORIGIN)));
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                margin: auto;
                display: flex;
                justify-content: center;
                /* margin-bottom: calc((var(--valueVW) * 26 / var(--valueORIGIN)) + (var(--valueVH) * 26 / var(--valueORIGIN))); */
        }
        .text-send-view {
                font-family: Arial;
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.34 / var(--valueORIGIN)) + (var(--valueVH) * -0.34 / var(--valueORIGIN)));
                text-align: center;
                color: #06223d;
                margin: auto;
        }
        .div-info-view {
                flex-basis: 65%;
                display: flex;
                margin: auto;
                max-width: calc((var(--valueVW) * 210 / var(--valueORIGIN)) + (var(--valueVH) * 210 / var(--valueORIGIN)));
                height: auto;
                justify-content: center;
                margin-bottom: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
        }
        .p1-s4-text-legal-view {
                margin-top: calc((var(--valueVW) * 26 / var(--valueORIGIN)) + (var(--valueVH) * 26 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 10.2 / var(--valueORIGIN)) + (var(--valueVH) * 10.2 / var(--valueORIGIN)));
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.32 / var(--valueORIGIN)) + (var(--valueVH) * -0.32 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .p1-s4-content-sm-subtitle-g2-view {
                display: flex;
                flex-flow: column nowrap;
                justify-content: flex-end;
                align-items: center;
                height: auto;
        }
        .p1-s4-sm-subtitle-g2-view {
                font-family: Arial;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.41 / var(--valueORIGIN)) + (var(--valueVH) * -0.41 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .text-available-items-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-bottom: calc((var(--valueVW) * 20 / var(--valueORIGIN)) + (var(--valueVH) * 20 / var(--valueORIGIN)));
        }
        .buttom-usage-points-view {
                width: calc((var(--valueVW) * 135 / var(--valueORIGIN)) + (var(--valueVH) * 135 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 36 / var(--valueORIGIN)) + (var(--valueVH) * 36 / var(--valueORIGIN)));
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                margin: auto;
                display: flex;
                justify-content: center;
                margin-bottom: calc((var(--valueVW) * 49 / var(--valueORIGIN)) + (var(--valueVH) * 49 / var(--valueORIGIN)));
        }
        .buttom-play-view {
                width: calc((var(--valueVW) * 135 / var(--valueORIGIN)) + (var(--valueVH) * 135 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 36 / var(--valueORIGIN)) + (var(--valueVH) * 36 / var(--valueORIGIN)));
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                margin: auto;
                display: flex;
                justify-content: center;
                margin-bottom: calc((var(--valueVW) * 22 / var(--valueORIGIN)) + (var(--valueVH) * 22 / var(--valueORIGIN)));
        }
        .p1-s4-text-postpone-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.39 / var(--valueORIGIN)) + (var(--valueVH) * -0.39 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                padding-bottom: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
                margin-bottom: calc((var(--valueVW) * 49 / var(--valueORIGIN)) + (var(--valueVH) * 49 / var(--valueORIGIN)));
        }
        .buttom-usage-points2-view {
                width: calc((var(--valueVW) * 135 / var(--valueORIGIN)) + (var(--valueVH) * 135 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 36 / var(--valueORIGIN)) + (var(--valueVH) * 36 / var(--valueORIGIN)));
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                margin: auto;
                display: flex;
                justify-content: center;
                margin-bottom: calc((var(--valueVW) * 220 / var(--valueORIGIN)) + (var(--valueVH) * 220 / var(--valueORIGIN)));
        }
        #btn-play:hover, #btn-send:hover, #btn-usage:hover, #btn-usage-s3:hover {
                background-color: #FFEB00;
                cursor: pointer;
        }
        .input-num-game-view {
                border: #CCC 0px solid!important;
                text-align: center;
                width: calc((var(--valueVW) * 81 / var(--valueORIGIN)) + (var(--valueVH) * 81 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 29 / var(--valueORIGIN)) + (var(--valueVH) * 29 / var(--valueORIGIN)));
                min-height: 23px;
                background-color: rgb(244, 215, 212);
                margin: auto;
                padding-top: unset;
        }
        .check-terms {
                display: flex;
                justify-content: center;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                width: calc((var(--valueVW) * 240 / var(--valueORIGIN)) + (var(--valueVH) * 240 / var(--valueORIGIN)));
                height: auto;
                margin: auto;
                font-family: Arial, Helvetica, sans-serif;
                color: #ffffff;
                margin-bottom: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
        }
        #checkbox_terms{
                margin-top: calc((var(--valueVW) * -2 / var(--valueORIGIN)) + (var(--valueVH) * -2 / var(--valueORIGIN)));
                margin-right: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
        }
        .question-games {
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                color: #ffffff;
                font-family: Arial, Helvetica, sans-serif;
                display: flex;
                justify-content: center;
                font-weight: bold;
                margin-top: calc((var(--valueVW) * 15 / var(--valueORIGIN)) + (var(--valueVH) * 15 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        }
        .highlighted-content {
                background-color: rgba(6, 34, 0, .3);
                padding-top: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
                width: 80%;
                margin: auto;
                border-radius: 8px;
                max-width: 580px;
        }
        .error-email-invalid {
                display: none;
                justify-content: center;
                margin-top: -12px;
                margin-bottom: 12px;
                color: #fb0707;
                font-size: 15px;
        }

        /* VIEW P2-S4 */
        #P2_S4 .view {
                background-image: url(/assets/img/game/fondo-evento.jpg);
                background-position: center;
                background-size: cover;
        }

        /* VIEW P1-S5 */
        #P1_S5 .view {
                background-image: url(/assets/img/game/fondo-regalo.png);
                background-position: center;
                background-size: cover;
        }
        .p1-s5-title-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 24 / var(--valueORIGIN)) + (var(--valueVH) * 24 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.58 / var(--valueORIGIN)) + (var(--valueVH) * -0.58 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-top: calc((var(--valueVW) * 22 / var(--valueORIGIN)) + (var(--valueVH) * 22 / var(--valueORIGIN)));
        }
        .p1-s5-subtitle1-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-top: calc((var(--valueVW) * 5 / var(--valueORIGIN)) + (var(--valueVH) * 5 / var(--valueORIGIN)));
        }
        .p1-s5-subtitle2-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-top: calc((var(--valueVW) * 23 / var(--valueORIGIN)) + (var(--valueVH) * 23 / var(--valueORIGIN)));
        }
        .presents-view {
                margin: auto;
                margin-top: calc((var(--valueVW) * 30.2 / var(--valueORIGIN)) + (var(--valueVH) * 30.2 / var(--valueORIGIN)));
                display: flex;
                flex-flow: row wrap;
                height: 48.8%;
                width: 80%;
                justify-content: space-between;
        }
        .present-blue-1-view {
               outline: 0;
        }
        .present-blue-2-view {
                margin-top: -8%;
                outline: 0;
        }
        .present-blue-3-view {
                margin-top: -6.8%;
                outline: 0;
        }
        
        .sm-subtitle-g2-s5-view {
                margin-top: calc((var(--valueVW) * 40.8 / var(--valueORIGIN)) + (var(--valueVH) * 40.8 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.41 / var(--valueORIGIN)) + (var(--valueVH) * -0.41 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .img-present-blue-view {
                width: auto;
                height: 100%;
                max-width: none;
        }
        #package1:hover, #package2:hover, #package3:hover {
                cursor: pointer;
                color: rgba(255, 255, 255, 1) !important;
                box-shadow: 0px 0px 25px -12px rgb(231, 236, 238);
                transition: box-shadow 0.2s ease;
                border-radius: 150px;
        }

        /* effect vibrate */
        .present-blue-3-view {
                animation: chicle 5s 6s infinite;
        }
        .present-blue-2-view {
                animation: chicle 4s 2s infinite;
        }
        .present-blue-1-view {
                animation: chicle 7s 4s infinite;
        }
        @keyframes chicle{
                5% {
                        transform: scaleX(1.25) scaleY(0.75);
                }
                10% {
                        transform: scaleX(0.75) scaleY(1.25);
                }
                15% {
                        transform: scaleX(1.15) scaleY(0.85);
                } 
                20% {
                        transform: scaleX(1) scaleY(1);
                }
                98% {
                        transform: scaleX(1) scaleY(1);
                } 
        }

        /* VIEW P2-S5 */
        #P2_S5 .view {
                background-image: url(/assets/img/game/fondo-evento.jpg);
                background-position: center;
                background-size: cover;
        }
        .p2-s5-title-view {
                margin-top: calc((var(--valueVW) * 49 / var(--valueORIGIN)) + (var(--valueVH) * 49 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 24 / var(--valueORIGIN)) + (var(--valueVH) * 24 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.58 / var(--valueORIGIN)) + (var(--valueVH) * -0.58 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .p2-s5-subtitle1-view {
                margin-top: calc((var(--valueVW) * 5 / var(--valueORIGIN)) + (var(--valueVH) * 5 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .container-img-curtain-view {
                margin-top: calc((var(--valueVW) * 64.8 / var(--valueORIGIN)) + (var(--valueVH) * 64.8 / var(--valueORIGIN)));
                display: flex;
                justify-content: center;
        }
        .img-curtain-view {
                width: calc((var(--valueVW) * 280 / var(--valueORIGIN)) + (var(--valueVH) * 280 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 239 / var(--valueORIGIN)) + (var(--valueVH) * 239 / var(--valueORIGIN)));
        }
        .p2-s5-subtitle2-view {
                margin: auto;
                margin-top: calc((var(--valueVW) * 41.2 / var(--valueORIGIN)) + (var(--valueVH) * 41.2 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 19 / var(--valueORIGIN)) + (var(--valueVH) * 19 / var(--valueORIGIN)));
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #f8ec5d;
                max-width: calc((var(--valueVW) * 230 / var(--valueORIGIN)) + (var(--valueVH) * 230 / var(--valueORIGIN)));
        }
        .sm-subtitle-g2-p2s5-view {
                margin-top: calc((var(--valueVW) * 55 / var(--valueORIGIN)) + (var(--valueVH) * 55 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.41 / var(--valueORIGIN)) + (var(--valueVH) * -0.41 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        #btn-curtain-close:hover {
                cursor: pointer;
                color: rgba(255, 255, 255, 1) !important;
                box-shadow: 0px 0px 25px -12px rgb(231, 236, 238);
                transition: all 0.2s ease;
        }

         /* VIEW P1-S6 */
         #P1_S6 .view {
                background-image: url(/assets/img/game/fondo-regalo.png);
                background-position: center;
                background-size: cover;
        }
        .p1-s6-title-view {
                margin-top: calc((var(--valueVW) * 49 / var(--valueORIGIN)) + (var(--valueVH) * 49 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 24 / var(--valueORIGIN)) + (var(--valueVH) * 24 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.58 / var(--valueORIGIN)) + (var(--valueVH) * -0.58 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff; 
        }
        .p1-s6-subtitle-view {
                margin-top: calc((var(--valueVW) * 5 / var(--valueORIGIN)) + (var(--valueVH) * 5 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.4356  / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .container-img-present-view {
                margin-top: calc((var(--valueVW) * 36 / var(--valueORIGIN)) + (var(--valueVH) * 36 / var(--valueORIGIN)));
                display: flex;
                justify-content: center;
        }
        .img-present-view {
                width: calc((var(--valueVW) * 195 / var(--valueORIGIN)) + (var(--valueVH) * 195 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 195 / var(--valueORIGIN)) + (var(--valueVH) * 195 / var(--valueORIGIN)));
                border: 1.5px solid #545353;
                border-radius: 50%;
        }
        .text-prize-view {
                margin-top: calc((var(--valueVW) * 22 / var(--valueORIGIN)) + (var(--valueVH) * 22 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .description-prize-view {
                margin-top: calc((var(--valueVW) * 1 / var(--valueORIGIN)) + (var(--valueVH) * 1 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.43;
                letter-spacing: calc((var(--valueVW) * -0.38 / var(--valueORIGIN)) + (var(--valueVH) * -0.38 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .btn-return-play-view {
                margin: auto;
                margin-top: calc((var(--valueVW) * 22 / var(--valueORIGIN)) + (var(--valueVH) * 22 / var(--valueORIGIN)));
                width: calc((var(--valueVW) * 135 / var(--valueORIGIN)) + (var(--valueVH) * 135 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 36 / var(--valueORIGIN)) + (var(--valueVH) * 36 / var(--valueORIGIN)));
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                display: flex;
                justify-content: center;
        }
        .text-return-play-view {
                font-family: Arial;
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.34 / var(--valueORIGIN)) + (var(--valueVH) * -0.34 / var(--valueORIGIN)));
                text-align: center;
                color: #06223d;
                margin: auto;
        }
        .return-home-view {
                margin-top: calc((var(--valueVW) * 22 / var(--valueORIGIN)) + (var(--valueVH) * 22 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .p1-s6-text-info-view {
                margin: auto;
                margin-top: calc((var(--valueVW) * 29 / var(--valueORIGIN)) + (var(--valueVH) * 29 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 13 / var(--valueORIGIN)) + (var(--valueVH) * 13 / var(--valueORIGIN)));
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.31 / var(--valueORIGIN)) + (var(--valueVH) * -0.31 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                max-width: calc((var(--valueVW) * 232 / var(--valueORIGIN)) + (var(--valueVH) * 232 / var(--valueORIGIN)));
        }
        .sm-subtitle-g2-s6-view {
                margin-top: calc((var(--valueVW) * 17 / var(--valueORIGIN)) + (var(--valueVH) * 17 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.41 / var(--valueORIGIN)) + (var(--valueVH) * -0.41 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;  
        }
        #return-play:hover {
                background-color: #FFEB00;
                cursor: pointer;
        }

        /* VIEW P2-S6 */
        #P2_S6 .view {
                background-image: url(/assets/img/game/fondo-evento.jpg);
                background-position: center;
                background-size: cover;
        }
        .p2-s6-title-view {
                margin-top: calc((var(--valueVW) * 49 / var(--valueORIGIN)) + (var(--valueVH) * 49 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 24 / var(--valueORIGIN)) + (var(--valueVH) * 24 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.58 / var(--valueORIGIN)) + (var(--valueVH) * -0.58 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff; 
        }
        .p2-s6-subtitle-view {
                margin-top: calc((var(--valueVW) * 5 / var(--valueORIGIN)) + (var(--valueVH) * 5 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.4356  / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .container-img-present-p2s6-view {
                margin-top: calc((var(--valueVW) * 23 / var(--valueORIGIN)) + (var(--valueVH) * 23 / var(--valueORIGIN)));
                display: flex;
                justify-content: center;
                flex-flow: row wrap;
        }
        .img-open-curtain-view {
                width: calc((var(--valueVW) * 278 / var(--valueORIGIN)) + (var(--valueVH) * 278 / var(--valueORIGIN)));
                position: sticky;
        }
        .img-present-p2s6-view {
                width: calc((var(--valueVW) * 195 / var(--valueORIGIN)) + (var(--valueVH) * 195 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 195 / var(--valueORIGIN)) + (var(--valueVH) * 195 / var(--valueORIGIN)));
                margin-top: calc((var(--valueVW) * -70 / var(--valueORIGIN)) + (var(--valueVH) * -70 / var(--valueORIGIN)));
                border: 1.5px solid #545353;
                border-radius: 50%;
        }
        .text-prize-p2s6-view {
                margin-top: calc((var(--valueVW) * 17 / var(--valueORIGIN)) + (var(--valueVH) * 17 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .description-prize-view {
                margin-top: calc((var(--valueVW) * 1 / var(--valueORIGIN)) + (var(--valueVH) * 1 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.43;
                letter-spacing: calc((var(--valueVW) * -0.38 / var(--valueORIGIN)) + (var(--valueVH) * -0.38 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .return-home-p2s6-view {
                margin-top: calc((var(--valueVW) * 12.8 / var(--valueORIGIN)) + (var(--valueVH) * 12.8 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .p2-s6-text-info-view {
                margin: auto;
                margin-top: calc((var(--valueVW) * 17.2 / var(--valueORIGIN)) + (var(--valueVH) * 17.2 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 13 / var(--valueORIGIN)) + (var(--valueVH) * 13 / var(--valueORIGIN)));
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.31 / var(--valueORIGIN)) + (var(--valueVH) * -0.31 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                max-width: calc((var(--valueVW) * 232 / var(--valueORIGIN)) + (var(--valueVH) * 232 / var(--valueORIGIN)));
        }


        /* VIEW P1-S7 */
        #P1_S7 .view {
                background-image: url(/assets/img/game/fondo-regalo.png);
                background-position: center;
                background-size: cover;
        }
        .p1-s7-title-view {
                margin-top: calc((var(--valueVW) * 49 / var(--valueORIGIN)) + (var(--valueVH) * 49 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 24 / var(--valueORIGIN)) + (var(--valueVH) * 24 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.58 / var(--valueORIGIN)) + (var(--valueVH) * -0.58 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .p1-s7-subtitle-view {
                margin-top: calc((var(--valueVW) * 9 / var(--valueORIGIN)) + (var(--valueVH) * 9 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .container-img-present-p1s7-view {
                margin-top: calc((var(--valueVW) * 82 / var(--valueORIGIN)) + (var(--valueVH) * 82 / var(--valueORIGIN)));
                display: flex;
                justify-content: center;
                flex-flow: row wrap; 
        }
        /* .img-open-curtain-p1s7-view {
                width: calc((var(--valueVW) * 278 / var(--valueORIGIN)) + (var(--valueVH) * 278 / var(--valueORIGIN)));
                position: sticky;
        } */
        .img-planeta-p1s7-view {
                width: calc((var(--valueVW) * 205 / var(--valueORIGIN)) + (var(--valueVH) * 205 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 210 / var(--valueORIGIN)) + (var(--valueVH) * 210 / var(--valueORIGIN)));
                /* margin-top: calc((var(--valueVW) * -85 / var(--valueORIGIN)) + (var(--valueVH) * -85 / var(--valueORIGIN))); */
        }
        .btn-try-again-view {
                margin: auto;
                margin-top: calc((var(--valueVW) * 82 / var(--valueORIGIN)) + (var(--valueVH) * 82 / var(--valueORIGIN)));
                width: calc((var(--valueVW) * 169 / var(--valueORIGIN)) + (var(--valueVH) * 169 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 36 / var(--valueORIGIN)) + (var(--valueVH) * 36 / var(--valueORIGIN)));
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                display: flex;
                justify-content: center;
        }
        .text-return-play-p1s7-view {
                margin: auto;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.34 / var(--valueORIGIN)) + (var(--valueVH) * -0.34 / var(--valueORIGIN)));
                text-align: center;
                color: #06223d;
        }
        .return-home-p1s7-view {
                margin-top: calc((var(--valueVW) * 22 / var(--valueORIGIN)) + (var(--valueVH) * 22 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .sm-subtitle-p1s7-g2 {
                margin-top: calc((var(--valueVW) * 17 / var(--valueORIGIN)) + (var(--valueVH) * 17 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.41 / var(--valueORIGIN)) + (var(--valueVH) * -0.41 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        #try-again:hover {
                background-color: #FFEB00;
                cursor: pointer;
        }

        /* VIEW P2-S7 */
        #P2_S7 .view {
                background-image: url(/assets/img/game/fondo-evento.jpg);
                background-position: center;
                background-size: cover;
        }
        .p2-s7-title-view {
                margin-top: calc((var(--valueVW) * 49 / var(--valueORIGIN)) + (var(--valueVH) * 49 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 24 / var(--valueORIGIN)) + (var(--valueVH) * 24 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.58 / var(--valueORIGIN)) + (var(--valueVH) * -0.58 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .p2-s7-subtitle-view {
                margin-top: calc((var(--valueVW) * 9 / var(--valueORIGIN)) + (var(--valueVH) * 9 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 18 / var(--valueORIGIN)) + (var(--valueVH) * 18 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .container-img-present-p2s7-view {
                margin-top: calc((var(--valueVW) * 62.8 / var(--valueORIGIN)) + (var(--valueVH) * 62.8 / var(--valueORIGIN)));
                display: flex;
                justify-content: center;
                flex-flow: row wrap; 
        }
        .img-open-curtain-p2s7-view {
                width: calc((var(--valueVW) * 290 / var(--valueORIGIN)) + (var(--valueVH) * 290 / var(--valueORIGIN)));
                position: sticky;
        }
        .img-planeta-p2s7-view {
                width: calc((var(--valueVW) * 205 / var(--valueORIGIN)) + (var(--valueVH) * 205 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 205 / var(--valueORIGIN)) + (var(--valueVH) * 205 / var(--valueORIGIN)));
                margin-top: calc((var(--valueVW) * -85 / var(--valueORIGIN)) + (var(--valueVH) * -85 / var(--valueORIGIN)));
        }
        .btn-try-again-p2s7-view {
                margin: auto;
                margin-top: calc((var(--valueVW) * 73 / var(--valueORIGIN)) + (var(--valueVH) * 73 / var(--valueORIGIN)));
                width: calc((var(--valueVW) * 169 / var(--valueORIGIN)) + (var(--valueVH) * 169 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 36 / var(--valueORIGIN)) + (var(--valueVH) * 36 / var(--valueORIGIN)));
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: var(--light-gold);
                display: flex;
                justify-content: center;
        }
        .text-return-play-p2s7-view {
                margin: auto;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 14 / var(--valueORIGIN)) + (var(--valueVH) * 14 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.34 / var(--valueORIGIN)) + (var(--valueVH) * -0.34 / var(--valueORIGIN)));
                text-align: center;
                color: #06223d;
        }
        .return-home-p2s7-view {
                margin-top: calc((var(--valueVW) * 22 / var(--valueORIGIN)) + (var(--valueVH) * 22 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.25;
                letter-spacing: calc((var(--valueVW) * -0.43 / var(--valueORIGIN)) + (var(--valueVH) * -0.43 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .sm-subtitle-p2s7-g2 {
                margin-top: calc((var(--valueVW) * 17 / var(--valueORIGIN)) + (var(--valueVH) * 17 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.41 / var(--valueORIGIN)) + (var(--valueVH) * -0.41 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }

        /* VIEW S2 */
        #S2 .view {
                background-image: url(/assets/img/game/fondo-home.png);
                background-position: center;
                background-size: cover;
        }
        .s2-title-view {
                margin-top: calc((var(--valueVW) * 19 / var(--valueORIGIN)) + (var(--valueVH) * 19 / var(--valueORIGIN)));
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 28 / var(--valueORIGIN)) + (var(--valueVH) * 28 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.68 / var(--valueORIGIN)) + (var(--valueVH) * -0.68 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
        }
        .s2-subtitle-view {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
                font-family: Arial;
                font-size: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.39 / var(--valueORIGIN)) + (var(--valueVH) * -0.39 / var(--valueORIGIN)));
                text-align: center;
                color: #ffffff;
                margin-bottom: calc((var(--valueVW) * 11 / var(--valueORIGIN)) + (var(--valueVH) * 11 / var(--valueORIGIN)));
        }
        .list-prize-view {
                width: 100%;
                display: flex;
                justify-content: center;
                flex-flow: row wrap;
        }
        .sm-banner-prize-view {
                height: calc((var(--valueVW) * 72 / var(--valueORIGIN)) + (var(--valueVH) * 72 / var(--valueORIGIN)));
                overflow: initial;
                width: 97%;
                margin-left: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
                margin-right: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
                /* background-color: #06223d;
                opacity: 0.55;
                border-radius: 4px;     
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); */
                margin-bottom: calc((var(--valueVW) * 5 / var(--valueORIGIN)) + (var(--valueVH) * 5 / var(--valueORIGIN)));
        }
        .text-premio-s2 {
                position: absolute;
                bottom: calc((var(--valueVW) * 8 / var(--valueORIGIN)) + (var(--valueVH) * 8 / var(--valueORIGIN)));
                left: calc((var(--valueVW) * 3 / var(--valueORIGIN)) + (var(--valueVH) * 3 / var(--valueORIGIN)));
                width: calc((var(--valueVW) * 35 / var(--valueORIGIN)) + (var(--valueVH) * 35 / var(--valueORIGIN)));
                font-family: Arial;
                font-size: calc((var(--valueVW) * 10 / var(--valueORIGIN)) + (var(--valueVH) * 10 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.24 / var(--valueORIGIN)) + (var(--valueVH) * -0.24 / var(--valueORIGIN)));
                color: #ffffff;
        }
        .banner-rectangle-s2-view {
                width: 100%;
                height: 100%;
                opacity: 0.55;
                border-radius: 4px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                background-color: #06223d;
        }
        .banner-content-s2-view {
                height: 100%;
                top: -100%;
                position: relative;
                left: calc((var(--valueVW) * 5 / var(--valueORIGIN)) + (var(--valueVH) * 5 / var(--valueORIGIN)));
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
        }
        .mini-trofeo-s2-view {
                width: calc((var(--valueVW) * 48 / var(--valueORIGIN)) + (var(--valueVH) * 48 / var(--valueORIGIN)));
                height: calc((var(--valueVW) * 51 / var(--valueORIGIN)) + (var(--valueVH) * 51 / var(--valueORIGIN)));
                float: left;
                margin-left: -7px;
        }
        .content-all-title-s2 {
                display: flex;
                flex-flow: row wrap;
                flex-basis: 83%;
        }
        .banner-title-s2-view {
                flex-basis: 95%;
                text-shadow: 0 1px 4px #3c3c3c;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 15 / var(--valueORIGIN)) + (var(--valueVH) * 15 / var(--valueORIGIN)));
                font-weight: 900;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.2;
                letter-spacing: calc((var(--valueVW) * -0.36 / var(--valueORIGIN)) + (var(--valueVH) * -0.36 / var(--valueORIGIN)));
                color: #ffffff;
                float: left;
                margin-top: calc((var(--valueVW) * 11 / var(--valueORIGIN)) + (var(--valueVH) * 11 / var(--valueORIGIN)));
        }
        .text-date-s2 {
                float: right;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 12 / var(--valueORIGIN)) + (var(--valueVH) * 12 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: calc((var(--valueVW) * -0.34px / var(--valueORIGIN)) + (var(--valueVH) * -0.34px / var(--valueORIGIN)));
                color: #ffffff;
        }
        .subcontent-all-title-s2 {
                flex-basis: 100%;
                display: flex;
                flex-flow: row nowrap;
                align-self: flex-end;
                justify-content: space-between;
        }
        .banner-subtitle-s2-view {
                flex-basis: 85%;
                align-self: flex-end;
                font-family: Arial;
                font-size: calc((var(--valueVW) * 13 / var(--valueORIGIN)) + (var(--valueVH) * 13 / var(--valueORIGIN)));
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: calc((var(--valueVW) * -0.31 / var(--valueORIGIN)) + (var(--valueVH) * -0.31 / var(--valueORIGIN)));
                color: #03b4e8;
                float: left;
                margin-bottom: calc((var(--valueVW) * 16 / var(--valueORIGIN)) + (var(--valueVH) * 16 / var(--valueORIGIN)));
        }
        /* .banner-content-view:hover {
                cursor: pointer;
        } */
        .link-s2:hover {
                cursor: pointer;
        }

        /* VIEW RULES */
        #RULES .view {
                background-image: url(/assets/img/game/fondo-home.png);
                background-position: center;
                background-size: cover;
                min-width: 100%;
        }
        .rules-container{
                /* text-align: center; */
                color: white;
        }
        .rules-container > h1, .rules-container > h2, .rules-container > h3, .rules-container > h4, .rules-container > h5, .rules-container > h6{
                color: white;
        }





        /* Class of slick */
        .slick-track {
                height: 100%!important;
        }
        .slick-list{
                height: 100%!important;
        }
        .draggable {
                padding: 0!important;
        }
        .slick-slide {
                outline: none;
        }
        /* .slider-prize-view > .slick-list > .slick-track {
                width: unset!important;
                transform: unset!important;
                display: flex!important;
                justify-content: center;
        } */

        /* Media Queriy */
         @media (min-width : 780px) {
                 /* S1 */
                 .view {
                         min-width: calc(100vw - 17px);
                         background-size: 101%!important;
                 }
                .slider-prize-view > .slick-list > .slick-track {
                        width: unset!important;
                        transform: unset!important;
                        display: flex!important;
                        justify-content: center;
                }
                .s1-title-view {
                        font-size: 45px;
                        letter-spacing: -1.6525!important;
                        margin-bottom: 30.31px;
                }
                .s1-welcome-view {
                        font-size: 26.88px;
                        letter-spacing: -0.9478px;
                        margin-bottom: 4px;
                }
                .s1-subtitle-view {
                        font-size: 24.45px;
                        letter-spacing: -1.2151px;
                        margin-bottom: 27px;
                }
                .planeta-regalos-view {
                        width: 325px;
                        height: 460px!important;
                        margin-right: 55.61px;
                        margin-left: 55.61px;
                        padding-bottom: 55px;

                }
                .planeta1-view {
                        width: 275.29px;
                        height: 269px;
                        margin-top: 10px;
                }
                .text-planet-view {
                        font-size: 24.84px;
                        letter-spacing: -1.3615px;
                }
                /*.btn-planet-view {
                        width: 170.57px;
                        height: 48.18px;
                        font-size: 18.12px;
                        letter-spacing: -0.925px;
                        padding-top: 10.78px;
                }*/
                .btn-planet-view {
				      width: 170.57px;
				      font-size: 16px;
				      letter-spacing: -0.925px;
				      padding: 14px 0;
				  }


                .sm-subtitle-g1-view {
                        font-size: 22.12px;
                        letter-spacing: -0.925px;
                        margin-bottom: 10px;
                }
                .banner-content-view {
                        left: 0;
                }
                .mini-regalo-premio-view{
                        width: 80.95px;
                        height: 84px;
                        margin-left: 0;
                }
                .banner-title-view {
                        font-size: 19.84px;
                        letter-spacing: -0.98px;
                        margin-top: 13.73px;
                }
                .banner-subtitle-view {
                        font-size: 17.40px;
                        letter-spacing: -0.844px;
                        margin-bottom: 13.73px;
                }
                .flecha-premio-view {
                        /* width: 102.70px; */
                        height: 38.56px;
                        bottom: 8px;
                }
                .sm-subtitle-g2-view {
                        font-size: 18.67px;
                        letter-spacing: -1.11px;
                }
                .slider-banner-view {
                        height: 90.4px;
                }
                .slider-prize-view {
                        height: 458.96px;
                        margin-bottom: 20.8px;

                }
                .text-planet-view {
                        margin-bottom: 20px;
                }
                .sm-banner-view {
                        margin-left: 9px;
                        margin-right: 9px;
                }
                .text-premio {
                        position: absolute;
                        bottom: 8px;
                        left: 16px;
                        width: 35px;
                        font-family: Arial;
                        font-size: 12px;
                        font-weight: normal;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: -0.24px;
                        color: #ffffff;
                }
                .mini-trofeo-view {
                        width: 64px;
                        height: 68px;
                        margin-left: 0;
                        margin-right: 13px;
                }
                .text-date {
                        font-size: 16px;
                }

                /* P1_S3 */
                .slider-prize-p1s3-view > .slick-list > .slick-track {
                        width: unset!important;
                        transform: unset!important;
                        display: flex!important;
                        justify-content: center;
                        padding-top: 10px;
                        padding-bottom: 10px;
                }
                .p1-s3-title-view {
                        font-size: 42px;
                        margin-top: 103px;
                        letter-spacing: -1.01px;
                }
                .p1-s3-subtitle-view {
                        font-size: 28px;
                        letter-spacing: -0.68px;
                        margin-bottom: 27px;
                }
                .slider-prize-p1s3-view {
                        height: 501px;
                        margin-bottom: 38px;
                }
                .content-prize-p1s3-view {
                        width: 344px;
                }
                .img-prize-p1s3-view {
                       height: 322px; 
                }
                .text-description-p1s3-view {
                        font-size: 20px;
                        margin-bottom: 25px;
                }
                .text-info-p1s3-view {
                        font-size: 17.3px;
                        margin-top: -70px;
                }
                .return-page {
                        font-size: 17px;
                        margin-top: 23px;
                        margin-left: 43px;
                }
                .return-page > a {
                        color: #ffffff;
                        text-decoration: none!important;
                }

                /* P1_S4 */
                .p1-s4-title-view {
                        font-size: 42px;
                        letter-spacing: -1.01px;
                        margin-top: 103px;
                        margin-bottom: 27px;
                }
                .p1-s4-subtitle-view {
                        font-size: 28px;
                        letter-spacing: -0.68px;
                }
                .total-points-view {
                        font-size: 28px;
                        letter-spacing: -0.68px;
                }
                .content-num-game-view {
                        margin-top: 20px;
                }
                .num-game-view {
                        width: 122px;
                        height: 44px;
                        font-size: 30px;
                        letter-spacing: -0.72px;
                        margin-right: 31px;
                        margin-left: 31px;
                }
                .content-info-points-view {
                        width: 405px;
                        height: 84px;
                        border-radius: 4.5px;
                        margin-top: 35px;
                }
                .style-cost-view {
                        font-size: 19.5px;
                        letter-spacing: -0.47px;
                        margin-bottom: 7px;
                }
                .style-used-view {
                        font-size: 22.5px;
                        letter-spacing: -0.54px;
                }
                .div-email-view {
                        margin-top: 57px!important;
                        width: 347px;
                        height: 17px;
                        margin-bottom: 39px;
                }
                .text-email-view {
                        font-size: 16px;
                        letter-spacing: -0.39px;
                }
                .input-email-view {
                        margin-bottom: 20px;
                }
                .text-introduce-email-view {
                        font-size: 16px;
                        letter-spacing: -0.39px;
                }
                .line-view {
                        width: 305px;
                        height: 28px;
                }
                .buttom-send-view {
                        width: 194px;
                        height: 52px;
                        margin-bottom: 63px;
                }
                .text-send-view {
                        font-size: 20.2px;
                        letter-spacing: -0.49px;
                }
                .div-info-view {
                        max-width: 569px;
                        margin-bottom: 34px;
                        display: block;
                }
                .p1-s4-text-legal-view {
                        font-size: 15px;
                        letter-spacing: -0.47px;

                }
                .p1-s4-sm-subtitle-g2-view {
                        font-size: 16px;
                        letter-spacing: -0.66px;
                }
                .buttom-usage-points-view {
                        margin-top: 30px!important;
                        width: 194px;
                        height: 52px;
                        margin-bottom: 35px;
                }
                .text-send-view {
                        font-size: 20.2px;
                        letter-spacing: -0.49px;
                }
                .text-available-items-view {
                        font-size: 28px;
                        letter-spacing: -0.68px;
                        margin-bottom: 29px;
                }
                .buttom-play-view {
                        width: 194px;
                        height: 52px;
                        margin-bottom: 26px;
                }
                .text-send-view {
                        font-size: 20.2px;
                        letter-spacing: -0.49px;
                }
                .p1-s4-text-postpone-view {
                        font-size: 25px;
                        letter-spacing: -0.6px;
                        margin-bottom: 40px;
                        padding-bottom: 15px;
                }
                .buttom-usage-points2-view {
                        margin-top: 30px!important;
                        width: 194px;
                        height: 52px;
                        margin-bottom: 292px;
                }
                .check-terms {
                        font-size: 12px;
                        width: 440px;
                        margin-bottom: 20px;
                }
                #checkbox_terms{
                        margin-top: -7px;
                        margin-right: 10px;
                }
                .error-email-invalid {
                        display: none;
                        justify-content: center;
                        margin-top: -12px;
                        margin-bottom: 12px;
                        color: #fb0707;
                        font-size: 15px;
                }
                .input-num-game-view {
                        width: 81px;
                        height: 29px;
                }
                .question-games {
                        font-size: 22px;
                        margin-top: 65px;
                }
                .highlighted-content {
                        padding-top: 15px;
                        width: 580px;
                        border-radius: 8px;
                }

                /* P1-S5 */
                .p1-s5-title-view {
                        margin-top: 103px;
                        font-size: 42px;
                        letter-spacing: -1.01;
                }
                .p1-s5-subtitle1-view {
                        margin-top: 27px;
                        font-size: 28px;
                        letter-spacing: -0.68px;
                }
                .p1-s5-subtitle2-view {
                        margin-top: 51px;
                        font-size: 24px;
                        letter-spacing: -0.58px;
                }
                .sm-subtitle-g2-s5-view {
                        margin-top: 189px;
                        font-size: 16px;
                        letter-spacing: -0.66px;
                }
                .presents-view {
                        display: flex;
                        height: 304px;
                        justify-content: space-evenly;
                        flex-flow: row nowrap;
                }
                .presents-view > div, .presents-view > div > div, .presents-view > div > div > div {
                        flex-basis: unset!important;
                }
                .present-blue-2-view, .present-blue-3-view {
                        margin-top: unset;
                }

                /* P2-S5 */
                .p2-s5-title-view {
                        margin-top: 103px;
                        font-size: 42px;
                        letter-spacing: -1.01;
                }
                .p2-s5-subtitle1-view {
                        margin-top: 27px;
                        font-size: 28px;
                        letter-spacing: -0.68px;
                }
                .container-img-curtain-view {
                        margin-top: 86px;
                }
                .img-curtain-view {
                        width: 436px;
                        height: 373px;
                }
                .p2-s5-subtitle2-view {
                        margin-top: 80px;
                        font-size: 30px;
                        letter-spacing: -0.91px;
                        max-width: 350px;
                }
                .sm-subtitle-g2-p2s5-view {
                        margin-top: 42px;
                        font-size: 16px;
                        letter-spacing: -0.66px;
                }

                /* P1-S6 */
                .p1-s6-title-view {
                        margin-top: 96px;
                        font-size: 42px;
                        letter-spacing: -1.01;
                }
                .p1-s6-subtitle-view {
                        margin-top: 33px;
                        font-size: 28px;
                        letter-spacing: -0.68px;
                }
                .container-img-present-view {
                        margin-top: 39px;
                }
                .img-present-view {
                        width: 277px;
                        height: 277px;
                }
                .text-prize-view {
                        margin-top: 20px;
                        font-size: 28px;
                        letter-spacing: -0.68px;
                }
                .description-prize-view {
                        margin-top: 20px;
                        font-size: 20px;
                        letter-spacing: -0.48px;
                }
                .btn-return-play-view {
                        margin-top: 39px;
                        width: 210px;
                        height: 52px;
                }
                .text-return-play-view {
                        font-size: 20.2px;
                        letter-spacing: -0.49px;
                }
                .return-home-view {
                        margin-top: 30px;
                        font-size: 20px;
                        letter-spacing: -0.54px;
                }
                .p1-s6-text-info-view {
                        margin-top: 36px;
                        font-size: 18px;
                        letter-spacing: -0.47px;
                        max-width: 569px;
                }
                .sm-subtitle-g2-s6-view {
                        margin-top: 34px;
                        font-size: 16px;
                        letter-spacing: -0.66px;
                }

                /* P2-S6 */
        .p2-s6-title-view {
                margin-top: 96px;
                font-size: 42px;
                letter-spacing: -1.01px;
        }
        .p2-s6-subtitle-view {
                margin-top: 33px;
                font-size: 28px;
                letter-spacing: -0.68px;
        }
        .container-img-present-p2s6-view {
                margin: auto;
                margin-top: 39px;
                display: flex;
                justify-content: center;
                flex-flow: row wrap;
                width: 400px;
        }
        .img-open-curtain-view {
                width: 370px;
                position: sticky;
        }
        .img-present-p2s6-view {
                width: 259px;
                height: 258px;
                margin-top: -90px;
        }
        .text-prize-p2s6-view {
                margin-top: 32px;
                font-size: 28px;
                letter-spacing: -0.68px;
        }
        .description-prize-view {
                margin-top: 20px;
                font-size: 20px;
                letter-spacing: -0.48px;
        }
        .return-home-p2s6-view {
                margin-top: 30px;
                font-size: 20px;
                letter-spacing: -0.54px;
        }
        .p2-s6-text-info-view {
                margin-top: 50px;
                font-size: 18px;
                letter-spacing: -0.47px;
                max-width: 589px;
        }

         /* P1-S7 */
        .p1-s7-title-view {
                margin-top: 106px;
                font-size: 42px;
                font-weight: 900;
                letter-spacing: -1.01px;
        }
        .p1-s7-subtitle-view {
                margin-top: 33px;
                font-size: 28px;
                letter-spacing: -0.68px;
        }
        .container-img-present-p1s7-view {
                margin-top: 113px;
                display: flex;
                justify-content: center;
                flex-flow: row wrap; 
        }
        .img-planeta-p1s7-view {
                width: 300px;
                height: 254px;
        }
        .btn-try-again-view {
                margin-top: 108px;
                width: 223px;
                height: 48px;
        }
        .text-return-play-p1s7-view {
                font-size: 18px;
                letter-spacing: -0.43px;
        }
        .return-home-p1s7-view {
                margin-top: 23px;
                font-size: 20px;
                letter-spacing: -0.54px;
        }
        .sm-subtitle-p1s7-g2 {
                margin-top: 106px;
                font-size: 16px;
                letter-spacing: -0.66px;
        }

        /* P2-S7 */
        .p2-s7-title-view {
                margin-top: 106px;
                font-size: 42px;
                font-weight: 900;
                letter-spacing: -1.01px;
        }
        .p2-s7-subtitle-view {
                margin-top: 33px;
                font-size: 28px;
                letter-spacing: -0.68px;
        }
        .container-img-present-p2s7-view {
                margin: auto;
                margin-top: 65px;
                display: flex;
                justify-content: center;
                flex-flow: row wrap; 
                width: 400px;
        }
        .img-open-curtain-p2s7-view {
                width: 370px;
                position: sticky;
        }
        .img-planeta-p2s7-view {
                width: 282px;
                height: 299px;
                margin-top: -115px;
        }
        .btn-try-again-p2s7-view {
                margin-top: 91px;
                width: 223px;
                height: 48px;
        }
        .text-return-play-p2s7-view {
                font-size: 18px;
                letter-spacing: -0.43px;
        }
        .return-home-p2s7-view {
                margin-top: 23px;
                font-size: 20px;
                letter-spacing: -0.54px;
        }
        .sm-subtitle-p2s7-g2 {
                margin-top: 106px;
                font-size: 16px;
                letter-spacing: -0.66px;
        }

        /* S2 */
        /* .list-prizes {
                pointer-events: none;
        } */
        .s2-title-view {
                font-size: 42px;
                font-weight: 900;
        }
        .s2-subtitle-view {
                font-size: 28px;
        }
        .banner-title-s2-view {
                font-size: 28px;
        }
        .banner-subtitle-s2-view {
                font-size: 20px;
        }
        .text-date-s2 {
                font-size: 20px;
        }
        .mini-trofeo-s2-view {
                width: 85px;
                height: 90px;
                margin-left: -14px;
        }
        .text-premio-s2 {
                font-size: 16px;
                bottom: 24px;
                left: -16px;
                text-align: center;
        }
        .sm-banner-prize-view {
                width: 630px;
                height: 140px;
        }
        .list-prize-view {
                max-width: 1630px;
                margin: auto;
        }






        /* RULES */
        /* #RULES .view {
                background-size: cover;
                min-width: 100%;
        } */

        }

        @media (min-width : 600px) and (max-width : 779px) {
                /* P1-S5 */
                .presents-view {
                        width: 60%;
                }
        }

        @media (min-width : 780px) and (max-width : 850px) {
                .banner-title-view {
                        font-size: 16px;
                }
                .banner-subtitle-view {
                        font-size: 15px;
                }
        }

        
        


/******************************/
/*9.- MEDIA QUERIES */
/******************************/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1)

{
.picture-modal .close-modal{width:25px; height:20px; background:url(../img/sprite-vanadistemplate.png) 0px -220px border-box no-repeat; position:absolute; top:18px; right:18px;}
	.picture-modal .close-modal:hover{background-position:0px -220px;} 
}


@media print {
  a[href]:after {
    content: none !important;
  }
  
  #header,#footer{display:none;}
  .back_container{display: none;}
}

@media (max-width:460px){
    table td, table th{
        display: none;
    }
    table tr td:first-child, table th:first-child, table th:last-child, table td:last-child{
        display: table-cell;
    }
}

/******************************/
/*10.- SIDEBAR */
/******************************/

.fa-stack {width: 2.2em !important;} 


/******************************/
/*11.- OTHERS */
/******************************/
.hidden { display: none; }

/* Margen para que no se corte la paginación con el footer activo */
.pagination {
        margin-bottom: 40px!important;
}