@charset "UTF-8";

body{
  width: 100%;
  min-width: 320px; 
  margin: 0 auto; 
  font-family: avenir;
}

.carousel-item {
overflow: hidden!important;
} 

.carousel-indicators{
  bottom: 50px; 
}

.carousel-indicators li {
position: relative;
width: 50px;
height: 12px;
border-radius: 50px; 
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgb(255,255,255, .5);
}
  
@media only screen and (max-width: 374px) {
.sm-img{
    width: auto!important;
    height: 800px;
  }
}

.font-links{
  font-size: 24px; 
  color: #ffffff; 
}

button{
  background-color: #FA8C3C; 
  border: none;
  padding: 10px 40px;
  border-radius: 50px; 
  cursor: pointer;
}

button h2{
  margin: 0px!important; 
}

.nav-link{
  color: #fff !important; 
  font-weight: 200 !important; 
  margin-right: 4em; 
  width: 100%; 
  font-size: 20px; 
  padding-bottom: 1em; /* REMOVE THIS IF DESIGN IN NAVBAR IS NOT RIGHT */
  padding-right: 0px!important;
  padding-left: 0px!important; 
}

.navbar{
  padding: .365em; 
}

#logo{
  width: 200px; 
  position: relative;
  top: 5px; 
}

#logo2{
  display: none;
  width: 200px; 
  position: relative;
  top: 5px; 
  margin: auto 1%; 
}

.business-logo{
  max-width: 300px; 
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .8));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .8));
}

.business-logo2{
  max-width: 250px; 
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .8));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .8));
}

.logo-button{
  margin: 0 auto; 
}

.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 0px solid transparent;
border-radius: .25rem;
}

.dropdown-menu{
  left: -50px!important;
}

.dropdown-item {
display: block;
width: 100%;
padding: .50em 0rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
font-size: 20px; 
}

#nav-box{
  position: fixed;
  width: 100%; 
  height: 300px; 
  overflow: hidden;
  z-index: 20; 
  text-align: center;
  pointer-events: none;
}

#nav{
  position: absolute;
  width: 140%; 
  height: 200px; 
  background-color: transparent; 
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  top: 44.08%; 
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-top: 35px solid #304B88; 

}

a:hover {
  text-decoration: none;
}

a {
  color: #333; 
}

.bg-custom{
  background-color: #304B88!important;
}

html {
  box-sizing: content-box;
}

.arc-box, .primary-box, .outer-shell, .inner-shell, #nav-box, #nav, nav {
  box-sizing: content-box!important;
}

.bke, .vd{
  box-sizing: border-box!important;
}

.home-container{
overflow: hidden;
}

.over-layer{
  width: 100%;
  height: 100%; 
  background: rgba(0,0,0, 0.23);  
}

.over-layer2{
  width: 100%;
  height: 100%; 
  background: rgba(0,0,0, 0.4);  
}

.bg-orange{
  background: #FA8C3C!important;
}

/* max-height: 1200px; */

.main-images{
  display: none;
  position: absolute;
  max-height: 1200px; 
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: -1; 
}

.aaa{
  position: relative;
  z-index: -1;
  width: 100%; 
}

.mobile-images{
  display: block;
  position: absolute;
  width: 100vw;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: -1; 
}

.outer-shell{
  position: relative;
  width: 100%; 
  height: 800px; 
  background-color: #ffffff;  
}

.inner-shell{
  position: absolute;
  width: 300%; 
  height: 780px; 
  background-color: #FA8C3C!important; 
  border-radius: 100%; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   border-top: 20px solid #fff; 
   border-bottom: 20px solid #fff; 
   overflow: hidden;
}

.gradient-back{
  background-color: red; /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom right, #304B88, #304B88, #FA8C3C); /* Standard syntax (must be last) */
}

.text-shell{
  height: 1550px;  
} 

.arc-box{
  position: relative;
  width: 100%; 
  height: 650px; 
  background-color: #ffffff;
  z-index: -100;
}

.bring-forth{
  z-index: 1!important; 
}

.col-md-6, .col-lg-3 {
padding: 0px!important;
margin: 0px!important;
}

.primary-box .thumbnail{
  margin: 10% 0%;  
  border-radius: 200px; 
  overflow: hidden;
}

.portfolio .font-links{
  margin-left: 0%; 
}

.article h5{
  width: 80%; 
  margin: 25px auto; 
}

.article p{
  width: 80%; 
  margin: 25px auto; 
  font-size: 20px; 
}

.article .thumbnail{
  border-radius: 50%; 
}

.portfolio .thumbnail, .events .thumbnail{
  border-radius: 50px; 
}

.img-fluid {
width: 100%!important;
height: auto;
}

.last{
background: linear-gradient(0deg, rgba(48,75,136,1) 50%, 
            rgba(245,245,245,0) 50%)!important; /*(245,245,245,1)*/
}

.text-container{
  position: absolute;
  width: 95%; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  color: #333;  
  font-family: avenir; 
}

