/*!
 * Vitality v1.4.0 (http://themes.startbootstrap.com/vitality-v1.4.0)
 * Copyright 2013-2016 Start Bootstrap Themes
 * To use this theme you must have a license purchased at WrapBootstrap (https://wrapbootstrap.com)
 */
html,
body {
  height: 100%;
}
img {overflow:hidden; 
}
.img-centered {
  margin: 0 auto;
}
.content-row {
  margin-top: 30px;
}
section {
  padding: 100px 0;
}



/* NEWLY ADDED 2024 */
header { background-image:url('../img/JesusBaptism-wide.jpg');  background-size: cover;  }

 .nav { background-color: rgb(34, 34, 34);  background-color: black; }
.nav.navbar-nav, #tail {  background-color: rgb(34, 34, 34); }


.bg-gray {  padding:0px; 
  width:100%;  height:1230px; 
  background-image:url('../img/Forest1900-short.jpg');   background-size:stretch; overflow:hidden;  background-position:40% 0%; /* or 20% 50% for larger img*/
   background-repeat:no-repeat; /* ../images/Mts-snowy-lg.jpg');  height:1560px; IMG NEEDS BIGGER HEIGHT */
   /*border-top: 12px solid #013;*/  border-bottom:12px solid #013;

}
 
/* 
.bg-gray-overlay { 
   height:1790px;    margin-top:0px;    padding: 120px 0px;
   background-color: rgba(200,225,255,0.24);  
   font-family:arial; color:#014; font-size:16px;  
}
*/
.bg-gray .col-lg-12  {
   margin-top:44px;   
}

.bg-gray-overlay p  { 
   max-width:830px;  margin:0px auto;
} 

.portfolio-carousel .item {   /** THIS APPEARS BELOW CAMEL AFTER 'PROCESS' -- BEGINNING OF PORTFOLIO **/
   border-top:12px solid #013;
}

.comealive {
   font-family:papyrus, arial; font-size:19px;  font-style:italic; font-weight:bold; text-transform:uppercase; 
}
 
.bg-dark {
  color: white;
  background-color: #222;
}
/***/
.device .screen { 
  min-height:470px; 
}



@media (max-width: 767px) {
  section {
    padding: 75px 0;
  }
}



.owl-theme .owl-controls .owl-page span {
  background: rgba(34, 34, 34, 0.5);
}
input.form-control {
  border-radius: 0 !important;
}
input.form-control:focus {
  border-color: #0A8FD5;
  box-shadow: none;
}
.btn,
.input-group-btn {
  border-radius: 0 !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-primary {
  color: white;
  background-color: #0A8FD5;
  border-color: #0A8FD5;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background-color: #ed2a1d;
  border-color: #ec2114;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #0A8FD5;
  border-color: #0A8FD5;
}
.btn-primary .badge {
  color: #0A8FD5;
  background-color: white;
}
body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}
a {
  color: #0A8FD5;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
}
a.page-scroll {width:110px; text-align:center;
}


p {
  font-size: 18px;
  line-height: 1.5;
}
p.lead {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 24px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}

