body{
 /* background: #bcd1dc7d-#FFF2E6-#FFF7CC-#FFFBE6 */
  background: #FFF2E6;
  text-align:center;
  padding-top:40px;
}
div{
  background: #fff;
  max-width: 785px;
  margin: 0 auto;
  box-shadow: 0 0 30px rgba(0,0,0,0.30);
  padding: 15px 30px;
  border-radius: 6px;
}
/****animation starts from here******/

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-duration: 1s;
}

/* font-pict effect */


.img-card_1 {
-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
border: 8px double #A4997A;
border-radius: 25px 8px 25px 8px;
}

.img-card_2 {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 7px 40px -10px rgba(0, 0, 0, 0.75), 0 0px 80px 0 rgba(0, 0, 0, 0.12), 0 0px 100px 0 rgba(0, 0, 0, 0.04);
  justify-content: center;
 /* width: 30%;
    height: 30%;*/
}

.img-card_3 {
webkit-box-shadow: inset 4px 4px 15px 0px #FFFFFF, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: inset 4px 4px 15px 0px #FFFFFF, 5px 5px 15px 5px rgba(0,0,0,0);
}

.text-deep {
color: #e0dfdc;
/***bg color: #556677-#C9C5B1-#665500-#806A00-#B39500/#663300-#99AABB-#804000-#994D00-#B35900///#e8e8e8 ***/
background: #994D00;
letter-spacing: .1em;
text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0,0,0,0.9); 
webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
border-radius: 20px 20px 10px 10px;
}

.text-contact {
color: #BBBBBB;
font-size: 23px;
background: #FFE6CC;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5), 4px 4px 2px rgba(206,89,55,0);;
border-radius: 15px 5px 15px 5px;
webkit-box-shadow: 6px 6px 6px 0px #E6F2FF, inset 4px 4px 15px 0px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 6px 6px 6px 0px #E6F2FF, inset 4px 4px 15px 0px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.text-view {
color: #000000;
text-shadow: 2px 2px 2px #BCB17F;
font-size: 24px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* Style bio */

.text7 {
  /*background-color: #fca311;*/
  letter-spacing: 2px;
  text-transform: none;
  font-variant: small-caps;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.text7--para {
  font-weight: 600;
  background-color: #000;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 1px;
}

.border35 {
border: 8px outset #FFD9B3;
border-radius: 35px 35px 35px 35px;
}

.elem_1 {
opacity: 0.65;
transition: opacity 0.3s;
}
.elem_1:hover { 
opacity: 1.0; 
}

.elem_2 {
    filter: opacity(50%); 
   /*** = opacity: 0.5 ; /// + opacity: 0.1; / opacity: 0.25 / opacity 1.0  ***/

.round-pic_1 {
-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
.round-pic_1:hover {
-webkit-box-shadow: 0px 10px 18px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 18px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}


.round-pic_2 {
-webkit-box-shadow: 0px 10px 13px 7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px 7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
.round-pic_2:hover {
-webkit-box-shadow: 0px 10px 18px 7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 18px 7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}