.et_pb_promo_description {
  margin-bottom:20px;
}

.bottomcredits {
  text-align:center;
}

.et_pb_cta_0.et_pb_promo {
  border-width:0px;
}

#main-header{ 
   -webkit-box-shadow:none!important; 
   -moz-box-shadow:none !important; 
   box-shadow:none !important;}


/*code added by mehedi for header*/
.et_pb_newsletter_form p input {
    color: #fff !important;
    background-color: rgba(255,255,255,0.1) !important;

}
input#email:focus {
    color: white;
}
.et_pb_bg_layout_light .et_pb_widget li a {
    color: #333 !important;
    font-family: Raleway;
    font-size: 15px;
}
#logo {
    
    border-radius: 3px;
}

/*-----Triangle Top Below Menu

.et-fixed-header div#et-top-navigation::after {
    content: "";
    position: absolute;
    bottom: -28px;
    border-top: 30px solid #fff;
    height: 0;
    width: 0;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    left: 50%;
    margin-left: -70px;
}

-----*/

span.drop-cap {
    font-size: 30px;
    vertical-align: text-bottom;
}
div#page-container {
    margin-top: 0 !important;
}
.et_pb_team_member:hover img {
    filter: grayscale(20%);
}


/*-----Ken Burns Header-----*/
.ds-kenburns-header {
    overflow:hidden ;
    position: relative;
    padding: 0;
}
.ds-kenburns-header:before {
    content: "";
    position: absolute;
    left:0; /*Left and Top sets the alignment of the image, you may need to change these if you want the image to move in a different direction*/
    top:0;
    width: calc(100vw + 120px); /*We are adding some extra width and height to the image so when it zooms and pans we don't get any whitespace around it. You may need to change these values if you change the values in the keyframes section of CSS below*/
    height: calc(100vh + 150px);
    z-index: -1;
    background: url(https://ritoph.christopherbrazy.com/~capstoneinvest/wp-content/uploads/2017/02/Home_photo_4.jpg); /*Chnange to the URL of the image you want to use*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -ms-animation:move 15s ease forwards;
    -webkit-animation:move 15s ease forwards;
    -o-animation:move 15s ease forwards;
    -moz-animation:move 15s ease forwards;
    animation:move 15s ease forwards; /* This sets the duration of the effect and the value 'forwards' tells the effect to stop when its finished rather than loop. */
}
@keyframes move {
    from {
    -ms-transform: scale3d(1); 
    -webkit-transform: scale3d(1); 
    -o-transform: scale3d(1); 
    -moz-transform: scale3d(1); 
    transform: scale3d(1); /*This tells the image to start at its original size*/
  }
    to {/*
    -ms-transform: scale3d(1.04, 1.04, 1.04) translate3d(-25px, -20px, 0px);
    -webkit-transform: scale3d(1.04, 1.04, 1.04) translate3d(-25px, -20px, 0px);
    -o-transform: scale3d(1.04, 1.04, 1.04) translate3d(-25px, -20px, 0px);
    -moz-transform: scale3d(1.04, 1.04, 1.04) translate3d(-25px, -20px, 0px);
    transform: scale3d(1.04, 1.04, 1.04) translate3d(-25px, -20px, 0px);*/ /*This tells the image to finish at 1.2x it's original size and at a position of -150px on the X axis and -120px on the Y axis. You can adjust these values to get the effect you want*/
  
      -ms-transform: scale3d(1.05, 1.05, 1.05) translate3d(0, 25px, -25px);
    -webkit-transform: scale3d(1.05, 1.05, 1.05) translate3d(0, 25px, -25px);
    -o-transform: scale3d(1.05, 1.05, 1.05) translate3d(0, 25px, -25px);
    -moz-transform: scale3d(1.05, 1.05, 1.05) translate3d(0, 25px, -25px);
    transform: scale3d(1.05, 1.05, 1.05) translate3d(0, 25px, -25px); 
  }
}

/************* member css ****************/ 
.et_pb_team_member.chi_person_module_home .et_pb_member_social_links li { 
background-color: #666; 
border-bottom-left-radius: 100px; 
border-bottom-right-radius: 100px; 
border-top-left-radius: 100px; 
border-top-right-radius: 100px; 
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); 
height: 40px; 
line-height: 42px !important; 
margin-right: 5px; 
transition-delay: 0s; 
transition-duration: 0.5s; 
transition-property: all; 
transition-timing-function: ease; 
width: 40px; 
} 
.et_pb_team_member.chi_clrschm_person_module_home .et_pb_member_social_links li:hover{ 
background-color: #4B5C88 !important; 
} 
.et_pb_team_member_image {
  max-height: 330px;
  overflow-x: hidden;
  overflow-y: hidden;
}
 