/* THIS APPEARS IN SECTION 3 - FOREST GODS WORK */
/*
h3.subheader {width:75%; margin:0px auto; margin-top:110px;text-align:center; padding:15px 10px; background:linear-gradient(  #7fa, #bfd, #7fa);border-radius:90px; 
}
*/
h6.subheader {max-width:600px; margin:0px auto; margin-top:130px;text-align:center; 
   padding:8px 10px; background:linear-gradient(  #adb, #ced, #adb);
   font-family:Ubuntu, Arial,  sans-serif;  font-weight:800; 
   border:3px solid #125;  -moz-border-radius:12px;   -o-border-radius:12px; -webkit-border-radius:12px;  border-radius:12px; 
   box-shadow:1px 2px 1px #014;
}

@media(max-width:800){
  h6.subheader {font-size:17px;  }  
}
  

/***  Section Headers - subheaders  */
.col-lg-12 h2 {font-family:Montserrat;  text-transform:none;  }
.col-lg-12 p {font-size:1.45em;  font-style:italic; }




@media (min-width: 481px) {
  h1 {
    font-size: 42px;
  }
  h2 {
    font-size: 50px;
  }
}
hr {
  max-width: 300px;
  width: 86%;
  height: 1px;
  border-top: 2px solid white;
  border-bottom: 2px solid white; 
  margin: 15px auto;
}
hr.left {
  margin: 15px auto 15px 0;
}
hr.right {
  margin: 15px 0 15px auto;
}
hr.colored {
  border-color: #124;
}
p {
  font-size: 16px;
  }


@media (min-width: 768px) {
  hr {
    max-width: 300px;
    margin: 20px auto;
  }
  hr.left {
    margin: 20px auto 20px 0;
  }
  hr.right {
    margin: 20px 0 20px auto;
  }
  p {
  font-size: 18px;
  }
}



.navbar-fixed-top {
  margin-bottom: 0;
}
.navbar-default .navbar-nav a,
.navbar-inverse .navbar-nav a {
  border-radius:22px;
}



.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #0A8FD5;
  color: rgba(255, 255, 255, 0.95);
  background:radial-gradient(#aef, #013);
   background:radial-gradient(#aef, #79b, #123, #013);
  border-radius: 0;
}
/***********************************************************/

.navbar-default {
  background-color: #0A8FD5;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: rgba(255, 255, 255, 0.5);
}
.navbar-inverse {
  background-color: #222;
}
.navbar-default,
.navbar-inverse {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.navbar-default .navbar-toggle,
.navbar-inverse .navbar-toggle {
  color: white;
  font-size: 15px;
  padding: 6px 10px;
}
.navbar-default .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:focus {
  background-color: white;
  color: #222;
}
.navbar-default .navbar-brand,
.navbar-inverse .navbar-brand {
  opacity: 1;   width:350px;
  text-decoration: none;
  -webkit-transition: all 0.25s;   -moz-transition: all 0.2s;   transition: all 0.3s;
  font-family: Papyrus,"Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;   font-weight: 900;    font-style:italic;    font-size: 28px;
              color:#adf;  color:#9cf;    text-shadow:2px 1px 1px #315; 
}
/***********************************************************/

.navbar-inverse .subheader, .navbar-default .subheader { font-size: 17px;   font-style:normal;  }

.navbar-default .navbar-brand:hover,
.navbar-inverse .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-inverse .navbar-brand:focus {
  opacity: 1;
}
.navbar-default .navbar-brand img,
.navbar-inverse .navbar-brand img {
  margin-top: -10px;
  height: 40px;
}
     /***/
.navbar-default .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a {
   color: white;  color:#9cf; text-shadow:2px 1px 1px #315;
  font-weight:500; padding: 5px 7px;  margin-top: 1%;
}
/***********************************************************/
.navbar-default .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:hover {
    background: radial-gradient(#aef, #579, #112030 62%, #222 90%);
  /*  padding: 5px 7px;
    margin-top: 21%;*/
  color: rgba(255, 255, 255, 0.95);
}
/***********************************************************/

.project-details { max-width:800px; margin-left:-90px;  
  }
 
.project-details h2 {font-size:2.27em;
}
.project-details p {   color:#014;  font-weight:bold;
}
 .project-details h2~ hr.colored { width:28%;  padding-left:240px;    
}


@media (min-width: 768px) {
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    border-radius: 5px;
  }
  .navbar-fixed-top.navbar-expanded {
    padding: 20px 0;
  }
  .navbar-fixed-top {
    padding: 15px 0;
    -webkit-transition: padding 0.5s;
    -moz-transition: padding 0.5s;
    transition: padding 0.5s;
  }
  .navbar-fixed-top .navbar-brand:hover {
    opacity: 0.5;
  }

  .navbar-default.navbar-expanded,
  .navbar-inverse.navbar-expanded {
       background: black;   height:95px; /*or  height:auto;  */
       border: none;   }
  /*******************************************************/

  .navbar-default .navbar-brand,
  .navbar-inverse .navbar-brand {  width:340px; margin-top:-12px; }
  /*******************************************************/
}


@media (max-width:1200px){
    .navbar-brand { font-size: 29px;  }
   .navbar .container { width:100%; }
   .navbar-header{ width:350px;   margin-top:0px; }
}



@media (max-width:999px){
   a.navbar-brand.page-scroll,  { float:left;  width:90%;}
  .navbar-collapse {  padding-left:15%; width:99%; }  
   ul.navbar-right {  width: 90%;    background: #222;    border: none; }  
  }
  
 
@media (max-width:770px){
   button.navbar-toggle {  position:absolute;      position: absolute;    right: 12px;    top: -5px;    height: 40px;  /*float:unset*/   }
}
  /***********************************************************/

@media (max-width:620px) {
#portfolio {display: none; }
  .navbar-default .navbar-brand,
.navbar-inverse .navbar-brand {  opacity: 1;   width:350px;  }
}

@media (max-width:504px) {
    .navbar .container { padding-top: 9px;  }
    .navbar-header {  width: 240px;  line-height: 29px;  }
    .navbar-toggle { top: 23px; }
    .navbar-default .navbar-brand,
   .navbar-inverse .navbar-brand { width:240px;   padding:0px 0px; margin:0px 0px;    letter-spacing:0.07em;   font-size:25px;  line-height:23px;  }
    .navbar-default .navbar-brand,
   .navbar-inverse .navbar-brand span.subheader { float:left; text-align:center; width:99%;  } 
   a.navbar-brand.page-scroll { float:left;   }
}

@media (max-width:350px) {
  .navbar-default .navbar-brand,
.navbar-inverse .navbar-brand {  padding:0px 0px; margin:0px 0px;  font-size: 14px;  letter-spacing:0.07em; }
.navbar-default .navbar-brand,
  .navbar-inverse .navbar-brand span.subheader { float:left; font-size: 14px;  text-align:center; width:99%;  } 
 
}
  /***********************************************************/


.navbar a:focus {
  outline: none;
}
.navbar .navbar-nav li a:focus {
  outline: none;
}


   /***  HEADER ***/

header {
  position: relative;
  display: block;
  height: auto;
  width: auto; width:100%;
  background-color: rgb(34, 34, 34);
  background: no-repeat center center;
  background-attachment: scroll;    
  background-image: url('../img/JesusBaptism1400.jpg');  background-position:50% 7%;   
  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; 
  background-size: cover;  background-repeat:no-repeat; 
  padding: 100px 0;
}
/* 
header (min-width: 1200px) {  
  background-image: url('../img/JesusBaptism-wide.jpg');  }
}
*/
header .intro-content { 
  color: white;
  text-align: center;
  position: relative;
}



header .brand-name {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-size: 35px;    color:#013;   line-height: 55px;    text-shadow:1px -1px 1px #faddfa;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: -10px;
}  

header .brand-name-subtext {
  font-size: 18px;
  color:#001133;  line-height: 20px;  font-weight: 500;   
}

header img {
  max-width: 150px;
  max-height: 150px;
}
.header-modal {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-color:rgba(90,90,90,0.8);
}
header .scroll-down {
  position: absolute;
  width: 100%;
  bottom: 20px;
  text-align: center;
}
header .scroll-down .btn {
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100% !important;
  line-height: 50px;
  padding: 0;
  letter-spacing: normal;
  color: white;
  font-size: 30px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
header .scroll-down .btn:hover {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
  outline: none;
}

span.small {font-size:0.87em;  text-shadow: 0px 0px 0px #000;  }



@media (min-width: 768px) {
  header {
    height: 100%;
    width: 100%;
    padding: 0;
  /*  background-attachment: scroll; */
	background-attachment: fixed;
  }
  header .intro-content {     
    color: white;
    text-align: center;
    width: 50%;
    margin: auto;
    position: absolute;
    top: 46%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
 header .brand-name {
    font-family:papyrus; font-weight:700;
    font-size: 42px;
    line-height: 80px;
  }
  header .brand-name-subtext {
    font-size: 21px;  color:#103;
    line-height: 30px;  
  }
  header img {
    max-width: 250px;
    max-height: 250px;
  }
}


@media (min-width: 1025px) {
  header {
    background-attachment: fixed;
  }
}

@media (min-width: 555px) {
  header { 
    height:950px;
    background-attachment: fixed;
	background-image: url('../img/JesusBaptism1400.jpg');  background-position:50% 7%;   
    -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; 
    background-size: cover;  background-repeat:no-repeat; 

  }
}


@media (min-width: 1200px) {
header  {   background-image: url('../img/JesusBaptism-wide.jpg');
  }
}

@media (min-width: 1600px) {
  header { max-height:500px; background-image: url('../img/bible2.jpg');  background-position:40% 55%; }
 }



/*
header.video .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 998;
  opacity: 0;
}
header.video .intro-content {
  z-index: 999;
}
header.video .scroll-down {
  z-index: 999;
}
 */

@media (max-width: 900px) {
  header {min-height:330px; background-position:50% 1%; margin-top:60px; }
}

@media (max-width: 767.99px) {
  header {  background-position:50% 1%; margin-top:39px; }
  div.navbar-brand.page-scroll { width:100%;  max-width:690px; }
}

@media (max-width: 451px) {
  header {height:430px; background-position:50% 1%; margin-top:60px; }
  div.navbar-brand.page-scroll { max-width:400px; }
}

@media (min-width: 768px) {
  header.video .overlay {
    opacity: 0.5;
  }
}




/****** #WORK CAROUSEL section - YOUR GOALS  ******/  

#work hr {
  max-width: 120px;
  border-top:none; 
  height: 0px;
  margin: 15px auto;
}

 

#about   {	 /**  CAN CHOP OF TOP HALF OFF IMAGE -- TOO BIG NOW **/
    background:linear-gradient(rgba(255,255,255,0.3), rgba(49,186,88,0.35));  
     /***** NICE SUBTLE TRANSITION TO IMAGE BELOW *****/
   border-top:5px solid black;
}
#about h1 { 
   font-size: 2.22em;
}

#about h2 { max-width:99%;   margin:100px 0px;  padding-top:60px;  font-family:Papyrus; font-size:29px; font-weight:600;  text-indent:50px;    }
#about p { max-width:99%;   font-family:sans-serif;  font-weight:400; font-size:21px;    color:#348;  }
#about h1 {  width:880px;     max-width:99%;     margin:30px auto;    font-family: Papyrus, sans-serif;  font-size:35px;  line-height:42px;  
  text-shadow:1px 1px 1px black;  text-transform:none; font-style:normal;  }

#about h4 { font-size:1.4em;  color: #0a1610;     font-weight:800;  }
#about h5 { font-family:'Ubuntu Condensed';   font-size:1em;   color: #7f674f;  font-weight:500;   text-shadow: 0px 1px 0px #001;    text-transform:none;
}
#work h6.subheader {font-family:  ubuntu, arial, sans-serif;  font-style:italic;  font-size:16px;font-weight:600;  text-transform:none;  }


.about-content {
  padding: 30px;
}
/*  IF YOU USE THIS, MOVE OWL-CONTROLS owl-next & owl-prev to -55px at full screen
.bg-gray-overlay .col-lg-12 { 
  background: rgba(220,220,250,0.3); 
    border-top:5px groove #99a;  
  border-bottom:5px groove #99a; 
  }
*/
.about-carousel .item {
  position: relative;
  min-height:320px;
  margin: 10px;
  width:;
  height: 100%;
}
.about-carousel .item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background:transparent;
  opacity: 0.5;
}
.about-carousel .item .caption {
  padding: 15px 32px;   padding-top:40px;  
  color: rgba(255, 255, 255, 0.7);
  width: 100%;     min-height:320px; 
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  background:rgba(155,175,190,0.85); color:black;   font-weight:400; 
  box-shadow:inset 0px 0px 22px 5px #146;border-radius:9px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


 
  
.about-carousel .item .caption h3 { font-family:papyrus; font-style:normal; font-weight:800; font-size:1.3em;
  margin: 0;
}
.about-carousel .item .caption p {
  margin: 0;   font-size:1.1em;   font-family:Roboto, Ubuntu, arial, sans-serif; font-style:normal; font-weight:300;
}






/*
.about-carousel .item .caption ul.social {
	margin-top: 5px;
}
.about-carousel .item .caption ul.social li a {
  color: rgba(255, 255, 255, 0.7);
}
.about-carousel .item .caption ul.social li a:hover,
.about-carousel .item .caption ul.social li a:focus {
  color: white;
}
*/
.about-carousel .owl-controls {
  margin-top: 0;
}

.about-carousel .owl-controls .owl-prev,
.about-carousel .owl-controls .owl-next {
    margin: auto 0 !important;
    top: 0;  bottom: 0;  position: absolute;
    height: 1.2em;	width: 40px;  
    border-radius:7px !important;
    line-height: 50px;  text-align: center;  font-size: 4em !important;  color: #018 !important;
    border:1px solid #015; box-shadow:inset 0px 0px 9px white;
    background-color: rgba(160,222,190,0.85) !important;
    -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  transition: all 0.5s;
}
.about-carousel .owl-controls .owl-prev:hover,
.about-carousel .owl-controls .owl-next:hover {
    opacity: 0.7;
}
.about-carousel .owl-controls .owl-prev {
    left: -45px;  border-top-left-radius:50% !important; border-bottom-left-radius:50% !important;;  
}
.about-carousel .owl-controls .owl-next {
    right: -45px;  border-top-right-radius:50% !important; border-bottom-right-radius:50% !important;; 
}

 
@media only screen and (max-width:1050px) { 
	.about-carousel .item .caption { min-height:280px;  padding:30px 17px; 
		box-shadow:inset 0px 0px 17px 5px #146;   }
	.about-carousel .owl-controls .owl-prev { left: -30px; 	}
	.about-carousel .owl-controls .owl-next { right: -30px;  }
}
 
@media only screen and (max-width:800px) { 
  .about-carousel .item .caption {  max-width:95%;  }
  .about-carousel .owl-controls .owl-prev {  left: -20px;  }
  .about-carousel .owl-controls .owl-next { right: -20px;  }
}

/*****************/
 
aside.cta-quote {
  color: white;
  background-color: #222;
  background-image: url('../img/camel-bg.jpg');   
  -webkit-background-size: cover;  -moz-background-size: cover;  background-size: cover;  -o-background-size: cover; 
  background-position: 60% 40%;
  padding: 100px 0;
  text-align: center;
}
 
aside.cta-quote .container {margin-top:-80px;}

aside.cta-quote span.quote,
aside.cta-quote span.text-primary2 {
  display: block; 
  font-family: Montserrat, arial black;
  font-size: 28px; 
  line-height: 27px;
  font-weight: 300; 
  text-shadow:2px 2px 3px black;
  color:white;  
}

aside.cta-quote a.btn-outline-light {   margin:35px auto;   display:block; }
aside.cta-quote .text-primary2 { margin-top:350px; }


@media (max-width:768px) {
  aside.cta-quote {background-position:30% 40%;  }
  aside.cta-quote span.quote { font-size:1.6em;  max-width:89%;   margin-top:45px; }
}

@media (min-width: 768px) {
	aside.cta-quote { background-attachment: scroll;  padding: 150px 0;   }
	aside.cta-quote span.quote:first-of-type {  max-width:600px;   font-size: 28px; line-height: 38px;   }
}

@media (min-width: 992px) {
  aside.cta-quote { padding: 300px 0px; font-size:1.2em; }
  aside.cta-quote span.quote {  line-height: 42px;  }
}


@media (min-width: 1025px) {
    aside.cta-quote { background-attachment: fixed;  }
}

@media only screen and (max-width:1025px) { 
    aside.cta-quote { background-image: url('../img/camel-md.jpg');  min-height:690px; filter:grayscale(.0);  font-family:tahoma; font-weight:bold; }
    aside.cta-quote a.btn-outline-light {  margin-top:20px;  }
	aside.cta-quote .quote{   margin-top:-20px; }
    aside.cta-quote .text-primary2 { margin-top:220px; }
}

@media (max-width: 480px) {
  aside.cta-quote span.quote.text-primary, aside.cta-quote span.text-primary2 {font-size:18px; }
  aside.cta-quote a.btn-outline-light {  margin-left:-10px;  }
}





.testimonials {
  text-align: center;
}
.testimonials .testimonials-carousel .item {
  padding: 0;
}
.testimonials .testimonials-carousel .item p.quote {
  margin-bottom: 30px;
}
.testimonials .testimonials-carousel .item .testimonial-info {
  margin-bottom: 30px;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-img {
  display: inline-block;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author {
  display: inline-block;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author .name {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author hr.colored {
  margin: 3px auto;
  max-width: 50px;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author p {
  margin: 0;
}
.testimonials .testimonials-carousel .item .testimonial-info .testimonial-author .stars {
  color: #f1c40f;
}
.testimonials .testimonials-carousel .owl-controls {
  margin-top: 0;
}
.testimonials .testimonials-carousel .owl-controls .owl-prev,
.testimonials .testimonials-carousel .owl-controls .owl-next {
  display: none;
  text-align: center;
  position: absolute;
  height: 60px;
  width: 40px;
  border-radius: 0 !important;
  line-height: 50px;
  font-size: 30px !important;
  margin: auto 0 !important;
  top: 0;
  bottom: 0;
  background-color: #0A8FD5 !important;
  color: white !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.testimonials .testimonials-carousel .owl-controls .owl-prev:hover,
.testimonials .testimonials-carousel .owl-controls .owl-next:hover {
  opacity: 1;
}
.testimonials .testimonials-carousel .owl-controls .owl-prev {
  left: 15px;
}
.testimonials .testimonials-carousel .owl-controls .owl-next {
  right: 15px;
}



@media (min-width: 768px) {
  .testimonials .testimonials-carousel .item {
    padding: 0 100px;
  }
  .testimonials .testimonials-carousel .owl-controls .owl-prev,
  .testimonials .testimonials-carousel .owl-controls .owl-next {
    display: block;
  }
}






/**** pg 6? ****/

.services {    /******/
  min-height:700px;  
   padding:105px auto;
}

.services h2 { font-family:arial; font-size:48px; font-weight:500;  text-transform:none; }

.services .media {
  margin-bottom: 30px;
}
.services .media i.fa {
  height: 75px;
  width: 75px;
  line-height: 70px;
  text-align: center;
  border: 3px solid #222;
  border-radius: 100%;
  font-size: 30px;
}
.services .media .media-body {
  min-width: unset;
  padding-left: 15px;
}
.services .media .media-body h3 {
  margin-bottom: 15px;
}
.services .media .media-body ul {
  list-style: inside;
  padding: 0;
}
.services .media .media-body ul li {
						font-family:papyrus, sans-serif;	   font-size:16px; font-weight:500; font-style:italic;
  margin-bottom: 10px;  font-family: Ubuntu,arial, sans-serif; font-size:16px;
}
.services {border-top:12px solid #013;   border-bottom:12px solid #013;}   /*****/


.btn-outline-light {margin-top:17px;  background:transparent;  }   /*****/


@media (min-width: 390px) {
  .services .media .media-body {
    min-width: 260px;
  }
}

@media (min-width: 992px) {
  .services .media .media-body {
    min-width: 193px;
  }
}
@media (min-width: 1199px) {
  .services .media .media-body {
    min-width: 260px;
  }
}


@media (min-width: 992px) {
  .services .media {
    margin-bottom: 0;
  }
}

@media (max-width:991px){ 
	section#process .row.content-row {   margin:40px auto;}
	section#process .pull-left { margin-left:22%;}
	section#process ul {   margin:0px auto;}
}
@media (max-width:600px){  
	section#process .pull-left { margin-left:13%;} 
}
@media (max-width:456.9px){   
	section#process .pull-left { margin-left:0%; } 
	section#process ul li { font-size:14px;  }
	section#process  i.fa {  height: 60px;  width: 60px;   }
}



/******** pg6? **********/
#portfolio h2, #pricing h2  #contact h3 {
   font-family:arial; font-size:46px; font-weight:500;  text-transform:none;
}

#portfolio h2 { margin-bottom:35px;
}

.portfolio-carousel {
  padding: 0;
  color: white;
  background-color: #222;
}
.portfolio-carousel .item {
  background-color: #222;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  padding: 50px 55px;
  text-align: center;
  border-top:12px solid #013;
}
.portfolio-carousel .item .project-details {
  padding: 0;
}
.portfolio-carousel .item .project-details .project-name {
  display: block;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
}
.portfolio-carousel .item .project-details .project-description {
  display: block;
  font-size: 18px;
  line-height: 18px;
}
.portfolio-carousel .item .device-container {
  padding: 25px;
}
.portfolio-carousel .owl-controls {
  margin-top: 0;
}
.portfolio-carousel .owl-controls .owl-prev,
.portfolio-carousel .owl-controls .owl-next {
  text-align: center;
  position: absolute;
  height: 75px;
  width: 50px;
  border-radius: 0 !important;
  line-height: 70px;
  font-size: 30px !important;
  margin: auto 0 !important;
  top: 0;
  bottom: 0;
  background-color: #0A8FD5 !important;
  color: white !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.portfolio-carousel .owl-controls .owl-prev:hover,
.portfolio-carousel .owl-controls .owl-next:hover {
  opacity: 1;
}
.portfolio-carousel .owl-controls .owl-prev {
  left: 0;
}
.portfolio-carousel .owl-controls .owl-next {
  right: 0;
}



@media (min-width: 992px) {
  .portfolio-carousel .item {
    padding: 155px 55px 155px;
    text-align: left;
    min-height: 100%;
  }
  .portfolio-carousel .item .project-details {
    padding: 25% 0 0;
  }
  .portfolio-carousel .item .project-details img.client-logo {
    margin: 0 auto 25px 0;
  }
  .portfolio-carousel .item .project-details .project-name {
    display: block;
    font-size: 50px;
    line-height: 50px;
  }
  .portfolio-carousel .item .project-details .project-description {
    font-size: 20px;
    line-height: 20px;
  }
  .portfolio-carousel .item hr.colored {
    margin: 20px auto 20px 0;
  }
}


.portfolio-gallery .item {
  padding: 15px;
}
.portfolio-modal {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.portfolio-modal .modal-backdrop {
  display: none;
}
.portfolio-modal .modal-content {
  color: white;
  background: transparent;
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 100px 0;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  margin: 0;
  font-size: 46px;
}
.portfolio-modal .modal-content .item-details {
  margin: 30px 0;
}
.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: white;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: white;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
 


.project-details { max-width:880px;  margin-left:-500px;  
 }
.project-details h2 { max-width:880px;  font-size:2.57em;
}
.project-details p { margin-left:63px;   color:#014;  font-weight:bold;
}
 .project-details h2~ hr.colored { min-width:58%;  padding-left:200px;   text-indent:250px;  
}


.mockup-carousel .item {
  margin: 0;
  padding: 0;
}
.mockup-carousel .item img {
  margin: 0;
}
.mockup-carousel .owl-controls {
  margin-top: 0;
}
.mockup-carousel .owl-controls .owl-prev,
.mockup-carousel .owl-controls .owl-next {
  text-align: center;
  position: absolute;
  height: 60px;
  width: 40px;
  border-radius: 0 !important;
  line-height: 50px;
  font-size: 30px !important;
  margin: auto 0 !important;
  top: -30px;
  bottom: 0;
  background-color: #0A8FD5 !important;
  color: white !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.mockup-carousel .owl-controls .owl-prev:hover,
.mockup-carousel .owl-controls .owl-next:hover {
  opacity: 1;
}
.mockup-carousel .owl-controls .owl-prev {
  left: 15px;
}
.mockup-carousel .owl-controls .owl-next {
  right: 15px;
}
.portfolio-filter {
  display: inline-block;
  display:none;
}
.portfolio-filter #filters {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}
.portfolio-filter #filters li {
  display: inline-block;
}
.portfolio-filter #filters li .filter {
  display: block;
  cursor: pointer;
  padding: 10px 15px;
  margin: 2px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
  font-size: 12px;
  color: #222;
  background: transparent;
  border: 1px solid #222;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.portfolio-filter #filters li .filter.active {
  background-color: #0A8FD5;
  color: white;
  border-color: #0A8FD5;
}

 
#portfoliolist .mix .portfolio-wrapper {
  overflow: hidden;
  position: relative !important;
  background: #222;
  cursor: pointer;
}
#portfoliolist .mix .portfolio-wrapper img {
  max-width: 100%;
  position: relative;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#portfoliolist .mix .portfolio-wrapper img:hover {
  -webkit-filter: grayscale(.2);
  filter: grayscale(.2);
}
#portfoliolist .mix .portfolio-wrapper .caption {
  position: absolute;
  width: 100%;
  height: 85px;
  bottom: -85px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#portfoliolist  .mix:nth-of-type(6)  .portfolio-wrapper .caption {
    margin-bottom:-20px; 
}
#portfoliolist .mix .portfolio-wrapper .caption .caption-bg {
  background: #7A8fa5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#portfoliolist .mix .portfolio-wrapper .caption .caption-text {
  color: white;
  position: relative;
  z-index: 500;
  padding: 15px 8px;
}
#portfoliolist .mix .portfolio-wrapper .caption .caption-text a.text-title {
  color: white;
}
#portfoliolist .mix .portfolio-wrapper .caption .caption-text .text-category {
  display: block;
  font-size: 12px;
}
#portfoliolist .mix:hover .portfolio-wrapper .caption {
  bottom: 40px;
}

#portfoliolist .mix {
  width: 31%; 
  display: inline-block; 
  float: left;
  overflow: hidden; 
 width:29.4%; height:11.5em;   margin:12px 12px; 
box-shadow: 3px 3px 7px 3px #136;   background-image:url('../img/ScreenshotClips/yhwh600.png');   background-size:contain; background-position:center; background-repeat:no-repeat;
}

/*
#portfoliolist .mix:nth-child(1) { background-image:url('../img/ScreenshotClips/LittleLights600c.jpg');  }
#portfoliolist .mix:nth-child(2) { background-image:url('../img/ScreenshotClips/yhwh600.png');  }
#portfoliolist .mix:nth-child(3) { background-image:url('../img/ScreenshotClips/CelebChurch600.png');  }

#portfoliolist .mix:nth-child(4) { background-image:url('../img/ScreenshotClips/Guess-4.jpg');  }
#portfoliolist .mix:nth-child(5) { background-image:url('../img/ScreenshotClips/NameofJesus353.jpg');  }

#portfoliolist .mix:nth-child(6) { background-image:url('../img/ScreenshotClips/Island600.jpg');  }
#portfoliolist .mix:nth-child(7) { background-image:url('../img/ScreenshotClips/southgate600x400.jpg');  }

#portfoliolist .mix:nth-child(8) { background-image:url('../img/ScreenshotClips/CI600.jpg');  }
*/
 


    /*  #Mobile (Portrait) - Note: Design for a width of 320px */
    
@media only screen and (max-width: 767px) {
  #portfoliolist .mix {
    width: 47%;
    margin: 1%;
  }
}


