/*
	Theme Name: Thermals
*/
/* available fonts : Khula:300,600,700|Lora:400,700|Lusitana:700 */
/* Style 1 */
/* Style 2 */
/* Style 3 */
body {
  font-family: arial, verdana, serif;
  font-size: 16px;
  color: #666;
  background-color: #000; height:100vh;}

H1, H2, H3, H4, H5 { font-family: "Lora", sans-serif; }
h1 {font-size: 1.4rem;}
h2{font-size:1.4em; line-height:1.6777em; font-weight: 300;}
.page h1{margin:50px 0 20px;}
h1{color:#699; font-family: "Khula", sans-serif !important; text-transform: uppercase;}
h3 {
  font-size: 1.1rem;
      color: #666;
    text-transform: uppercase;
    font-weight: 600 !important;
  
    font-family: "Khula", sans-serif !important;
  margin: 36px 0 15px;
}
h3.small{ text-transform: uppercase;}
h4{font-size:18px; line-height:1.55em;}
p{width: 100%;}
.pt-6{padding-top:90px!important;}.pb-6{padding-bottom:90px!important;}.mt-6{margin-top:90px!important;}.mb-6{margin-bottom:90px!important;}

quote{   
    font-family: "Lora", serif; 
    font-size: 16px;
    color: #888;
    font-weight: 400;
    letter-spacing: 0px;
    text-rendering: optimizeLegibility;
    line-height: 1.6777;}

.testimonial .formal {
  font-size: 18px;
}

.testimonial .greyedPan{padding:25px 15px;}

/*------------------------------------*\
    MAIN
\*------------------------------------*/
.style1 {
  background-color: #fff; }
  .style1 h1, .style1 h2, .style1 h3, .style1 h4, .style1 h5 {
    /*
    font-weight: 300;
    color: #699;
    letter-spacing: -0.15px; }
	h1{font-size:1.4rem}
  .style1 h2{    color: #666;
  font-size: 21px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0;
  margin-bottom: 0.6em; */
  }
  .style1 h3{font-weight:300; color:#000}
  .style1 a{color:#699;}
  .panel2 h2{
  margin-top: 40px;}
  
 .panel2 img {
    width: 100%;
}
  
  .style1 p {
    font-family: arial, verdana, serif;
    font-size: 14px;
    color: #666; }

.style2 {
  background-color: #000; }
  .style2 h1, .style2 h2, .style2 h3, .style2 h4, .style2 h5 {
    font-family: "Lora", sans-serif;
    font-weight: 600;
    color: #699; }
	.style2 h1{ font-weight: 300;}
	.style2 h2, .style2 h3 {color:#fff}
	footer h3 {color: #699 !important;font-size: 27px;font-weight: 300 !important;font-family: "Khula", sans-serif !important; text-transform: uppercase;}
	.style2 h4{color: #699; font-weight: 300; font-size: 40px; margin: 0; line-height: 50px;}
	
  .style2 p {
    
    font-size: 14px;
    color: #999;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-rendering: optimizeLegibility;
    line-height: 1.6em;}
	

.style3 {
  background-color: #444; }
  .style3 h1, .style3 h2, .style3 h3, .style3 h4, .style3 h5 {
    font-family: "Khula", sans-serif;
    font-weight: 300;
    color: #fff; }
  .style3 p {
    font-family: arial, verdana, serif;
    font-size: 16px;
    color: #666; }

.relative{position:relative;}

/* Full width slide format */
.panel {
      padding: 60px 0 80px; overflow: hidden;}

  .panelFoot{ bottom: 0px; left:0; width:100%}
  .style1Btn{    background-color: #000;
    color: #fff;
    font-family: "Khula", sans-serif;
    font-weight: 600;
    font-size: 18px;
    border: 1px solid #000;
    box-shadow: 0px 0px 18px 0px rgba(143, 143, 143, 0.33);
    z-index: 100;
 }
  .style1Btn:hover{background-color:#444!important; color: #fff; text-decoration:none}
  .style2Btn{background-color: #fff;
    color: #699;
    font-family: "Khula", sans-serif;
    font-weight: 600;
    font-size: 18px;
    border: 1px solid #fff;
       box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
 }
  .style2Btn:hover{background-color:#eee!important; color:#699; text-decoration:none}
  .btn{  max-width: 270px;
  padding: 14px 25px 10px;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;}
  
  .btn-white{background-color: #fff;
    color: #699;
    font-family: "Khula", sans-serif;
    font-weight: 600;
    font-size: 18px;
    border: 1px solid #699 !important;
    border-radius: 0;}

  .btn-white:hover{background-color:#eee!important; color:#699; text-decoration:none; 
    border: 1px solid #fff;}

 .btn-teal{background-color: #699;
    color: #fff;
    font-family: "Khula", sans-serif;
    font-weight: 600;
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 0;}

  .btn-teal:hover{background-color:#588!important; color:#fff; text-decoration:none; 
    border: 1px solid #7aa;}

  .style3Btn{}
  .style3Btn:hover{}
  .panelFoot .button{  max-width: 270px;
  padding: 9px 20px 6px;
  margin: 0 auto;
  display: inline-block;
  text-transform: uppercase;}

  /* ========= animated hover effects ========= */

.hoverPanel h3 {
      font-size: 0.9em !important;
      transition: 0.4s;
    position: absolute;
    display: block;
    bottom: 0%;
    left: 0;
    margin: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    color: #fff !important;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
    text-align: left;
    padding: 25px 3px 115px 8px;
    z-index: 100; }

.hoverPanel{position:relative; display:block; margin-bottom: 20px;}
/*.elementor-element.elementor-wc-products ul.products li.product {
    background: #fff;
}*/
.hoverPanel:hover img {
  box-shadow: 0 0px 10px 0 rgba(0,0,0,.25);
  opacity:.8;
  transition: 0.4s;
}
 .hoverPanel:hover h3{
  padding-top: 30px !important;
  padding-bottom: 130px !important;
   background: rgba(10,10,10,2);
  color:#699;
}
  

@keyframes animatedBackground {
  from { background-position: 60% center;}
  to { background-position: 10% center;}
}

@keyframes fadeInElement {
  from { opacity:0;}
  to { opacity:1;}
}




/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

img {
  max-width: 100%;
  vertical-align: bottom; }

a {
  color: #444;
  text-decoration: none; }

a:hover {
  color: #444; }

a:focus {
  outline: 0; }

a:hover,
a:active {
  outline: 0; }

input:focus {
  outline: 0;
  border: 1px solid #04A4CC; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* Helpers */
.abs {position: absolute; }
.relative {position: relative; }
.tight{margin:0 !important; padding: 0 !important}
.slimmy{padding-left:2%!important; padding-right:2%!important;}
.slimmy h3{font-family: "Khula", sans-serif; text-transform: uppercase;}

.c1{color:#699 !important;}
.c2{color:#666  !important;}
.c3{color:#fff  !important;}
.c4{color:#000  !important;}
.c5{color:#bbb  !important;}
.c6{color:#aec7c7  !important;}
.c7{color:#667499  !important;}
.c8{color:#eed487  !important;}
.bg1{background-color:#fff  !important;}
.bg2{background-color:#000  !important;}
.bg3{background-color:#aec7c7 !important;}
.bg4{background-color:#667499 !important;}
.bg5{background-color:#eed487 !important;}
.myhr{display: block;
  border-top: 1px dotted #ccc!important;
  width: 100%; margin-bottom: 60px;}
ul li{}
p.small{font-family: Arial, Helvetica, sans-serif;
    font-size: 13px !important;
    color: #000;
    font-weight: normal!important;}
.style2 p.small{ font-size: 14px !important;color: #fff; }
.panel3 p.small {
    font-size: 17px !important;
    color: #666;}

.fit img{max-width:100%: overflow:hidden;}

/* major blocks */
.wrapper {
  max-width: 100%;
  min-width:320px;
  background-color: #fff;
  margin: 0 auto;}
.drops{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20); }
.tdrops{text-shadow:0px 1px 4px rgba(0, 0, 0, 0.30) !important;}

.page-template-page-php section{ padding: 60px 0;}
.row { margin: 0 !important; }
.small{letter-spacing: 0 !important;}
.wide{width:100%!important}
.fullScreen{height:100vh; width:100%; position:relative;}
.mid{margin-top:18vh !important;}
.camel{text-transform: capitalize;}
.lefty{text-align:left;}
.righty{text-align:right;}
.block{display:block;}
.borl{border-left:1px solid #efefef}
.borr{border-right:1px solid #efefef}
.bort{border-top:1px solid #efefef}
.borb{border-bottom:1px solid #efefef}
/* header */
.homeHead {height: 0px; top: 0; width: 100%;overflow: visible; }
.homeHead.row { top: 20px; }
.homeHead .logo, .pageHead .logo{  height: 60px; width: 320px; z-index: 100; top: 25px; left: 6%;}
   footer .logo { 
    z-index: 100;
    top: 50px;
    left: 0px;}
	
.pageHead {
    height: 300px;
    background-image: url(../../../media/textureBG.jpg);
    background-repeat: no-repeat;
    background-position: 52% 50%;
    background-color: #000;
    background-size: 450%;
    overflow:visible;
     animation: animatedBackground 6s ease-out;
}
.greyedPan {
    background-color: #f8f8f8;
}
#cover {position: fixed; height: 100%; width: 100%; top:0; left: 0; background: #fff; z-index:9999;}

.hero1{min-height: 670px;
    background-image: url(../../../media/hero1.jpg);
    -webkit-background-size: 130%;
    -moz-background-size: 130%;
    -o-background-size: 130%;
    background-size: 130%;
    background-repeat: no-repeat;
    background-position: 70% 80%; 
  }

  .heroBG1{
    background-image: url(../../../media/textureBG.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 10% center;
    animation: animatedBackground 6s ease-out;

  }
  #anim1{ height: 50vh;
    width: 55vh;
    position: absolute;
    bottom: 25px;
    right: 0%;}

#anim2{     height: 420px;
    width: 420px;
    position: absolute;
    bottom:0px;
    right:-10%;}

    


    #footerAnim{
        width: 27vh;
    position: absolute;
    bottom: 0px;
    right: -30px;
    }


    .hero{-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center;
   }
   .panel{-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
   #scrollDown{
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 85px;
    z-index: 100;
    display: block;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#85000000',GradientType=0 ); /* IE6-9 */
  transition: all .3s ease-in-out; }
.scrollDown {
    width: 100%;
    text-align: center;
    height: 85px;
    font-size: 18px;
    font-weight: 300;
    display: block;
    cursor: pointer;
    color: #fff !important; padding-top:30px;
        text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5) !important;
}
.scrollDown i{font-size: 20px;text-decoration: none;}


.scrollDown:hover {
      text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.80) !important;
    color: #fff !important;
    text-decoration: none;
 
}

#scrollDown:hover{  transition: 1s;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.42) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.42) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.42) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#85000000',GradientType=0 ); /* IE6-9 */}


  .heroMosaic{
       background-image: url(../../../media/hiltonMosaic.jpg); background-attachment: scroll;
    }
	.heroSpirits{background-color:#000; background-image: url(../../../media/heroSpirits.jpg);background-attachment: scroll;}
  .heroPublic{background-image: url(../../../media/16thStreetBaptistMemorial.jpg);}
   .publicBG{/* background-image: url(../../../media/heroPublic.jpg);  background-attachment: scroll;*/ background-color:#aec7c7;}
   .heroHotel{background-image: url(../../../media/heroMosaic.jpg); }
   .hotelBG{background-image: url(../../../media/hotelBG.jpg); background-attachment: scroll;}

 .heroCorporate{background-image: url(../../../media/heroCorporate.jpg);   background-attachment: scroll;}
   .corporateBG{background-image: url(https://www.katiemarysculptures.com/media/corporateBG.jpg); background-attachment: scroll;}
    .heroPrivate{background-image: url(../../../media/heroPrivate.jpg);     background-attachment: scroll;}
   .privateBG{background-image: url(../../../media/privateBG.jpg);     background-attachment: scroll;}

.panel3{

  background-image: url(../../../media/4spirits-monument3.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  background-position: 8% bottom;
      background-attachment: fixed;
	}
  .waterBG{

  background-image: url(../../../media/waterBG.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center center;
      background-attachment: fixed;
  }


  .hilton{
  background-image: url(../../../media/hiltonMosaic.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center;
    background-attachment: fixed;   padding-top: 0;
  }
	.panel4{
    
  /*background-image: url(../../../media/elizabethMcaqueen.jpg);
  background-repeat: no-repeat; 
  background-position: right top;
  background-size: contain;
  */
      text-align: left;
}
.panel4bio{ background-image: url(../../../media/elizabethMcaqueen.jpg);
  background-repeat: no-repeat;
  background-position: right 300px;}
.panel4 .container, .panel4bio .container section{ background-color: rgba(255,255,255,.8);}
	
	.panel3 quote{color: #699;
    text-shadow: 1px 1px 1px rgba(255,255, 255, 0.8);
    font-size: 100%;
    margin-top: 25px;
    display: block;
  }
.quotePanel{
    z-index: 10010;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  
}


.shadePanel{ width: 100%;
    background-color: rgba(255,255,255,0.94);
    padding: 2.8em 1.2em;
    margin: 5em 0;}

  .shadePanelBlk{ width: 100%;
    background-color: rgba(0,0,0,0.7);
    padding: 2.8em 1.2em;
    }

/* ====== Sharing Buttons ======= */

.videoShare ul {  padding-left: 0px; list-style: none; width: 100%; margin:0;}


.btn-facebook { color: #fff; background-color: #3b5998;border-color: rgba(0,0,0,0.2); }

.btn-social {     
    color: #fff !important;
    position: relative;
    padding-left: 0px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px !important;
    padding: 11px 15px 9px !important;}

.btn {font-size: 100%; padding: 14px 25px 10px;white-space: normal; border-radius: 0; font-weight: 500;display: inline-block; width:100%; box-sizing: border-box;}
.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgba(0,0,0,0.2);
}
.btn-twitter:hover, .btn-facebook:hover {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0,0,0,0.2);
}

.videoShare li {
    display: inline-block;
    width: 50%; max-width:195px; ;
}

.socialFooter{  margin-top: -38px; }
/* logo */
/* nav */
/* sidebar */
.sidebar-widget ul{    list-style: none; padding-left: 0; margin-left: 5%;}
/* footer */
footer{min-height:670px;
    background-image: url(../../../media/footerbg.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 10% center; background-color:#000;
    animation: animatedBackground 5s ease-out; overflow:hidden;
     }

	.logoFoot{height:150px}
	footer .style2{background:none;}
	footer .sidebar-widget{ border-left: 1px dotted #666; padding: 0 0 0 4%; margin: 37px 0 26px;}
	footer .sidebar-widget a{Color:#FFF;}
	footer .sidebar-widget li{list-style-type:none; max-width: 280px;}
	footer .sidebar-widget li a {height: 2.2em; text-transform: uppercase; display: block; padding: 7px 0 0 15px;}
	footer .sidebar-widget li a:hover {text-decoration: none; background-color:#444}


/*------------------------------------*\
    NAV
\*------------------------------------*/


.homeHead nav, .pageHead nav {
   right: 0px;
    top: 96px;
    display: block;
    padding: 0;
    -webkit-box-shadow: 0px 0px 29px 0px rgba(143, 143, 143, 0.57);
    -moz-box-shadow: 0px 0px 29px 0px rgba(143, 143, 143, 0.57);
    box-shadow: 0px 0px 29px 0px rgba(143, 143, 143, 0.57);
    z-index: 100;
    width: 100%; }

.navbar-nav { width: 100%; background-color: rgba(0,0,0,1); width: auto;  transition: 0.4s;}


.collapsed .navbar-nav {  background-color: rgba(0,0,0,.5)!important; }

.navbar-nav:hover {background-color: rgba(0,0,0,1); }



  nav .navbar-toggler {
    cursor: pointer !important;
    padding:0;
   line-height: 1;
    border: 1px solid #fff;
    border-radius: .25rem;
	    top: -80px;

}
	
  .navbar-nav .nav-link {
    color: #aec7c7 !important;
    font-family: "Khula", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
      padding: .6rem 2rem .5rem;
    letter-spacing: 0.5px; }
  .navbar-nav .nav-link:hover {
    background-color: #444;
    color: #fff !important; }
  .navbar-nav .nav-item {
    padding: 0;
    border-bottom: 1px dotted #444; }
  .navbar-nav .nav-item:last-child {
    border: none; }
	.navbar-toggler-icon{width:45px; height:45px; background-image: url(img/icons/menu.png) !important; }
	.dropdown-item {
    
    border: 1px solid #222;
    border-top: 1px solid #000;
}    
.dropdown-menu {font-size:16px;}

.dropdown-divider {
  display:none;
    height: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #000;
    border-top: 1px dotted #699;
}
.show>.dropdown-menu {
    display: block;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.dropdown-toggle{ border-bottom: 1px solid #222;}
/*------------------------------------*\
    IMAGES - Gallery
\*------------------------------------*/

.gallery img{border:1px solid #ccc !important; height: 100%;}
.gallery img:hover{border:1px solid #fff !important; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25); cursor:zoom-in;}
.gallery-columns-4 .gallery-item{
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 22% !important;
    margin: 1.5%;
}
.gallery-columns-3 .gallery-item{width: 29% !important;
    margin: 2%;}
.galleryid-2 img:hover{border:2px solid #699 !important; }
#swipebox-bottom-bar { opacity: .6 !important;}
 #swipebox-top-bar {opacity: .75 !important; font-size: 15px;
    line-height: 21px; padding-right: 45px;}

 
.gallery-caption{ padding: .4em 0; line-height: 1.25em;}

 /* main gallery layout */
.galleryid-10 .gallery-item{ width:100% !important}
.galleryid-2 .gallery-item img{ width:95% !important; height:95%!important; max-width:225px;max-height:225px; }


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------ */
a.logo, a.logo:hover{text-decoration:none}
.logoText {
      font-family: 'Lusitana', serif;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    margin-bottom: 0;
    line-height: 21px;
    overflow: visible; text-shadow: 0px 1px 11px rgba(0, 0, 0, 0.40) !important;}

.logoSubText {
    font-family: "Khula", sans-serif;
    font-weight: 600;
    color: #9bb;
    text-transform: uppercase;
    font-size: 15px; 
	}
	.thinLink{color:#699; font-size:19px; font-weight:300; text-transform:uppercase; text-decoration:none; font-family: "Khula", sans-serif;}
	.moreLink{margin-top:55px;}
    .thinLink:hover{color:#666; text-decoration:none}
	.panel4 h3{    color: #666;}
	.panel5 .thinLink{margin:10px 0 30px}
	.panel6 h1{margin-bottom:-10px; padding-bottom: 0;}
	.panel6 hr{margin-top:0}
.panel6 h3{  font-weight: 300;
  color: #699;
  font-size: 100%;}

.formal{font-family: "Lora", serif !important;  text-transform: none;
  letter-spacing: -.15px;
  text-rendering: optimizeLegibility; line-height: 1.483333em;}

.hero .formal{font-size:100%;}
}
h2.formal{    font-size: 24px!important;
    line-height: 1.3em !important;
    font-weight: 300; color:#699;}

.panel5 .formal{Font-size:36px}


/* page Loading Animation */
#page-loading {/* position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 999;background-color: #F5F5F5;*/ position:relative;}.three-balls {margin: 0 auto;width: 70px;text-align: center;position: absolute;left: 0;right: 0;top: 45%;}.three-balls .ball {position: relative;width: 15px;height: 15px;border-radius: 50%;display: inline-block;-webkit-animation: bouncedelay 3.0s infinite cubic-bezier(.62, .28, .23, .99) both;animation: bouncedelay 3.0s infinite cubic-bezier(.62, .28, .23, .99) both;}.three-balls .ball1 {-webkit-animation-delay: -.16s;animation-delay: -.16s;}.three-balls .ball2 {-webkit-animation-delay: -.08s;animation-delay: -.08s;}@keyframes bouncedelay {0% {bottom: 0;background-color: #03A9F4;}16.66% {bottom: 40px;background-color: #FB6542;}33.33% {bottom: 0px;background-color: #FB6542;}50% {bottom: 40px;background-color: #FFBB00;}66.66% {bottom: 0px;background-color: #FFBB00;}83.33% {bottom: 40px;background-color: #03A9F4;}100% {bottom: 0;background-color: #03A9F4;}}@-webkit-keyframes bouncedelay {0% {bottom: 0;background-color: #03A9F4;}16.66% {bottom: 40px;background-color: #FB6542;}33.33% {bottom: 0px;background-color: #FB6542;}50% {bottom: 40px;background-color: #FFBB00;}66.66% {bottom: 0px;background-color: #FFBB00;}83.33% {bottom: 40px;background-color: #03A9F4;}100% {bottom: 0;background-color: #03A9F4;}}


/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none; }

::-webkit-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none; }

::-moz-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none; }
  
/*------------------------------------*\
    Forms
\*------------------------------------*/  
 .wpcf7-form-control{width: 75%;
    background-color: #333;
    border: 1px solid #666;
    color: #fff;
    margin-bottom: 10px;
    padding: 12px 10px; line-height: 1.15em;}
	.wpcf7-textarea{height:180px; padding: 12px 10px;}
	.wpcf7-submit{ background-color:#399; font-weight:700; cursor:pointer; margin-top:0px;}
	.wpcf7-submit:hover{ border: 1px solid #fff;}
	.wpcf7-form-control-wrap {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 6px;
}columns:  
div.wpcf7-response-output {
   margin: 0;
    padding: 0.4em 1em;
    width: 75%;
    border: none;
    background: #fff;
    color: #399;
    text-align: center;
}
/* form on contact page */

.main-form .wpcf7-form-control{width: 75%;
    background-color: #eee;
    border: 1px solid #399;
    color: #000;
    margin-bottom: 10px;
    padding: 12px 10px;}
	/*.main-form .wpcf7-textarea{height:100px; padding: 12px 10px;}*/
	.main-form .wpcf7-submit{ background-color:#399; font-weight:700; cursor:pointer; margin-top:0px; color:#fff}
	.main-form .wpcf7-submit:hover{background-color:#066; }
	


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }




/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media (min-width: 520px) { 
h2{ font-size: 24px; line-height: 28px;}
 .panel2 h2{}
/*min-height: 670px;
    background-image: url(../../../media/hero1.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 130%;
    background-repeat: no-repeat;
    background-position-y: 130%;
    background-position-x: 70%; */
	
	.galleryid-10 .gallery-item{ width:47% !important}

#swipebox-title {
    line-height: 1.25em;
    margin: 6px 0;
    padding: 0 39px;
}
	.panel3{
	  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
	}
	.panel3 quote {
  font-size: 120%;
  margin-top: 40px;}
  h2.formal {font-size: 20px!important;}
  .hero .formal{font-size:130%;}

}





@media (min-width: 768px) {
  h1 {font-size: 1.9rem;}
	h2{font-size:1.65em;}
	
   
    h3{font-size: 1.4em;}
 .panel2 h2{}
 h1{font-size:1.9rem}
 h4{font-size:21px; line-height:1.65em;}
 .style1 p { font-size: 16px;}
 .panel3 p.small{ font-size: 19px !important;}
 .panel3{}
 .shadePanel, .shadePanelBlk{padding: 2.8em 2.9em;}
.hero .formal{font-size:160%;}


	.panel3 quote {
  font-size: 120%;
  margin-top: 40px;}
  quote{ font-size: 18px;}
	.logoText { font-size: 30px; margin-bottom: 0; line-height: 28px; }
     .logoSubText { font-weight: 600; font-size: 18px; }
  .navbar-nav .nav-item {
    padding: 0;
    border-bottom: 0;
    border-right: 1px dotted #333; } 
	.homeHead nav{width:auto; top: 30px;}
	.pageHead nav{width:auto; top: 30px; bottom:unset;}
  .pageHead {
    height: 300px;
    background-image: url(../../../media/textureBG.jpg);
    background-repeat: no-repeat;
    background-position: 52% 50%;
    background-color: #000;
    background-size: 200%;
}
	.navbar-nav .nav-link{
	   padding: .6rem .6rem .4rem !important;
    letter-spacing: 0.7px;
    font-size: 12.575777px
	}
	.navbar-light .navbar-toggler{padding:0;}
  .dropdown-toggle {
    border-bottom: none;
}
	.hero1{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	 background-position:40% bottom; }
     .heroBG1{}

     #anim1{ height: 60vh;
    width: 60vh;
    position: absolute;
    bottom: 50px;
    right: 50px;}

       #anim2{ 
    position: absolute;
    bottom: 0px;
    right: 26%;}


    #footerAnim{
       width: 38vh;
    position: absolute;
    bottom: -10px;
    right: -30px;
    }

  .heroMosaic{}
   
	 footer{ -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	 /* background-position:80% bottom;*/}
	.style2 p {font-size: 19px; font-weight: 300;letter-spacing: 0.3px;}
	.thinLink{font-size:26px;}
	
.panel4bio{ background-position: 300px top;}
.panel4 .container, .panel4bio .container section{background:none}
.panel5 .row.no-gutters{background-image:url(../../../media/gaea.jpg); background-position:left bottom; background-repeat:no-repeat;}

	 .thinLink{color:#699; font-size:24px; font-weight:300; text-transform:uppercase; text-decoration:none}
h2.formal {font-size: 24px!important;}
.testimonial{ }

.testimonial .formal {
  font-size: 18px;
  padding-top: 0px;
 
  margin-top: 0px;
 
}

.testimonial .greyedPan{ padding:25px 15px;}

}






@media (min-width: 992px) {

	h1{font-size:2.4rem}
  h2{font-size:1.85em;}
 h2{ font-size: 34px;
    line-height: 37px;}
quote{font-size:23px;}
h4{font-size:24px; line-height:1.65em;}
.hoverPanel h3 {
      font-size: 1.25em !important;
      padding-left:12px;
}
.scrollDown {
    bottom: 0px;
    height: 85px;
    }
.pageHead {
    height: 300px;
    background-image: url(../../../media/textureBG.jpg);
    background-repeat: no-repeat;
    background-position: 52% 50%;
    background-color: #000;
    background-size: cover;
}
 .panel2 h2{}
  .galleryid-10 .gallery-item{ width:22% !important}
  .hero .formal{font-size:200%;}
  .panel3{
	
	}
.panel4{
    min-height: 600px;
    background-position: right top;
    background-size: 60%;
}
.panel4bio{
    background-position: right top;
}

  #anim1{   height: 77vh;
    width: 77vh;
    position: absolute;
    bottom: 0px;
    right: 15%;}

 #anim2{    
    position: absolute;
    right: 26%;}


     #footerAnim{
             width: 37vh;
    position: absolute;
    bottom: 0px;
    right: 5%;
    }

 .heroBG1{}

}
/*# sourceMappingURL=style.css.map */