@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700,800&display=swap');
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.w-100{
  width:100% !important;
}

#formrottnestcapcha{
  margin: 0 auto;
  text-align: center;
  display: table;
}

/* .logo-wrapper img{
  width:12%;
} */

.datepicker-container[style='position: absolute; top: 0px; left: 0px;'] {
  display: none;
}

.d-none{
    display:none !important;
}

.iti__country {
    font-size:14px;
}

/* #formrottnestcapcha{
    margin-left:5px;
} */

#mobileError{
    position: absolute;
    color: red;
    width: auto;
    font-size: 10px;
    bottom: 22px;
    text-align: right;
    right: 15px;
}

#rottnest-event .header{
    min-height: 100vh;
    background: url(https://storage.karmagroup.com/assets/karmagroup.com/2018/07/08004bdb-karma-rottnest-perth-australia-15.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#rottnest-event .header::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
}

#rottnest-event .banner{
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  padding: 50px 0;
  position: relative;
}

#rottnest-event .title{
    color:#fff;
    margin-bottom: 25px;
    text-align: center;
}

.title h1 {
  font-size: 3rem;
}

select{ 
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;   
  -webkit-border-radius: 0;  
  -moz-border-radius: 0;   
  border-radius: 0; 
  background-color: white;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
}



span.subtitle {
  font-size: 24px;
  margin-bottom: 10px;
  display: block;
}

.form-wrapper {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 27px;
}

#rottnest-event form {
  text-align:center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1000px;
}

form input,
select, textarea {
  width:100%;
  padding: 15px;
  border: 1px solid #eee;
  font-size: 14px;
}

textarea {
  resize: none;
}

.form-groupnew{
    position: relative;
    width:50%;
    padding:3px;
}

/* .minmargin{
  margin-top: -5px;
} */

/* textarea {
    width:100%;
    padding:15px;
} */


#rottnest_event label.error {
    color: red;
    position: absolute;
    font-size: 10px;
    width: 100%;
    pointer-events:none;
    bottom: 25px;
    left: -10px;
    z-index: 1;
    text-align: right;
}
#phone-error{
    left: -8px !important;
    bottom: 18px !important;
}

/* input#phone {
  height: 100%;
  height: 51px;
} */

.iti__selected-dial-code {
  font-size: 14px;
}

select#country {
  height: 51px;
}
.iti {
    width:100%;
    /* margin-bottom: 5px; */
}

input#btn-submit {
  background-color: #8d7249;
  color: #ffffff;
  cursor: pointer;
  border: 1px solid #8d7249;
  max-width: 170px;
  margin-top: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.content-paragraph {
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 15px;
}
.content-paragraph a {
  color: #8d7249;
}

.content-paragraph > p:nth-child(1) {
  margin-bottom: 15px;
}

/* CUSTOM CHECKBOX */
.container-checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100%;
  text-align: justify;
  color: #ffffff;
  margin-top: 5px;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #896f47;
  border-radius: 2px;
  background-color: transparent;
}

.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.container-checkbox input:checked ~ .checkmark {
  background-color: #896f47;
}

.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.container-checkbox .checkmark:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.social-wrapper {
  color: #ffffff;
  margin-top: 15px;
}

.social-wrapper p {
  font-size: 24px;
}

.social-icon ul li {
  color: #ffffff;
  list-style: none;
  display: inline-block;
}

.social-icon ul {
  text-align: center;
}

.social-icon ul li a {
  color: #ffffff;
  font-size: 32px;
  margin-right: 20px;
}