.et_pb_team_member.chi_person_module_home .et_pb_team_member_description p:last-of-type:not(.et_pb_member_position) {
background-color: #F1F1F1; 
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); */
display: none; 
left: 5px; 
padding-bottom: 10px; 
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 
position: absolute; 
right: 5px; 
top: 10px; 
z-index: 999; 
} 

.et_pb_team_member.chi_person_module_home:hover .et_pb_team_member_description p:last-of-type:not(.et_pb_member_position) { 
animation-delay: 0s; 
animation-direction: normal; 
animation-duration: 1s; 
animation-fill-mode: none; 
animation-iteration-count: 1; 
animation-name: fadeInTop; 
animation-play-state: running; 
animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); 
display: block; 
}



/************************
******* bolg css***********
***************************/
.hover-img.et_pb_blog_grid  .et_pb_post {
  min-height: 595px;
}
.hover-img {
z-index: 1;
display: inline-block;	
position: relative;	
overflow: hidden;
-webkit-transition: .3s;
-moz-transition: .3s;	
-o-transition: .3s;	
-ms-transition: .3s;	
transition: .3s;
}

.hover-img img{
backface-visibility: hidden;
transition-delay: 0s; 
transition-duration: 4s;
transition-property: all; 
transition-timing-function: ease;
}

.hover-img a:hover img {	
opacity: .7;	
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	
filter: alpha(opacity=70);	
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);	
transform: scale(1.2);

}
.hover-img .et_pb_image_container { 
overflow-x: hidden; 
overflow-y: hidden;

}
.hover-img a.more-link {
    display: inline-block;
    /*border: 1px solid #000;*/
    padding: 10px !important;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase;
  background-color:#4B5C88;
}
.hover-img a.more-link:after {
    font-family: 'ETmodules';
    content: "\39";
    color: #fff;
    margin-left: 5px;
    vertical-align: middle;
}
 /*This styles the double arrow on hover*/
    .hover-img a.more-link:hover:after {
        color: #fff;
    }
.hover-img a.more-link:hover {
    /*border: 1px solid #fff;*/
    color: #fff;
    background: #000;
}

.et_pb_widget .widgettitle {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #F1F1F1;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 24px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  text-transform: uppercase;
  margin-bottom: 25px;
  border-radius: 2px;
}

 .et_pb_custom_sidebar .widget_categories ul li, 
 .et_pb_custom_sidebar .widget_recent_comments ul li,
 .et_pb_custom_sidebar .widget_recent_entries ul li, 
 .et_pb_custom_sidebar .widget_meta ul li {
	background-color: #f9f9f9;
	padding: 10px;
	}
#archives-5 .screen-reader-text {
  display: none;
}
/*
#recent-posts-3 > ul {
	border: 2px dashed #4B5C88;
}
*/
#recent-posts-3 ul li {
	padding: 0 4%;
	font-size: 18px;
	line-height: 30px;
}

#recent-posts-3 ul li  ::before {
	font-family: 'ETmodules';
	content: "\69";
	margin-right: 5px;
}
#recent-posts-3 ul li a:hover {
  color: #060606;
}
/*************** end bolg css ***************/