body, html {margin:0; background-color:#000; font-family: 'Raleway', sans-serif; font-size:0px; -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum" 1; }
h1,h2,h3,h4, a{font-weight:inherit; color:inherit; display:inline; margin:inherit; padding:inherit; font-size:inherit; text-decoration:none}
* {box-sizing:border-box}
a {text-decoration:none; color:inherit; padding:0px; margin:0px}
input, textarea {-webkit-appearance: none; -moz-appearance: none; border-radius:0; border:none; outline:none; font-family: 'Raleway', sans-serif; color:#FFF}
.num {font-family: 'Rawline', sans-serif}
/*.grecaptcha-badge {visibility: hidden}*/
.dark {color:#121212}
.bg-dark {background-color:#121212}
.gray {color:#393939}
.bg-gray {background-color:#393939}
.white {color:#FFF}
.bg-white  {background-color:#FFF}
.orange {color:#d07419}
.bg-orange  {background-color:#d07419}
.bg-black  {background-color:#000}
.light {font-weight:200}
.bold {font-weight:600}
.wrapper {max-width:1240px; width:100%; margin:0px auto}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.title {font-size:40px; letter-spacing:1px}
.subtitle {font-size:22px; line-height:35px; letter-spacing:1px}
.subtitle-top {font-size:22px; line-height:35px; letter-spacing:1px}
.text {font-size:14px; line-height:26px; letter-spacing:1px}
.caps {text-transform:uppercase}
.btn-cta {display:inline-table; height:50px; table-layout:fixed; cursor:pointer}
.btn-cta .label {display:table-cell; vertical-align:middle; font-size:14px; text-align:center; letter-spacing:1px; background:#333; opacity:0.8; padding:0px 1vw; height:50px}
.btn-cta:hover .label {opacity:1}
.btn-cta .space {display:table-cell; background:none; width:2px}
.btn-cta .icon {display:table-cell; vertical-align:bottom; text-align:center; padding:10px; width:40px; height:50px; background:rgba(225,225,225,0.4)}

.checkbox {display:inline-block;  position:relative; padding-left:28px; padding-right:15px;  margin-bottom:4px; cursor: pointer; font-size:14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.checkbox input {position:absolute; opacity: 0; cursor: pointer}
.checkmark {position:absolute; top:-1px; left:0; height:17px; width:17px; background-color:transparent; border:1px solid #FFF}
.checkbox input:checked ~ .checkmark {background-color: #000; box-shadow:inset 0px 0px 0px 0px #FFF; border:1px solid #FFF}
.checkmark:after {content: ""; position: absolute; display: none; }
.checkbox input:checked ~ .checkmark:after { display: block; }
.checkbox .checkmark:after {left: 5px; top: 0px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
ul {list-style:none; margin-left:0; padding-left:1.2em; text-indent:-1.2em}
  li:before {content:">"; display:block; float:left; width:1em; color:#cb6d1c;}
li {line-height:30px; margin-top:10px; margin-bottom:10px}
li span {font-weight:400; text-transform:lowercase}

#pop-up {position:fixed; width:100vw; height:110vh; background:rgba(0,0,0,0.7); z-index:10000; top:0; bottom:0; left:0; right:0; text-align:center; display:none}
#pop-up .wrapper {display:table-cell; width:100%; vertical-align:top; text-align:center; padding-top:5vh}
#pop-up .wrapper .img-wrapper {max-width:1024px; width:96%; margin-left:2%; margin-right:2%; text-align:center; display:none}
#pop-up .wrapper .img-wrapper .close {cursor:pointer; display:inline-block; vertical-align:middle; font-size:32px; color:#FFF; padding:5px; border-radius:100px; background:#000; line-height:10px; width:25px; height:25px; margin-bottom:10px; position:relative; border:1px solid #FFF}
#pop-up .wrapper .img-wrapper .left {cursor:pointer; display:inline-block; vertical-align:middle; font-size:15px; color:#FFF; padding:5px; border-radius:100px; background:#000; line-height:15px; width:25px; height:25px; margin:0px 10px 10px; position:relative; border:1px solid #FFF}
#pop-up .wrapper .img-wrapper .right {cursor:pointer; display:inline-block; vertical-align:middle; font-size:15px; color:#FFF; padding:5px; border-radius:100px; background:#000; line-height:15px; width:25px; height:25px; margin:0px 10px 10px; position:relative; border:1px solid #FFF}
#pop-up .wrapper .img-wrapper img {max-width:100%; max-height:80vh}

#header {background:none}
#header .top-section {display:table; padding:25px 20px; position:relative; z-index:1000}
#header .top-section .left-content {display:table-cell; width:50%; vertical-align:top}
#header .top-section .right-content {display:table-cell; width:50%; vertical-align:top; line-height:40px}
#header .top-section .left-content .phone {max-width:18px; width:1.8vw}
#header .content-section {display:table; padding:25px 20px; position:relative; z-index:1000; margin-bottom:150px}
#header .content-section .logo {width:40%; max-width:280px; margin:2vw 0px}
#header .content-section .top {margin-top:50px}
#header .content-section .top .title {display:inline-block; margin:0px; padding:10px 20px 10px 0px}
#header .content-section .top .arrow {background-color:rgba(0,0,0,0.5); display:inline-block; margin:0px 2px; padding:10px; width:45px}
#header .content-section .bottom {position:relative; height:30vw; max-height:250px; width:100%; margin:20px 0px}
#header .content-section .bottom .img {height:100%}
#header .content-section .bottom .line1 {display:inline-block; width:2px; height:100%; margin:0px 2%; opacity:0.7}
#header .content-section .bottom .line2 {display:inline-block; width:2%; height:100%; margin:0px 4px; opacity:0.1}
#header .content-section .bottom .line3 {display:inline-block; width:1%; height:100%; margin:0px 1px; opacity:0.3}
#header .content-section .bottom .line4 {display:inline-block; width:1%; height:100%; margin:0px 2%; opacity:0.2}
#header .content-section .bottom .line5 {display:inline-block; width:3%; height:100%; margin:0px 2%; opacity:0.1}
#header .header-background {position:absolute; top:0; width:100%}

#level2 {position:absolute; width:100%; opacity:1; z-index:1000; margin-top:-50px}
#level2 .wrapper {text-align:right}
.level2-background {position:relative; width:100%; overflow:hidden}
.level2-background .cell-left {display:inline-block; vertical-align:top; width:55%; padding:3vw 0px}
.level2-background .cell-right {display:inline-block; vertical-align:top; width:43%}
.level2-content {position:relative; width:100%}
.level2-content .wrapper {padding:0px 20px}
.level2-content .wrapper .content {position:relative; z-index:1; margin:0px; width:48%}

#level3 {width:100%; padding-top:150px; padding-bottom:40px}
#level3 .wrapper {display:table; width:100%}
#level3 .wrapper .cell {display:table-cell; width:50%; vertical-align:middle}
#level3 .wrapper .cell .content {display:inline-block; width:100%; max-width:450px}

#level4 {width:100%; padding-top:0px; background-image:url(img/bg-map.jpg); background-size:70% auto; background-repeat:no-repeat; background-position:-150px center}
#level4 .wrapper {display:table; width:100%}
#level4 .wrapper .cell {display:table-cell; width:50%; vertical-align:middle}
#level4 .wrapper .cell .content-right {display:inline-block; width:100%; max-width:450px; padding:30px 0px}
#level4 .wrapper .cell .content-left {margin-left:25%; width:60%; max-width:400px; display:inline-block}
#level4 .wrapper .cell .content-right .btn-cta {display:none}

#level2-5 {padding: 40px 0;}
#level2-5 .wrapper {display:table; width:100%}
#level2-5 .form-wrapper {max-width: none}
#level2-5 .form-wrapper .input-wrapper {display: inline-block; width: 50%; vertical-align: top; padding: 0 20px 0 0;}
#level2-5 .form-wrapper textarea {width: 50%; height: 145px;}
#level2-5 .wrapper .cell {display:table-cell; width:50%; vertical-align:middle; padding: 20px 10px;}
#level2-5 .wrapper .cell .content-right {display:inline-block; width:100%; max-width:450px; padding:30px 0px}
#level2-5 .wrapper .cell .content-left {margin-left:25%; width:60%; max-width:400px; display:inline-block}
#level2-5 .wrapper .cell .content-right .btn-cta {display:none}

#gallery {padding:2px 5px; position:relative; z-index:1; background:#000}
#gallery .img-wrapper {width:25%; height:15vw; display:inline-block; padding:10px 5px; overflow:hidden}

.list {display:table; width:100%; table-layout:fixed}
.list .bullet {display:table-cell; vertical-align:top; width:25px; padding-right:10px}
.list .text {display:table-cell; vertical-align:top; padding-bottom:15px}

.form-wrapper {width:100%; max-width:530px; border:1px solid #333; display:inline-block; text-align:left; box-sizing:border-box; padding:30px; color:#FFF; margin-bottom:100px}
.form-wrapper .title {font-size:22px; text-transform:uppercase; margin:0px}
.form-wrapper .text {font-size:14px}
.form-wrapper input[type=text] {width:100%; box-sizing:border-box; height:35px; background:none; border-bottom:1px solid #fff; font-size:14px; margin:10px 0px}
.form-wrapper textarea {width:100%; height:100px; padding:10px; box-sizing:border-box; background:none; border:1px solid #fff; font-size:13px; margin:10px 0px; box-sizing:border-box; resize:none;}
.form-wrapper input[type=button], #hero .form-wrapper input[type=button], button {border:0px; height:50px; text-transform:uppercase; width:80%; max-width:250px; margin:10px 0px; font-size:14px; cursor:pointer; opacity:0.8}
.form-wrapper input[type=submit], #hero .form-wrapper input[type=submit], button {border:0px; height:50px; text-transform:uppercase; width:80%; max-width:250px; margin:10px 0px; font-size:14px; cursor:pointer; opacity:0.8}
.form-wrapper .checkbox-wrapper {background:rgba(0,0,0,0.4); width:100%; box-sizing:border-box; padding:20px 0px; font-size:16px}
.form-wrapper .checkbox-wrapper p {margin:10px 0px}

#footer {padding-top:50px}
#footer .content-wrapper {position:absolute; width:100%; z-index:1}
#footer .content-wrapper .content {margin-left:55%; width:40%; margin-top:5vw; padding:5px 30px 20px; text-align:left}
#footer .phone {max-width:18px; width:1.8vw}
#footer .map {border:0; width:100%; height:30vw; opacity:0.7}

@media (max-width:1050px) {
.title {font-size:4vw}
.subtitle {font-size:3vw; line-height:4.5vw}
.subtitle-top {font-size:3vw; line-height:4.5vw}
.text {font-size:1.5vw}

#header .content-section {margin-bottom:15vw}
#level3 {padding-top:200px}
.level2-background .cell-left img {margin-left:-15%}
.level2-content .wrapper .content {width:30%}
}

@media (max-width:1000px) {
  #footer .content-wrapper {position:relative; width:100%; z-index:1}
  #footer .content-wrapper .content {margin-left:0%; width:100%; margin-top:0vw; padding:5px 15px 20px; text-align:center; opacity:1}
}

@media (max-width:830px) {
.text {font-size:12px; line-height:23px; letter-spacing:1px}
.subtitle {font-size:20px; line-height:26px; letter-spacing:1px}

#level2 {position:relative; margin-top:0px}
#level2 .wrapper {text-align:center}

.form-wrapper {padding:15px; margin-bottom:0px}

.level2-background {margin-top:-120px}
.level2-background .cell-left {display:inline-block; vertical-align:top; width:100%; padding:30px 0px}
.level2-background .cell-left img {margin-left:0px}
.level2-background .cell-right {display:none}
.level2-content .wrapper .content {position:relative; z-index:1; margin:0px; width:100%}
.level2-content .subtitle {font-size:22px; line-height:35px; letter-spacing:1px}

#level2-5 .wrapper .cell {width: 100%; display: block;}

#level3 {padding-top:30px}

#level4 {width:100%; padding-top:0px; background-size:110% auto; background-repeat:no-repeat; background-position:center top}
#level4 .wrapper {display:table; width:100%}
#level4 .wrapper .cell {display:block; width:100%; vertical-align:middle}
#level4 .wrapper .cell .content-right {display:inline-block; width:100%; max-width:100%}
#level4 .wrapper .cell .content-left {margin-left:35%; width:50%; padding:80px 20px; max-width:400px; display:inline-block}

}

@media (max-width:740px) {
#header .content-section .top .arrow {width:5vw}
#footer .map {height:45vw}
}

@media (max-width:680px) {
#level3 .wrapper {display:table; width:100%}
#level3 .wrapper .cell {display:block; width:100%; vertical-align:middle}
#level3 .wrapper .cell .content {display:inline-block; width:100%; max-width:100%}
}

@media (max-width:600px) {
#header .content-section .top .arrow {display:none}
#header .content-section .top {margin-top:4vw}

#gallery .img-wrapper {width:50%; height:25vw; display:inline-block; padding:8px 5px; overflow:hidden}

#level2-5 .form-wrapper .input-wrapper {width: 100%; padding: 0;}
#level2-5 .form-wrapper textarea {width: 100%;}
}

@media (max-width:580px) {
#level4 .wrapper .cell .content-left .btn-cta {display:none}
#level4 .wrapper .cell .content-right .btn-cta {display:inline-block}
.level2-background {margin-top:-70px}
#footer .map {height:60vw}
}
