﻿/*
 Contact Slider Styles
 */

/* Buttom */

.mncs-modal-inner .btn-close,
.btn.btn-contact{
  border-radius: 0;
}

.btn-contact {
  display: none;
}

.open-close-slidein {
  padding-right: 1em;
}

.btn-contact-mobile{
  border-radius: 0;
  color: #ffffff;
  background-color: #0093b2;
  position: fixed;
  bottom: 0;
  margin: 0;
  z-index: 100000;
}



a.btn.btn-contact-mobile {
	margin-bottom: 0;
}

@media ( min-width: 1278px ) {
  .btn-contact,
  .mncs-modal-inner .btn-close {
	display: block;
	color: #ffffff;
	background-color: #0093b2;
	font-size: 20px;
	font-size: 1.25rem;
	transform: rotate(270.0deg);
	-moz-transform: rotate(270.0deg);  /* FF3.5+ */
	-o-transform: rotate(270.0deg);  /* Opera 10.5 */
	-webkit-transform: rotate(270.0deg);  /* Saf3.1+, Chrome */           filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=305 deg);  /* IE6,IE7 */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=305 deg);  /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=305)";
  }



  .btn-contact-mobile {
	display: none;
  }

  .btn-contact {
	position: fixed;
	right: -3.75em;
	top: 50%;
	margin-top: -1.84375em;
	z-index: 100000;
  }

  .modal-open > .btn-contact {
	right: -2.975em;
	margin-top: -2.25em;
	z-index: -1;
  }

  .mncs-modal-inner .btn-close {
	position: absolute;
	top: 50%;
	margin-top: -1.84375em;
	left: -5.8975em;
  }
}

.mncs-modal-inner .btn-close:focus,
.mncs-modal-inner .btn-close:hover,
.btn-contact:focus,
.btn-contact:hover,
.btn-contact-mobile:focus,
.btn-contact-mobile:visited,
.btn-contact-mobile:hover {
  color: #ffffff;
}

/* Modal */

.modal.fade.in .mncs-modal-body {
  /* bottom: 0; */
  opacity: 1;
  /* transform: scale(0); */
}


.mncs-modal-body {
  position: relative;
  width: 100%;
  max-width: 20.75em;
  height: 26.75em;
  top:50%;
  float: right;
  margin: -13.375em auto 0;
  padding: 0.375em;
  background-image: url( ../image/cement-background.png );
  background-repeat: repeat;
  border: 1px solid #BEBEBE;
  opacity: 0;
}

.mncs-modal-inner {
  min-height: 25em;
  color: #505050;
  background-color: rgba(0, 0, 0, 0.68);
  padding:  0.625em 1.25em;
}

.mncs-modal-inner .gform_title,
.mncs-modal-inner label {
  color: #ffffff;
  font-weight: 500 !important;
  text-shadow: 0 1px 0 #000000;
}

.mncs-modal-inner .gform_title,
.mncs-modal-inner .gform_wrapper .gform_footer {
  margin-top: 0;
  text-align: center;
}

.mncs-modal-inner .gform_wrapper h3.gform_title {
  font-size: 24px;
  font-size: 1.5rem;
}

.mncs-modal-inner .btn-block {
  margin-top: 0;
}

.mncs-modal-inner li.gfield {
  margin-top: 0.5em !important;
}
.mncs-modal-inner .gfield {
  padding-right: 0 !important;
}

.mncs-modal-inner .gform_wrapper .gform_heading {
  font-size: 1.32em;
  margin-bottom: 0;
}

.mncs-modal-inner label {
  margin: 0;
}
.mncs-modal-inner .gf_left_half {
  padding-right: 1em !important
}

ul.mncs-ul {
  color: #ffffff;
}

.mncs-drop {
  text-shadow: 0 1px 0 #000000;
}

.modal-backdrop.in {
   opacity: 0;
}


.mncs-modal-inner .gform_wrapper
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 0;
}


.gform_confirmation_message {
  color: #fff;
  font-size: 150%;
  padding: 1.25em;
  margin: 1.25em 0;
  border: 2px solid;
}
