#overlay {
             display:none;
             position: fixed;
             left: 0px;
             top: 0px;
             width:100%;
             height:100%;
             text-align:center;
             z-index: 1000;
             background-color: rgba(30,30,30,0.5);
             text-align: center;
             justify-content: center;
             align-items: center;
             }
             #overlay div {
             display:none;
             margin: 0px auto;
             background-color: #fff;
             padding:15px;
             text-align:center;
             background-color: rgba(255, 255, 255, 0.9);
             text-align: center; 
             float: none;
             }
             
#calloverlay {
             display:none;
             position: fixed;
             left: 0px;
             top: 0px;
             width:100%;
             height:100%;
             text-align:center;
             z-index: 1000;
             background-color: rgba(30,30,30,0.5);
             text-align: center;
             }
             #calloverlay div {
             display:none;
             margin: 100px auto;
             background-color: #fff;
             padding:15px;
             text-align:center;
             background-color: rgba(255, 255, 255, 0.9);
             }
             
 
 
 #calloverlaydiv{
     text-align: center; 
     float: none;
 }
 
 #overlaydiv h5{
        font-size: 13px;
        margin-top: -5px !important; 
     }
 #calloverlaydiv h5{
        font-size: 13px;
        margin-top: -5px !important; 
     }
 
 @media(max-width:767px){
     .btn-cancel{
         margin-top: -4px !important;
         margin-left: 0px !important;
         float:left !important;
     }
     .lft-cntct{
         float:none !important;
         text-align: center; 
     }
     .contactinfo ul li a{
         font-size: 11px;
     }
 }
 @media (max-width:767px) and (min-width:420px){
     #overlay div{
         height: auto !important;
     }
     #calloverlay div{
         height: 330px !important;
         margin: 30px auto;
     }
     }
 @media (max-width:419px) and (min-width:320px){
     #overlay div{
         height: auto !important;
     }
     #calloverlay div{
         height: 330px !important;
     }
     .callspanbig{
         font-size: 24px !important;
     }
     }
  @media (min-width:768px){
     #overlay div{
         height: auto;
     }
     #calloverlay div{
         height: 325px;
     }
     }
     
     
  .callinput{
    background-color: rgba(0,0,0,0);
    text-align: center;
    width: 49%;
    height: 55px;
    border: solid 1px #999999;
    color:#444444;
    font-size: 14px;
    margin-left: 2px;
    margin-right: 2px;
    letter-spacing: 1px; 
  }
  .callbutton{
    font-family: 'Roboto', sans-serif !important;
    transition:1s;
    background-color: #3a9ec0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    height: 53px;
    border: 0;
    width:30%;
    border-radius: 1px;
    border-bottom: solid 2px;
    border-bottom-color: #358caa;
    padding-top: 2px;
    letter-spacing: 2px;
    margin-left: 4px;  
  }
  .callselect{
    background-color: rgba(0,0,0,0);
    text-align: center;
    height: 55px;
    border: solid 1px #999999;
    color:#444444;
    width:68%;
    font-size: 14px;
    margin-left: 2px;
    margin-right: 2px;
    letter-spacing: 1px;
  }
  .callbutton:hover{
    transition:.5s;
    background-color: #358caa; 
}

#calloverlay form{
    float: none;
    display: flex;
    flex-wrap: wrap;
}
#overlay form{
    float: none;
    display: flex;
}
#calloverlaydiv section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 290px;
}
#overlaydiv section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}
.callspanbig{
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 300;
    margin-bottom: 10px;
}
.callspansmall{
    margin-bottom: 20px;
}

.cancelButton{
    float:right;
    right:5px;
    top:5px;
    cursor: pointer;
}
.hideOverlay{
    float:right;
    right:5px;
    top:5px;
    cursor: pointer;
}

@media (max-width:560px){
    #calloverlay form{
        flex-wrap: nowrap;
        flex-direction: column;
    }
    #overlay form{
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .callinput{
        width:100%;
        margin-top: 10px;
    }
    .callselect{
        width:100%;
    }
    .callbutton{
        width:100%;
        margin-top: 10px;
    }
    
}

#overlaydiv section div{
    margin: 0;
}

