body{font-family:Tahoma,Geneva,sans-serif}
#home-info{position: fixed; right: 0; top: 25%; width: 35%; background-color: #141414;  color: white; font-family: helvetica, sans-serif; text-align: left; font-size: 18px;}
#header{top: 0px; z-index: 3;}
#header-nav{ width: 55%; color: white; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; text-align: center;}
#home-pic{width: 100%; height: 118%; top: -18%; left: 0%; position: absolute;}
#clients-button:before{ content: ""; width: 0; height: 0; display: inline-block; border-left: 13px solid transparent; border-bottom: 31px solid #a40009; position: relative; top: 8px;}
#clients-button:after{ content: ""; width: 0; height: 0; display: inline-block; border-right: 13px solid transparent; border-top: 31px solid #a40009; position: relative; top: 10px;}
#clients-button span{padding: 5px 10px;}

.header-link{background-size: contain; cursor: pointer; height: 100%;}
#home2-section{height: 100%; right: 0; position: absolute; top: 100%; text-align: center;}
#home2-section .image{height: 300px;}
.bankinfobut{text-align:center;cursor:pointer;text-decoration:underline;padding-bottom:10px}
.bankiban{padding-left:30px;font-size:12px}
#newAddress{position:fixed;padding:0 10%;width:80%;height:100%;text-align:center;display:block;z-index:999;background-color:#202020;font-size:24px;padding-top:150px;top:0;left:0}
#button{font-size:24px;margin:20px 0;background-color:#00a80b;width:200px;text-align:center;border-radius:10px;padding:14px 0;cursor:pointer;border:none;outline:none;color:#fff;transition:.5s}
#button:hover{background-color:green}
#pazar{width: 100%; height: 70%; position: absolute; top: 220%; background: url('../images/pazardzhik.jpg') no-repeat fixed; background-position: center 100px; background-size: cover;}
#pazar-bg{width: 100%; height: 100%; top: 0; position: absolute; background: url('../images/overlayimg.png') repeat scroll 0% 0% transparent;}
#map{width: 100%; height: 511px; position: absolute; top: 290%;background-color: #ffffff; overflow: hidden;}
#area-cities{width: 60%; height: 100%; top: 0; left: 35%;position: absolute; color: #000000; font-family: Tahoma, Geneva, sans-serif; font-weight: bold;}
#sells{margin:100px auto;display:table;height:500px;width:60%;}
#sells a{width:33.3%;float:left;text-decoration:none;text-align:center}
.sellsIMG{height:450px;background-size:cover;background-position:center}
.sellsNAME{font-size:24px;line-height:50px;color:#202020}
#properties .sellsNAME{background-color:#fff}
#cars .sellsNAME{background-color:#00a80b}
#posses .sellsNAME{background-color:#a40009}
.clipboard-text{vertical-align: top; line-height: 30px;}
.clipboard-copy{height: 25px; margin-left: 10px;}
#clipboard-success{position: fixed; left: 50%; bottom: 40px; transform: translate(-50%, -50%); background: #ffffff; border-radius: 40px; padding: 10px 30px; font-size: 20px; opacity: 0; pointer-events: none; transition: 0.5s; z-index: 5;}
#about-pen{width: 80%; top: 5%; left: -5%; position: fixed;}
#biography{position: fixed; left: 50%; top: 25%; width: 50%; z-index: 2;}
#about-info{width: 100%;}
.csi-info{font-size: 18px; width: 100%;}
.info-background{background-color: #141414; opacity: 0.6;}
.info-border{width: 100%; right: 0%; height: 7px; top: 0px; position: absolute;}
#fees{position: fixed; top: 25%; width: 48%; right: 0; height: 300px;}
#fees-image .image{object-position: left bottom;}
#feeTitle{height: 100%;margin: 0;}
#feeLink{position:relative;color:#fff;text-decoration:none;text-align:center}
#contact-map{width: 100%; height: 100%; border: 0; bottom: 0px; position: fixed;}
#map-menu-bg{position: fixed; width: 55%; height: 80px; background-color: #141414;right: 0; border-bottom-left-radius: 20px; top: 0; z-index: 2;}
#contact-info, #banks{position: fixed; right: 0; top: 25%; width: 30%; background-color: #141414;  color: white; font-family: helvetica, sans-serif; text-align: left; font-size: 18px;text-align: center; margin-left: 1px; z-index: 2; transition: 1s;}
#banks{right: -100%;}
#writeus{width: 600px; height: 500px; position: fixed; left: -480px; top: 50%; margin-top: -250px; z-index: 2;}
#writeus input[type="text"]{width: 250px; height: 50px;padding: 5px; border: 2px solid #ffffff; margin: 10px auto; display: block; font-size:16px;outline:none; border-radius: 10px; background-color: transparent; color: white;}
#writeus textarea{width: 250px; height: 160px; margin: 2px auto 0px auto; padding: 5px; border: 2px solid #ffffff;outline:none; border-radius: 10px; background-color: transparent; color: white; text-align: left;}
#writeus #send-message{display: inline-block;color: #1e1e1e;font-size: 20px;font-weight: bold;text-decoration: none;padding: 10px 20px 10px 20px;border: 1px solid #989898;webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;cursor: pointer;background: #ffffff; opacity: 0.8; margin-top: 30px;}
#open-messenger{position: absolute; height: 100px; width: 20%; left: 80%; top: 50%; margin-top: -50px; background-color: #141414; border-bottom-right-radius: 40px; border-top-right-radius: 40px; background: url('../images/letter.png') no-repeat scroll 43% 25% / auto 44% #141414; cursor: pointer;}
#messenger-text{font-size: 20px; color: white; position: absolute; top: 62px; left: 10px;}
#writeus-background{width: 80%; border-bottom-right-radius: 40px; border-top-right-radius: 40px; opacity: 1;}
#errormsg{color: #ffffff; font-size: 18px; height: 34px;}
#writeus-table{width: 100%; height: 200px; font-family:Arial, Helvetica, sans-serif; color: white; text-align: center;}

.color-1{color: #00a80b;}
.color-1-bg{background-color: #00a80b;}
.color-2{color: #a40009;}
.color-2-bg{background-color: #a40009;}

@media screen and (max-width: 1080px) {
    body, html{-webkit-tap-highlight-color: transparent;}
    #header{position: relative; flex-direction: column-reverse; margin: 0 auto 50px;}
    #clients-button{text-align: right;}
    #header-nav{width: 100%; }
    #home-info, #contact-info, #banks, #writeus{width: 80%; position: relative; margin: 50px auto; left: 0;}
    #writeus-background{width: 100%; border-bottom-right-radius: 0; border-top-right-radius: 0;}
    #banks{right: auto;}
    #home2-section{position: relative; top: auto; height: auto;}
    #home-pic{display: none;}
    #sells{width: 600px;}
    #sells a{width: 200px;}
    #pazar{position: relative; top: auto;}
    #map{position: relative; top: auto;}
    #area-cities{width: 80%; left: 10%;}
    #biography{width: 80%; left: 20%; position: relative;}
    #about-pen{position: relative; top: -10px;}
    #contact-map{position: relative; height: 400px;}
}


@media screen and (max-width: 600px) {
    #home-info{width: 90%;}
    #sells{width: 480px;}
    #sells a{width: 160px;}
    .header-link{font-size: 14px;}
    #fees{position: relative; height: auto; width: 80%; margin: 0 auto; padding: 50px 0;}
    #feeTitle{height: auto;}
}

@media screen and (max-width: 480px) {
    #sells{width: 100%;}
    #sells a{width: 100%;} 
}