/* The Modal (background) */.modal1{display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}/* Modal Content */.modal-content1{position: relative; background-color: #fefefe; margin: auto; padding: 0; border: none; width: 645px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s}/* Add Animation */@-webkit-keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}@keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}/* The Close Button */.close1{color: white; float: right; font-size: 28px; font-weight: bold; position: relative; top: -46px;}.close1:hover,.close1:focus{color: #fff; text-decoration: none; cursor: pointer;}.modal-header1{padding: 1px 16px 0; background-color: #05141f; color: white;}.modal-header1 h2{font-size:22px;}.modal-body1{padding: 2px 16px;}/* The Modal (background) */.modal2{display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}/* Modal Content */.modal-content2{position: relative; background-color: #fefefe; margin: auto; padding: 0; border: none; width: 645px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s}/* Add Animation */@-webkit-keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}@keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}/* The Close Button */.close2{color: white; float: right; font-size: 28px; font-weight: bold; position: relative; top: -46px;}.close2:hover,.close2:focus{color: #fff; text-decoration: none; cursor: pointer;}.modal-header2{padding: 1px 16px 0; background-color: #05141f; color: white;}.modal-header2 h2{font-size:22px;}.modal-body2{padding: 2px 16px;}/* The Modal (background) */.modal3{display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}/* Modal Content */.modal-content3{position: relative; background-color: #fefefe; margin: auto; padding: 0; border: none; width: 645px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s}/* Add Animation */@-webkit-keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}@keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}/* The Close Button */.close3{color: white; float: right; font-size: 28px; font-weight: bold; position: relative; top: -46px;}.close3:hover,.close3:focus{color: #fff; text-decoration: none; cursor: pointer;}.modal-header3{padding: 1px 16px 0; background-color: #05141f; color: white;}.modal-header3 h2{font-size:22px;}.modal-body3{padding: 2px 16px;}/* The Modal (background) */.modal4{display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}/* Modal Content */.modal-content4{position: relative; background-color: #fefefe; margin: auto; padding: 0; border: none; width: 645px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s}/* Add Animation */@-webkit-keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}@keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}/* The Close Button */.close4{color: white; float: right; font-size: 28px; font-weight: bold; position: relative; top: -46px;}.close4:hover,.close4:focus{color: #fff; text-decoration: none; cursor: pointer;}.modal-header4{padding: 1px 16px 0; background-color: #05141f; color: white;}.modal-header4 h2{font-size:22px;}.modal-body4{padding: 2px 16px;}/* The Modal (background) */.modal5{display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}/* Modal Content */.modal-content5{position: relative; background-color: #fefefe; margin: auto; padding: 0; border: none; width: 645px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s}/* Add Animation */@-webkit-keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}@keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}/* The Close Button */.close5{color: white; float: right; font-size: 28px; font-weight: bold; position: relative; top: -46px;}.close5:hover,.close5:focus{color: #fff; text-decoration: none; cursor: pointer;}.modal-header5{padding: 1px 16px 0; background-color: #05141f; color: white;}.modal-header5 h2{font-size:22px;}.modal-body5{padding: 2px 16px;}/* The Modal (background) */.modal6{display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}/* Modal Content */.modal-content6{position: relative; background-color: #fefefe; margin: auto; padding: 0; border: none; width: 645px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s}/* Add Animation */@-webkit-keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}@keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}/* The Close Button */.close6{color: white; float: right; font-size: 28px; font-weight: bold; position: relative; top: -46px;}.close6:hover,.close6:focus{color: #fff; text-decoration: none; cursor: pointer;}.modal-header6{padding: 1px 16px 0; background-color: #05141f; color: white;}.modal-header6 h2{font-size:22px;}.modal-body6{padding: 2px 16px;}/* The Modal (background) */.modal7{display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}/* Modal Content */.modal-content7{position: relative; /*background-color: #fefefe;*/ margin: auto; padding: 0; border: none; width: 90%; /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s*/}/* Add Animation */@-webkit-keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}@keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}/* The Close Button */.close7{color: white; float: right; font-size: 28px; font-weight: bold; position: relative; top: -46px;}.close7:hover,.close7:focus{color: #fff; text-decoration: none; cursor: pointer;}.modal-header7{padding: 1px 16px 0; color: white;}/*.modal-header7 h2{font-size:22px;}*/.modal-body7{padding:0;}/* The Modal (background) */.modal8{display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}/* Modal Content */.modal-content8{position: relative; background-color: #fefefe; margin: auto; padding: 0; border: none; width: 645px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s}/* Add Animation */@-webkit-keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}@keyframes animatetop{from{top:-300px; opacity:0}to{top:0; opacity:1}}/* The Close Button */.close8{color: white; float: right; font-size: 28px; font-weight: bold; position: relative; top: -46px;}.close8:hover,.close8:focus{color: #fff; text-decoration: none; cursor: pointer;}.modal-header8{padding: 1px 16px 0; background-color: #05141f; color: white;}.modal-header8 h2{font-size:22px;}.modal-body8{padding: 2px 16px;}@media (max-width: 767px){/*.modal-content{width:100%;}*/.modal-content1{width:100%;}.modal-content2{width:100%;}.modal-content3{width:100%;}.modal-content4{width:100%;}.modal-content5{width:100%;}.modal-content6{width:100%;}.modal-content7{width:100%;}.modal-content8{width:100%;}.modal-header1, .modal-header2, .modal-header3, .modal-header4, .modal-header5, .modal-header6, .modal-header8{padding: 8px 16px 2px;}.close1, .close2, .close3, .close4, .close5, .close6, .close8{top: -35px;}}