html, body{height: 100%; }
body{font-size: 14px; line-height: 18px;}
/****************************************/
.padding5 {
    padding: 5px;
}
.padding10 {
    padding: 10px;
}
.padding15 {
    padding: 15px;
}
.padding20 {
    padding: 20px;
}
.margin5 {
    margin: 5px;
}
.margin10 {
    margin: 10px;
}
.margin15 {
    margin: 15px;
}
.margin20 {
    margin: 20px;
}

.nlm {
    margin-left: 0 !important;
}
.nrm {
    margin-right: 0 !important;
}
.ntm {
    margin-top: 0 !important;
}
.nbm {
    margin-bottom: 0 !important;
}
.nlp {
    padding-left: 0 !important;
}
.nrp {
    padding-right: 0 !important;
}
.ntp {
    padding-top: 0 !important;
}
.nbp {
    padding-bottom: 0 !important;
}
.no-margin {
    margin: 0  !important;
}
.no-padding {
    padding: 0  !important;
}
.no-float {
    float: none !important;
}
/****************************************/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px;
    padding-right:0px;
}

.navbar-default {
    background-color: #1BA1E2;
    border-color: #1BA1E2;

}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #00AAFD;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#ffffff;background-color:#00AAFD}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color:#1BA1E2;
}
.navbar-inverse {
    background-color: #000;
    border-color: #000;
}
.required{color: #F00;}
.contact-form-container{padding: 25px}
.contactform .form-group {margin: 0px;}
.form-horizontal .control-label {text-align: left;width: 100%;}
.panel-heading{cursor: pointer;}

.mainbody{ padding-bottom: 10px; padding-top: 10px; overflow: hidden;
border-radius: 25px; background-color: white; width: 60%;
}

/* Smartphones (portrait) ----------- */
@media screen and (min-width : 0px) and (max-width : 767px){

 .mainbody{ margin-top: 10px; background-color: white; width: 90%;
 padding-bottom: 10px; margin-bottom: 10px; }

 .form-group { margin-bottom: 0rem;; }
}

.mainbody .row{margin: 0px;}

.page-header{margin-top: 0px;  border-bottom: 1px solid #1995DC; padding-bottom: 0px; }
.page-header h1{margin-top: 0px; font-size: 24px;}



.panel-body {width: 100%; margin: 0 auto;}
.panel-body .col-lg-3{margin:25px; border: 1px solid #006bd6; padding: 10px; }
.adjustdiv{ border: 1px solid #000; text-align:center; width:256px; margin:0 10px 10px 10px; padding-bottom: 10px; padding-top: 5px;  }
.adjustdiv img{max-width: 200px; max-height: 200px;}
.textContainer{width: 100%; padding-top: 10px; }
.btn-social{padding-top: 5px;}
.prdname{font-size: 14px; line-height: 22px; font-weight: bold;text-align: center; color: #FF7518;}
.prdprice{color:#9954bb;}
.error{color: #FF0000;}

.footer{ margin:0; padding: 17px 0; border-radius: 0px; height: auto;
position: fixed; bottom: 0; }
.copyright{ color: #fff; text-align: center; }
.copyright a{ color: #fff; }

.btn-primary {
    color: #fff;
    background-color: #32A9A5;
    border-color: #32A9A5;
}


/* -------------------------------------- */    
/* underlined list stle                   */

.underlined ol 
{
counter-reset:li; /* Initiate a counter */
margin-left:0; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */
}

.underlined	ol > li 
{
position:relative; /* Create a positioning context */
margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
padding:4px 8px; /* Add some spacing around the content */
list-style:none; /* Disable the normal item numbering */
border-top:2px solid #666;
background:#f6f6f6;
}

.underlined ol > li:before 
{
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
/* Position and style the number */
position:absolute;
top:-2px;
left:-2em;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:2em;
/* Some space between the number and the content in browsers that support
generated content but not positioning it */
margin-right:8px;
padding:4px;
border-top:2px solid #666;
color:#fff;
background:#666;
font-weight:bold;
font-family:"Helvetica Neue", Arial, sans-serif;
text-align:center;
}

.underlined li ol,
.underlined li ul 
{
margin-top:6px;
}

.underlined ol ol li:last-child 
{
margin-bottom:0;
}



.progressbar {
      counter-reset: step;
      margin-left:0;
      padding: 0px;
  }

  .progressbar li {
      list-style-type: none;
      width: 33.33%;
      float: left;
      font-size: 12px;
      font-weight: 600;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
  }
  .progressbar li:before {
      width: 35px;
      height: 35px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 3px solid #7d7d7d;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: white;
  }

  .progressbar li:after {
      width: 100%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #7d7d7d;
      top: 15px;
      left: -50%;
      z-index: -1;
  }
  .progressbar li:first-child:after {
      content: none;
  }
  .progressbar li.active {
      color: green;
  }
  .progressbar li.active:before {
      border-color: #55b776;
  }
  .progressbar li.active + li:after {
      background-color: #55b776;
  }
  
.modal,body.modal-open {
    padding-right: 0!important
}

body.modal-open {
    overflow: auto
}

body.scrollable {
    overflow-y: auto
}

.modal-footer {
	display: flex;
	justify-content: flex-start;
	.btn {
		position: absolute;
		right: 10px;
	}
}