@font-face {
  font-family: "Diodrum Bold";
  src: url("../fonts/DiodrumBold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/DiodrumBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/DiodrumBold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/DiodrumBold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DiodrumBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DiodrumBold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DiodrumBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Diodrum Extralight";
  src: url("../fonts/DiodrumExtralight.eot"); /* IE9 Compat Modes */
  src: url("../fonts/DiodrumExtralight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/DiodrumExtralight.otf") format("opentype"), /* Open Type Font */
    url("../fonts/DiodrumExtralight.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DiodrumExtralight.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DiodrumExtralight.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DiodrumExtralight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Diodrum Light";
  src: url("../fonts/DiodrumLight.eot"); /* IE9 Compat Modes */
  src: url("../fonts/DiodrumLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/DiodrumLight.otf") format("opentype"), /* Open Type Font */
    url("../fonts/DiodrumLight.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DiodrumLight.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DiodrumLight.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DiodrumLight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Diodrum Medium";
  src: url("../fonts/DiodrumMedium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/DiodrumMedium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/DiodrumMedium.otf") format("opentype"), /* Open Type Font */
    url("../fonts/DiodrumMedium.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DiodrumMedium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DiodrumMedium.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DiodrumMedium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Diodrum Regular";
  src: url("../fonts/DiodrumRegular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/DiodrumRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/DiodrumRegular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/DiodrumRegular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DiodrumRegular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DiodrumRegular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DiodrumRegular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Diodrum Semibold";
  src: url("../fonts/DiodrumSemibold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/DiodrumSemibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/DiodrumSemibold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/DiodrumSemibold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DiodrumSemibold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DiodrumSemibold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DiodrumSemibold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
.CallBlock .modal-title{  color:#0077bf;
    font-family:"Diodrum Semibold";
    font-family:"Diodrum bold";

    font-size:34px;
    /* line-height: 60px; */
    line-height: auto;
    text-align: center;
    }
    .CallBlock a:hover{ text-decoration:none;}
.CallBlock .modal-header{border-bottom:1px solid #fff; padding-bottom:0px; padding-top: 32px;}
.CallBlock .SubTital{ color:#4f545d; font-size:14px;}
.CallBlock ul.CallBlockList{ margin:0; padding:0 58px; list-style:none;   font-family: "Diodrum Regular"; font-size: 15px}
.CallBlock ul.CallBlockList > li{ position:relative; padding-left:33px; height:35px; text-align:left; padding-top:7px;}
.CallBlock ul.CallBlockList > li:before{ content:url(../images/LogoIcon.png); position:absolute; left:0; top:8px;}
.CallBlock ul.CallBlockList > li > a{
  color:#3c424c; cursor:pointer;
  font-family: "Ubuntu";
  font-weight: 400;
}
.CallBlock ul.CallBlockList > li > a:hover{color:#0077bf; text-decoration:none !important;}
.CallBlock .NoteBox{
  font-size:15px;
  margin-top:25px;
  font-family: "Diodrum Regular";
  margin-top: 35px;
  margin-bottom: 0px;

}
.CallBlock .LightTextColor{ color:#6c7c8b;   font-family: "Diodrum Regular"; text-align:center;}
.CallBlock .SubHadding{ margin-bottom:20px;   font-family: "Diodrum Regular"; text-align: center; font-size:15px}
@media(min-width:400px){
.CallBlock .modal-Size{ width:350px; margin-left:auto; margin-right:auto; max-width: 350px;}
.CallBlock .modal-Size .modal-body{ padding:5px 25px;}
}
.CallBlock .close{position: absolute;
right: 20px;
top: 20px; opacity:1;}
.CallBlock .modalBoxTwo{ color:#3c424c; font-family: "Diodrum Regular";}
.CallBlock .modalBoxTwo .form-group label{font-family: "Diodrum Regular"; font-weight:normal; padding-bottom:5px;display: block;
text-align: center;}
.CallBlock .modalBoxTwo .form-control{  font-family: "Diodrum Regular"; width:180px; background-color:#f2f2f2; border-radius:0; border:0; margin-left:auto; margin-right:auto; box-shadow:none; height:40px; padding:5px 12px;}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.CallBlock .modalBoxTwo .form-control:focus{ box-shadow:none;}
select::-ms-expand {
    display: none;
}
.joxutu-Requestcallback{
  width: 190px;
  height: 45px;
  border:2px solid #181c20;
  border-radius:0;
  padding:12px 16px;
  display:block; background-color:#fff; color:#181c20; font-size:14px; text-transform:uppercase;  margin-left:auto; margin-right:auto; margin-top:5px;}
.joxutu-Back{color: #3c424c;
margin-top: 7px;
margin-bottom: 0px;
display: block;
width: 50px;
margin-left: auto;
margin-right: auto;}
a{ outline: 0;}
.joxutu-Back:hover, .joxutu-Back:active{color:#0077bf; transition: all 0.2s ease-out;}
.TimeBlock, .joxutu-Back{ position:relative;}
.TimeBlock:before{
  /*
  content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
  top: 37px;
right: 61px;
*/
}
.joxutu-Back:before{content: "\f104 ";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
 top: 3px;
left: -7px;}
.modalBoxThree h4{ font-size:14px; color:#3c424c; font-family: "Diodrum Regular"; text-align: center;}
.modalBoxThree h3{
  color:#0e7fc3; font-size:25px; margin-bottom:20px;
  /*font-family:"Diodrum Medium"; */
  text-align: center;
}

ul.MenuRightBlockFixed{ position:fixed; z-index:999; right:0; top:0; bottom:0; width:100px; margin:0; padding:0;}
ul.MenuRightBlockFixed > li{ background-color:#FFF;}
.modalBoxTwo, .modalBoxThree{display: none;}
.close.close-fonolo-wht-btn{display: none;}
.CallBlock .modal-title.what-title{display: none;}
.CallBlock .what-is-this-text{display: none;}
.close.close-fonolo-wht-btn.joxutu-whatpopup.click-modal-1{ color: #3c424c;}
.close.close-fonolo-wht-btn.joxutu-whatpopup.click-modal-1:hover, .joxutu-Back:hover:before{ color: #637484;}
.joxutu.joxutu-Requestcallback.click-modal-3:hover{ background-color:#637484; border:1px solid #637484; color:#fff; transition:all 0.2s ease-in; }
.LightTextColorwhatpopUp:hover{ color: #637484; transition:all 0.2s ease-in; text-decoration:none; font-size:15px}
LightTextColor.whatpopUp:hover{color:#00637484; text-decoration:none;}
.modal.fade.CallBlock{ top:100px;}
.LightTextColor.whatpopUp{ text-decoration:none;}
@media(max-width:333px){.CallBlock ul.CallBlockList{ padding:0 35px}}


#fonoloCallMeContainer{
  position: fixed;
  top: 18em;
  top: 285px;
  right: 0;
  width: 115px;
  height: 145px;
  z-index: 9999;
  display: block;
}


#fonoloCallMe{
  cursor: pointer;
}


#fonoloModal .modal-Size{
  max-width: 400px;

}

#fonoloModal{
  padding-right: 0px !important;
}

#fonoloModal .modal-footer{
  margin: 0px 20px;
  padding: 12px 15px;
}

button.close-fonolo span{
  font-family: "material";
  font-size: 25px;
  line-height: 20px;
  color: #3C424C;
}

.fonolo-modal{
  flex-grow: 1;
  border-radius: 0px;
  height: 400px;
  width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#fonolo_call_schedule_time{
  text-indent: 10%;
}

#fonolo_call_schedule_time option div{
  width: 33%;
}

.fonolo_time_format{
  display: inline-block;
  user-select: none;
}

.fonolo_time1{
  width: 23%;
}

.fonolo_time2{
  width: 21%;
}

.fonolo_time3{
  width: 24%;
}

.fonolo_time4{
  width: auto;
}

#fonolo_call_number{

}

.fonolo-item-dropdown{
  padding: 3px 0px 3px 10px;

  width: 100%;
}

.fonolo-item-dropdown:hover{
  color: white;
  background-color: #0077bf;
}

a.dropdown-item{
  cursor: pointer;
}

.btn_fonolo_dropdown{
  width: 100%;
  text-align: left;
  background: #f2f2f2;
  border-radius: 0;
  height: 40px;
}

#fonolo_call_schedule_time_container{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 180px;
}

#fonolo_call_schedule_time_container:after{
  content: "\f107";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 18px;
  pointer-events: none;
  position: absolute;
  top: 9px;
  right: 10px;
}

.fonolo_call_info h4, form#formSubmitFonolo label, form#formSubmitFonolo .joxutu-Back{
  font-family: "Ubuntu";
  font-size: 15px;
  font-weight: 400;
}

.CallBlock .GDPR_MODAL{
  font-size:10px;
  margin-top: 25px;
}


div.fonolo-offline{
  width: 90%;
  position: relative;
  top: 25%;
  margin: 0 auto;
}

div.fonolo-offline h4{
  line-height: inherit;
  text-align: center;
}


#fonolo_call_schedule_time_items{
  width: 100%;
}