﻿
 
        a {
            color: inherit;
            text-decoration: none;
 
        } 
 

        body { padding:0; background: #fff; font-family:'trebuchet ms', serif;  color:#303030;
               background-image: url("/gfx/spacebook-1.jpg");
               background-repeat: no-repeat;
               background-attachment: fixed;
               background-size:cover;
             }


        input { -webkit-transition: 0.4s;
                -moz-transition: 0.4s;
                transition: 0.4s;
              }


        a:link, a:visited { text-decoration:none;
							color:#c49e00;
							-webkit-transition: 0.4s;
							-moz-transition: 0.4s;
							transition: 0.4s;
						}

		a:hover, a:active { text-decoration:none; color: rgba(72,76,92,1);
							-webkit-transition:0.2s;
							-moz-transition: 0.2s;
							transition:0.2s;
						   }


 
        a:link.rev, a:visited.rev { text-decoration: none; color:#fff;
									-webkit-transition: 0.4s;
									-moz-transition: 0.4s;
									transition: 0.4s;
			   					  }

		a:hover.rev, a:active.rev { text-decoration:underline; color:#cdae60;
									-webkit-transition:0.2s;
									-moz-transition: 0.2s;
									transition:0.2s;
								   }




        nav { position:absolute; right:20px; top:50%;
			  -webkit-transform: translateY(-50%);
			  -ms-transform: translateY(-50%);
			  transform: translateY(-50%); 
            }


            nav a:link, nav a:visited { display: inline-block;
                                        text-decoration: none;
                                        padding: 0;
                                        margin: 0 0 0 20px;
                                        font-size: 0.8em;
                                        line-height: normal;
                                        color:#c49e00;
                                        background: none;
                                        border: none;
                                        letter-spacing:1px;
                                      }

            nav a:hover, nav a:active { text-decoration: underline;
                                        color: #fff;
                                        border: none;
                                      }



            h1 { font-size:1.8em; line-height:0.9em; padding:0 20px 20px 20px; }

                h1.main { font-size:2.2em; font-weight:bold; color:#fff; line-height:0.9em; padding:20px 20px 20px 0; }

                h1.ln { font-size:1.8em; padding:20px 0 15px 0; margin:0 0 10px 0; position: relative; text-align:center; text-transform:uppercase; color:#fff; }
                    h1.ln:before {
                        content: "";
                        position: absolute;
                        width: 100px;
                        height: 1px;
                        bottom: 0;
                        left: calc(50% - 50px);
                        border-bottom: 1px solid #c49e00;
                    }



            h2 { font-size:1.4em; padding:0 0 20px 0; text-transform:uppercase; color:#fff;  }

               h2.ven { font-size:1.2em; padding:0 0 10px 0; color:#fff;  }

            h3 { font-size:1.2em; padding:0 0 15px 0;  }

            h4 { font-size:1.2em; padding:10px 0; color:#a983e5; }


            .icsz { width:26px; margin:0 10px 4px 0; display:inline-block; vertical-align:middle; filter: invert(100%);  }
            .facbar { padding:5px 0; font-size:0.9em; }


        .polywh { background:rgba(24,24,24,0.9); }

        .contain { width: 94%; max-width: 1000px;
                   margin: 0 auto;
                   padding:20px;
                   position: relative; 
                   color:#fff;
                }


        input.dobtn { -webkit-appearance: none;
                        border: 1px solid rgba(255,255,255,1);
                        background:#fff;
                        border-radius: 50px;
                        font-size:1.1em;
                        padding:15px 20px;
                        margin:5px 0;
                        box-shadow: 0px 0px 12px #e6b7df;
                        cursor:pointer;
                   }


        input.dobtnf { -webkit-appearance: none;
                        width:100%;
                        border: 1px solid #c49e00;
                        background:rgba(24,24,24,1);
                        font-size:0.9em;
                        padding:10px 20px;
                        margin:8px 0;   
                        cursor:pointer;
                        text-align:center;
                       font-weight:bold;
                       text-transform:uppercase;
                       color:#fff;
                   }


        input.dobtnfx { -webkit-appearance: none;
                        width:100%;
                        border: 1px solid #a40000;
                        background:#fff;
                        font-size:1em;
                        padding:10px 20px;
                        margin:8px 0;   
                        cursor:pointer;
                        text-align:center;
                        border-radius:4px;
                   }


        input.gobtnf { -webkit-appearance: none;
                       width:100%;
                       border: 1px solid #c49e00;
                       background:#c49e00;
                       font-size:0.9em;
                       padding:10px;
                       margin:8px 0;
                       color: #000;
                       cursor:pointer;             
                       font-weight:bold;
                       text-transform:uppercase;
                     }

        input.gobtnf:hover { background:none; color:#c49e00; border:1px solid #c49e00; }

        input::placeholder { color:#cdcdcd; }


		.drap { display:block; background: rgba(24, 24, 24, 1); border: 1px solid #c49e00; padding:0 10px 0 0; margin:0; margin:8px 0; }
			select.ddrp { background: rgba(24, 24, 24, 1); color:#fff; border:transparent; font-size:0.9em; font-weight:bold; padding:10px 20px; margin:0; cursor:pointer; width:100%; text-align:center;text-transform: uppercase; }


        .signbtn {  position: absolute;
					top: 50%;
                    right:20px;
					-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					transform: translateY(-50%); 
                  }


        .signbx { padding:20px; position:absolute; right:0; top:50%; background:#fff; width:380px;
					-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
			      transform: translateY(-50%);
                  text-align:center;      
                  border-radius: 2px;
                }


        .signbx2 { padding:20px; background:rgba(24,24,24,0.9); 
                   width:260px;  
                   vertical-align:top;
                   display:inline-block;
                   position:relative;
                   margin:0;
                   text-align:center;      
                   border-radius: 2px;
                   color:#fff;
                }

        .reelbx { display:inline-block; width: calc(100% - 260px); height:387px; padding:0 20px 0 0;  vertical-align:top; }
            .reelpic { width:100%; height:387px; object-fit:cover; }

        .refbx { padding:20px; background:rgba(24,24,24,0.9); width:100%;
                 position:relative;
                  text-align:center; 
                  vertical-align:top;
                  height:460px;
                }

 

        .pgmain { display:inline-block; width:60%; vertical-align:top; padding:0 0 0 0; margin:0 0 40px 0; }
        .pgside { display:inline-block; width:40%; vertical-align:top; padding:0 0 0 40px; }


        .bred { padding:10px 0 20px 0; border-bottom:1px solid #cdcdcd; font-size:0.8em; letter-spacing:1px; }

            .bred a { text-decoration:underline;
				      color:#c49e00;
				      -webkit-transition: 0.4s;
				      -moz-transition: 0.4s;
				      transition: 0.4s;
		   	        }

            .bred a:hover { color:#000; }



        article { padding:20px 0; }


        .spectable { display:table; width:100%; text-align:left; padding:40px 0; }
        .trow { display:table-row; }
        .tcell { display:table-cell; padding:10px 20px 10px 0; font-weight:bold; } 




        .sublistbx { position:absolute; top:60px; left:0; width:100%;  background:rgba(24,24,24,1);  padding:10px 20px; line-height:1.8em;
                     border-radius:3px; text-align:left; z-index:9999; color:#fff; }


        .menucl { background:#353335; border:1px solid #c49e00; box-shadow: 0px 0px 4px 1px rgba(0,0,0,1); position:absolute; right:4px; top:4px; padding:3px 7px; font-weight:bold; color:#fff; line-height:normal; cursor:pointer; border-radius:4px; z-index:99999; }

        .popouter { background: rgba(0,0,0,0.9); position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 9999; display:none; }
        .popinner { background: rgba(24,24,24,0.9); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; padding: 20px 30px; border-radius:10px; text-align:center; }

        input[type=checkbox] { margin-right:10px; } 


        .venbx { display:inline-block; width:50%; margin:0; padding:0 30px 30px 0; vertical-align:top; }

        .venbx3 { display:inline-block; width:25%; margin:0; padding:10px; vertical-align:top; text-align:left; transition: 0.2s ease-out; }

        .venbx3:hover { background: rgba(24,24,24,0.8); }

            .venbx img, .venbx3 img { width:100%; display:block; border:4px solid  rgba(54,52,54,0.1); }
            .veninf { background: rgba(24,24,24,0.5); padding:20px 15px; }
            .vens { font-weight:bold; }
            .vensout { padding:20px 0 0 0; }

        .specbx { background:#c49e00; display:inline-block; padding:5px 10px; margin:5px 10px 5px 0; font-size:0.8em; color:#000; }


        .price { color:#fff; font-size:1em; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }

                .fbbx { padding:80px 40px; text-align:center; background: rgba(0,0,0,0.6); }

		        .quotel { display:inline-block; font-size:3em; line-height:0.8em; display:inline-block; vertical-align:top; color: rgba(255,255,255,0.6); }
		        .quoter { display:inline-block; font-size:3em; line-height:0.8em; display:inline-block; vertical-align:bottom; color: rgba(255,255,255,0.6); }
                .qtx { display:inline-block; font-size:1.6em; line-height:1.2em; width:80%; font-style: italic; color:#fff; font-weight:700; }
		        .fbname { padding:20px 0 0 0; font-size:1.2em; color: rgba(255,255,255,0.6); }



                .mesneg { padding:10px 10px 20px 10px; font-weight:bold; color:#a40000; text-transform:uppercase;  }