/*body .site-content {

    background-color: #fec200;

}*/

.site-footer .widgets {

    padding: 18px 0;

    list-style: none;

}

.flip-box {

  background-color: transparent;

  width: 349px;

  height: 236px;

  border: 2px solid #f1f1f1;

  perspective: 1000px;

}



.flip-box-inner {

  position: relative;

  width: 100%;

  height: 100%;

  text-align: center;

  transition: transform 0.8s;

  transform-style: preserve-3d;

}



.flip-box:hover .flip-box-inner {

  transform: rotateY(180deg);

}



.flip-box-front, .flip-box-back {

  position: absolute;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.flip-box-front {

  background-color: #FFCE10;

  color: black;

}



.flip-box-back {

  background-color: #8CC752;

  color: black;

  transform: rotateY(180deg);

}

.button {

        display: inline-block;

        padding: 10px 20px;

        text-align: center;

        text-decoration: none;

        color: #ffffff;

        background-color: #7aa8b7;

        border-radius: 6px;

        outline: none;

      }



div.card {

 /* width: 300px; */

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  text-align: center;

}



div.header {

  background-color: #FFCE10;

  color: white;

  padding: 10px;

  font-size: 40px;

}



div.container {

  padding: 10px;

}

.button {<br />        display: inline-block;<br />        padding: 10px 20px;<br />        text-align: center;<br />        text-decoration: none;<br />        color: #ffffff;<br />        background-color: #7aa8b7;<br />        border-radius: 6px;<br />        outline: none;<br /> 



}



ul li{list-style-type:none;}



.listing{ float:left; padding: 10px 5px; margin: 0px 4px; }

.listdv{ margin:10px 0px; }

.mainsec{width:100%;}



#paginated-list { padding-left: 0px; }

.pagination-container {

  width: calc(100% - 2rem);

  display: flex;

  align-items: center;

  position: absolute;

  bottom: 0;

  padding: 1rem 0;

  justify-content: center;

}

.pagination-number,

.pagination-button{

  font-size: 1.1rem;

  border: none;

  margin: 0.25rem 0.25rem;

  cursor: pointer;

  height: 2.5rem;

  width: 2.5rem;

  border-radius: .2rem;

}

.pagination-number:hover,

.pagination-button:not(.disabled):hover {

  background: #0085b6;

}

.pagination-number.active {

  color: #fff;

  background: #0085b6;

}

.site-main {width:100%;}

/* .vc_col-sm-2 {width:100%!important;} 

.jlist ul { margin: 0 2em 1.5em 2em; }*/

.jlist ul { margin: 0 0 1.5em 0; }







.site-footer .widgets {

    padding: 18px 0;

    list-style: none;

}

#location-error { padding:9px!important; }

/*.jf-required { background-color:rgba(39, 38, 38, 0.56); } */

.error {

    /*display: flex;*/

    justify-content: flex-start;

    align-items: center;

    background-color: #FF4E5D;

    color: #fff!important;

    padding: 5px!important;

    right: 0;

    font-size: 16px;

    /* position: absolute!important; */

    box-shadow: none;

    top: 0px;

    line-height: 20px;

    background: #ff3200;

    padding: 0px 5px;

    bottom: auto;

    min-width: 105px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.areacode{width:30%;}

.phonecode{width:65%}

.form-all .qq-upload-button, .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {

    font-size: 18px!important;

}



.form-buttons-wrapper {

    margin-top: 12px;

    margin-bottom: 12px;

}

.form-all .form-buttons-wrapper {

    margin-left: 0 !important;

}

.phone-separate, .date-separate {

    display: none;

}

.form-sub-label {

    color: #1a1a1a;

}

.form-sub-label {

    font-size: 0.786em;

    margin-top: 3px;

}

.form-header { margin:0px; }

[data-type="control_text"] {

    line-height: 1.6;

}

.form-html ul li {

    display: list-item;

    text-align: -webkit-match-parent;

    list-style-position: unset;

}

.form-html ul { margin-left:20px }

#input_2{ width:auto!important;}

.form-line-column {

    width: auto;

}

.form-submit-button, .form-submit-reset, .form-submit-print {

    outline: none;

}

.form-all .qq-upload-button, .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {

    font-size: 18px;

}

.form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {

    color: #ffffff !important;

    background: #e09c5f;

    box-shadow: none;

    text-shadow: none;

}

.form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {

    font-size: 1.15em;

    padding: 12px 18px;

    display: block;

    width: 100%;

    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 24px;

    font-weight: normal;

    border: none;

    border-width: 0px !important;

    border-style: solid !important;

}

.form-submit-button-simple_green_apple {

    cursor: pointer;

}

.form-submit-button {

    text-transform: uppercase;

    transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    font-family: 'Abel', sans-serif !important;

}

.form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}

.form-textbox, .form-textarea, .form-dropdown {

    padding: 6px 8px!important;

  line-height:1.071em!important;

}



.form-textbox, .form-textarea {

    border-color: #ffffff!important;

    color: #000000;

    padding: 4px 3px 2px 3px;

}

.form-sub-label-container {

    display: inline-block;

    /*margin-right: 5px;*/

}

.form-textbox, .form-textarea, .form-dropdown, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input {

    background-color: rgba(255, 255, 255, 0)!important;

}

[data-type="control_textbox"] .form-textbox, [data-type="control_fullname"] .form-textbox, [data-type="control_email"] .form-textbox, [data-type="control_textarea"] .form-textarea, [data-type="control_dropdown"] .form-dropdown {

    width: 100% !important;

    max-width: none !important;

  border-radius:0px;

}

[data-type="control_fullname"] .form-sub-label-container {

    margin: 0 !important;

    float: left;

    box-sizing: border-box;

}



[data-type="control_fullname"] span.form-sub-label-container:nth-child(odd) {

    padding-right: 4px !important;

}

/*

[data-type="control_fullname"] span.form-sub-label-container:first-child {

    padding-left: 0 !important;

}

*/

[data-type="control_fullname"] span.form-sub-label-container:first-child:nth-last-child(2), [data-type="control_fullname"] span.form-sub-label-container:first-child:nth-last-child(2) ~ span {

    width: 50%;

}

.form-input {

    width: 65% !important;

    max-width: none !important;

}

.form-label-right+.form-input, .form-label-left+.form-input {

    display: inline-block;

}

.supernova .form-all, .form-all {

    background-color: rgba(255, 255, 255, 0.68);

}

@media screen and (min-width: 480px)

.supernova .form-all {

    border: 1px solid #e6e6e6;

    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 10%);

    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

    box-shadow: 0 3px 9px rgb(0 0 0 / 10%);

}



