/**
 * Horizontal Type Line Behind Text
 * Inspired by this discussion @ CSS-Tricks: https://css-tricks.com/forums/topic/css-trick-for-a-horizontal-type-line-behind-text/#post-151970
 * Available on jsFiddle: http://jsfiddle.net/ericrasch/jAXXA/
 * Available on Dabblet: http://dabblet.com/gist/2045198
 * Available on GitHub Gist: https://gist.github.com/2045198
 */

input {
    height:38px;
    font-size:14px;
    width:100%;
    box-sizing: border-box; 
    border-radius:3px;
    border-width:1px;
    border-style:solid;
    border-color:transparent;
  }
  input[type="text"] {
    padding:2px 12px;
    margin-bottom:8px;
    border-color:#c9c9c9;
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.25);
  }
  input[type="submit"] {
    color:#fff;
    font-weight:bold;
    font-family:'Open Sans', sans-serif;
    border-color:#1c385c;
    box-shadow:inset 0 1px 0 #7fade7;
    text-shadow:0 -1px #34629f;
    background: linear-gradient(to top, #3e74bb 0, #4887dd 100%);
  }
  #newsletter {
    width:300px;
    height:250px;
    margin:0 auto;
    background:#fff;
    position:relative;
    border-radius:4px;
    z-index:20;
  }
  #newsletter:before {
    display:block;
    content:"";
    height:5px;
    width:100%;
    top:-20px;
    right:-20px;
    left:-20px;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    background: repeating-linear-gradient(-225deg, #4782ce, #4782ce 12px, #fff 12px, #fff 24px, #ea222e 24px, #ea222e 36px, #fff 36px, #fff 48px);
  }
  #newsletter .seal {
    position:absolute;
    top:-1px;
    right:0;
  }
  #newsletter .seal:before,
  #newsletter .seal:after {
    display:block;
    content:"";
    border:1px solid #dcdcdc;
    border-radius:50%;
    position:absolute;
  }
  #newsletter .seal:before {
    width:50px;
    height:50px;
    top:8px;
    right:8px;
  }
  #newsletter .seal:after {
    width:60px;
    height:60px;
    top:3px;
    right:3px;
  }
  #newsletter .seal i {
    position:absolute;
    font-size:24px;
    color:#afafaf;
    top:20px;
    right:22px;
    transform: rotate(12deg);
  }
  #newsletter form {
    padding:24px 20px 20px;
  }
  #newsletter form .title {
    font-size:24px;
    font-weight:100;
    color:#4783ce;
    margin-bottom:5px;
  }
  #newsletter form label {
    display:block;
    font-size:16px;
    line-height:24px;
    color:#818181;
    margin-bottom:20px;
  }
  .shadow {
    width:240px;
    height:30px;
    margin:0 auto;
    box-shadow:10px 10px 15px rgba(0,0,0,0.4);
    border-radius:50%;
    position:relative;
    top:-30px;
    z-index:10;
  }
h6 {
    font: 20px sans-serif;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
}

h6.background {
    position: relative;
    z-index: 1;
  }
  h6.background:before {
    border-top: 2px solid #dfdfdf;
    content: "";
    margin: 0 auto;
    /* this centers the line to the full width specified */
    position: absolute;
    /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1;
  }
  h6.background span {
    /* to hide the lines from behind the text, you have to set the background color the same as the container */
    background: #ecf0f2;
    padding: 0 15px;
  }
  
 .btn_more{
  width: 150px; 
 }
 .show-more {
  width: 20em;
  background-color: #b43838;
  border: 1px solid #8d2c2c;
  padding: 0.8em; 
  text-align: center;
  margin-top: 2em;
  letter-spacing: 0.25em;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  background-image: linear-gradient(top, #b43838, #a13232);
  border-radius: 3px;
  font-family: "PT Sans", sans-serif;
}

.show-more:hover {
  background-color: #8d2c2c;
  background-image: linear-gradient(top, #b43838, #8d2c2c);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-color: #662020;
}

.show-more:active {
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
}
.float {
  /*container*/
  border: 1px solid;
  position: fixed;
	width: 60px;
	height: 60px;
	bottom: 40px;
	right: 40px;
	background-color: #002a4d;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	box-shadow: 2px 2px 3px #999;
  z-index: 1000;
  /*internal*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 2rem;
  font-weight: bold;
}

.popup{
    position:fixed;
    top:60%;
    left:50%;
    transform:translate(-50%,-50%);
}
.contentBox{
    position:relative;
    width:400px;
    height:500px;
    background:#b43838;
    padding:20px !important;
    z-index:100;
}
.contentBox .imgBx{ 
    width:400px;
    height:400px;
    padding:20px;
    justify-content:center;
}