@media only screen and (max-width: 767px) {
    #portfoliolist .mix { width:81%;  margin-left: 10%; }
    }
    
    

/*******  PG7 OR SO   *******/
.pricing {
  color: white;
  background-color: #222;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.pricing #overlay { padding:80px 0px;  }

.pricing h2 { font-family:arial; font-size:48px; font-weight:500;  text-transform:none;
}
.pricing h4 {margin-bottom:0px;  font-family:ubuntu, arial, sans-serif; font-size:24px; font-weight:700; text-transform:none; 
}
#pricing h4:nth-of-type(3) {
    font-size:16px;
}
 h6:nth-child(4) /*PRICING */  { font-family:corsiva;  text-align:center;  color:rgba(220,240,255,0.7);  font-size:1.1em;  font-style:italic; font-weight:400;  text-transform:lowercase; 
 }
.pricing p {font-family:papyrus, ubuntu;  font-size:1.4em;   margin-top:0px; }
 
.pricing .straightup {  max-width:540px; margin:0px auto;  font-family:arial, sans-serif; font-size:1.02em; font-style:normal; 
}

.pricing .pricing-item {
  text-align: center;
  background: white;
  color: #222;
  padding: 30px;
  -webkit-box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
  -moz-box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
  box-shadow: 0px 0px 30px 5px rgba(34, 34, 34, 0.75);
  z-index: 1;
  margin-bottom: 30px;
}
.pricing .pricing-item h3 {
  margin: 0;
}
.pricing .pricing-item hr {
  max-width: 100px;
}
.pricing .pricing-item .price {
  margin-bottom: 20px;
}
.pricing .pricing-item .price .number {
  font-weight: 900;
  font-size: 50px;
}
.pricing .pricing-item .price .number sup {
  font-size: 30px;
}
.pricing .pricing-item .list-group-item {
  border-radius: 0;
}


