/*!
 * Start Bootstrap - One Page Wonder HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@font-face {
  font-family: 'AvantGardeCom-CondBook';
  src: url('../fonts/AvantGardeCom-CondBook.eot');
  src: url('../fonts/AvantGardeCom-CondBook.woff2') format('woff2'),
       url('../fonts/AvantGardeCom-CondBook.woff') format('woff'),
       url('../fonts/AvantGardeCom-CondBook.svg#AvantGardeCom-CondBook') format('svg'),
       url('../fonts/AvantGardeCom-CondBook.eot?#iefix') format('embedded-opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'AvantGardeCom-CondBold';
  src: url('../fonts/AvantGardeCom-CondBold.eot');
  src: url('../fonts/AvantGardeCom-CondBold.woff2') format('woff2'),
       url('../fonts/AvantGardeCom-CondBold.woff') format('woff'),
       url('../fonts/AvantGardeCom-CondBold.svg#AvantGardeCom-CondBold') format('svg'),
       url('../fonts/AvantGardeCom-CondBold.eot?#iefix') format('embedded-opentype');
  font-weight: 300;
  font-style: normal;
}
body{ margin:0; padding:0; font-family: 'AvantGardeCom-CondBook', Arial ; text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
body {
   /* margin-top: 50px;  Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.cycle-simulator{ border:1px solid #FF000 }
/*.cycle-simulator .container{ max-width:60%;}*/
.cycle-simulator-fluid{background-color:#FFF; border:0px solid #D8D8D8; border-top:0px; padding:3em;}
.heading-wrapper{ background-color:#017AC9; text-align:center;  padding:5px;}
.heading-wrapper h1{ color:#FFF; font-size:32px; line-height:36px; font-family: 'AvantGardeCom-CondBook', Arial ; font-weight:800;}
.cycle-simulator-fluid .inner-content{border:0px solid #FF0004;}
.cycle-simulator-fluid .inner-content  {}
.cycle-simulator-fluid .inner-content .form-group .field-group{position:relative;}
.cycle-simulator-fluid .inner-content .form-group .col-wrapper{display: inline-block;border:0px solid #FF0004; width: 100%; margin-bottom:20px;}
.cycle-simulator-fluid .inner-content .form-group .col-wrapper .cols{ float:left;}
.cycle-simulator-fluid .inner-content .form-group .col-wrapper .cols:first-child{ width:40%;}
.cycle-simulator-fluid .inner-content .form-group .col-wrapper .cols .ui-input-text{ width:100%;}
/*.cycle-simulator-fluid .inner-content .form-group .col-wrapper .cols span{padding: 8px;display: flex;} commented feb2017*/

.form-group .col-wrapper .rslide{ background:#F8F8F8; border:1px solid #D8D8D8; width:80%; padding:0 0 10px 20px}
.cycle-simulator-fluid .inner-content .results-container{ position:relative; border:0px solid #FF0004;}
.cycle-simulator-fluid .inner-content .results-container .img-wrapper{ max-width:70%; margin:3em auto;  position:relative;}
.cycle-simulator-fluid .inner-content .results-container img{ max-width:100%; display:inline-block;}
/*.cycle-simulator-fluid .inner-content .results-container .show-result-panel.top{ position:absolute; left:28%; top: -2.5em;}
.cycle-simulator-fluid .inner-content .results-container .show-result-panel.left{ position:absolute;top: 43%;left: -3.5em;}
.cycle-simulator-fluid .inner-content .results-container .show-result-panel.leftii{ position:absolute;top: 52%;left: -3.5em;}
.cycle-simulator-fluid .inner-content .results-container .show-result-panel.right{ position:absolute; right:-21%; top: 46.5%;}*/
.cycle-simulator-fluid .inner-content .results-container .show-result-panel {display: inline-block; margin:0; padding:0;}
.cycle-simulator-fluid .inner-content .results-container .show-result-panel li{ float:left; display:inline-block; vertical-align: middle;}
.show-result-panel li .show-result{ background-color:#E0EDF6; padding:6px 10px; border:2px solid #B6D6ED; line-height: 14px; height: 15px; min-width: 30px;}
.show-result-panel li .tags{padding: 4px 8px;}
.container {
	margin-right: auto;
	margin-left: auto
}
@media (min-width:260px) {.cycle-simulator-fluid .inner-content .form-group .col-wrapper .cols:first-child{width: 70%;}
.form-group .col-wrapper .rslide{width: 80%;}
.cycle-simulator-fluid{padding: 1em;}}
@media (min-width:361px) and (max-width:580px) {
	.cycle-simulator-fluid .inner-content .results-container .img-wrapper{max-width: 56%;}
.show-result-panel.top{ position:absolute; left:12%; top: -2.5em;}
.show-result-panel.left{ position:absolute;top: 27%;left: -6em;}
.show-result-panel.leftii{ position:absolute;top: 54%;left: -6em;}
.show-result-panel.right{ position:absolute; left:99%; top: 47%; width: 35%;}
.cycle-simulator-fluid .inner-content .form-group .col-wrapper .cols:first-child{width: 70%;}
.form-group .col-wrapper .rslide{width: 80%;}
.cycle-simulator-fluid{padding: 1em;}
}

@media (min-width:581px) and (max-width:767px) {
.show-result-panel.top{ position:absolute; left:12%; top: -2.5em;}
.show-result-panel.left{ position:absolute;top: 32%;left: -6em;}
.show-result-panel.leftii{ position:absolute;top: 54%;left: -6em;}
.show-result-panel.right{ position:absolute; left:89%; top: 68%; width: 35%;}

.cycle-simulator-fluid .inner-content .form-group .col-wrapper .cols:first-child{width: 80%;}
.form-group .col-wrapper .rslide{width: 90%;}

}


@media (min-width:768px) {
.container {
	width: 100%;
}
.cycle-simulator-fluid{padding: 3em;}
.show-result-panel.top{ position:absolute; left:28%; top: -2.5em;}
.show-result-panel.left{ position:absolute;top: 43%;left: -8.5em;}
.show-result-panel.leftii{ position:absolute;top: 54%;left: -8.5em;}
.show-result-panel.right{ position:absolute; left:99%; top: 45%; width: 35%;}

.cycle-simulator-fluid .inner-content .form-group .col-wrapper .cols:first-child{width: 60%;}
.form-group .col-wrapper .rslide{width: 80%;}

}

@media (min-width:992px) {
.container {
	width: 90%;
}
.show-result-panel.top{ position:absolute; left:28%; top: -2.5em;}
.show-result-panel.left{ position:absolute;top: 43%;left: -5.5em;}
.show-result-panel.leftii{ position:absolute;top: 52%;left: -5.5em;}
.show-result-panel.right{ position:absolute; left:99%; top: 47%; width: 35%;}

.cycle-simulator-fluid .inner-content .form-group .col-wrapper .cols:first-child{width: 50%;}
.form-group .col-wrapper .rslide{width: 90%;}
	
}

@media (min-width:1200px) {
.container {
	width: 80%;
}
.show-result-panel.top{ position:absolute; left:28%; top: -2.5em;}
.show-result-panel.left{ position:absolute;top: 43%;left: -6.5em;}

.show-result-panel.top{ position:absolute; left:28%; top: -2.5em;}
.show-result-panel.left{ position:absolute;top: 43%;left: -6.5em;}

.show-result-panel.leftii{ position:absolute;top: 52%;left: -6.5em;}
.show-result-panel.right{ position:absolute; left:99%; top: 47%; width: 35%;}
.cycle-simulator-fluid .inner-content .form-group .col-wrapper .cols:first-child{width: 40%;}
.form-group .col-wrapper .rslide{width: 80%;}
}

@media (min-width:1600px) {
.show-result-panel.right{ position:absolute; left:99%; top: 47%; width: 35%;}

}