/* ---- grid ---- */

.grid {
  //background: #DDD;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  float: left;
  padding:5px;
}

.grid-item img {
  display: block;
  max-width: 100%;
}


  .blue-bg {
  //background-color: #4D4545;
  //color: #ED8D8D;
  height: 100%;
}

.circle {
  font-weight: bold;
  padding: 15px 20px;
  border-radius: 50%;
  background-color: #ec971f;
  color: #4D4545;
  max-height: 50px;
  z-index: 2;
}

.how-it-works.row {
  display: flex;
}
.how-it-works.row .col-2 {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.how-it-works.row .col-2::after {
  content: "";
  position: absolute;
  border-left: 3px solid #ec971f;
  z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
  height: 50%;
  left: 50%;
  top: 50%;
}
.how-it-works.row .col-2.full::after {
  height: 100%;
  left: calc(50% - 3px);
}
.how-it-works.row .col-2.top::after {
  height: 50%;
  left: 50%;
  top: 0;
}

.timeline div {
  padding: 0;
  height: 40px;
}
.timeline hr {
  border-top: 3px solid #ec971f;
  margin: 0;
  top: 17px;
  position: relative;
}
.timeline .col-2 {
  display: flex;
  overflow: hidden;
}
.timeline .corner {
  border: 3px solid #ec971f;
  width: 100%;
  position: relative;
  border-radius: 15px;
}
.timeline .top-right {
  left: 50%;
  top: -50%;
}
.timeline .left-bottom {
  left: -50%;
  top: calc(50% - 3px);
}
.timeline .top-left {
  left: -50%;
  top: -50%;
}
.timeline .right-bottom {
  left: 50%;
  top: calc(50% - 3px);
}

.master {
    display: block !important;
}
.logo_text_font_modal {
    font-family: "fb_ret", sans-serif;
    font-size: 3em;
    color: #613d38;
    margin-bottom: 0px;
}
.modal-master-title {
    color: #787f86;
    font-size: 1.3em;
}
.modal-master-text {
    color: #787f86;
    font-size: 1em;
}

.alertm_overlay {    width:100%;    height:100%;    position:fixed;    left:0px;    top:0px;    z-index:99998;    background:rgba(51, 51, 51, 0.82);   display:none;}
.alertm_all {font-family: Arial;    width:396px;    padding:29px 43px;    border-radius: .25rem;  background:#fff;    position:fixed;    left:50%;    margin-left:-241px;    top:50%;    z-index:99999;    }
.alertm_all a {    -webkit-transition: all .2s ease-in-out;    -o-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;    text-decoration: none;    color: #0275d8;}
.alertm_all a:hover {    color: #222;}
.alertm_h1 {    color: #0275d8;    font-size: 19px;    margin-bottom: 15px;}
.alertm_text {    font-size: 16px;    line-height: 23px;}
.alertm_wrapper { }
.alertm_but {display: inline-block;font-weight: 400;line-height: 1.25; text-align: center;white-space: nowrap;vertical-align: middle;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border: 1px solid transparent;    padding: .5rem 2rem;    font-size: 1rem;    border-radius: .25rem;    -webkit-transition: all .2s ease-in-out;    -o-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;    color: #383333;    background-color: #ec971f;    border-color: #613d38;    display: block;    margin-top: 25px;    cursor: pointer;}
.alertm_but:hover {    color: #383333;    background-color: #abcb01;    border-color: #613d00;}
a.alertm_close {    color: red;    text-decoration: none;    position: absolute;    right: 7px;    top: 0px;    font-size: 25px;}

.modal-dialog-master {
    //background: #fff;
}
.modal-content {
background-color: #e2e2e2;padding: 20px;
}

.modal-content .modal-header .close {
    color: #f30000 !important;
    box-shadow: none;
}
      .modal-master-title {
    color: #787f86;
    font-size: 1.3em;
}

      .navbar-dark {
    background-color: #fff;
    box-shadow: 0 2px 15px 0 #dee2e6;
}
/* ---- grid ---- */

.grid {
  //background: #DDD;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  float: left;
  padding:5px;
}

.grid-item img {
  display: block;
  max-width: 100%;
}
                .sp_calc-type-icon {
                //-webkit-filter: grayscale(100%);
                width:180px;
                }
                .sp_calc-type-icon:hover {
                //-webkit-filter: grayscale(0%);
                }
                .services_price{
                    font-size: 18px;
    margin-right: 10px;
                    min-height: 250px;
                color:#787f86;
                display: inline-grid;
                text-align: -webkit-center;
                word-wrap: break-word;
                border:1px solid #ddd;
                width: 200px;
                word-wrap: break-word;
                }

                .sp_calc-p-type {
    font-size: 1.2em;
    color: #ec971f;
    margin-bottom: 0px;
    text-align: -webkit-left;
    border-bottom: 1px solid #ec971f;
                }
                .sp_calc-p-header {
    font-size: 1.2em;
    color: #613d38;
    margin-bottom: 0px;
    text-align: -webkit-left;
                }
                
                .vert-text{
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);

//-ms-transform-origin: left top 0;
//-moz-transform-origin: left top 0;
//-webkit-transform-origin: left top 0;
//transform-origin: left top 0;

//margin-left: 30px;
//padding: 0;
//float: left;
//height:80px;
//width:5px;
//white-space: nowrap;


}
.matrac_menu {
    border-radius: 3px;
    padding: 10px;
    position: sticky;
    top: 140px;
}