#pricing .col-lg-12 > h4 { margin-bottom:60px; 
}
div.priceInner {  background:rgba(200,200,230,0.6);  color:black;  width:290px;   min-width:83%;  height:auto;    margin:20px auto;   padding:30px 22px;  border:2px solid #013; display:block;
} 
 
 
@media (max-width: 697px) {
    .pricing h4 {  font-size:20px; }
    #pricing h4:nth-of-type(3) { font-size: 16px; }
    .pricing p {  font-size:1.2em; }
}

@media (max-width: 440px) {
	div.priceInner {   width:280px;  height:auto;  min-width:90%;   margin:0% auto;  padding:30px 10px;  border:1px solid #013; display:block;  }
    .pricing h4 {  font-size:17px; }
    #pricing h4:nth-of-type(3) {    font-size:13px; }
}


@media (min-width: 697px) {
	#pricing .col-lg-12 > h4 { margin-bottom:80px; }	
	div.priceInner {   width:550px;   min-width:38%;  height:350px;    padding:45px;  border:3px solid #013;  display:inline-block;  }  
}


@media (min-width: 992px) {
  .pricing {
    background-attachment: scroll;
  }
  
  .pricing #overlay { padding:100px 0px;  } /*was 130 inline*/

  .pricing .pricing-item {
    margin-bottom: 0;
  }
  .pricing .pricing-item.featured-first {
    margin-right: -15px;
    margin-top: 15px;
  }
  .pricing .pricing-item.featured {
    position: absolute;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 45px 30px;
  }
  .pricing .pricing-item.featured-last {
    margin-left: -15px;
    margin-top: 15px;
  }
  div.priceInner {   width:550px;   min-width:38%;  height:450px;   }

}


@media (min-width: 1025px) {
   .pricing {  background-attachment: fixed;  } 
}




#contact h3 {
   font-family:arial; font-size:36px; font-weight:500;  text-transform:none;
}

form {border:2px solid #bde; padding:25px; border: 12px solid #b3caff;
}
form .control-group  {margin-top:9px;  font-size:14px;
}
 
.cta-form h3 {
  margin-top: 0;
}
.cta-form.bg-dark {padding-top:4px;
}
 
.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c1c1cf;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.5s ease,opacity 0.5s ease;
  -moz-transition: top 0.5s ease,opacity 0.5s ease;
  -ms-transition: top 0.5s ease,opacity 0.5s ease;
  transition: top 0.5s ease,opacity 0.5s ease;
}
.floating-label-form-group::not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #e1e1e1;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #0A8FD5;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #e1e1e1;
}