.primary-outer-shell{
  position: relative;
  width: 100%;
  background: linear-gradient(0deg, rgba(48,75,136,1) 50%, 
            rgba(245,245,245,0) 50%)!important; /*(245,245,245,1)*/
  height: 1000px; /*(1250px) use to make box longer if additional text is added*/
}

.bg-curve{
  background: linear-gradient(0deg, rgba(245,245,245,0) 50%, 
            rgba(245,245,245,0) 50%)!important; /*(245,245,245,1)*/
}

.primary-inner-shell{
  position: absolute;
  width: 300%;  
  height: 980px; /*1270px use to make box longer if additional text is added*/
  background-color: #fff; 
  border-radius: 100%; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   border-top: 20px solid #fff; 
   border-bottom: 20px solid #fff; 
   overflow: hidden;
   background-color: #FA8C3C!important;
}

.primary-box{
  position: relative;
  width: 100%; 
  height: 100%; 
  background-color: #ffffff; 
  overflow: hidden;
}

.primary-text{
  margin: 8em auto; 
  width: 90%; 
  color: #333;  
  font-family: avenir; 
  z-index: 19;

}

.mg{
  margin: 2em auto;
}

i {
  font-weight: 500; 
  color: black; 
}

.shadow-text{
  text-shadow: 2px 2px 4px #000000;
}

/* TEXT CONTAINER WIDTH ON MOBILE FOR ABOUT PAGE ARC BOX */
.width{
  width: 30%; 
}

.text-container-b{
  width: 90vw; 
}

.section-text{
  font-size: 36px!important;  
  font-weight: 800!important;
  margin: .65em 0em!important;
  z-index: 19;
  text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.coming-soon{
  margin: 2em auto!important; 
}

h2{
  font-weight: bold!important;
  margin: .85em 0em!important;
  z-index: 19;
}

h3{
  font-weight: bold!important;
}

.signature p{
  font-family: avenir; 
  font-size: 16px; 
  line-height: 5px!important; 
}

.border-line{
  position: relative;
  margin: 0 auto; 
}

.border-line p{
  border-top: 1px solid #cccccc; 
  width: 265px; 
  padding: 1.5em 0em .75em 0em;  
  white-space: nowrap; 
}

.body-text{
  margin: 0 auto!important; 
  font-size: 20px!important; 
  z-index: 19;
}

.blue{
  color: #304B88;
}

.orange{
  color: #FA8C3C;
}

.white{
  color: #ffffff;
}

.embed-responsive {
width: 100%;
margin: 0 auto; 
border-radius: 50px; 
overflow: hidden;
z-index: -1; 
}

.round-border{
  border-radius: 30px; 
  overflow: hidden;
  z-index: -2; 
}

.special-footer{
  width: 100%; 
  height: 50px; 
  background-color: #304B88; 
  overflow: hidden;
}

.copy-right{
  text-align: center;
  font-family: avenir; 
  color: #fff; 
  padding-top: 20px; 
}

/* Controls the margins on the YOUR TEAM section container */
.row{
  margin: 20px!important; 
}

.row-video{
  margin: 0 auto!important; 
  width: 90%;
}

.photography{
  width: 95%; 
  margin: 0 auto!important; 
  box-sizing: content-box!important;
}

.spinner { 
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #000;
  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
  left: 45%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.vert_video {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    overflow: hidden;
}

.vd{
  padding-right: 15px!important;
  padding-left: 15px!important;
  box-sizing: none!important;
  margin-bottom: 10%!important;
}

@media only screen and (min-width: 768px) {

.business-logo{
  max-width: 500px; 
}

.nav-link{
  font-weight: 200 !important; 
  font-size: 16px; 
  padding-bottom: .39em; /* REMOVE THIS IF DESIGN IN NAVBAR IS NOT RIGHT */
}

.width{
  width: 50%; 
}

.primary-box .thumbnail{
  margin: 8% 4%;  
}

.portfolio .font-links{
  margin-left: 5%; 
}

.primary-text{
  width: 80%; 
}

.primary-outer-shell{
  height: 800px;  
} 

.primary-inner-shell{
  width: 185%;
  height: 780px;  
} 

/* 150% */

.inner-shell{
  width: 185%;
}

.text-container{
  width: 45%; 
}

.section-text{
  font-size: 60px!important;  
}

.mobile-images{
  display: none; 
}

.main-images{
  display: block
}

.text-shell{
   height: 780px;
} 

.arc-about{ 
  padding: 10em 0em; 
}

.embed-responsive {
width: 70%; 
}

.row-video{
  margin: 0 auto!important; 
  width: 80%;
}

}

@media only screen and (min-width: 992px) {
#logo2{
  display: block;
  }
}

@media only screen and (min-width: 1080px) {

.photography{
  width: 80%; 
  margin: 0 auto!important; 
}

.width{
  width: 38%; 
}

.primary-text{
  width: 70%; 
}

.sd{
  display: none; 
}

}

@media only screen and (min-width: 1800px) {

.business-logo{
  max-width: 600px; 
}

.main-images{
  max-height: 1710px; 
}

}