/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 16, 2018, 2:19:19 PM
    Author     : wh
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 24, 2016, 2:45:23 PM
    Author     : wh
*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
.popup-holder {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(210, 159, 19, 0);
  z-index: -1;
  visibility: none;
  -webkit-transition: 0.8s;
  -khtml-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  line-height: 1.1;
}
.popup-holder .popup-content {
  max-width: 90%;
  width: 400px;
  padding-bottom: 60px;
  overflow-y: auto;
  max-height: 90vh;
  -webkit-transform: translateY(50px);
  -khtml-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.6s;
  -khtml-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.popup-holder .popup-title {
  background-color: #FFF;
  font-size: 1.8rem;
  padding: 20px 15px;
  margin-bottom: 5px;
}
.popup-holder .popup-fields {
  background-color: #FFF;
  font-size: 1.8rem;
  padding: 20px 15px;
  margin-bottom: 5px;
}
.popup-holder .popup-fields input {
  border: none;
  background: none;
  width: 100%;
  border-bottom: 0.5px solid #ccc;
}
.popup-holder .popup-fields input.error {
  border-bottom: 1px solid #F00;
}
.popup-holder .popup-button a, .popup-holder .popup-button form {
  padding: 20px 15px;
  background-color: #DC6B2F;
  color: #FFF;
  font-weight: 500;
  font-size: 1.6rem;
  display: block;
  padding-right: 100px;
  position: relative;
}
.popup-holder .popup-button a:after, .popup-holder .popup-button a:before {
  content: "";
  border-left: 20px solid #FFF;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -24px;
  display: block;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.popup-holder .popup-button a:after {
  right: 17px;
  border-left: 20px solid #DC6B2F;
}
.popup-holder .popup-button a:hover:after {
  right: 10px;
}
.popup-holder .popup-button a:hover:before {
  right: 7px;
}
.popup-holder .popup-button input {
  border: none;
  background: none;
  width: 100%;
}
.popup-holder .popup-button input[type=text] {
  border-bottom: 2px solid #FFF;
}
.popup-holder .close-button {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 30px;
  right: 30px;
  cursor: pointer;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.popup-holder .close-button:before, .popup-holder .close-button:after {
  content: "";
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #FFF;
  display: block;
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popup-holder .close-button:after {
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.popup-holder div.ctct-inline-form {
  font-family: "source-sans-pro", "source-sans-pro", sans-serif;
}
.popup-holder div.ctct-inline-form div.ctct-form-defaults {
  padding: 0;
}
.popup-holder div.ctct-inline-form h2, .popup-holder div.ctct-inline-form .ctct-form-text {
  display: none;
}
.popup-holder div.ctct-inline-form .ctct-form-success h2.ctct-form-header {
  display: block;
  font-family: "source-sans-pro", "source-sans-pro", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.3;
}
.popup-holder div.ctct-inline-form .ctct-form-success .ctct-form-text {
  display: block;
  font-family: "source-sans-pro", "source-sans-pro", sans-serif;
  font-weight: 200;
  font-size: 1.3rem;
  line-height: 1.3;
}
.popup-holder div.ctct-inline-form form.ctct-form-custom input.ctct-form-element {
  border: none;
  background: none;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #ddd;
  font-family: "source-sans-pro", "source-sans-pro", sans-serif;
  font-size: 1.3rem;
  padding: 0;
  padding-bottom: 5px;
  outline: none;
}
.popup-holder div.ctct-inline-form form.ctct-form-custom input.ctct-form-element:focus {
  outline: none;
  border-bottom: 2px solid #000;
}
.popup-holder div.ctct-inline-form form.ctct-form-custom label.ctct-form-label {
  font-family: "source-sans-pro", "source-sans-pro", sans-serif;
  font-weight: 500;
}
.popup-holder div.ctct-inline-form form.ctct-form-custom button.ctct-form-button {
  display: none;
  border-radius: 0;
  border: none;
  background-color: #DC6B2F;
  font-weight: 500;
  font-size: 1.6rem;
  font-family: "source-sans-pro", "source-sans-pro", sans-serif;
}
.popup-holder div.ctct-inline-form form.ctct-form-custom button.ctct-form-button:hover {
  background-color: #000;
  border: none;
}
.popup-holder div.ctct-inline-form form.ctct-form-custom .g-recaptcha {
  display: none;
}

body.popup-open .popup-holder {
  visibility: visible;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  z-index: 100;
  background-color: rgba(210, 159, 19, 0.92);
}
body.popup-open .popup-holder .popup-content {
  -webkit-transform: translateY(0px);
  -khtml-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.6s;
  -khtml-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}/*# sourceMappingURL=popup.css.map */