body{font-family:sans-serif,Arial,Helvetica;text-align:center;font-size:1.0em;}
*{margin:0;padding:0}
img,object{max-width:100%}
.clear{clear:both}
.enabled{    
    background: #09a873c0;
    border-radius: 15px;
    padding: 5px;
    color:#fff;    
    line-height:140%;
    margin-top: 10px;
    font-size: .8em;    
}
.disabled{    
    background: #da4d2a;
    border-radius: 15px;
    padding: 5px;
    color:#fff;    
    line-height:140%;
    margin-top: 10px;
    font-size: .8em;   
}
.headline{color:#2B3239;font-size:24px;font-weight:700;line-height:28px;margin-top:10px;padding:10px 0}
a.fc-webicon{border:0}.fc-webicon{display:inline-block;background-size:100%;width:30px;height:30px;text-indent:-999em;text-align:left;box-shadow:0 2px 0 rgba(100,100,100,0.5);border-radius:5px;margin-bottom:5px}
.fc-webicon.small{width:20px;height:20px;border-radius:3px}
.fc-webicon.large{width:48px;height:48px;border-radius:8px;background-size:48px!important}

.svg .fc-webicon.mail{background:url(https://cloud.qrd.by/css/images/fc-webicon-mail.svg)}

.subtitle{font-size:0.7em;color:#888}
.button.big.green,.button.big.blue:hover{background:none repeat scroll 0 0 #ffcb05;box-shadow:0 2px 0 rgba(100,100,100,0.5)}



i.contact{background:url(img/newcontact.svg) 0 8px no-repeat;width:28px}
i.mobile{background:url(img/mobile.svg) 2px 9px no-repeat;width:20px}
i.email{background:url(img/mail.svg) 0 13px no-repeat;width:25px}
i.web{background:url(img/web.svg) 0 7px no-repeat;width:34px}
i.map{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIHg9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeT0iMHB4Ij48cGF0aCBjbGFzcz0ic3ZnLW1hcCBzdmctaWNvbiIgZD0iTTExLjUxMywxMi4zOGMtMi4xMTcsMC0zLjgzNS0xLjcyOS0zLjgzNS0zLjg2MmMwLTIuMTM1LDEuNzE4LTMuODYzLDMuODM1LTMuODYzczMuODM1LDEuNzI5LDMuODM1LDMuODYzICBDMTUuMzQ4LDEwLjY1LDEzLjYzLDEyLjM4LDExLjUxMywxMi4zOCBNMTEuNTEzLDBDNi44MjUsMCwzLjAyNSwzLjgyNywzLjAyNSw4LjU0OWMwLDQuNDYsMy44NDQsMTAuMjEzLDYuNDExLDEzLjAxNCAgYzAuOTU5LDEuMDQ1LDIuMDc2LDIuNDU0LDIuMDc2LDIuNDU0czEuMi0xLjQxNywyLjIyOS0yLjQ5M0MxNi4zMDYsMTguODQsMjAsMTMuNDUxLDIwLDguNTQ5QzIwLDMuODI3LDE2LjIsMCwxMS41MTMsMCIvPjwvc3ZnPg==) 0 7px no-repeat;width:27px}
a i{display:inline-block;height:45px;line-height:45px;vertical-align:middle}
span.address-block{display:block}
#banner{background:transparent;margin:0 auto;padding:0;max-width:610px}
#banner img{padding:10px 0 5px 0;margin:0 auto}
#content{max-width:610px;min-height:439px;margin:0 auto;background:rgba(255,255,255,0.6);border-radius:8px}
#userimage{max-width:610px;margin:auto}
#wrap{
    min-height:100%;    
}
#main{
    overflow:auto;
    padding-bottom:120px
}
/*#content > * {display: none;}*/

#content{
    display: none;
}
#footer{
    clear:both;
    position:relative;
    max-width:610px;
    margin:0 auto}
    /*margin:-120px auto 80px*/
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px}
#content .icon{height:80px;width:80px}
#content p{
    line-height:140%;
    /*background:rgba(255,255,255,0.6);*/
    color:#2B3239
}
span.action-link{color:#2B3239;text-decoration:none;line-height:150%;outline:none}
li a{color:#2B3239;text-decoration:none;line-height:150%;outline:none;word-break:break-word}
#content a.full-site{height:28px;font:500 9.5pt "helvetica neue", Helvetica, Arial, sans-serif;text-decoration:none;letter-spacing:.1em;background:url(/l/button-link.png) no-repeat right top;border:none;color:#c6a945;padding:7px 33px 6px 0}
ul li{color:#2B3239;text-decoration:none;letter-spacing:.1em;list-style:none;margin:0 0 5px;padding:4px 10px}
ul li.odd{background:none repeat scroll 0 0 rgba(245,245,245,0.8);border-radius:8px 8px 8px 8px;box-shadow:2px 2px 3px #DDD;margin:10px}
ul li.even{background:rgba(255,255,255,0.8)}
.button.big{padding-top:2px;line-height:40px;border:medium none;border-radius:8px 8px 8px 8px;color:#FFF;cursor:pointer;
    display:block;font-size:18px;font-weight:700;text-align:center;
    text-decoration:none;
    margin:20px auto
}
input{font-size:16px;border-radius:8px;width:100%;box-sizing:border-box;padding:8px 10px}
.hide{display:none}
.error{
    background:none repeat scroll 0 0 #F89F93;
    border-radius:8px 8px 8px 8px;
    color:red;
    font-weight:700;
    padding:10px!important;
    max-width:610px;
    margin:0 auto;   
    display: none; 
}
#contact-person{
    letter-spacing:2px;
    margin:0 10px;   
    /*display: none;*/     
}
#personNameStatus{
    display: flex;
    align-items:center; 
    justify-content: center;
}
.position{margin-bottom:5px;padding:15px 0}
.company{font-weight:700;padding:5px 0}
.hint{background:none repeat scroll 0 0 rgba(240,240,240,0.6);border-radius:8px 8px 8px 8px;color:#333;padding:10px!important}
/*div#customhtml{padding:10px}*/
#share-wrapper{margin-bottom:20px}

.underline{border-bottom:1px dotted #888}

.add-vcard-preview{padding:20px 30px;}
#customhtml{margin-bottom:20px}
#customhtml a{border-bottom:2px solid #aaa;padding-bottom:3px}
@media (max-width:0px) {    
    body{font-size:1.1em}
    li.skype a{font-size:17.6px;}
    
    #download-vcard{right:10px}
    #call-now{left:10px}
    #download-vcard,
    #call-now{
    width:57px;
    height:57px;
    border-radius:60px;
    position:fixed;
    bottom:0px;        
    box-shadow:0px 2px 2px #888; 
    background:url(img/newcontact.svg) 0 20px no-repeat;/*0 8px no-repeat*/
    background-color: #ffcb05;     
    background-position: center;
    }
    #download-vcard span, #call-now span{display: none}
    #call-now i.mobile-colored{background-position:3px 18px}
    #download-vcard i.contact-colored{background-position:3px 15px}
    #call-now i.phoneIcon-colored{background-position:3px 18px}
    
}           
.button.big.green{
    background:#ffcb05;
    color:#000;    
    margin:10px;        
    }
#banner {background-color:#fff;}
#userimage {background-color:#f1f1f1;}
#userimage img {width:150px;margin:10px;border-radius:100px}
.fc-webicon.large {
    width: 58px;
    height: 57px;
    border-radius: 29px;
    background-size: 58px !important;
}