h1 {
  font-size:     72px;
  line-height:   1.5;
  color: #2c3e50;
  font-weight:   100;
}

#container {
  width:  980px;
  margin: 0 auto;
}

section {
  height: 300px;
  margin: 60px 0;
}

.section--purple {
  background-color: #9b59b6;
}

.section--blue {
  background-color: #3498db;
}

.section--green {
  background-color: #2ecc71;
}

#main {
  text-align: center;
}

#more {
  margin: 20px auto 48px;
}

.err{
    font-size: 12px;
    background: #fd345e;
    padding: 5px;
    color: #ffffef;
    border: 1px solid black;
    border-radius: 5px;
}

.err1{
  font-size: 12px;
    background: #fd345e;
    padding: 0px 4px;
    color: #ffffef;
    border: 1px solid black;
    border-radius: 5px;
}

#myModal{
  z-index: 10500000;
}

#myModal .modal-content{
    overflow:hidden;
}

#myModal .form-control {
    height: 56px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left:30px;
}
#myModal .btn {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right:20px;
    background:#007b5e;
    border-color:#007b5e;
}
#myModal .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #007b5e;
    outline: 0;
    box-shadow: none;
}
#myModal .top-strip{
    height: 155px;
    background: #1d1d1d;
    transform: rotate(141deg);
    margin-top: -94px;
    margin-right: 190px;
    margin-left: -130px;
    border-bottom: 65px solid #5d5c5b;
    border-top: 10px solid #5d5c5b;
}


/**************************/
/****** modal-lg stips *********/
/**************************/
#myModal .modal-lg .top-strip {
    height: 155px;
    background: #1d1d1d;
    transform: rotate(141deg);
    margin-top: -106px;
    margin-right: 457px;
    margin-left: -130px;
    border-bottom: 65px solid #5d5c5b;
    border-top: 10px solid #5d5c5b;
}