body {
  margin:0;
  padding:0;
}

.holder {

/*margin-left:auto;
margin-right:auto;*/

position: absolute;
width:1280px;
height:768px;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
}

.txttop {
   font-family : Calibri;
  font-weight : bold;
  font-size : 37px;
  color : #878686;
  color : rgb(135, 134, 134);
   position : absolute ;
  left : 67px;
  top : 20px;
  width : 570px;
  line-height: 40px;
  z-index: 3;
}

.leftbg {
   background-image : url(imgs/abp/imgs/leftbg2.jpg);
  background-repeat : no-repeat;
  position : absolute ;
  left : 649px;
  top : 0px;
  width : 700px;
  height : 768px;
}

.main_img {
  background-image : url(imgs/abp/imgs/main_img2.jpg);
  background-repeat : no-repeat;
  position : absolute ;
  left : 41px;
  top : 92px;
  width : 779px;
  height : 498px;
  z-index: 2;
}

.txt_title {
  background-image : url(imgs/abp/imgs/txt_title.jpg);
  background-repeat : no-repeat;
  position : absolute;
  left : 1px;
  top : 506px;
  width : 778px;
  height : 98px;
}

.profile_details {
  position : absolute ;
  left : 42px;
  top : 615px;
  width : 530px; /*prev 507*/
  height : 119px;
  font-family : Myriad Pro;
  font-size : 24px; /*prev 22*/
  line-height: 25px;
  color : rgb(128,128,128);
  z-index: 4;
}

.contacts {
  position : absolute ;
  left : 740px;
  top : 680px;
  width : 200px;
  height : 112px;
  font-family : Myriad Pro;
  font-size : 17px;
  font-weight: bold;
  line-height: 20px;
  color : rgb(128,128,128);
}

.contacts2 {
  position : absolute ;
  left : 1021px;
  top : 680px;
  width : 170px;
  height : 112px;
  font-family : Myriad Pro;
  font-size : 17px;
  font-weight: bold;
  line-height: 20px;
  color : rgb(128,128,128);
}


.photos {
  background-image : url(imgs/abp/imgs/photocover3.jpg);
  background-repeat : no-repeat;
  position : absolute ;
  left : 1021px;
  top : 47px;
  width : 320px; /*prev 305*/
  height : 200px; /*prev 177*/
  z-index: 5;
}

.photos_txt {
  font-family : Calibri;
  font-weight : bold;
  font-size : 24px;
  color : #F9F7F7;
  position : absolute;
  width : 86px;
  height : 21px;
  z-index: 6;
  left: 126px;
  top: 49px;
}

.letters {
  background-image : url(imgs/abp/imgs/letters_bx3.jpg);
  background-repeat : no-repeat;
  position : absolute ;
  left : 1021px; /*prev 966*/
  top : 284px;
  width : 320px; /*prev 281*/
  height : 190px; /*prev 163*/
  padding:4%;
  z-index: 5;
}

/*.letters_trans {
  background-image : url(imgs/abp/imgs/letters_bx2_trans.png);
  background-repeat : no-repeat;
  position : absolute ;
  left : 966px;
  top : 284px;
  width : 280px;
  height : 162px;
  padding:4%;
  z-index: -2;
}*/

.letters_txt {
 font-family : Calibri;
  font-weight : bold;
  font-size : 23px;
  color : #8DA7CD;
  width : 130px;
  text-align:center;
  margin-left:8%;
}

.cardHeader {
  background-color: #87b9de !important;
  height: 45px;
}

.bible_verse {
  position : absolute ;
  left : 1021px; /*prev 970*/
  top : 500px;
  width : 320px;  
  height : 72px;
  font-family : Myriad Pro;
  font-size : 18px;
  line-height: 25px;
  color : rgb(128,128,128);
  word-spacing: 8px;
}

.video_box {
/*border-style : Solid;
  border-color : #608CC2;
  border-color : rgba(96, 140, 194, 1);
  border-width : 1px;*/
  position : absolute;
  left : 950px; /*prev 970*/
  top : 584px;
  width : 186px;
  height : 140px;
  z-index: 6;
}

#overlay {
  position:absolute;
  background-color: rgb(128,128,128);
  top : 0px;
  width:267px; /*prev 248*/
  height:175px; /*prev 163*/
  opacity: 0;
}

#overlay:hover {
  opacity:.7;
}

