body {
  overflow-x: hidden;
  /* overflow: hidden; */
  position: relative;
  padding-top: 181px;
  width: 100%;
  background: linear-gradient(to bottom, #ccb892 5%, white 0%);
  --my-left-margin: 2%;
  --my-right-margin: 1.67%;
  --my-right-padding-blue-area-text: 3.2%;
}

/* ----------- iPhone 6 ----------- */

@media screen and (max-width: 375px) {
  body {
      overflow-x: hidden!important;
  }
}

/* ----------- iPad mini ----------- */

@media screen and (max-width: 768px) {
  body {
      overflow-x: hidden!important;
  }
}

@media screen and (max-width: 1024px) {
  body {
      overflow-x: hidden!important;
  }
}

/* .content {
  padding-top: 110px;
} */


.mainfooter {
  background: #18407c;
  background-size: 100% 20px;
}

.footer-pad h4{
  color: #ceb78d;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.0em;
}
 .col-md-3 h4{
  color: #ceb78d;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.0em;
}
/* body { padding-top: 70px; } */

/* @media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
} */

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mySpan {
  font-family: 'Ultra', serif;
  /* font-family: 'Monoton', cursive; */
  font-size: 2em;
  margin: 0 .25em;
  color: #18407c;
}

.mySrvTitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 1.5em; 
    margin: 0 .25em;
    color: black;
  }

.mySpanText {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
   font-size: 1.0em; 
  /* margin: 0 .5em; */
  color: black;
}

.myHead {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 2.5em;
  color: #ccb892;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }

  .navbar {
    top: 120px;
    /* height: 70px; */
  }

  .pagewide {
    height: 120px;
  }
}

