/*
Theme Name: Ansca
Theme URI: https://peakseven.com
Author: Peak Seven
Author URI: https://peakseven.com
Description: Ansca Website
Version: 1.0.1
*/

* { margin: 0; padding: 0; font-size: 100%; font-weight: normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input, textarea, button { font-family: inherit; }
.clear { clear: both; }
a { color: inherit; }
button { cursor: pointer; }
body { background-color: #fff; }



/**{outline:1px solid red;}*/
.wrapper { width: 1920px; margin: 0 auto; }
@media (max-width:1920px) {
	.wrapper { width: 100%; padding: 0 10px }
}

body{top:332px!important;}


sup{font-size:10px;}
h1 sup{top:-3em;font-size:16px;left:-10px;}
.hero-text p sup{top:-1.5em;}
.projects sup{top:-1.2em;font-size:12px;left:-10px;}

.blockquote-headline sup{font-size:35%;top:-1.5em;}

.content blockquote::before{display:block;content:"";position:absolute;background:url(assets/images/block-left.svg);background-repeat:no-repeat;height:180px;width:260px;left:-160px;top:-115px;transform: scale(.5);}
.content blockquote::after{display:block;content:"";position:absolute;background:url(assets/images/block-left.svg);background-repeat:no-repeat;height:180px;width:260px;right: -170px;
    top: 55px;transform: scaleY(-1) scaleX(-1) scale(.5);}
.content ul{padding-left:100px;}

.header-nav .menu { float: right; }
.header-nav .menu ul { list-style: none; text-align: right; }
.header-nav .menu ul > li { display: inline-block; border-bottom: 1px solid transparent; margin: 0 5px; position: relative; }
.header-nav .menu ul > li a { color: #fff; font-family: 'Nunito Sans'; font-size: 16px; font-weight: 400; }
header { height: 80px; position: fixed; top: 0; transition: top 0.5s ease-in-out; width: 100%;  z-index: 999 }

.hightlight { font-family: 'Frank Ruhl Libre', serif; font-size: 16px; font-weight: 700; color: #01294E; letter-spacing: 0.05em; }
.navigation {transition: all 650ms ease-in-out; width: 100%;  font-size: 20px; top: 0; height: 64px;background:rgba(255,255,255,0.9);}


.nav-up { top: -138px }
.navbar { text-align: center;}
.menu-item a { transition: 450ms; color: #000; font-weight: 700; text-transform: uppercase; font-size: 16px; font-family: 'Nunito Sans', sans-serif; font-weight: 400; padding:21px 30px;letter-spacing: 0.2em;}
.menu-item a:hover {background:#24CBBE;color:#fff;text-decoration: none;}

.current-menu-item a{background:#24CBBE;color:#fff;}
.menu-item { margin: 0 0px; }
.navlogo img{width:81%;transition:all 0.3s;position:relative;padding:13px 0}
.shrink { padding: 0px 0; height: 68px; }
.navlogo.logo-shrink img { width: 50%; padding-top: 0px; }

.navbar{position:relative;align-items:center;justify-content:space-between;padding:0rem 1rem;}

.projects{padding-bottom: 150px;}
.projects h2{font-family: 'Nunito Sans', sans-serif;font-size:50px;font-weight: 300;text-align: center;padding:150px 0;letter-spacing: 0.2em;}
.grid.card h1{font-family: 'Nunito Sans', sans-serif;font-size:32px;font-weight: 300;letter-spacing: 0.2em;margin-top: 70px;text-transform: uppercase;color:black;}
.grid.card h3{font-family: 'Nunito Sans', sans-serif;font-size:24px;font-weight: 300;letter-spacing: 0.2em;margin-top:15px;color:#24CBBE;text-transform: uppercase;}
.spec1.px-3{font-family: 'Nunito Sans', sans-serif;font-size:18px;font-weight: 300;letter-spacing: 0.05em;margin-top:45px;color:#000;}
.spec2.px-3{font-family: 'Nunito Sans', sans-serif;font-size:18px;font-weight: 300;letter-spacing: 0.05em;margin-top:10px;margin-bottom:62px;color:#000;}


.grid{background-color:rgba(242,242,242,0.9);text-align:center;padding:40px 20px;}
.grid.card{box-shadow:none;overflow:hidden;}
.grid.card:hover{transform:scaleY(1);box-shadow:none;}
.grid.card .info-box{top:100%;left:0;right:0; padding-left:15px;padding-right:15px;position:absolute;transition-duration:450ms;transition-timing-function:ease-out;background:#000;height:100%;color:#fff;font-family: 'Nunito Sans', sans-serif;font-size:16px;font-weight: 100;}
.grid.card .info-box p{margin-top:33%;}
.grid.card .info-box a{position:relative;z-index: 998;text-transform: uppercase;color:#24CBBE;text-decoration: none;padding:10px 5px;display:inline-block;font-size:14px;margin-top:13%;}
.grid.card .info-box a:after{display:block;content:'';border-bottom:solid 1px #24CBBE;transform:scaleX(0);transform-origin:center right;transition:transform 250ms ease-in-out;position:relative;}
.grid.card .info-box a:hover:after{transform:scaleX(1);transform-origin:center left;}
.grid.card .info-box a:hover{text-decoration: none;}


.grid.card:hover > .info-box{top:0;}
.grid-back{top:0%;left:0;right:0;position:absolute;transition-duration:350ms;transition-timing-function:ease-out;height:100%;opacity:0.2;color:#fff;background-size: cover;
    background-repeat: no-repeat;}
.grid.card:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);transition: box-shadow .25s;}
.hero-text {background:#24CBBE;}
.image-with-text{background:rgba(255,255,255,0.9);padding:60px 40px;}

.image-with-text{background:rgba(255,255,255,0.9);padding:60px 40px;}

.side-image-with-text{background:#f2f2f2;text-align: left;padding:200px 20px 200px 50px;}


.side-image-with-text h1{font-family: 'Nunito Sans', sans-serif;font-size:50px;font-weight: 300;letter-spacing: 0.10em;margin-bottom:0;}
.side-image-with-text h3{font-family: 'Nunito Sans', sans-serif;font-size:24px;font-weight: 300;letter-spacing: 0.10em;margin-bottom:0;color:#24CBBE;}

.side-image-with-text p{font-family: 'Nunito Sans', sans-serif;font-size:18px;font-weight: 300;letter-spacing: 0.10em;margin-bottom:0;color:#000;}

.image-with-text h1{font-family: 'Nunito Sans', sans-serif;font-size:100px;font-weight: 300;letter-spacing: 0.2em;margin-bottom:0;}
.image-with-text h3{font-family: 'Nunito Sans', sans-serif;font-size:24px;font-weight: 300;letter-spacing: 0.2em;margin-bottom:0;color:#24CBBE;}

.image-with-text p{font-family: 'Nunito Sans', sans-serif;font-size:22px;font-weight: 300;letter-spacing: 0.2em;margin-bottom:0;color:#000;}

.hero-headline h1{font-family: 'Nunito Sans', sans-serif;font-size:100px;font-weight: 300;background: #fff;letter-spacing: 0.12em;margin-bottom:0;}
.hero { margin-bottom:100px;display: flex; align-items: center; justify-content: center; position: relative; background-color: #fff; height: 95vh; width: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; }
.xy-centered { display: flex; align-items: center; justify-content: center; }
.hero-text { font-family: 'Nunito Sans', sans-serif;font-weight: 400;letter-spacing: 0.12em;font-size: 30px;color:#fff;}

.small-hero {margin-bottom:100px; display: flex; align-items: center; justify-content: center; position: relative; background-color: #fff; height: 75vh; width: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; }
.xy-centered { display: flex; align-items: center; justify-content: center; }
.small-hero h1{font-family: 'Nunito Sans', sans-serif;font-size:80px;font-weight: 300;background: #fff;letter-spacing: 0.12em;margin-bottom:0;}

.wysiwyg-with-image { min-height: 340px; padding: 10px 40px 40px 40px; position: relative; z-index: 555; }
.wysiwyg-with-image p { max-width: 100px; margin: 0 auto; display: block; }

.wysiwyg-headline{font-family: 'Nunito Sans', serif; font-size: 50px; font-weight:100; color: #000; padding-top: 70px; letter-spacing: 0.2em }
.sub{color:#24CBBE;font-family: 'Nunito Sans', serif; font-size: 24px; font-weight: 300;}
.background-image{ padding:200px 0;background-size: cover;background-repeat: no-repeat; }


.wysiwyg { padding:50px 0;position: relative; z-index: 555; }
.wysiwyg p { margin: 0 auto; display: block; line-height: 2em; }
.wysiwyg a {color: #24CBBE;}

.blockquote-headline{line-height:0.5;text-align:center;font-family:'Nunito Sans',sans-serif;font-size:50px;font-weight:300;}
.blockquote-headline  span{display:inline-block;position:relative;line-height: 165%}
.blockquote-headline span:before,.blockquote-headline  span:after{content:"";position:absolute;height:5px;border-bottom:1px solid #24CBBE;border-top:1px solid #24CBBE;top:40%;width:150px;}
.blockquote-headline  span:before{right:100%;margin-right:15px;}
.blockquote-headline span:after{left:100%;margin-left:15px;}




.wysiwyg { font-family: 'Nunito Sans', sans-serif;font-weight:300px;letter-spacing: 0.05em;font-size: 20px; color: #000; }
/*.wysiwyg blockquote { display: block; margin-top: 4em; margin-bottom: 4em; margin-left: 0px; margin-right: 40px; border-left: 5px solid #733E18; padding-left: 10px; }*/
.wysiwyg h5 a { display: inline-block; background: linear-gradient(-45deg, black 50%, #FE9E2C 50%) 0 0/200% 200%; color: #fff; font-size: 14px; font-family: 'Oswald', sans-serif; font-weight: 300; padding: 20px 35px; transition: 250ms; }
.wysiwyg h5 a:hover, .wysiwyg h5 a:focus { background-position: 100% 100%; color: white; text-decoration: none; }
.wysiwyg h2{font-family: "Montserrat", serif;letter-spacing: 0.12em;font-size: 20px;font-weight: 500;color:#000;}
.iyg-separator{background:url(assets/images/separator.svg) no-repeat bottom center;padding:26px 0;}
.iyg-separator-card{background:url(assets/images/separator.svg) no-repeat 50% 30%;padding:16px 0;}
.background-image{ padding:200px 0;background-size: cover;background-repeat: no-repeat; }




.card-grid { background:#f2f2f2;}
.card, .card-img-top {border:none;border-radius:0; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);transition: box-shadow .25s; }
.card:hover {box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.card-img-top {border:none;border-radius:0; }
.card-title{text-transform: uppercase;font-family: "Montserrat", serif;letter-spacing: 0.12em;font-size: 14px;font-weight: 300;color:#000;}
.card-text{font-family: "Montserrat", serif;font-size: 16px;font-weight: 300;color:#000;}
.card-link{font-family: "Montserrat", serif;font-size: 16px;font-weight: 300;color:#C00020;}
.card-link{font-family: "Montserrat", serif;font-size: 16px;font-weight: 300;color:#C00020;}
.card-headline{font-family: "Montserrat", serif;font-size: 20px;font-weight: 300;text-transform: uppercase;color:#fff;padding:200px 0 150px 0;}
.card-headline-listings{font-family: "Montserrat", serif;font-size: 20px;font-weight: 300;text-transform: uppercase;color:#fff;padding:100px 0 50px 0;}
.card-headline.dark,.card-headline-listings.dark{color:#000;}
.card-listings p{ text-transform: none;font-family: 'Montserrat', serif; letter-spacing: 0.05em;font-weight: 100;line-height: 235%; font-size: 16px; color: #000; }

.card-body .guests { font-family: 'Montserrat', serif; letter-spacing: 0.05em;font-weight: 100;font-size:16px;color:#333;}
.card-body .card-body-text{font-family: 'Montserrat', serif; letter-spacing: 0.05em;font-weight: 100;font-size:10px;color:#333;}
.card-body .cabins { font-family: 'Montserrat', serif; letter-spacing: 0.05em;font-weight: 100;font-size:16px;color:#333;}
.card-body .crew { font-family: 'Montserrat', serif; letter-spacing: 0.05em;font-weight: 100;font-size:16px;color:#333;}
.card-body .price { font-family: 'Montserrat', serif; letter-spacing: 0.05em;font-weight: 100;font-size:16px;color:#C00020;}
.card-img{position: relative;}
.card-body-name, .card-body-year, .card-body-length, .card-body-builder{ font-family: 'Montserrat', serif;font-weight: 100;font-size:13px;color:#fff;}
.card-body-year {border-right:1px solid rgba(255,255,255,0.5);}
.card-body-builder {border-left:1px solid rgba(255,255,255,0.5);}
.card-img {position: relative;}
.card-img .specs-wrapper{bottom:8px;left:8px;position:absolute;z-index: 999;}



.card-img .after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(192,0,32,0.80);transition:all 750ms;opacity: 0;}
.card-img .after:hover{opacity: 1;}
.card-img .after .view {display: flex;justify-content: center;align-items: center;height: 100%;}
.card-img .after .view img{ }

.wysiwyg-headline .countdown-number {font-family: "Montserrat", serif;letter-spacing: 0.2em; font-weight: 100;font-size: 250px;color: #C00020;}
.wysiwyg-headline .countdown-text {font-family: "Montserrat", serif;letter-spacing: 0.2em; font-weight: 300;font-size: 13px;}


.btn-secondary{color:rgba(255,255,255,1);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;position:relative;}
.btn-secondary a{color:rgba(51,51,51,1);text-decoration:none;display:block;}
.btn-secondary::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:1px solid rgba(255,255,255,0.5);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.btn-secondary:hover::before{opacity:0;-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.btn-secondary::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;background-color:rgba(255,255,255,0.25);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:scale(0.5,0.5);transform:scale(0.5,0.5);}
.btn-secondary:hover::after{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}

.footer-address{font-family: 'Roboto Condensed'; font-size: 14px; font-weight: 300;}
.footer { background:#f2f2f2; position: relative; z-index: 2;font-family: 'Roboto Condensed'; font-size: 18px; font-weight: 300; letter-spacing: 0.12em; }
.footer-logos{border-top:1px solid #fff;border-bottom:1px solid #fff;width: 20%;}
.footer .nav-item a { color: #000;text-transform: uppercase;font-family: 'Nunito Sans', sans-serif;font-weight:400px;letter-spacing: 0.2em;font-size: 14px; color: #000;  }
.footer ul { list-style: none; text-align: right; }
.footer  ul > li { display: inline-block; border-bottom: 1px solid transparent; margin: 0 5px; position: relative; }
.footer  ul > li a { color: #000; font-family: 'Roboto Condensed'; font-size: 14px; font-weight: 300; letter-spacing: 0.05em;}
.footer .card { background: #000; }
.footer h5 a { color: #FE9E2C; font-family: 'Oswald', sans-serif; font-size: 16px; text-transform: uppercase; }
.footer p { color: #fff; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 300; }
.footer .card a.readmore { color: #FE9E2C; font-family: 'Oswald', sans-serif; font-size: 12px; text-transform: uppercase; }
.footer .card a { color: #FE9E2C; }
.footer .card .thumb { background: #000; }
.footer h3 { font-family: 'Playfair Display', serif; padding-top: 53px; padding-bottom: 15px; padding-left: 10px; font-size: 36px; color: #FE9E2C; }
img.footer-social {width: 5%;transition: 250ms ease-in-out;}
img.footer-social:hover {opacity: 0.5;}
input,input:focus, textarea, textarea:focus{padding:0!important;outline:0!important;border-color:inherit!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-family:'Montserrat', sans-serif; font-size: 14px;letter-spacing: 0.12em; }
input.form-control,select.form-control {padding:0; background: #fff;border:none;border-bottom:1px solid #fff; color: #000; border-radius: 0px; font-family: 'Roboto Condensed'; font-size: 14px; font-weight: 300;}
.error { color: #ff0000; font-family:'Nunito Sans', sans-serif; font-size: 14px; font-weight: 300; }
input.form-control::placeholder, textarea.form-control::placeholder { color: #000; padding:0!important;text-transform: uppercase;}
select.form-control{-webkit-appearance:none;-moz-appearance:none;background-position:right 50%;background-repeat:no-repeat;background-image:url('data:image/svg+xml;utf8,<?xml version=!string!encoding=!string!?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns=!string!width=!string!height=!string!version=!string!><path d=!string!/></svg>');padding:.5em;padding-right:1.5em}
input.form-control:focus, textarea.form-control:focus { color: #000; background: #fff; }
textarea.form-control { background: #fff; color: #01294E; border-radius: 0px; font-family:'Nunito Sans'; font-size: 14px; font-weight: 300;border-left:none;border-right:none;border-top:none;}
.btn-submit { background: #000; color:#fff; border: none; font-family: 'Nunito Sans'; font-size: 14px; font-weight: 300; padding: 14px 60px; letter-spacing: 1px;float: right; }
.copyright p { font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-weight: 300;letter-spacing: 0.05em; }
.social {border-top:2px solid white;}

.corporate-headquarters{background-color:#f4f4f4;}
.headquarters-title{font-family: 'Frank Ruhl Libre', sans-serif; font-size: 24px; font-weight: 600;letter-spacing: 0.05em; }
.headquarters-address,.headquarters-building,.headquarters-city,.toll-free,.fax,.phone,.e-mail{line-height:1.86em;font-family:'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 300;letter-spacing: 0.05em; }
.region-name{font-family: 'Frank Ruhl Libre', sans-serif;font-size: 20px;font-weight: 600;letter-spacing: 0.05em;}
.region-name::after{display: block;content:"";background-color:#063486;height: 1px;width: 64px;margin: 10px 0; }
.region-phone-email{ font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-weight: 300;letter-spacing: 0.05em; }

.pdf-icon{width: 10%;}
.wysiwyg-pdf{padding:20px 0;}

.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}



@media (max-width:728px) {
h1 sup{top:-1em;font-size:12px;left:0px;}
.hero-text p sup{top:-0.9em;}
.projects sup{top:-1.2em;font-size:10px;left:-5px;}
.home .wysiwyg-headline{padding-top:0;}
.wysiwyg-headline{font-family: 'Nunito Sans', serif; font-size: 24px; font-weight:100; color: #000;letter-spacing: 0.2em }
.wysiwyg p { text-align:center }
.blockquote-headline  span{display:inline-block;position:relative;line-height: 165%;font-size:30px;}
.hero-headline h1{font-family:'Nunito Sans',sans-serif;font-size:30px;font-weight:300;background:#fff;letter-spacing:0.12em;margin-bottom:0;}
.hero-text { font-family: 'Nunito Sans', sans-serif;font-weight: 400;letter-spacing: 0.12em;font-size: 20px;color:#fff;}
.content blockquote::before{display:none;content:"";position:absolute;background:url(assets/images/block-left.svg);background-repeat:no-repeat;height:160px;width:260px;left:-120px;top:-115px;}
.content blockquote::after{display:none;content:"";position:absolute;background:url(assets/images/block-left.svg);background-repeat:no-repeat;height:160px;width:260px;right:-280px;top:165px;transform:scaleY(-1);}
.content ul{padding-left:10px;}
.blockquote-headline span:before,.blockquote-headline  span:after{display:none;content:"";position:absolute;height:5px;border-bottom:1px solid #24CBBE;border-top:1px solid #24CBBE;top:60px;width:150px;}
.blockquote-headline  span:before{right:100%;margin-right:15px;display:none;}
.blockquote-headline span:after{left:100%;margin-left:15px;display:none;}
.menu-item a { color: #000; font-weight: 700; text-transform: uppercase; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; padding:4px 10px;}
.custom-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=!string!xmlns=!string!%3E%3Cpath stroke=!string!stroke-width=!string!stroke-linecap=!string!stroke-miterlimit=!string!d=!string!/%3E%3C/svg%3E")!important;}
.navbar-light .navbar-toggler{border-color:rgba(255,102,203,0)!important;}
.image-with-text h1{font-family: 'Nunito Sans', sans-serif;font-size:30px;}
.side-image-with-text h1{font-family: 'Nunito Sans', sans-serif;font-size:30px;font-weight: 300;letter-spacing: 0.10em;margin-bottom:0;}
.side-image-with-text h3{font-family: 'Nunito Sans', sans-serif;font-size:20px;font-weight: 300;letter-spacing: 0.10em;margin-bottom:0;color:#24CBBE;}
#menu-top{margin-top:20px;background:#fff;padding:30px;width:100%;}
.projects h2{font-family: 'Nunito Sans', sans-serif;font-size:30px;font-weight: 300;text-align: center;padding:20px 0 50px 0;letter-spacing: 0.2em;}
.grid.card h1{font-family: 'Nunito Sans', sans-serif;font-size:24px;font-weight: 300;letter-spacing: 0.2em;margin-top: 70px;text-transform: uppercase;color:black;}
.grid.card h3{font-family: 'Nunito Sans', sans-serif;font-size:20px;font-weight: 300;letter-spacing: 0.2em;margin-top:15px;color:#24CBBE;text-transform: uppercase;}
}
@media (min-width: 1550px){
.side-image-with-text{background:#f2f2f2;text-align:left;padding:300px 20px 300px 50px;}
}
@media (min-width: 1200px){
.container {
    max-width: 1400px!important;
}}

.form-label {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 6px;
    display: block;
}

.skip-to-content {
    position: absolute;
    top: -40px;
    left: 0;
    background-color: #000;
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    z-index: 9999;
    text-decoration: none;
    transition: top 0.25s ease;
}

.skip-to-content:focus {
    top: 0;
}

input.form-control::placeholder, select.form-control::placeholder, textarea.form-control::placeholder {
    color: gray;
}