#overlaydiv section div.infozakaz{
    display:none;
    background-color: transparent;
    flex-direction:column;
}
#overlaydiv section div.infozakaz ul{
    padding: 0;
}

 li.infooneblock{
    display: flex;
    justify-content:space-between;
    background-color: transparent;
    padding: 0;
    border-bottom: solid 1px rgba(84, 75, 76, 0.15);
    font-size: 11px;
}
#overlaydiv section div.infozakaz li.infofirstblock{
    display: flex;
    justify-content:space-between;
    background-color: transparent;
    padding: 0;
    text-decoration: underline;
    font-weight: bold;
}
#overlaydiv section div.infozakaz span.minititle{
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
#overlaydiv section div.infozakaz span.costs{
    
}
#overlaydiv section div.infozakaz span.left{
    text-align: left;
    float: left;
}
#overlaydiv section div.infozakaz li.infofirstblock span.infoblue{
    font-size: 11px;
    text-decoration: underline;
    color:#3A9EC0;
}

#overlaydiv section div.infodostavka{
    display:none;
    background-color: transparent;
    flex-direction:column;
}
#overlaydiv section div.infodostavka span{
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
#overlaydiv section div.infodostavka p{
    text-align: left;
     font-size: 12px;
     line-height: 15px;
}
#overlaydiv section div.infooplata{
    display:none;
    background-color: transparent;
    flex-direction:column;
}
#overlaydiv section div.infooplata p{
    text-align: left;
}
#overlaydiv section div.infovozvrat{
    display:none;
    background-color: transparent;
    flex-direction:column;
}
#overlaydiv section div.infovozvrat span{
    font-weight: bold;
    text-align: center;
}
#overlaydiv section div.infovozvrat ul{
    margin-top: 20px;
    padding-left: 10px;
}
#overlaydiv section div.infovozvrat ul li{
    text-align: left;
    font-size: 12px;
} 
#overlaydiv section div.infodostavka ul li{
    text-align: left;
    font-size: 12px;
}
#overlaydiv section div.infodostavka ul{
    padding-left: 10px;
}
#overlaydiv section div.infovozvrat ul li.specli{
    list-style: none;
    text-align: center;
    margin-bottom: 10px;
}
#overlaydiv section div.infooplata ul li{
    list-style: none;
}
#overlaydiv section div.infooplata ul{
    padding-left: 10px;
}
#overlaydiv section div.infopoisk ul li{
    list-style: none;
}
#overlaydiv section div.infopoisk ul{
    padding-left: 10px;
}
#overlaydiv section div.infopoisk{
    display:none;
    background-color: transparent;
    flex-direction:column;
}
#overlaydiv section span.infotitle{
    color:#3a9ec0;
    font-size: 34px; 
    font-weight: 300 !important;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding-left: 10px;
}
#overlaydiv section div.infopoisk p{
    text-align: left;
}
.infoblue{
    font-weight: bold;
    color:#3a9ec0;
}
#overlaydiv section div.infofaq{
    display:none;
    background-color: transparent;
    flex-direction:column;
}
#overlaydiv section div.infofaq ul{
    padding-left: 10px;
}
#overlaydiv section div.infofaq ul li{
    text-align: left;
    font-size: 12px;
}

#overlaydiv section div.infozakaz span.right{
    text-align: right;
    
}

@media (max-width:479px) and (min-width:320px){
#overlaydiv section div.infooverflow{
    height: 250px !important;
    overflow-y: auto;
    margin-top: 20px;
}
#overlay div{
    padding: 10px;
} 
#overlaydiv section .callinput{
    height:35px;
}
#overlaydiv section .callbutton{
    height:35px;
    margin-top: 0;
}
#overlaydiv section span.infotitle{
    font-size: 17px;
}
#overlaydiv section div.infodostavka span{
    margin-top: 0px;
    margin-bottom: 50px;

}
#overlaydiv section div.infozakaz span.minititle{
    margin-bottom: 20px;
    margin-top: 20px;

}

}
@media (max-width:767px) and (min-width:480px){
#overlaydiv section div.infooverflow{
    height: 170px !important;
    overflow-y: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
#overlay div{
    padding: 10px;
} 
#overlaydiv section .callinput{
    height:35px;
    font-size: 10px;
}
#overlaydiv section .callbutton{
    height:35px;
    margin-top: 0;
    font-size: 10px;
}
#overlaydiv section span.infotitle{
    font-size: 20px;
}
#overlaydiv section div.infodostavka span{
    margin-top: 20px;
}
}
@media (max-width:991px) and (min-width:768px){
#overlaydiv section div.infooverflow{
    height: 330px !important;
    overflow-y: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
#overlay div{
    padding: 10px;
} 
#overlaydiv section .callinput{
    height:35px;
    font-size: 11px;
}
#overlaydiv section .callbutton{
    height:35px;
    margin-top: 0;
    font-size: 11px;
}
#overlaydiv section span.infotitle{
    font-size: 20px;
}
#overlaydiv section div.infodostavka span{
    margin-top: 20px;
}
}