/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    background: #282D30 !important;
}

a {
    color: #00e;
}


a:visited {
    color: #551a8b;
}

a:hover {
    color: #06e;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */










/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Prevent callout */

.nocallout {
    -webkit-touch-callout: none;
}

.pressed {
    background-color: rgba(0, 0, 0, 0.7);
}

/* A hack for HTML5 contenteditable attribute on mobile */

textarea[contenteditable] {
    -webkit-appearance: none;
}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */

.gifhidden {
    position: absolute;
    left: -100%;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

.ir br {
    display: none;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

body.ui-body-c {
  background: #24292C;
  color: #333333;
}

body .header,
body .ui-header {
  text-align: center;
  background-image: linear-gradient(bottom, #24282B 30%, #282D30 65%);
  background-image: -o-linear-gradient(bottom, #24282B 30%, #282D30 65%);
  background-image: -moz-linear-gradient(bottom, #24282B 30%, #282D30 65%);
  background-image: -webkit-linear-gradient(bottom, #24282B 30%, #282D30 65%);
  background-image: -ms-linear-gradient(bottom, #24282B 30%, #282D30 65%);
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.3, #24282B),
  color-stop(0.65, #282D30)
  );
}

.footer {
  border: 0;
  border-top: 2px solid #FCE331;
  background-image: linear-gradient(bottom, #34393e 30%, #23272a 65%);
  background-image: -o-linear-gradient(bottom, #34393e 30%, #23272a 65%);
  background-image: -moz-linear-gradient(bottom, #34393e 30%, #23272a 65%);
  background-image: -webkit-linear-gradient(bottom, #34393e 30%, #23272a 65%);
  background-image: -ms-linear-gradient(bottom, #34393e 30%, #23272a 65%);
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.3, #34393e),
  color-stop(0.65, #23272a)
  );
}

.one .content {
    background: url(../img/content.jpg) repeat;
}

.content_bg {
  background: url(../img/content.jpg) repeat;
  position: relative;
  z-index: 1;
  margin-top: -1px;
}

.ui-header {
  padding: 1em 1em 0;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #24282B;
}

.page_request .ui-header,
.page-thank-you .ui-header {
  padding: 1em 1em 0.3em;
}

.ui-header .ui-title {
    text-overflow: string; 
    white-space: normal;
    margin: 0 0 0.5em;
}

.content-top {
  position: relative;
  z-index: 1;
  top: -1px;
  background: red;
  border-bottom: 2px solid #FCE331;
  position: relative;
  z-index: 1;  
  padding: 0 1em 1em;
  padding: 0 0 1em;
  background-image: linear-gradient(bottom, #CD4F10 2%, #FF7903 51%);
  background-image: -o-linear-gradient(bottom, #CD4F10 2%, #FF7903 51%);
  background-image: -moz-linear-gradient(bottom, #CD4F10 2%, #FF7903 51%);
  background-image: -webkit-linear-gradient(bottom, #CD4F10 2%, #FF7903 51%);
  background-image: -ms-linear-gradient(bottom, #CD4F10 2%, #FF7903 51%);
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.02, #CD4F10),
  color-stop(0.51, #FF7903)
  );
}

.content-top .logo {
  width: 100%;
  border: 0 !important;
}

.content_top_inner {
  padding: 0 1em;
}

.content_top_2 {
  position: relative;
  z-index: 10;
  padding: 0 1em;
  padding: 0;
}

.ui-grid-a {
  overflow: visible !important;
}

.content-top p {
  margin: 1em 0 0;
  padding: 0 1em;
  color: #FFF;
  text-shadow: 1px 1px 1px #ff6214;
  text-align: center;
}

.logo {
  width: 95%;
  width: 100%;
  display: block;
  margin: 0 auto;
}

.content_top_2 .logo {
  width: 100%;
  margin: 0;
}

.content {
  text-align: center;
  color: #333333;
  text-shadow: none;
}

.orange {
  color: #ce5011;
  text-shadow: none;
}

.orange2 {
  color: #ff7a00;
}

.icon_box_1 {
  float: left;
}

.icon_box_2 {
  float: right;
}

.icon_box {
  width: 45%;
  text-shadow: none;
  margin: 0;
}

.ui-body-a, .ui-overlay-a {
    color: #333333;
    text-shadow: 0 0 0 black;
}

.red {
  background: red !important;
}

.content .form_request {
  background: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2);
  margin: 1em 0 0;
}

.content .form_request fieldset {
  padding: 0 1em 1em;
}

.content .thank_you {
  padding: 1em;
  color: #ff7a00;
  text-shadow: none;
  margin: 0 0 1em;
}

.content .thank_you a {
  color: #ff7a00 !important;
  text-decoration: underline !important;
}

.content .thank_you a[href^="tel"] {
    text-decoration: underline !important;
}

.content .thank_you p {
  text-shadow: none;
  font-weight: bold;
}

.no_margin {
  margin: 0 !important;
}

.form_request h3.title_request {
  padding: 1em 0;
  border-bottom: 2px solid #F2EDC7;
  margin: 0 0 1em;
  line-height: 1em;
}

.messageBox {
  color: red;
  margin: 0 0 1em;
  font-weight: bold;
}

.two .header {
  padding: 0;
}

form fieldset {
  text-align: left;
}

.box_1 {
  background: blue;
}

.box_2 {
  background: red;
}

.box_content_inner {
  padding: 1em;
}

.heading_box {
  padding: 1em;
  background: #000;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.header h1 {
    margin: 0;
}

.form_request .ui-input-text .text {
  padding: 1.5em 0;
  color: #ff7a00;
  color: #333;
  box-shadow: none !important;
}

.form_request p {
  margin: 0 0 1em;
  position: relative;
}

.form_request .thank_you_1 {
  font-size: 1.1em;
}

.form_request p label.error {
  color: red;
  position: absolute;
  left: 0;
  top: 4em;
  font-style: italic;
}

input.ui-input-text.ui-mini, 
textarea.ui-input-text.ui-mini, 
.ui-input-search.ui-mini, 
div.ui-input-text.ui-mini {
    background: #FDFBE6;
    border: #D8D4B2 solid 2px;
    box-shadow: none;
}

input.input_active_custom, 
textarea.input_active_custom, 
.input_active_custom, 
div.input_active_custom {
    background: #FFF !important;
    border: #FFBC7F solid 2px !important;
    box-shadow: none;
    color: #FF7A00 !important;
}

.form_request div.input_active_custom .text {
  color: #FF7A00 !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #d8d4b2;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #d8d4b2;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #d8d4b2;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #d8d4b2;
}

.form_request .textarea {
  height: 12em;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  color: #333;
}

.footer {
  padding: 1em 0;
}

.footer h4,
.ui-footer .ui-title {
  margin: 0;
}

.hellow {
  margin: 0 0 0.5em;
  padding: 1em 0 0;
}

.form_request .ui-shadow {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  padding: 0 0 0.3em;
  background: #EFCAB7;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}

.form_request .ui-btn-up-c,
.form_request .ui-btn-hover-c {
    border: 0;
}

.form_request .ui-input-text.ui-focus {
  /*border: #FFBC7F solid 2px;*/
  border: #D8D4B2 solid 2px;
  box-shadow: 0 0 0 #FFF;
  background: #FFF;
}


.form_request .ui-btn-inner {
    display: block;
    font-size: 16px;
    min-width: 0.75em;
    overflow: hidden;
    padding: 1em;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: #FFF;
    text-shadow: 1px 1px 1px #ff6214;
    -webkit-border-radius: 0.6em;
    -moz-border-radius: 0.6em;
    border-radius: 0.6em;
    background: #d34709; /* Old browsers */
    background-image: linear-gradient(bottom, #D64F0C 15%, #F1782D 63%);
    background-image: -o-linear-gradient(bottom, #D64F0C 15%, #F1782D 63%);
    background-image: -moz-linear-gradient(bottom, #D64F0C 15%, #F1782D 63%);
    background-image: -webkit-linear-gradient(bottom, #D64F0C 15%, #F1782D 63%);
    background-image: -ms-linear-gradient(bottom, #D64F0C 15%, #F1782D 63%);
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.15, #D64F0C),
      color-stop(0.63, #F1782D)
    );
}

.form_request .ui-btn-text {
    display: block;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0;
    background:url(../img/arrow-off.png);
    background-size: 2em auto;
    background-repeat:no-repeat;
    background-position: right center;
}

.ui-btn-down-c .ui-btn-inner {
  background: #000;
  color: #FFF;
  text-shadow: 1px 1px 1px #000;
}

.ui-btn-down-c .ui-btn-text {
    display: block;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0;
    background:url(../img/arrow-on.png);
    background-size: 2em auto;
    background-repeat:no-repeat;
    background-position: right center;
}

.form_request .ui-btn-down-c {
  background: #FFF;
}

.closeX,
.ui-header .ui-btn-right {
  float: right;
  width: 1.5em;
  height: 1.5em;
  background:url(../img/closeX.png);
  background-size: 1.5em auto;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: center;
  text-decoration: none;
  top: 7px;
  box-shadow: 0 0 0 #000;
}

.closeX:hover,
.closeX:active {
  background-position: left bottom;
}

.closeX  .ui-btn-inner {
  display: none;
}

.page-thank-you {
  background: #24282B;
}


.logo_no_svg {
  display: none;
}

.no-svg .logo_svg {
  display: none;
}

.no-svg .logo_no_svg {
  display: block;
}


.icon_box img {
  width: 80%;
  margin: 0 auto;
}


.icon_link {
  text-decoration: none !important;
  color: #CE5011 !important;
}

a[href^=tel] { 

text-decoration: none !important;
  color: #CE5011 !important; }


.icon_home {
  display: block;
  position: relative;
  text-indent: -9000em;
  width: 100%;
  margin: 0 3%;
  width: 93%;
}

.icon_home_1 {
  background: url(../img/call-us.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*
.icon_home_1:hover {
  background: url(../img/call-us-on2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
*/

.highlighted {
  background: url(../img/call-us-on2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon_home_2 {
  background: url(../img/request.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}


.highlighted2 {
  background: url(../img/request-on2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.ui-icon-loading {
  display: none !important; 
}


/*

.icon_home_2:active {
  background: url(../img/request-on2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

*/


/*

.icon_off {
  display: block;
}

.icon_on {
  display: none;
}

.icon_home:hover .icon_off,
.icon_home:active .icon_off {
  display: none;
}

.icon_home:hover .icon_on,
.icon_home:active .icon_on {
  display: block;
}

*/


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 800px) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for viewports that meet the condition */
}