.col-lg-8 form input {  height:28px;  padding:4px;  font-size:17px; color:#818191; }



@media (max-width:699px) { 
	#contact .col-lg-8 { padding:20px 4px; }
	#contact h3 {font-size:30px; }
	#contact p {font-size:18px; }
	form { padding:5px; border: 6px solid #b3caff; } 
	#contact .form-group.col-xs-12 { height:3.3em; } /* the input casings */
  
}



/*
footer.footer {
  color: rgba(255, 255, 255, 0.7);
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  padding: 50px 0 20px;
}
footer.footer a {
  color: rgba(255, 255, 255, 0.7);
}
footer.footer a:hover {
  color: white;
}
footer.footer p {
  font-size: 22px;
}
footer.footer .contact-details {
  margin: 75px 0;
}
footer.footer .social {
  margin-bottom: 75px;
}
footer.footer .copyright p.small {
  font-size: 14px;
}



@media (min-width: 1025px) {
  footer.footer {
    background-attachment: fixed;
  }
}
*/



#tail {background:  rgb(34, 34, 34);background:black;  background-image:url('../img//xaris-logo-lg.jpg'); background-repeat: no-repeat; background-position:40% 45%;  background-size:contain;  
    width:100%; min-height:300px; padding:30px 0px; padding-bottom:50px; 
	text-align:center; 
}
 
#tail p { width:13em;;  margin:9px auto;   margin-top:0px;
  font-family:Papyrus, Arial;   font-size:2.2em;  font-weight:600;  text-transform:none;  
      text-align:center;   color:#bdf;   background:#000; background:transparent;
}