.pagewide{
  
  background: linear-gradient(to right, #18407c 42%, white 0%);
}



.logo {
	float:left;
  z-index: 1000;
  margin-left: 2%;
  position: absolute;/*change here*/
}

.myDiv {
  position: absolute;
  /* top:90px; */
  height: 35rem;
  width: 42%;
  background: #18407c;
  background-size: 100% 20px;
  /* fill: url(#pattern); */
  border-radius: 0px 0px 200px 0px;
  /* transform: rotate(45deg); */
  z-index: 151;

  /* background-repeat: no-repeat, repeat;
    background-image: url("img_tree.gif"), url("paper.gif");
    background-blend-mode: darken; */

  /* clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
  animation: clips 3s ease infinite; */
}

/* @keyframes clips {
  50% {
    clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%)
  } 
} */

.navbar {
  left: 2%;
  width: 96%;
  border-radius: 10px 10px 10px 10px;
}

.flex-container {
  display: flex;
  align-items: center;
  justify-content: center; 
  margin-top: 13px;
  margin-left: -50px;
  /* flex-direction: column;  */
  /* vertical-align: middle; */
  background-color: transparent;
}

.flex-container > div {
  background-color: transparent;
  color: white;
  margin: 25px;
  /* vertical-align: middle; */
  text-align: center;
  /* line-height: 75px; */
  /* font-size: 30px; */
}

.statBar {
  position: relative;
  /* top: 2.5rem; */
  /* bottom: 20px; */
  height: 7rem;
  /* left: 42%; */
  /* width: 58%; */
  background: #ccb892;
  /* border-radius:  10px 10px 10px 10px   ; */
  /* opacity: 0.5; */
  /* background-size: 100% 20px; */
  /* fill: url(#pattern); */
  /* border-radius: 15%; */
  /* transform: rotate(45deg); */
  z-index: 51;

}

.topAnchor{
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
}

.bottomBar {
  position : absolute;
  bottom   : 0;
  height: 4rem;
  background: #ccb892;
  color: black;
  display: flex;
  flex-direction:row;
  /* vertical-align: middle; */
  align-items: center;
  /* background: #ccc; */
  justify-content: space-between;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
   font-size: 0.60em; 
  /* z-index: 51; */
}

.bottomBar div{
  margin-left: 35px;
  margin-right: 35px;
}

.bottomBar div a{
  color: #000;
  padding: 10px;
}
.bottomBar div a:hover{
  color: #855907;
}
.myDivShp1 {
  position: absolute;
  height: 10rem;
  width: 10rem;
  background: linear-gradient(to bottom,
      #ccb892,
      #ccb892 50%,
      white 50%,
      white);
  background-size: 100% 20px;
  opacity: 0.25;
  /* fill: url(#pattern); */
  border-radius: 0px 200px 200px 0px;
  /* transform: rotate(45deg); */
  z-index: -51;
}

.myDivShp2 {
  position: absolute;
  height: 72rem;
  width: 100%;
  background: linear-gradient(to bottom,
      #ccb892,
      #ccb892 50%,
      white 50%,
      white);
  background-size: 100% 20px;
  opacity: 0.25;
  /* fill: url(#pattern); */
  border-radius: 50% 50% 50% 50%;
  /* transform: rotate(45deg); */
  z-index: -51;
}

.myDivShp3 {
    position: absolute;
    height: 36rem;
    width: 100%;
    background: linear-gradient(to bottom,
    #18407c,
    #18407c 50%,
    #18407c 50%,
    #18407c);
    background-size: 100% 20px;
    /* opacity: 0.25; */
    /* fill: url(#pattern); */
    /* border-radius: 50% 50% 50% 50%; */
    /* transform: rotate(45deg); */
    z-index: -51;
  }

  .myDivShp3_1 {
    position: absolute;
    height: 20rem;
    width: 100%;
    background: white;
    background-size: 100% 20px;
    /* opacity: 0.25; */
    /* fill: url(#pattern); */
    border-radius: 150px 0 0 0; 
    /* transform: rotate(45deg); */
    z-index: -51;
  }
  
  .myDivShp3_2 {
    position: absolute;
    height: 8rem; /* tweak this to reduce / inc height */
    width: 100%;
    background: white;
    background-size: 100% 20px;
    /* opacity: 0.25; */
    /* fill: url(#pattern); */
    border-radius: 0 0 150px 0; 
    /* transform: rotate(45deg); */
    z-index: -51;
  }

  .myDivShpCircle {
    position: absolute;
    left: 80px;
    width: 120px;
    height: 120px;
    background-color: white;
    border-radius:50%;
    box-shadow: 8px 8px 8px 8px gray;
    opacity: 0.15;
    z-index: -51;
}
.myDivShpCircle2 {
  position: absolute;
  right: 220px;
  width: 120px;
  height: 120px;
  background-color: white;
  border-radius:50%;
  box-shadow: 8px 8px 8px 8px gray;
  opacity: 0.15;
  z-index: -51;
}

.myquote_container {
  position: absolute;
  top:-100px;
  left: 280px;
  width: 120px;
  height: 120px;
  font-size: 150px; 
  text-align: center;
  opacity: 0.25;
  z-index: -51;
}


.myDotShape1 {
    position: absolute;
    height: 30rem;
    width: 15rem;
    background-image: radial-gradient(white 40%, transparent 20%),
      radial-gradient(#fafafa 20%, transparent 20%);
    background-color: #ccb892;
    background-position: 0 0, 50px 50px;
    background-size: 50px 50px;
    opacity: 0.25;
    /* fill: url(#pattern); */
    border-radius: 0 200px 200px 0;
    /* transform: rotate(45deg); */
    z-index: -51;
  }

.myDotShape2 {
  position: absolute;
  height: 10rem;
  width: 15rem;
  top:10rem;
  right:0;
  /* background-image: radial-gradient(#ccb892 20%, transparent 20%),
    radial-gradient(#ccb892 20%, transparent 20%); */
    background-image: radial-gradient(#ccb892 7%, transparent 20%),
    radial-gradient(#ccb892 7%, transparent 20%);
  /* background-color: #fafafa; */
  background-position: 0 0, 50px 50px;
  background-size: 25px 25px;
  opacity: 0.25;
  /* fill: url(#pattern); */
  /* border-radius: 200px 0 0 200px; */
  /* transform: rotate(45deg); */
  z-index: 51;
}


.myDotShape3 {
  position: absolute;
  top: 14rem;
  height: 14rem;
  width: 16rem;
  /* right:0; */
  background-image: radial-gradient(#ccb892 7%, transparent 20%),
    radial-gradient(#ccb892 7%, transparent 20%);
  /* background-color: #fafafa; */
  background-position: 0 0, 50px 50px;
  background-size: 25px 25px;
  opacity: 0.25;
  /* fill: url(#pattern); */
  /* border-radius: 200px 0 0 200px; */
  /* transform: rotate(45deg); */
  z-index: 52;
  animation-name: myCorPAnim;
  animation-duration: 3s;
  animation-direction: forward;  
}

@keyframes myCorPAnim {
  0% {left:-2000px;}

  100% {left:0px;}
}

.myRoundIcon {
  font-size: 36px;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0px 0px 2px #888;
  padding-top: 0.25em;
  width: 80px;
  height: 80px;
  /* align-items: center; */
  /* vertical-align: middle; */
  text-align: center;
  /* 
  width: 50%;
  text-align: center;
  border-radius: 50%; */
  background-color: #ccb892;
  cursor: pointer;
  /* border: 10px solid rgb(205, 209, 215); */
  /* padding: 20px 20px; */
}

.myRoundRectIcon {
  font-size: 36px;
  display: inline-block;
  border-radius:20px 0px  20px 0px ;
  box-shadow: 0px 0px 2px #888;
  padding-top: 0.25em;
  width: 80px;
  height: 80px;
  text-align: center;
  background-color: #ccb892;
  cursor: pointer;
}

.myBlankSpace {
  font-size: 72px;
  display: inline-block;
  margin-bottom:  0.25em;
  /* border-radius:20px 0px  20px 0px ; */
  /* box-shadow: 0px 0px 2px #888; */
  /* padding-top: 0.25em; */
  width: 80px;
  height: 80px;
  text-align: center;
  cursor: pointer;
  /* background-color: #ccb892; */
}

.mylegendbox {
  font-size: 62px;
  display: inline-block;
  border-radius:10px 10px  10px 10px ;
  box-shadow: 0px 0px 2px #888;
  /* padding-top: 0.25em; */
  width: 80px;
  height: 120px;
  text-align: center;
  background-color: #ccb892;
}

fieldset {
  position: relative;
  padding-left: 70px;
}


legend {
  position: absolute;
  display: block;
  padding-left: -25px;
  top: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.borderimg1 {
  border: 2px solid transparent;
  border-radius:10px 10px  10px 10px ;
  border-color: #18407c;
  height: 9.0rem;
  /* padding: 15px; */
  /* border-image: url(border.png) 30 round; */
}

.borderimg2 {
  border: 2px solid transparent;
  border-color: #18407c;
  /* padding: 15px;
  border-image: url(border.png) 30 stretch; */
}

.myul {
  list-style: none;
  padding: 0.5em 1.5em;
  list-style-type: square;
}

.myul li {
  font-family: 'Montserrat', sans-serif;
  height: 1.25em;
  color: #888;

  /* padding: 5px 10px;
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD; */
}

.myul li a {
  color: black;
}

 .hrAnimText hr {
  width: 100px;
  float: left;
  color: #FDCF08;
  background: #FDCF08;
  height: 2px;
  vertical-align: middle;
  padding-bottom: 5px; 
  border: none;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

 div.hrAnimText:hover hr {
  width: 75px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
} 

.hrAnimTextR {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  
}

.hrAnimTextR a {
color: black;
font-weight: bold;
}
.hrAnimTextR:hover a {
  text-decoration: none;
  font-weight: bold;
  color: #ccb892;
}

.hrAnimTextR:hover {
  width: 100px;
  -webkit-transition: all .8s ease-in-out;
  -moz-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.hrAnimTextR::after {
  content: '';
  flex: 1;
  border-bottom: 2px solid #ccb892;
}


.leftline {
  width: 220px;
  display: flex;
  font-size: 1.25em;
  align-items: center;
  text-align: center;
}

/* .leftline:hover {
  width: 100px;
  -webkit-transition: all .8s ease-in-out;
  -moz-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
} */

.leftline::before {
  content: '';
  flex: 1;
  border-bottom: 2px solid #ccb892;
}


.separator {
  display: flex;
  align-items: center;
  text-align: center;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 2px solid #ce9732;
}

.separator::before {
  margin-right: .25em;
}

.separator::after {
  margin-left: .25em;
}

/* Navbar background color */
.navbar-custom {
  background-color: #ccb892;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
  color: rgba(0, 0, 0, .8);
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
  color: rgba(0, 0, 0, .5);
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: #000000;
}

/* end Navbar background color */

.myStl {
  font-family: 'Montserrat', sans-serif;
  font-weight:800;
  /* font-weight: bolder; */
  /* font-family: 'Monoton', cursive; */
  font-size: 1.3em;
  color: #18407c;
}


p.myStlLbl {
  font-family: 'Montserrat', sans-serif;
  font-weight:400;
  text-align: justify!important;
  /* font-family: 'Monoton', cursive; */
  font-size: 0.9em;
  color: grey;
}
.btn-primary {
  /* position: relative; */
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  /* font-weight: bold; */
  background-color: #ccb892;
  border-color: #ceb78d;
  color: black;
  /* padding: 3%; */
  padding-left: 8%;
  padding-right: 8%;
  border-radius: 50px 50px 50px 50px;
 
  /* align-self: flex-start; */
}

/* ::-ms-browse {
  background: black;
  color: red;
  padding: 1em;
} */

.btn-primary:hover {
  background-color: #ccb486;
  border-color: #ceb78d;
  color: black;
}

.btn-primary:visited {
  background-color: #caac75!important;;
  border-color: #ccaf7a!important;;
  color: black;
}

.btn-primary:active {
  background-color: #caac75;
  border-color: #ccaf7a;
  color: black;
}

.btn-primary2 {
  /* position: relative; */
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  /* font-weight: bold; */
  background-color: #18407c;
  color: #ccb892;
  border-color: #133e7e;
  padding: 4%;
  /* padding-left: 8%; */
  /* padding-right: 8%; */
  border-radius: 50px 50px 50px 50px;
 
  /* align-self: flex-start; */
}

.btn-primary2:hover {
  background-color: #0e3b80;
  border-color: #133e7e;
  color: #ccb892;
}

.btn-primary2:visited {
  background-color: #0e3b80!important;
  border-color: #133e7e!important;
  color: #ccb892;
}

.btn-primary2:active {
  background-color: #0e3b80;
  border-color: #133e7e;
  color: #ccb892;
}
.carousel-caption{
 z-index: 55;
}
.navbar-nav > li{
  margin-left:15px;
  margin-right:15px;
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  padding-bottom: -1.2em;
}


/* .row {
  margin-left: -15px;
  margin-right: -15px;
} */

.form-rounded {
  border-radius: 1rem;
  }


  .myblock{

    background: #18407c;
    /* background-size: 100% 20px; */
    /* fill: url(#pattern); */
    border-radius: 0px 200px 0px 0px  ;
    /* transform: rotate(45deg); */
    z-index: 51;
  }

  /* .dropdown-menu {
    left: -200;
    right: 0;
  } */