html,body {
    height:100%;
    font-family: 'Montserrat', sans-serif;
}

section{
    width: 100%;
    display:block;    
}

section#form{
    padding: 5em 0;
    background: #f5f5f5;
    border-top: 1px solid #eaeaea;
}

section#main{
    background-position: center center;
    background-size: cover;
    color: #FFF;
}

section#main:after{
    content: "";
    background: rgba(7, 49, 80, 0.75);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h4{
    margin-top: 0;
}

footer{
    text-align:center;
    padding: 10px 0;
    font-size: 11px;
}

.btn, .form-control {
    border-radius: 0;
}


.price-box{
    display: block;
    line-height: 46px;
    font-size: 18px;
    background: #2ecc71;
    color: #FFF;
    padding: 0 35px;
    font-weight: 600;    
    text-align: center;
    margin-bottom: 15px
}

.right-panel-overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    font-size: 18px;
    background: #FFF;
    font-weight: 300;
    text-align: center;  
    left: 0;
    top: 0;
    padding: 15px;
}

.right-panel-overlay-content{
    border: 1px dashed #eee; 
    padding: 5em;
    height: 100%;
}

.right-panel-overlay-content > p{
    margin-top: 65px;
}

.main-container{
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -130px;
    z-index: 1;
}

.main-container h1{
    font-size: 3em;
}

.main-container h2{
    font-size: 2em;
}

.main-container h1,
.main-container h2{
    margin-top: 0;
    margin-bottom: 25px;
}

.main-container ul{
    margin: 0;
    list-style: none;
}

.main-container ul > li{
    display: inline-block;
    margin-right: 30px;
}

#place-order{
    margin: 30px 0;
    width: 240px;
    font-size: 21px;
    background: #2ecc71;
    color: #FFF;    
    border: 0;
    border-bottom: 4px solid #1d8449;    
}

#place-order:hover,
#place-order:focus,
#place-order:active{
    background: #1d9a52;
    border-bottom-color: #FFF; 
}

.arrow{
    font-size: 4em;
    color: #2ecc71;
    position: absolute;
    left: 50%;
    bottom:0;
    margin-left: -18px;
    z-index: 1;
}

.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}

div.loading{
    position:fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(7, 49, 80, 1);
    z-index: 2;
}

.loading-content{
    position:absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;    
    margin-left: -20px;
    margin-top: -20px;
}

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


.sk-folding-cube {
  margin: 0;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2ecc71;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}