@charset "utf-8";
/* CSS Document */

/*font-family:'Gotham Bold';
font-family:'Gotham Book';
font-family:'Gotham Light';
font-family:'Gotham Medium';*/

body{font-family:'Gotham Book'; font-size:14px; font-weight:400; color:#4f4f4f; line-height:20px; background:#010101;}
h1,h2,h3,h4,h5,h6{}
/* no-gutters Class Rules */
a{}
a:hover{text-decoration:none;}

header{ width:100%;}

.banner{width:100%; height:100vh; background:url(../images/book-banner.jpg) 0 0 no-repeat; background-size:cover;}

.box-container{
     display: flex;
     align-items: center;
     justify-content: center;
     height: 95vh;
}

.title-text{
    font-size: 46px;
    margin-bottom: 5px;
}
.title-text-last-line{
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 30px;
}

#para-bot-margin{
    margin-bottom: 5px;
}

.textsec{ 
  border-radius: 75px;
  background:rgba(0, 0, 0, 0.65);
  /*box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.6);*/
  padding:25px;
  text-align:center;
  color:#fff;
  border: solid #c2b12f;
  border-width: 5px;
}
.textsec h1{font-family:'Gotham Bold'; font-size:40px; margin-top:0;}
.textsec p{font-size:24px; line-height:30px; margin-bottom:10px;}
.textsec p.gap20{height:20px;}
.feedback{}
.contact-form{background:#010101; padding:30px 40px;}
.feedback h4{text-align:center; color:#f2f2f2; font-family:'Gotham Book'; font-size:24px; line-height:34px; margin:40px 0;}
.feedback .form-horizontal{border:1px solid #1a1a1a; background:#1a1a1a; padding:30px;}
.feedback .form-horizontal .form-group {margin:0 0 15px 0;}
.feedback .form-horizontal .form-group .form-control{ height:48px; background-color:#1a1a1a; border-top:none; border-right:none; border-left:none; border-bottom:1px solid #dadada; border-radius:0; color:#dadada; font-style:italic; font-size:14px;}
.feedback .form-horizontal .form-group textarea.form-control{height:170px; border-bottom:1px solid #dadada; border-radius:0; color:#dadada; font-style:italic; font-size:14px;}
.feedback .btn-submit{background:#17279e; font-family:'Gotham Medium'; color:#fff; padding:10px 34px; border-radius:5px; display:inline-block;  font-size:20px;margin-top:10px; 
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition:    all 0.5s ease-in-out;
	-o-transition:      all 0.5s ease-in-out;
	-ms-transition:     all 0.5s ease-in-out;
	}
.feedback .btn-submit:hover{text-decoration:none; background:#3444bc; color:#fff;}
.feedback .form-horizontal .form-group input::-webkit-input-placeholder,.feedback .form-horizontal .form-group textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#dadada;
}
.feedback .form-horizontal .form-group input::-moz-placeholder,.feedback .form-horizontal .form-group textarea::-moz-placeholder { /* Firefox 19+ */
  color:#dadada;
}
.feedback .form-horizontal .form-group input:-ms-input-placeholder,.feedback .form-horizontal .form-group textarea:-ms-input-placeholder { /* IE 10+ */
  color:#dadada;
}
.feedback .form-horizontal .form-group input:-moz-placeholder,.feedback .form-horizontal .form-group textarea:-moz-placeholder  { /* Firefox 18- */
  color:#dadada;
}

footer{width:100%; float:left; margin-top:50px; }

.copyright{padding:30px 0; font-weight:400; text-align:center; border-top:1px solid #c8c8c8; }
.copyright p{color:#39031a; font-size:16px;}
section {
  height: 100vh;
  width: 100%;
  display: table; 
}

.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}



@media screen and (max-width: 640px){
section{height:auto; display:block;}
.contact-form{padding:0;}
.feedback .form-horizontal{padding:5px;}
.textsec{width:100%;
    padding: 10px 20px;
   height:auto;
}
.textsec h1 {
    font-family: 'Gotham Bold';
    font-size: 24px; margin-top: 0;
}
.textsec h4{
    font-size: 14px;
    line-height: 20px;	
    margin: 20px 0;
}
.textsec p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
}
.feedback .btn-submit{width:100%;}
.g-recaptcha div{width:100% !important;}
}

@media screen and (max-width: 767px){
section{height:auto; display:block;}
.contact-form{padding:0;}
.feedback .form-horizontal{padding:5px;}
.textsec{
    width: 80%;
    padding: 10px 20px;
    <!--height: 210px; -->
}
.textsec h1 {
    font-family: 'Gotham Bold';
    font-size: 20px;
    margin-top: 0;
}
.textsec h4{
    font-size: 14px;
    line-height: 20px;	
    margin: 20px 0;
}
.textsec p {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
}
.feedback .btn-submit{width:100%;}
.g-recaptcha div{width:100% !important;}

}
@media screen and (max-width: 1024px){
    .textsec{
      <!--height:360px; -->
    }
}
@media screen and (max-width: 1500px){
.textsec{padding-top:5px;}
.textsec h1{margin:0;}
.textsec p{margin-bottom: 5px;}
}

.gapsmall {
    margin-top: 40px;
}

#err_msg{
    font-size: 20px;
}