#topicButtons
{
  position: absolute;
  top: 0px;
  left: 10px;
  width: 250px;
}

#topicButtons:hover
{
  opacity: 
}

#videos {
 background-color:green;
  position : absolute;
  left : 975px;
  top : 587px;
  width : 179px;
  height : 138px;
  z-index:9;
  display: none;
}

#content {
  border-style : Solid;
  border-color : #608CC2;
  border-color : rgba(96, 140, 194, 1);
  border-width : 1px;
  position : absolute ;
  left : 970px;
  top : 584px;
  width : 186px;
  height : 140px;
}

.homepage {
  position : absolute;
  left : 1021px;
  top : 630px;
  width : 170px;
  height : 112px;
  font-family : Myriad Pro;
  font-size : 17px;
  font-weight: bold;
  line-height: 20px;
  z-index: 10;
}

.homepage_btn {
  left : 1021px;
  top : 630px;
  color: red !important;
  font-family : Myriad Pro;
  font-size : 17px;
  font-weight: bold;
  line-height: 20px;
  border: 2px solid red;
  background-color: rgb(164, 220, 185);
}

a.homepage_btn:hover {
  background-color: white;
}


.logo {
  background-image : url(imgs/abp/imgs/logo.png);
  background-repeat : no-repeat;
  position : absolute ;
  left : 1224px;
  top : 625px;
  width : 125px;
  height : 111px;
}

.footer {
  font-family : Calibri;
  font-weight : bold;
  font-size : 10px;
  color : #000000;
  position : absolute ;
  left : 450px;
  top : 752px;
  width : 400px;
  height : 16px;
text-align:center;
}


a:link {
  color: #FFF;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #CCC;
}
a:hover {
  text-decoration: none;
  color: #9FC;
}
a:active {
  text-decoration: none;
  color: #FFF;
}

  /* Carousel */
  .modal, .modal-body {
      width: 100%;
      background-color: transparent !important;
  }

  .modal-content {
    border-width: 0 !important;
  }

.cardVideo {
      width: 100%;
      background-color: transparent !important;
  }


  .carousel{
      /*background: #2f4357;*/
      margin-top: 20px;
  }
  
  .carousel-item{
    text-align: center;
      min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
  }

/*  .carousel-item img {
    width: 100%;
    border-color: rgb(96,140,194);
      border-style: solid;
      border-width: 5px;
      border-radius: 15px;
    } 
*/
    .carouselArrowBack {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
    }
    .carouselArrowNext {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
    }

.carousel-control-prev, .carousel-control-next {
    margin-left: 15px;
}


@media (max-width: 380px) {

.holder {
  width: 360px;
  height: 500px;
}

.txttop {
  /*margin-left:15px;*/
  left : 10px; /*prev 8*/
  top : 12px;
  font-size : 20px;
  line-height: 30px;
  width : 340px;

}

.main_img {
  left : 0px; 
  background-image : url(imgs/abp/imgs/main_img_mobile2.jpg);
  top : 70px;
  width : 100%;
  height : 100%;
}
  
/*.txt_title {
  background-image : url(imgs/txt_title_mobile.jpg);
  top : 243px;
  width : 357px;
  height : 58px;
}*/

.leftbg {
  position: absolute;
  background-image : url(imgs/abp/imgs/leftbg_mobile2.jpg);
  background-size: cover;
  left : 0px;
  top : 301px;
  width : 360px !important;
  height : 340px;  
  margin: 0;
  padding: 0;
} 

.profile_details {
  font-size : 13px;
  left : 19px;
  top : 318px;
  width : 320px;
  line-height: 17px;

}


.contacts {
/*  background : #EBEBEB;
  background : rgba(235, 235, 235, 1); 
  border-style : Solid;
  border-color : #4F4E4E;
  border-color : rgba(79, 78, 78, 1);
  border-width : 1px; */  
  font-size : 10px;
  left : 24px;
  top : 565px;
  width : 200px;
  height : 68px;
  padding-top:3px;
  line-height: 11px;
}


.contacts2 {
/*  background : #EBEBEB;
  background : rgba(235, 235, 235, 1); 
  border-style : Solid;
  border-color : #4F4E4E;
  border-color : rgba(79, 78, 78, 1);
  border-width : 1px; */  
  font-size : 10px;
  left : 24px;
  top : 590px;
  width : 90px;
  height : 68px;
  padding-top:3px;
  line-height: 11px;
}


.homepage {
  left : 24px;
  top : 530px;
}

.homepage_btn {
  width: 100px;
  height: 30px;
  left : 24px;
  top : 530px;
  font-size: 12px;
  margin: 0;
  padding: 5px;
}



.photos {
  background-image : url(imgs/abp/imgs/photocover_mobile2.jpg);  
  background-repeat : no-repeat;
  position : absolute ;
  left : 24px;
  top : 403px;
  width : 158px;
  height : 90px; /*prev 110*/  
/*  width : 156px;
  height : 82px; */
}

/*.photos_txt {
  text-align:center;
  background-color: white;
  color : #919191;  
  left : 46px;
  top : 84px;
  width : 57px;
  height : 22px;
  font-size : 13px;
}*/

.letters {
/* background : #FFFFFF;*/
/*  background : rgba(255, 255, 255, 1);*/
  background-image : url(imgs/abp/imgs/letters_bx_mobile2.jpg);
  background-repeat : no-repeat;
  position : absolute ;
  left : 193px;
  top : 404px;
  width : 158px;
  height : 90px; /*prev 110*/  
  /*padding:0px;*/
}

.letters_txt {
  margin-top:20px;
  font-size : 14px;
  width : 120px;
  margin-left:4px;  
}

.bible_verse {
  font-size : 11px;
  left : 145px;
  top : 500px;
  width : 200px;
  height : 38px;
  line-height: 13px;
  word-spacing: 5px;
}

.video_box {
  left : 11px;
  top : 543px;
  width : 124px;
  height : 101px;
  z-index: 6;

}

#videos {
  left : 30px;
  top : 521.5px;
  width : 123px;
  height : 100px;
}

