button, input, optgroup, select, textarea,html input[type='button'],input[type='submit'], input[type='reset'], input[type='submit'],button[disabled], html input[disabled],button::-moz-focus-inner, input::-moz-focus-inner, input[type='checkbox'], input[type='radio'], input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button, input[type='search'], input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { border:none; background-image:none; background-color:transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } a:hover, a:focus, input:hover, input:focus { cursor:pointer;} html { box-sizing:border-box; overflow-y:-moz-scrollbars-vertical; overflow-y:scroll; cursor:default; } body { opacity:0; transition:opacity 1s linear; } body { max-width:100%; width:100%; height:100%; padding:0;margin:0; -epub-hyphens:auto; -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; word-break:normal; ms-word-break:normal; opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; color:#000000; font-family:helvetica; position:relative; display:block; } p, a{ padding:0 0 0.2% 0; -moz-hyphens:auto; -epub-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; text-decoration:none; color:#000000; } p{ padding:0 0 0.2% 0; } #p{position: relative;} i{display:inherit;} img{display:block;width:100%;height:auto;margin:0 auto; animation-delay:3s;-webkit-animation-delay:3s;} table {width:100%;} td:before { content: ''; display: block; width: 5em; } td{ padding:1% 2vw 0.5% 2%; vertical-align:top; white-space: normal; } .button, input, input[type='submit'],input[type='button']{ -webkit-appearance: none; -moz-appearance: none; display:inherit; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition: all 0.3s; transition-duration:0.3s; font-size:1rem; cursor:pointer; } p span, a span, h1 span, h2 span, h3 span, h4 span, h5 span { display:inline-block; } span.image_holder{ width:100%; } .video-container{ position: relative; margin: 0 2% 6% 2% ; padding-bottom: 56.25%; /* 16:9 Aspect Ratio padding-top: 25px */; } .video {position: absolute;width: 100%!important;height: 100%!important;} .gmap{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .gmap iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } .line{ border-top:1px solid #3f3f3f;margin:7%;color:#555;font-size:0.8em;} #headerNavigation, #mainNavigation, #additionalNavigation, #additionalFooterNavigation, #footerNavigation {width:100%; display:inline-block;margin:0;padding:0;} #leftNavigation,#rightNavigation {clear:both; display: inline-block;} #headerNavigation .nav-item, #headerNavigation .nav-item a, #headerNavigation .nav-active, #headerNavigation .nav-active a, #mainNavigation .nav-item, #mainNavigation .nav-item a, #mainNavigation .nav-active, #mainNavigation .nav-active a, #legalNavigation .nav-item, #legalNavigation .nav-item a, #legalNavigation .nav-active, #legalNavigation .nav-active a { display:inline-block;} .nav-item, .nav-active {float:left;display:inline-block; width:auto;position:relative; } #headerNavigation .nav-item, #headerNavigation .nav-item a, #headerNavigation .nav-active, #headerNavigation .nav-active a, #legalNavigation .nav-item, #legalNavigation .nav-item a, #legalNavigation .nav-active, #legalNavigation .nav-active a { } #footerNavigation .nav-item, #footerNavigation .nav-item a, #footerNavigation .nav-active, #footerNavigation .nav-active a {display:inline-block; clear:both} /*{width:100%; ; display:inline-block}*/ #headerNavigation {text-decoration:none;} #mainNavigation {text-decoration:none;} #additionalNavigation {text-decoration:none;} #additionalFooterNavigation {text-decoration:none;} #leftNavigation {text-decoration:none;} #rightNavigation {text-decoration:none;} #footerNavigation {text-decoration:none;} /* #nav-title {} #nav-img {} /*#nav-item, #nav-bullet{float:left;font-size:13px;font-size:3vw;} #nav-active {float:left;}*/ #active-child {} #parent {} */ #nav-mob-img{height:3.4vw;width:auto} .bullet-icon{float:left;padding-right:0.5em;} .bullet-text{float:left;} #headerNavigation .nav-content, #mainNavigation .nav-content, #additionalNavigation .nav-content {padding: 3%; margin-left: -3%; opacity: 0.9; border-radius: 0 0 2% 2%;} #headerNavigation .nav-content .nav-item,#headerNavigation .nav-content .nav-active, #mainNavigation .nav-content .nav-item,#mainNavigation .nav-content .nav-active, #additionalNavigation .nav-content .nav-item,#additionalNavigation .nav-content .nav-active {font-size:0.85em;} #headerNavigation img,#mainNavigation img,#additionalNavigation img, #leftNavigation img,#rightNavigation img, #additionalFooterNavigation img,#footerNavigation img {height:3.4vw;width:auto;float:left;} #bannerImage{width:100%;display:inline-block;padding:0;} #bannerImage > img{display:block;padding:0;} #mainWrapper {clear:both; display: inline-block; width:100%; position:relative} #mainWrapper {} #contentWrapper {width:100%;float:left;display:block;} #header-section-wrapper {position:relative;clear:both;display:block;overflow:hidden;} .section-wrapper {position:relative;clear:both;display:block;} #header-section-wrapper{padding:0;margin:0;} .headerHolder {position: absolute;bottom: 5%;padding:2%;width:96%;} .headerHolderField {position: absolute;bottom: 7%;bottom: 7vw;padding:2%;} .headerHolderField img {margin:0;padding:0;margin-left:-2%;width:104%;} #headerHolderText > h1, #headerHolderText > h2, #headerHolderText > h3, #headerHolderText > h4 { font-weight:200; font-size:2.5rem; font-size:3.7vw; line-height:2.5rem;line-height:3.7vw; } .box-1,.box-2,.box-3,.box-4,.box-5,.box-6,.box-7,.box-8 {border:1px solid #888; border-radius:0.5%;width:92%;padding:2%;margin:1% auto;width:auto;display:inline-block;} .letters-up, .letters-down{ font-size:.6em; } .letters-up{ vertical-align: .4em; } .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; min-width: 10vw; max-width: 30vw; /* width: auto; */ background-color: black; color: #fff; text-align: left; border-radius: 6px; padding: 5px 16px; position: fixed; opacity: 1; z-index: 1 !important; margin: -4vw 0vw; /* left: 39vw; */ display: block; } .tooltip:hover .tooltiptext { visibility: visible; } .label_skitter{ font-size: 1.5rem; padding-left: 2%; padding-right: 2%; width:96% !important; color: white; } .label_text { z-index: 150; position: absolute; bottom: 0px; left: 0px; display: block; /*background: linear-gradient(transparent, #000);*/ width: 100%; color:inherit; } .accordion { position: relative; margin-bottom: 1px; width: 100%; color: #ffffff; overflow: hidden; opacity:0.8; } .accordion:hover { opacity:1; } .accordion input { position: absolute; opacity: 0; z-index: -1; } .accordion label { position: relative; display: block; padding: 0 0 0 2em; text-indent:-1em; background: #bbbbbb; font-weight: bold; line-height: 3; cursor: pointer; } .accordion-content { max-height: 0; overflow: hidden; background: #eeeeee; -webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s; } /* :checked */ .accordion input:checked ~ .accordion-content { height:auto; max-height: 100%; } /* Icon */ .accordion label::after { position: absolute; right: 0; top: 0; display: block; width: 3em; height: 3em; line-height: 3; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .accordion input[type=checkbox] + .accordion label::after { content: '+'; } .accordion input[type=radio] + .accordion label::after { content: '\/25BC'; } .accordion input[type=checkbox]:checked + .accordion label::after { transform: rotate(315deg); } .accordion input[type=radio]:checked + .accordion label::after { transform: rotateX(180deg); } .pulse { display: inline-block; -moz-animation: pulse 3s infinite linear; -o-animation: pulse 3s infinite linear; -webkit-animation: pulse 3s infinite linear; animation: pulse 3s infinite linear; } @-webkit-keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #contactForm {margin-top:8%;display:inline;} .field, input { position:relative; /*text-transform:uppercase;*/ font-weight:200; } .field label {position:absolute; margin:2%; transition: all .2s linear; display:inline-block; } label .field {display:inline-block;margin:2%; } .field input, textarea {border-radius:5px;border: solid 1px #999999; padding:3%; display:inline-block;opacity:1;left:0%;margin:0;text-align:left;text-indent:0;font-size: 0.85rem} .field textarea {background-color:#fff;height: 18em;50vh; width:94%; text-align:top; font-size:0.85rem} input[type='text'], input[type=password], input[type='email'], input[type='phone']{ background-color:#fff; display:inline-block; width:94%; padding:2%; margin:2% 0; font-size:1rem; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; /*text-indent:5%;*/ } .field input[type='text']:invalid + label {opacity:0; } .field input[type='email']:invalid + label {opacity:1; left:0;top: 0; margin-top:-4.15%;} .field input[type='datetime-local']:invalid + label {opacity:1; left:0;top: 0; margin-top:-4.15%;} .field input:valid + label {opacity:1; left:0;top: 0; margin-top:-4.15%; } .field input:focus, textarea:focus { outline:none; background-color:#eeeeee;} .field input:focus + label { } #codeblock {font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif; display:block;margin:2%;padding:1%2%2%2%;color:#5f5f5b;background-color:#e6e8e8;}