.max-size {
	width: 100%;
	height: 100%;
}

.image-box {
	max-height: 300px; 
	max-width: 300px;
}

.circle-image-box {
	max-height: 300px; 
	max-width: 200px;
}

.input-height {
	height: 37px;
}
.cbp {
  background-color: #31353e;
}

.b-text {
  font-size: 20px;
  font-style: normal;
  display: inline-block;
  color: #fff;
  background: #31353e;
  padding: 10px 15px;
  margin-bottom: 5px;
}

.block-name {
  font-size: 12px;
  font-style: normal;
  display: inline-block;
  color: #fff;
  background: #31353e;
  padding: 10px 15px;
  margin-bottom: 20px;
}

.book-name {
  font-size: 12px;
  font-style: normal;
  display: inline-block;
  color: #fff;
  background: #31353e;
}

.color-default { color: #e74c3c;}
.bg-default { background: #e74c3c;}

.color-white { color: #fff;}

.dp-table {
 display: table;
}
.dp-table-cell {
 display: table-cell;
}
.va-top {
 vertical-align: top;
}
.va-middle {
 vertical-align: middle;
}
.va-bottom {
 vertical-align: bottom;
}

.padding-5  { padding: 5px;}
.padding-10 { padding: 10px;}
.padding-15 { padding: 15px;}
.padding-20 { padding: 20px;}
.padding-25 { padding: 25px;}
.padding-30 { padding: 30px;}
.padding-35 { padding: 35px;}
.padding-40 { padding: 40px;}
.padding-45 { padding: 45px;}
.padding-50 { padding: 50px;}

.padt-10 { padding-top: 10px;}
.padt-20 { padding-top: 20px;}
.padt-30 { padding-top: 30px;}
.padt-40 { padding-top: 40px;}
.padt-50 { padding-top: 50px;}
.padt-60 { padding-top: 60px;}
.padt-70 { padding-top: 70px;}
.padt-80 { padding-top: 80px;}
.padt-85 { padding-top: 80px;}
.padt-90 { padding-top: 90px;}
.padt-100 { padding-top: 100px;}
.padt-110 { padding-top: 110px;}
.padt-120 { padding-top: 120px;}
.padt-130 { padding-top: 130px;}
.padt-140 { padding-top: 140px;}
.padt-150 { padding-top: 150px;}
.padt-160 { padding-top: 160px;}
.padt-170 { padding-top: 170px;}

.padb-10 { padding-bottom: 10px;}
.padb-20 { padding-bottom: 20px;}
.padb-30 { padding-bottom: 30px;}
.padb-40 { padding-bottom: 40px;}
.padb-50 { padding-bottom: 50px;}
.padb-60 { padding-bottom: 60px;}
.padb-70 { padding-bottom: 70px;}
.padb-75 { padding-bottom: 75px;}
.padb-80 { padding-bottom: 80px;}
.padb-90 { padding-bottom: 90px;}
.padb-100 { padding-bottom: 100px;}

.padl-10 { padding-left: 10px;}
.padl-20 { padding-left: 20px;}
.padl-30 { padding-left: 30px;}
.padl-40 { padding-left: 40px;}
.padl-50 { padding-left: 50px;}
.padl-60 { padding-left: 60px;}
.padl-70 { padding-left: 70px;}
.padl-80 { padding-left: 80px;}
.padl-90 { padding-left: 90px;}
.padl-100 { padding-left: 100px;}

.padr-10 { padding-right: 10px;}
.padr-20 { padding-right: 20px;}
.padr-30 { padding-right: 30px;}
.padr-40 { padding-right: 40px;}
.padr-50 { padding-right: 50px;}
.padr-60 { padding-right: 60px;}
.padr-70 { padding-right: 70px;}
.padr-80 { padding-right: 80px;}
.padr-90 { padding-right: 90px;}
.padr-100 { padding-right: 100px;}

.mat-10 { margin-top: 10px;}
.mat-20 { margin-top: 20px;}
.mat-30 { margin-top: 30px;}
.mat-40 { margin-top: 40px;}
.mat-50 { margin-top: 50px;}
.mat-60 { margin-top: 60px;}
.mat-70 { margin-top: 70px;}
.mat-80 { margin-top: 80px;}
.mat-90 { margin-top: 90px;}
.mat-100 { margin-top: 100px;}

.mab-10 { margin-bottom: 10px;}
.mab-15 { margin-bottom: 15px;}
.mab-20 { margin-bottom: 20px;}
.mab-25 { margin-bottom: 25px;}
.mab-30 { margin-bottom: 30px;}
.mab-35 { margin-bottom: 35px;}
.mab-40 { margin-bottom: 40px;}
.mab-45 { margin-bottom: 45px;}
.mab-50 { margin-bottom: 50px;}
.mab-55 { margin-bottom: 55px;}
.mab-60 { margin-bottom: 60px;}
.mab-65 { margin-bottom: 65px;}
.mab-70 { margin-bottom: 70px;}
.mab-75 { margin-bottom: 75px;}
.mab-80 { margin-bottom: 80px;}
.mab-85 { margin-bottom: 85px;}
.mab-90 { margin-bottom: 90px;}
.mab-95 { margin-bottom: 95px;}
.mab-100 { margin-bottom: 100px;}

.mal-10 { margin-left: 10px;}
.mal-20 { margin-left: 20px;}
.mal-30 { margin-left: 30px;}
.mal-40 { margin-left: 40px;}
.mal-50 { margin-left: 50px;}
.mal-60 { margin-left: 60px;}
.mal-70 { margin-left: 70px;}
.mal-80 { margin-left: 80px;}
.mal-90 { margin-left: 90px;}
.mal-100 { margin-left: 100px;}

.mar-10 { margin-right: 10px;}
.mar-20 { margin-right: 20px;}
.mar-30 { margin-right: 30px;}
.mar-40 { margin-right: 40px;}
.mar-50 { margin-right: 50px;}
.mar-60 { margin-right: 60px;}
.mar-70 { margin-right: 70px;}
.mar-80 { margin-right: 80px;}
.mar-90 { margin-right: 90px;}
.mar-100 { margin-right: 100px;}

@media(max-width: 992px) {
  .sm-mb-20 {
    margin-bottom: 20px;
  }
  .sm-mb-30 {
    margin-bottom: 30px;
  }
}

.head h2,
.head .h2 {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  margin: 0 0 40px;
  color: #31353e;
}
.head h2 .block-name,
.head .h2 .block-name {
  font-size: 12px;
  font-style: normal;
  display: inline-block;
  color: #fff;
  background: #31353e;
  padding: 10px 15px;
  margin-bottom: 20px;
}
.head h2 strong,
.head .h2 strong {
  color: #ee4136;
}
@media(max-width: 500px) {
  .head h2,
  .head .h2 {
    font-size: 30px;
    padding-bottom: 30px;
  }
}
.head h3,
.head .h3 {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #383339;
}
.head h4,
.head .h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: auto;
  margin: 0 0 5px;
  color: #383339;
}
.head h5,
.head .h5 {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  line-height: auto;
  margin: 0 0 5px;
  color: #383339;
}