body { font-family: 'Lato', sans-serif; background-color: #F7F7F7; }


.range-slider {
  margin-top: 30px;
  height: 100px;

  
}

.col-xs-0, .col-sm-0, .col-md-0 { display: none !important;}


.range-slider__range {    outline: none; -webkit-appearance: none;   background-image: url("../img/range_line.png");
  background-repeat: repeat-x; border: none; )


  }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sliderIE { height: 100px; }
}

@supports (-ms-accelerator:true) {
   .sliderIE { height: 100px;  }
}

@supports (-ms-ime-align:auto) {
   .sliderIE { height: 100px; }
}

.deletedata { background-image: url("../img/deletedata.png"); background-position: center center; background-size: 70%; background-repeat: no-repeat;   position: absolute; width: 400px; height: 400px; }

.range-slider__range::-ms-track {       
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
  }
.range-slider__range::-ms-fill-lower {  background: transparent; border-color: transparent;color: transparent;  }
.range-slider__range::-ms-fill-upper {  background: transparent; border-color: transparent;color: transparent;  }
.range-slider__range::-ms-thumb {

    -webkit-appearance: none;
    appearance: none;
    width: 75px;
    height:75px;
    cursor: pointer;
     background: none;
}


.range-slider__range::-webkit-slider-thumb {

    -webkit-appearance: none;
    appearance: none;
    width: 75px;
    height: 75px;
    cursor: pointer;
    border: none;
}

.range-slider__range::-moz-range-thumb {
 
    -webkit-appearance: none;
    appearance: none;
    width: 75px;
    height: 75px;
    cursor: pointer;
     display:inline-block;
     border: none;
}




.icon_cal .range-slider__range::-webkit-slider-thumb   { background-image: url("../img/icon_cal.png");  }
.icon_cal .range-slider__range::-moz-range-thumb   { background-image: url("../img/icon_cal.png");  }
.icon_cal .range-slider__range::-ms-thumb   { background-image: url("../img/icon_cal.png");  }

.icon_time .range-slider__range::-webkit-slider-thumb   { background-image: url("../img/icon_time.png");  }
.icon_time .range-slider__range::-moz-range-thumb   { background-image: url("../img/icon_time.png");  }


.range-slider__value i { font-style: normal; font-weight: bold;  border-radius: 25px; padding: 5px; background: #73AD21; text-align: center; color: white; width: 35px; display: inline-block;}
.example h4 {  padding: 5px;  }
.example .bestop { 
 border-radius: 25px;
    background: #73AD21;
   
    text-align: center;
    color: white;
  
 }
.howclosed {
position: fixed;
top:50%;
width: 30px;
height: 100px;
background-image: url("../img/how.png");
cursor: pointer;
z-index: 2001;
}


.howopen{
position: fixed;
top:0px;
width: 500px;
height: 100%;
background-color: #65B5D6;
z-index: 2001;
border-right:black 2px solid; 

}
#datep .bootstrap-datetimepicker-widget,#feedbackcom { color: #2F2F2F;}

#howwedoing_close_html {
	position: absolute;
	bottom: 20px;
	right: 10px;
	background-color: white;
	padding: 5px;
	cursor: pointer;
	
} 

#howwedoing_sumbmit {
	background-color: white;
	padding: 5px;
	cursor: pointer;
	color: black;
	display: inline-block;


	
}

.quotation{
  font-size: 15px;
  //margin: 0 auto;
   quotes: "\201C""\201D""\2018""\2019";
  padding: 5px 5px;
    position: relative;
    top: 0px;
}

.quotation:before {
  content: "\f10d";
  display: inline;
  height: 0;
  line-height: 0;
  left: -3px;
  position: relative;
  top: 0px;
  color:#337ab7;
 font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;

}
.quotation::after {
  content: "\f10e";
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 0px;
 color:#337ab7;
 font: normal normal normal 14px/1 FontAwesome;
   font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}


.passw .progress  { width: 150px }
.bg-dark .quotation::after,.bg-dark .quotation::before { color: white;}