#tail .credits { width:1260px;  max-height:52px; margin:10px auto; margin-top: 70px;  padding-top:4px;  overflow:visible; }

#tail a {font-size:0.9em;  width:750px;width:72%; margin:0px auto;  padding:0px 0px 9px 0px;  
	 color: #888; color:#224; color:#666666; font-weight:bold;  letter-spacing:0.12em;  line-height:.3em;  text-transform:unset;
	 display:block;  
}

#tail a:first-of-type {margin-top:104px;   }


@media only screen and (max-width:1200px){
    #tail .credits { margin-top:58px;    }
}

@media only screen and (max-width:1050px){
  #tail .credits {width:98%;  
      /*  background:radial-gradient(#899 14%, #7a7f8a 15%, #555 45%, #333 65%, #10253f 70%, #000 95%); */  }
  #tail a {font-size:0.92m;  width:98%;  display:block;   }
 
}


@media only screen and (max-width:980px) {
    #tail {  margin-top:33px; padding-bottom:19px;  background-position:45% 60%;  min-height:250px;  }
	#tail a:first-of-type {  margin-top: 62px; }
	#tail a:nth-of-type(2) {   margin-bottom: 25px;   }
}
 

@media only screen and (max-width:504px) {
  #tail {  min-height:200px; padding:18px 0px 18px 0px;   background-image:url('../img/xaris-logo-sm.jpg'); background-position:45% 45%; }
  #tail p { font-size:1.5em;  max-width:11.9em;   } 
  #tail a {color:#bdf; font-weight:normal; line-height:.5em; } 
  #tail .credits { margin-top: 30px; }
}




