@charset "utf-8";
/* CSS Document */

.nav {  }

/*Headings*/

body, p, li, ul {   font-family: 'Varela Round', sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: 'Marcellus', serif; font-weight: 400; }


/*Pagination*/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.6;
    text-decoration: none;
    color: #fca311; 
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

div.row .pagination > li.next a {
    border-right: 1px solid #fca311;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    padding-right: 25px;
}

div.row .pagination > li.prev a {
    border-left: 1px solid #fca311;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    padding-left: 25px;
}

div.row main a:not(.fa):not(.btn), div.row footer a:not(.fa):not(.btn) {
    color: #fca311;
}

div.row .pagination > li > a {
    font-size: 14px;
    border-left: 0;
    border-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    border-color: #fca311;
	background: #fff;
}

div.row .pagination > li.prev.disabled a, div.row .pagination > li.prev.disabled span {
    color: #b3beb8;
}

div.row .pagination > li.prev span {
    border-left: 1px solid #fca311;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    padding-left: 25px;
}

div.row .pagination > li.next span {
    border-right: 1px solid #fca311;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    padding-right: 25px;
}

div.row .pagination > li > span {
    font-size: 14px;
    border-left: 0;
    border-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    border-color: #fca311;
}

ul.pagination li a, ul.pagination li button { border-radius: 0; }
ul.pagination li { margin-left: 0; }
.pagination>li>a, .pagination>li>span { line-height: 1.6 !important; }

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #fca311 !important;
    border-color: #fca311;
    cursor: default;
	color: #fff;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #fca311; }