.form-all {

    background-image: none;

  font-size: 18px;

  color: #000000;

 max-width: 800px; 

    width: 100%;

    font-family: Roboto, sans-serif;

  margin: 0px auto;

    padding-top: 20px;

  /*  width: 800px;*/

    color: #000000 !important;

    font-family: 'Roboto';

    font-size: 18px;

  box-shadow: none !important;

    border: none !important;

    font-family: 'Abel', sans-serif;

    padding-bottom: 20px;

  -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

  background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center top;

    background-size: cover;

    list-style: none;

    list-style-position: outside;

}

.form-line {

    margin-top: 12px;

    margin-bottom: 12px;

padding:8px 36px;

}

.form-input-wide {

    max-width: none !important;

    display: inline-block;

    width: 100%;

}

h3 {

    display: block;

    font-size: 1.17em;

    margin-block-start: 1em;

    margin-block-end: 1em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    font-weight: bold;

}

.form-html ul {

    list-style: disc outside;

}

.form-html ul li {

    display: list-item;

    text-align: -webkit-match-parent;

}



.form-section, .form-section-closed {

    list-style: none;

    list-style-position: outside;

}

.form-label-top, .form-label-left, .form-label-right, .form-html, .form-checkbox-item label, .form-radio-item label {

    color: #000000;

  display:initial;

}

.form-html {

    padding: 3px;

    white-space: normal;

}

::marker {

    unicode-bidi: isolate;

    font-variant-numeric: tabular-nums;

    text-transform: none;

    text-indent: 0px !important;

    text-align: start !important;

    text-align-last: start !important;

}

.form-header-group {

    border-bottom: none;

    background-color: rgba(189, 86, 22, 0.2);

  padding: 24px 36px 24px 36px;

      margin: 0px 0px 0px 0px;

      text-align: center;

  background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center top;

  border-color: rgba(13, 13, 13, 0.56);

    border: none;

  border-top: 1px solid #e3e3e3;

}

.form-header-group {

    border-color: rgba(13, 13, 13, 0.56);

}

.httal {

    text-align: left;

}

.htvam {

    vertical-align: middle;

}

.form-header-group .form-header {

    color: rgb(255, 255, 255);

}

h1.form-header {

    font-size: 2.143em;

}

.form-label.form-label-auto {

    display: inline-block;

    float: left;

    text-align: left;

}

.form-label {

    font-family: Roboto, sans-serif;

      font-weight: normal;

    font-size: 0.95em;

}

.form-label-left {

    display: inline-block;

    white-space: normal;

    float: left;

    text-align: left;

}

.form-label-left, .form-label-auto {

    width: 35% !important;

    float: left !important;

    margin: 0 !important;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}

.form-label-left {

    float: left;

    display: inline-block;

    text-align: left;

    /* padding: 3px; */

    white-space: normal;

    word-break: break-word;

}

.form-required {

    margin-left: 5px;

    color: red;

}

.responsemsg { text-align:center; background-color:#97509f; color:white; padding:10px; margin-bottom:15px;}

.form-line h3 {font-size:1.17em;}



#location { height:34px!important; background-color:transparent; border: 1px solid #ffffff; border-radius:0px; }

#area_code {border-radius:0px;}

#phone {border-radius:0px;}



/* Float four columns side by side */

.column {

  float: left;

 /* width: 33%; */

  padding: 0 10px;

}


.jlist{
  width: 100%;
  float: left;
}

/* Remove extra left and right margins, due to padding in columns */

.row {float: left;
  width: 100%;}





/* Style the counter cards */

.card-add {

 /* height:300px; */

 /*margin: 0px 0px 20px 0px;*/

}



/* Responsive columns - one column layout (vertical) on small screens */



@media only screen and (min-width: 320px) and (max-width: 480px)

{

	  .column {

    width: 100%;

    display: block;

    margin-bottom: 20px;

  }

}

@media only screen and (min-width: 481px) and (max-width: 768px)

{

	  .column {

    width: 100%;

    display: block;

    margin-bottom: 20px;

  }

}

@media only screen and (min-width: 769px) and (max-width: 1024px)

{

	  .column {

    width: 50%;

    display: block;

    margin-bottom: 20px;

  }

}

@media only screen and (min-width: 1025px) and (max-width: 1200px)

{  

.column {

    width: 50%;

    display: block;

    margin-bottom: 20px;

  }

	

}

@media only screen and (min-width: 1201px) 

{

	  .column {

    width: 33.33%;

    display: block;

    margin-bottom: 20px;

  }

}



@media only screen and (max-width: 537px) 

{

	.form-label-left, .form-label-auto { width:100%!important; }

	.form-input { width:100%!important; }

}

@media screen and (max-width: 768px)

{

h1.form-header{ font-size: 130%;}

}



@media only screen and (max-width: 499px) 

{

.areacode {width:45%;}

.phonecode {width:51%;}

}