.btn-outline-light {
  color: white;
  border: 1px solid white;
  background: transparent;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.cta-quote .btn-outline-light {min-width:313px; margin-left:33px;
}

@media (max-width:1030px) {
.cta-quote .btn-outline-light { min-width:313px;   margin-left:33px;  }
}
}
@media (max-width:480px) {
.cta-quote .btn-outline-light { min-width:290px; 
   font-size:12px; margin-left:5px 0px;  }
}


.btn-outline-light:hover,
.btn-outline-light:focus {
  color: #0A8FD5;
  background: white;
  outline: none; text-shadow:none;
}
.btn-outline-dark {
  color: #222;
  border: 1px solid #222;
  background: transparent;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-outline-dark:hover,
.btn-outline-dark:focus {
  color: white;
  background: #0A8FD5;
  border-color: #0A8FD5;
  outline: none;
}
.btn {
  border-radius: 0;
  padding: 12px 18px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
}
.btn:focus,
.btn:active,
.btn.active {
  outline: none;
}
.btn-full-width {
  border: 0;
  border-radius: 0;
  background-color: #222;
  color: white;
  padding: 50px 0;
  font-size: 26px;
  font-weight: 200;
  letter-spacing: normal;
  text-transform: none;
}
.btn-full-width:hover {
  background-color:#b3caff;
  color: white;
}
.btn-full-width:focus {
  color: white;
}
body.modern {
  font-family: "Cardo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
body.modern h1,
body.modern h2,
body.modern h3,
body.modern h4,
body.modern h5,
body.modern h6,
body.modern .navbar-brand,
body.modern p.lead,
body.modern header .brand-name,
body.modern .portfolio-carousel .project-name, body.modern .testimonials .testimonial-author .name {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color:white;
}
body.modern .about-carousel .owl-controls .owl-prev,
body.modern .testimonials .owl-controls .owl-prev,
body.modern .about-carousel .owl-controls .owl-next,
body.modern .testimonials .owl-controls .owl-next {
  line-height: 55px !important;
}
body.vintage {
  font-family: "Cardo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
body.vintage h1,
body.vintage h2,
body.vintage h3,
body.vintage h4,
body.vintage h5,
body.vintage h6,
body.vintage .navbar-brand,
body.vintage p.lead,
body.vintage header .brand-name,
body.vintage .portfolio-carousel .project-name,
body.vintage .testimonials .testimonial-author .name {
  font-family: "Sanchez", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}
body.vintage .about-carousel .owl-controls .owl-prev,
body.vintage .testimonials .owl-controls .owl-prev,
body.vintage .about-carousel .owl-controls .owl-next,
body.vintage .testimonials .owl-controls .owl-next {
  line-height: 55px !important;
}
 

/*
.FW-insert { 
    width:83%; margin:80px auto; padding:40px 0px; background:white;
}

.FW-inner { width:80%;  max-width:820px; margin:40px auto;  }

.FW-header { font-size:38px; font-family:arial; font-weight:normal; } 
*/



/*
h2.mainheader {   
  font-family: Papyrus, 'Monotype Corsiva'; 
  font-size: 37px; color:#128;
  text-shadow:1px 1px 2px #ffe;
}

span.subheader {
  font-size: 21px;  font-family:papyrus;  color:#016; font-weight:bold;   
}
*/


/* XARISMATA LOGO ON NAVBAR LEFT:

a.navbar-brand.page-scroll {   }
*/