.helpme { cursor: help; color:#65B5D6; font-weight: bold; display: block; margin-top: 5px; margin-bottom: 5px; }
#helpme { position: fixed; bottom: 0px; right: 20px; width: 310px; height: 45px; background-color: #F7F7F7;   border: rgba(0,0,0,0.5) 2px solid; border-bottom: none;  box-shadow: 5px 10px rgba(0,0,0,0.1) ; }
.helpme_se {  height: 400px !important; }

#helpme iframe { width: 300px; border:none;  overflow: hidden; padding-left: 10px; padding-top: 5px; }

#quote_nav { background-color: black; color: white; padding: 5px; margin-top: 35px !important; border-radius: 5px; } 
#quote_nav:hover {   background-color: #65B5D6; color: white !important; }
.active #quote_nav {   background-color:transparent; color: #65B5D6 !important; }

.helpme_se iframe { height: 400px !important; overflow-x:auto;}
.inputtable { margin-left: 20px;}
.inputtable .info { display: none; border-left: solid #65B5D6 3px;    }
.inputtable .info span {background-color: rgba(0,0,0,0.05); display: block;position: relative; margin: 10px;  padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } 
.inputtable .info span:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: rgba(0,0,0,0.05) transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
right: 250px;
}
.inputtable td { padding: 10px; padding-left: 15px; }
.inputtable .info i { display: block; font-style: normal; width: 100px; padding: 5px; text-align: center; float: right; margin: 5px; 
	   border-radius: 8px;
    border: 2px solid #65B5D6;
    background-color: #2F2F2F;
    color: white;
    cursor: pointer;
	
}

.inputactive  { opacity: 1; border-left: solid #65B5D6 3px; }
.disable { opacity: 0.5;   pointer-events: none; }
.gauge {
        width: 250px;
        height: 150px;
        display: inline-block;
        margin: 1em;    }

.goodfor2 {width: 30%; height: auto; overflow: hidden; position: relative; float: left; margin: 0; padding: 0; margin-bottom: 5px; margin-left: 1%; text-align: center;  }

.goodfor { margin:30px; top:-50px; width:300px; height: auto; overflow: hidden; position: relative; float: left; padding: 0; margin-bottom: 5px; margin-left: 1%;   }


.goodfor img,.goodfor2 img  { width: 80%; height: auto;   }
.goodfor p,.goodfor2 strong  {   display: block;    padding: 5px; margin-left: auto; margin-right: auto; font-weight: normal;     }
.goodfor span { font-size: 1.1em;}
.col-centered{
    float: none;
    margin: 0 auto;

}



.goodfor:nth-child(even):after { content: "x"; display: block;  clear: both; text-indent: -9999px;}
.carousel-inner .item { min-height: 300px;}
.view_days_1,.view_days_2,.view_days_3 { font-weight: bold; cursor: copy;}
.fixed-table-body { overflow: visible; height: auto;  }
.bopod { border: 1px solid rgba(0,0,0,0.05)}
.bopod strong { color: #65B5D6; font-weight: normal; }
.bopod i { color: red; font-weight: bold; font-style: normal; } 
.bopod p {margin: 7px;}
.backofficetab i { display: block; font-style: normal;  opacity: 0.3; margin-top: 10px; margin-left: 10px; }
.calllog { width: 100%; font-size: 12px; }
.calllog td,th { padding: 5px;border-bottom: rgba(0,0,0,0.05) 1px solid; }
.calllog th { border-bottom: black 1px solid;}

.calllog  td:first-child { border-left: rgba(101,181,214,0.2) 2px solid; }
.calllog .last_y td { border-bottom: rgba(101,181,214,0.2) 2px solid;  }
.calllog .calllog_sp td { border: none; } 


.mytable { font-family: Lato, sans-serif;}
.mytable td { padding: 2px;}
.mytable td strong { color: #65B5D6; font-weight: normal;}
.mylist li { margin-left: 20px; margin-bottom: 5px; }
.display1 { font-size: 1.4em;}
.myedit td{ height:60px; vertical-align: middle !important; }
.validate_tb {  margin: auto; width: 50%; }
.validate_tb tr,.validate_tb td { padding: 10px; text-align: center;}
.validate { width: 50px; display: inline-block; text-align: center;}
.circle {width:25px;height:25px;border-radius:50px;font-size:20px;color:#fff; font-weight: bold; line-height:25px;text-align:center;background:#65B5D6}

.registration_prefix_select { display: inline !important; width: auto !important; font-size: 15px; margin: 0 !important; margin-right: 5px;}
.carousel_sm { height: auto !important;  }
.carousel_sm .carousel-inner { height: auto;  }
.carousel_sm .item { height: auto;  }
.carousel_sm label { font-weight: bold; }

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #2F2F2F; vertical-align: middle; }
.box > .icon > .image img { position: relative; top:20px;}

.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }

.box > .icon > .info { margin-top: -24px;  border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }

.box > .icon > .info > h3.title {  font-size: 16px; color: #222; font-weight: 500; }
.box > .icon > .info > p {  font-size: 13px; color:black; line-height: 1.5em; margin: 20px;}

.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
.box .space { height: 30px; }
.box > .icon > .bg-dark > h3.title { color: white;}
.box > .icon > .bg-dark > p { color: white;}
.box > .icon > .bg-primary > h3.title { color: white;}
.box > .icon > .bg-primary > p { color: white;}



.coltitle_row { display:none !important;}
.coltitle_rowfixed { display: block !important; font-weight: bold; padding-bottom: 15px; }
.srchterm { font-weight: bold; color: rgba(0,0,0,0.6);}
.qi { color: #65B5D6; font-weight: bold;  }
.at { font-weight: normal;}
.prodsum { border-bottom: 1px solid #202020 ;position: relative; }
.prod .row { border-bottom: 1px solid #202020 ;position: relative; }
.prod .coltitle_fixed { position: fixed;}
.prod .valine h2 {margin: 0; padding: 0;}
.prod .valine i ,.prod .valine  span,.prod .valine h2 {  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;   display: flex;  align-items: center;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);line-height:100%; left: 50%;  }
.prod span { padding: 10px 0 10px 0; display: block; font-size: 13px; }
.prod .smtick { width:100%;padding:8px;font-size: 10px; }
.prod .smtick .br:after { content: " "; }
.prod_small h4 { font-size: 12px !important; }
.prod_small h3 { font-size: 12px !important; }
.prod_small span { font-size: 11px !important; }
.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding:9px;
  
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}


.bg-white { background-color: white;}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.join { text-align: center; position: relative; top:30px; }
.spage p { font-size:14px;  }
.spage img { margin: 10px; }
.flyblue { color: #65B5D6;}
.covorg { color: #E86F2E}

.card {
  display: block; 
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
    transition: box-shadow .25s; 
}
.card:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}


.img-card {
  width: 100%;
  height:100px;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  display:block;
  overflow: hidden;
  position: relative; 
}
.img-card h4 { position:absolute; top: 5px; right: 10px; font-weight:600; font-size: 18px;   font-family: 'Merriweather', serif; }
.img-card img{

  transition: all .25s ease;
} 
.card-content {
  padding:15px;
  text-align:left;
  height: 130px;
}
.card-title {
  margin-top:0px;
  font-weight: 700;
  font-size: 1.65em;
  color: #65B5D6;
  
}
.card-title a {
  color: #000;
  text-decoration: none !important;
}
.card-read-more {
  border-top: 1px solid #D4D4D4;
}
.card-read-more a,.card-read-more span {
  text-decoration: none !important;
  padding:10px;
  font-weight:600;
  text-transform: uppercase
  font-family: 'Merriweather', serif;
}

.deductibless { margin-top: 5px;}
.deductibless .btn {
	border: solid black 1px;
	
}
.deductibless .active:after {
    font-family: FontAwesome;
    content: "  \f00c";
    color: green;
}

.btn-success.active  { background-color: #65B5D6; color: black; }
.btn-success { background-color: rgba(102,182,215,0.4); color: black !important; }
.btn-success:hover { background-color: black; color: white !important;;}
.deductibless .btn-success { font-size: 16px !important; }

.form label { padding: 5px;}
.fromcopy { width: 60%; margin-left: 20%; color: rgba(0,0,0,0.6); font-family: 'Merriweather', serif;}
.slidecopy {  color: rgba(0,0,0,0.6); font-family: 'Merriweather', serif;}
.form select { width: 40% ;margin-left: 30%; display: block;}
.form_act button { margin: 5px }
#aviation { width: 90%;}


#content_sm {top:-350px; }
.container { background-color: white;  }
fade {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.01) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


.fixedinfo { display: none; color: white; padding: 20px; }
.scroll-to-fixed-fixed .card { background-color: #65B5D6;}
.scroll-to-fixed-fixed .img-card { display: none;}
.scroll-to-fixed-fixed .card-content { height: auto; }
.scroll-to-fixed-fixed .card-content p { display: none; }
.scroll-to-fixed-fixed .card-read-more .btn { display: none !important;}
.scroll-to-fixed-fixed .fixedinfo { display: block !important;}
.scroll-to-fixed-fixed .fixedinfo span { font-weight: normal; padding: 0px;}


.craft td { font-size: 10px; padding: 2px !important; }
.carousel-inner .item table { width: 400px; margin-left: auto; margin-right: auto;}
.carousel-inner .item table td { font-size: 12px;}
.carousel-inner  label.active { height: auto; }
.carousel-inner .item table.disc { width: 100%; padding-top: 20px;}
.carousel-inner h2 { color: #65B5D6; font-family: 'Merriweather', serif;}
.carousel-inner h1 {  font-family: 'Merriweather', serif;}

.navbar-default .nav > li>a { margin-top:25px !important; padding-left: 4px !important;}

.disc td { text-align: center; font-size: 12px;  padding: 5px; border-bottom: black 1px solid; border-right: black 1px solid;}
.disc td span { display: block; font-weight: bold;}

#skyline_cont {position:relative; top:-550px;}
#skyline { background-image: url("../img/sky.png"); position: relative; width: 100%;  height: 600px;  }
#helper { position: relative;}




/*  
navbar-fixed-bottom, .navbar-fixed-top { position: relative !important}  
 DEBUG   */

.date-picker,
.date-container {
    position: relative;
    display: inline-block;
    width: 100%;
    color: rgb(75, 77, 78);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.date-container {
    padding: 0px 40px;   
}
.date-picker h2, .date-picker h4 {
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
}
.date-container .date {
    text-align: center;
}
.date-picker span.fa {
    position: absolute;
    font-size: 4em;
    font-weight: 100;
    padding: 8px 0px 7px;
    cursor: pointer;
    top: 0px;
}
.date-picker span.fa[data-type="subtract"] {
    left: 0px;
}
.date-picker span.fa[data-type="add"] {
    right: 0px;
}
.date-picker span[data-toggle="calendar"] {
    display: block;
    position: absolute;
    top: -7px;
    right: 45px;
    font-size: 1em !important;
    cursor: pointer;
}

.date-picker .input-datepicker {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width:100%;
}
.date-picker .input-datepicker.show-input {
    display: table;
}


.responsive-circle {
    font-size: 42px;
    font-weight: 700;
    margin: 0 auto 20px;
    width: 80%;
}
.responsive-circle::after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 100%;
    width: 100%;
}
.responsive-circle div {
    color: white;
    float: left;
    line-height: 1em;
    margin-top: -0.5em;
    padding-top: 40%;
    text-align: center;
    width: 100%;
}


.responsive-circle div small { font-size: 18px; font-weight: normal; line-height: 22px; padding-top: 10px; display: block; color: black;}





.color1-circle::after {
    background: url("../img/temp.jpg") repeat scroll 0 0 / cover ;
}

.color-circle-od::after {
    background: url("../img/od.jpg") repeat scroll 0 0 / cover ;
}

.color-circle-gc::after {
    background: url("../img/gc.jpg") repeat scroll 0 0 / cover ;
}


.color-circle-ap::after {
    background: url("../img/ap.jpg") repeat scroll 0 0 / cover ;
}


.color-circle-ap div small { color: #E86F2E }

@media (min-width: 768px) and (max-width: 1010px) {

.table_scale th,td { font-size: 10px !important; padding: 3px !important;;}
.table_scale input { width:90px; }

    .date-picker h2{
        font-size: 1.5em; 
        font-weight: 400;  
    }    
    .date-picker h4 {
        font-size: 1.1em;
    }  
    .date-picker span.fa {
        font-size: 3em;
    } 
}



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


.goodfor { top:0px !important; }
.table_scale th,.table_scale td { font-size: 10px !important; padding: 1px !important; }
.table_scale input { width:60px; }

.prod span { padding: 10px 0 10px 0; display: block; font-size: 12px; }
.scroll-to-fixed-fixed { position: relative !important;}

.scroll-to-fixed-fixed .card { background-color :white;}
.scroll-to-fixed-fixed .img-card { display: block;}
.scroll-to-fixed-fixed .card-content p { display: block;}
.scroll-to-fixed-fixed .card-read-more a { display: block !important;}
.scroll-to-fixed-fixed .fixedinfo { display: block !important;}

.stamp { clear: both; height: 120px;}

.quoteimg { width: 120px; height: auto;}
.quotecard  { font-size: 12px;}

.stamp h2 { font-size: 22px;}

.responsive-circle { font-size: 22px; }
.responsive-circle div small { padding-top: 3px;font-size: 14px;  }
.priceFixed small { padding-top: 8px;font-size: 8px !important; line-height: 10px !important; top:0px !important;}
.carousel-inner .item table {width: 360px; } 
.navbar-default .nav > li>a { margin-top:  0px !important;  padding:0px !important;}
#quote_nav { background-color:transparent; color: black; padding: 5px; margin-top: 0 !important; border-radius: 0px; } 
#quote_nav:hover {background-color:transparent; color: #65B5D6;   }
h1 {font-size: 20px;}
h2,h3 {font-size: 17px;}
.fromcopy { color: black;}
nl { display: block}
.row-eq-height { display: block;} 
}