@import url("shortcodes.css");
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,500,600,700|");


/* Reset
-------------------------------------------------------------- */
 html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
 }

 body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
 }

 a, body, center, div, form, h4, html, img, label, li, nav, span, ul  { 
  font-family: inherit; 
  font-size: 100%; 
  font-weight: inherit; 
  font-style: inherit; 
  vertical-align: baseline; 
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0;
  background: transparent;
 }

 nav { 
  display: block;
 }
                           
 ul {
  list-style: none;
 }

 :focus {
  outline: 0;
 }



 img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
 }

 button,
 input,
 select {
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
 }

 button,
 input {
  line-height: normal;
 }

 input {
  background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
 }

 button,
 input[type="reset"],
 input[type="submit"] {
  line-height: 1;
  cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
  border: none;
 }

 input[type="checkbox"] {
  padding: 0; /* Addresses excess padding in IE8/9 */
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
 }

 *,
 *:before,
 *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 } 

/* Repeatable Patterns
-------------------------------------------------------------- */
*,
*:before,
*:after {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   box-sizing: border-box;
}

body {
 font: 14px/26px "Poppins", sans-serif;
 font-weight: 300;
 background-color: #fff;  
 color: #6e6e6e;
}

a {  
 color: #333333;
 text-decoration: none;
 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
 color: #f63440;
 text-decoration: none;
 outline: 0;
 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

ul {
 padding: 0;
}

img {
 max-width: 100%;
 height: auto;  
}

button {
 border: none;
}

button,
input[type="reset"],
input[type="submit"] {  
    font-weight: 700;
    color: #ffffff;
 line-height: 30px;
    text-transform: uppercase;
    padding: 7px 26px;
    background-color: #f63440;
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

select,
input[type="text"],
input[type="password"],
input[type="email"] { 
 background-color: #ffffff;
    height: 50px;
    width:  100%;
    padding-left: 17px;
    line-height: 30px;
    letter-spacing: 0.6px;
    font-weight: 400;
    outline: none;
    border: 1px solid #ebebeb;
 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
 border: 1px solid #f63440;
 -webkit-box-shadow: none;
    -moz-box-shadow: none;
   box-shadow: none;
}

  @keyframes check {0% {height: 0;width: 0;}
    25% {height: 0;width: 10px;}
    50% {height: 20px;width: 10px;}
  }
  .checkbox{background-color:#fff;display:inline-block;height:28px;margin:0 .25em;width:28px;border-radius:4px;border:1px solid #ccc;float:right}
  .checkbox span{display:block;height:28px;position:relative;width:28px;padding:0}
  .checkbox span:after{-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;border-right:4px solid #fff;border-top:4px solid #fff;content:'';display:block;height:20px;left:3px;position:absolute;top:15px;width:10px}
  .checkbox span:hover:after{border-color:#999}
  .checkbox input{display:none}
  .checkbox input:checked + span:after{-webkit-animation:check .8s;-moz-animation:check .8s;-o-animation:check .8s;animation:check .8s;border-color:#555}
.checkbox input:checked + .danger:after{border-color:#f44336}

input:-moz-placeholder,
input::-moz-placeholder {  
 color: #b3b7c8;
 opacity: 1;
}

input:-ms-input-placeholder {
 color: #b3b7c8;
}

input::-webkit-input-placeholder {
 color: #b3b7c8;
 opacity: 1;
}

body {
  height: 100vh;
  padding: 0;
  margin: 0;
}


label {
 font-size: 16px;
 line-height: 30px;
 color: #333333;
 font-weight: 400;
 margin-bottom: 9px;
}

button {
 z-index: 1;
 position: relative;
}

button:before {
 content: "";
 width: 0%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: #FF7C7C;
 z-index: -1;
 -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
         transition: all 0.3s ease 0s;
}

button:hover:before {
 width: 100%;
}

/* bootstrap resetting elements */
.btn {
 background-image: none;
}

input[type="text"], 
input[type="submit"], 
input[type="password"], 
input[type="email"] {
 -webkit-appearance: none;
 text-shadow: none;
 -webkit-box-shadow: none;
    -moz-box-shadow: none;
      -o-box-shadow: none;
         box-shadow: none;
 color: #c5c5c5;
}

h4 {
 font-weight: 500;
 color:  #333333;
}