/*Top Bar Styles */
.contain-to-grid, .top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar.expanded .title-area { background: #fff; }
li.has-dropdown { background: #fff !important; background-color: #fff !important; }

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #fff; }

.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a, .top-bar-section ul li > a, .top-bar .toggle-topbar.menu-icon a, .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: #3a3a3a ; }
.top-bar .toggle-topbar.menu-icon a span::after { box-shadow: 0 0 0 1px #3a3a3a, 0 7px 0 1px #3a3a3a, 0 14px 0 1px #3a3a3a; }

.top-bar .name h2 { font-size:  50px; margin-top: 30px;}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover { color: #3a3a3a ; }

.top-bar-section .has-dropdown > a:after { border-color: rgba(96, 96, 96, 1) transparent transparent transparent; }

.top-bar-section .dropdown li.title h5 { font-size: 13px; text-transform: uppercase; }
.title.back a:before { content: "← "; }

.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background: #f2eeeb; color: #3a3a3a; }
.top-bar a.nav-selected { background: #f2eeeb !important; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: #3a3a3a; }

.top-bar ul li a.has-dropdown { background: #fff !important; color: #3a3a3a !important;  }
.top-bar ul li a.has-dropdown:hover { background: #f2eeeb !important; color: #3a3a3a !important;  }

.top-bar img { max-height: 40px; width: auto; margin-top: 26px; }

.top-bar { height: 96px; }
.top-bar-section li:not(.has-form) a:not(.button) {  }
.top-bar .name { height: 96px; }
.top-bar ul.right { margin-top: 24px; }

/*Custom Styles */

.wrap { background: url('images/background.png') top left repeat-y; min-height: 1000px;}

.logo-contain h2 { font-size: 48px; margin-bottom: 0px;  font-variant: small-caps; }
.logo-contain h3 {   font-family: 'Varela Round', sans-serif; font-size: 17px; margin-left: 25px; margin-top: -9px; }

.nav-wrap { margin-top: 30px; }
.upper-wrap { padding-top: 30px; padding-bottom: 60px; }

.wrap a { color: #fca311; }
.wrap a:hover { color:  #e8960f; }
.wrap .button, .ccm-input-button  { background: #fca311; color: #fff; }
.wrap .button:hover, .wrap .button:focus, .ccm-input-button:hover, .wrap .button:active, .ccm-input-button:active { background: #e8960f; color: #fff; }
button:hover, button:focus, .button:hover, .button:focus { background: #e8960f; color: #fff; }

.wrap .text-sub p, .wrap .text-sub { font-size: 14px; margin-top: -7px; }


.wrap p, .wrap ul, .wrap li { font-weight: 300; font-size: 1.24rem; color: #14213d;  }
.reverse, .reverse p, .reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6, .reverse a { color: #fff; }
.events-area .next a { color: #fff !important; }
.wrap .events-area p, .wrap .events-area a { margin-bottom: 0; }

   
.top-bar-section ul li > a { font-size: 18px !important; font-family: 'Marcellus', serif; font-weight: 400 !important; text-transform: lowercase;  }
.top-bar-section ul li { background: #fff; }

.social-bar p, .events-area p { margin-bottom: 0; }

.section { padding-top: 55px; padding-bottom: 55px; }
.home.section { padding-top: 55px; padding-bottom: 75px; }
.gray { background: #fbfbfb; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.white { background: #fff; }

.home-top-image { padding-top: 90px; padding-bottom: 90px;  }

h1, h2, h5, h6 { color: #fca311; }

h1, h2 { font-weight: 400; font-size: 40px;  }
h3 { font-size: 36px; font-weight: 300; color: #14213d; }
h4 { font-size: 30px; font-weight: 300; color: #14213d; }
h5 { font-weight: 400; font-size: 24px; text-transform: uppercase; }
h6 { font-weight: 400; font-size: 24px;  }

.overlay-box { background: rgba(255, 255, 255, 0.85); border: 8px solid #a9a09b; padding: 45px 50px; moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); }
.home-top-image .overlay-box { text-align: center; }
.home-top-image .overlay-box p { text-shadow: 1px 1px 0px #fff; margin-bottom: 0; }
.home-top-image .overlay-box img { margin-bottom: 18px; }

.image-border img { border: 8px solid #fff; moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); }

.social-bar { padding: 10px 0 10px 0; }
.events-area { padding: 12px 0 12px 0; }
.events-area h2 { font-size: 26px; text-transform: uppercase; margin: 0; }
.events-area p { font-size: 23px; }
.event-button a { background: #fff; color: #aca39e; text-transform: uppercase; font-weight: 700;  font-size: 17px; margin-bottom: 0; padding: 7px 20px; -webkit-transition: background .5s;  -moz-transition: background .5s;     -webkit-transition: color .5s;  -moz-transition: color .5s; }
.event-button a:hover { background: #fca311; color: #fff; -webkit-transition: background .5s;  -moz-transition: background .5s;     -webkit-transition: color .5s;  -moz-transition: color .5s;  }


.social-icons-footer { margin-top: 28px; }
.footer .recommended img { margin-top: 15px; }

.social-bar .icons li, .social-bar .icons ul { list-style: none; }
.social-bar .icons li { float: left; display: inline-block;  }
.social-bar .icons li img { width: 26px; height: 26px; margin-right: 2px; opacity: .8; -webkit-transition: opacity .5s;  -moz-transition: opacity .5s;  }
.social-bar .icons li img:hover { opacity: 1; -webkit-transition: opacity .5s;  -moz-transition: opacity .5s; }



.social-icons-footer ul { list-style: none; display: table; margin: 0 auto; margin-bottom: 20px; }
.social-icons-footer li { display: table-cell; padding: 0 5px; }


.button { font-size: 18px; font-weight: 900;  }

.section .visit .button { margin: 0px !important;  }

.home-box-1 p { font-weight: 300; font-size: 26px; letter-spacing: 2px; text-transform: uppercase; }
.home-box-2 p { font-weight: 300; font-size: 26px; letter-spacing: 4px; text-transform: uppercase; }
.home-box-3 p { font-weight: 300; font-size: 26px; letter-spacing: 0px;  }

.collapse .columns { padding: 0 !important; }

.wrap .form-group input { border: 1px solid #fca311; font-size: 16px; color: #fca311; font-style: normal; padding: 11px; box-shadow: none; width: 100%; height: auto; }
.wrap textarea { font-size: 16px; color: #fca311; font-style: normal; padding: 11px; border: 1px solid #fca311; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1); }


.button, button, .btn { background: #fca311; font-weight: 900; padding-top: 1rem; padding-right: 2rem;
    padding-bottom: 1.0625rem; padding-left: 2rem; color: #fff; text-transform: uppercase; border: 0px solid #fff; }
.button:hover, button:hover, .btn:hover { background: #e8960f;}
.btn.pull-right { background: #fff; color: #fca311; }

.wrap .footer input[type="email"] { border: 1px solid #fca311; color: #a3a3a3; font-style: italic; padding: 18px; height: 46px; box-shadow: none; font-size: 18px; }
.wrap .footer .button { height: 46px; }
.wrap .footer h4 { margin-bottom: 20px; font-size: 24px;  }

.wrap .border img { border: 1px solid #fca311; }

.visit h4 { margin-bottom: 30px; }

.first { padding-top: 55px; }
.section.first { padding-bottom: 30px; }

.panel { background: #f2eeeb; border: 1px solid #e2dedc; }
.panel p { color: #14213d; }
.panel h1, .panel h2, .panel h3, .panel h5, .panel h6 { color: #14213d; }

ul, ol, dl { list-style-position: inside; margin-left: 15px; }

.gaptop20 { margin-top: 20px; }
.gaptop40 { margin-top: 40px; }

.folio-grid img { border: 5px solid #fff; moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55);   }
.folio-grid li h5 { font-size: 15px; text-align: center; margin-bottom: 0; min-height: 42px; }

.folio-grid-home img { border: 5px solid #fff; moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); margin-top: 30px;  }

.portfolio-grid img { border: 5px solid #fff; moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); }

/*.portfolio-grid .links > a { margin-right: 1.25rem !important; }*/
.portfolio-grid h1 {  }
.portfolio-grid .featured { margin-bottom: 10px; }

hr { margin: 40px 0 40px 0; }
.owl-wrapper-outer h3 { margin-top: 15px; }
.owl-theme .owl-controls .owl-page span { margin: 5px 3px !important; }
.owl-theme .item { padding: 30px !important; }
.owl-theme .owl-controls .owl-page span { background: #fca311 !important; }
.owl-theme .item p { font-size: 28px; font-style: italic; }

.designer { background: f2eeeb; border: 5px solid #fff; moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); padding: 40px; margin-bottom: 30px; }
.designer h5, .designer a { font-size: 1rem; }
.designer p { font-size: 1.1rem; line-height: 1.3; }
.designer img { float: right; border: 3px solid #fff; moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); margin-left: 10px;  }

#contact-modal input, #contact-modal textarea { width: 100%; padding: 10px; }
#contact-modal textarea { margin-top: 10px;}

.ccm-input-button, .button, .actions input  {
  background: #fca311;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  padding: 1rem 2rem;
  font-size: 18px;
  border: 0px solid;
}

.button:hover, .button:focus {
  background: #e8960f;
  color: #fff;
}

.tiny p, p.tiny { font-size: 13px; }

.reveal-modal .button { margin-bottom: 0px; margin-top: 4px; }
.reveal-modal input  { width: 100%; }

.wrap .left-nav { list-style: none; display: block; margin-top: 98px; }
.wrap .left-nav li.portfolio a { font-size: 16px; padding: 8px; background: #f9f8f7; border-top: 1px solid #f2eeeb; border-bottom: 1px solid #f2eeeb; margin-bottom: 3px; display: block; text-transform: uppercase; font-weight: 700;  }
.wrap .left-nav li a.nav-selected, .wrap .left-nav li.portfolio a:hover { background: #f7f6f5; color: #e8960f; }

.section.light-gray { padding-top: 35px;   padding-bottom: 35px; }
.section.bottom-only { padding-top: 0px; }
.section.top-only { padding-bottom: 0px; }
.section.none {  padding-top: 0px; padding-bottom: 0px; }
.section.wider .row { max-width: 1300px; }
.section.narrow .row { max-width: 800px; }

.footer { padding: 3% 3% 3% 3%; text-align: center; }
.wrap .footer p { margin-bottom: 0px; font-size: 15px; color: #fca311; }



.google-maps {
        position: relative;
        padding-bottom: 35%;
        height: 0;
        overflow: hidden;
		margin-bottom: 30px
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	
	.vimeo {
        position: relative;
        padding-bottom: 57%;
        height: 0;
        overflow: hidden;
    }
    .vimeo iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	
div.ccm-notification-help-launcher { display: none !important;}	
	
.overlay-box h6 { font-weight: 400; }
.portfolio-home .button { margin-bottom: 0; }

 .fancybox-title a {   font-family: 'Varela Round', sans-serif; color: #14213d !important; }
	
/*rules for anything larger than a tablet*/
@media only screen and (min-width: 767px) {

.top-bar-section .dropdown { min-width: 200px; left: 0 !important; right: auto !important; }


}
/*rules for anything smaller than a tablet*/
@media only screen and (max-width: 767px) {

	h3 {  font-size: 36px;}
	.overlay-box { padding: 20px; }
	.social-bar p { text-align: center !important; }
	.social-bar ul {display: table; margin: 0 auto; padding: 8px;}
	.social-bar ul li {display: table-cell;}
	.wrap .left-nav { margin-top: 0; }
}

/*rules for desktops and laptops */
@media only screen and (min-width: 900px) {
	
}

/*rules for smaller than large*/
@media only screen and (max-width: 1030px) {
	.events-area { padding: 30px; text-align: center; }
	
}

/*rules for phones only*/
@media only screen and (max-width: 400px)  {
	
	h1, h2 { font-size: 50px; }
	.designer img { float: none; display: block; width: 100%; margin-left: 0; margin-bottom: 20px; }
	.designer h3 { font-size: 32px; }
	.designer { padding: 20px; }
}

ul.ccm-error { margin-left: 0; }

.ccm-error li {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
  list-style: none;
}