#overlay {
  position:absolute;
  background-color: rgb(128,128,128);
  top : 0px;
  left : 11px;
  width:100px;
  height:77px;
  z-index: 6;
}

#overlay:focus {
  opacity:0;
}

.topic1 {
  width: 100%!important;
  margin: 0;
  padding: 0;
  border: 0;
  top: 0px;
  position: absolute;
  z-index: 20;

}

.topic2 {
  width: 100% !important;
  margin: 0;
  padding: 0;
  border: 0;
  top: 24px;
  position: absolute;
  z-index: 20;

}

.topic3 {
  width: 100%!important;
  margin: 0;
  padding: 0;
  border: 0;
  top: 48px;
  position: absolute;
  z-index: 20;
}

.topic1Hid {
  width: 100%!important;
  margin: 0;
  padding: 0;
  border: 0;
  top: 0px;
  position: absolute;
}

.topic2Hid {
  width: 100% !important;
  margin: 0;
  padding: 0;
  border: 0;
  top: 23px;
  position: absolute;
}

.topic3Hid {
  width: 100%!important;
  margin: 0;
  padding: 0;
  border: 0;
  top: 47px;
  position: absolute;
}

#topic1Btn, #topic2Btn, #topic3Btn {
  margin: 4px !important;
  padding: 4px !important;
  font-size: 8px !important;
  line-height: 10px;
}

#overlay:hover {
  opacity:.7;
}

.Jesus_lamb {
  width : 100px;
  height : 77px;
}

.logo {
    background-image : url(imgs/abp/imgs/logo_mobile_2.png);
   left : 260px;
  top : 550px;
  width : 100px;
  height : 100px;
  z-index: 8;
}
.footer {
  left : -10px;
  top : 640px;
  width : 400px;
  font-size: .5rem;
}

  .modal, .modal-body{
      width: 350px;
      background-color: transparent !important;
      left: 10px;
  }

  .modal-content {
    border-width: 0 !important;
  }

  .modal-backdrop {
    width: 360px;
    height: 100%;
    background-color: opacity: .50 !important;
  }

  .carousel{
      /*background: #2f4357;*/
      margin-top: 20px;
  }
  
  .carousel-item{
    text-align: center;
      min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
  }

/*  .carousel-item img {
    border-color: rgb(96,140,194);
      border-style: solid;
      border-width: 5px;
      border-radius: 15px;
    }
*/
  .close {
    width: 80px;

  }   

/* #videoFrame1, #videoFrame2, #videoFrame3 {
    position: absolute;
    left: 0px;
    top: 60px;
  }   
*/  

}