﻿.contact-form-page{margin:10px 0}
.contact-form-page .box-contact{padding:25px;border:1px #EAEAEA solid;margin-bottom:20px}
.contact-form-page .box-contact .title-asli .name{margin-top:0}
.contact-form-page .box-contact .title-asli .name span::after{z-index:0}
.contact-form-page .box-contact .entery .rt-text{line-height:2;border-bottom:1px var(--blur) solid;padding-bottom:20px;margin-bottom:10px}
.contact-form-page .tamas-area{width:calc(100% + 20px);transform:translateX(10px)}
.contact-form-page .tamas-area .item{padding:25px;width:calc(33.33% - 20px);margin:0 10px 20px}
.contact-form-page .tamas-area .item .icon{width:22px;height:22px;margin-left:8px}
.contact-form-page .tamas-area .item .val{direction:ltr}
.contact-form-page .tamas-area .item .val:hover{color:var(--color) !important}
.contact-form-page .box-contact .entery .pic-area{width:40%;padding:40px}
.contact-form-page .box-contact .entery .rt-form{width:60%}
.contact-form-page .box-contact .entery .rt-form .inputs .item{margin-top:20px}
.contact-form-page .box-contact .entery .rt-form .inputs .item.mini{width:calc(50% - 10px)}
.contact-form-page .box-contact .entery .rt-form .inputs .item .input{border:1px #E8E8E8 solid;padding:12px 40px 12px 15px;background:none;direction:ltr;text-align:right;min-width:100%;max-width:100%;resize:none}
.contact-form-page .box-contact .entery .rt-form .inputs .item .icon{filter:grayscale(1);opacity:.7;width:22px;height:22px;right:11px;top:11px}
.contact-form-page .box-contact .entery .rt-form .inputs .item .icon.gr-icon-cm2{opacity:.5}
.contact-form-page .box-contact .entery .rt-form .inputs .item textarea.input{height:150px;padding-bottom:70px}
.contact-form-page .box-contact .entery .rt-form .inputs .sub{border:0;padding:10px 15px;left:15px;bottom:15px}
.contact-form-page .box-contact .entery .rt-form .inputs .sub .rt-gr-icon{filter:brightness(10);width:20px;height:20px;margin-left:7px}
.contact-form-page .box-contact .entery .rt-form .inputs .sub:hover{opacity:.8}
.contact-form-page .box-contact .entery .rt-form .alert-area .f-alert{text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);background:#ff6363;padding:8px 15px;margin-top:10px;border-right:5px rgba(0, 0, 0, 0.1) solid}
.contact-form-page .box-contact .entery .rt-form .alert-area .f-alert.green{background:var(--color)}
.contact-form-page .box-contact .entery .rt-form .inputs .item .input:focus{border-color:var(--color) !important}
.dark-mode .contact-form-page .box-contact .entery .rt-form .inputs .item .icon{filter:grayscale(1) brightness(10);opacity:.6}
.dark-mode .contact-form-page .box-contact .entery .rt-form .inputs .item .input{color:#fff;border-color:rgba(255, 255, 255, 0.1)}
.dark-mode .contact-form-page .box-contact{border-color:transparent;background:#2e2e2e}
.dark-mode .contact-form-page .tamas-area .item .val{color:#fff}
.dark-mode .contact-form-page .tamas-area .item .icon{filter:brightness(10)}
.dark-mode .contact-form-page .tamas-area,.dark-mode .contact-form-page .box-contact .entery .rt-text{color:#ddd}

@media only screen and (max-width:920px){
.contact-form-page{margin-bottom:20px}
.contact-form-page .box-contact{padding:15px;margin-bottom:15px;border-radius:10px}
.contact-form-page .tamas-area{width:100%;transform:translateX(0)}
.contact-form-page .tamas-area .item{width:100%;margin:0 0 15px;padding:15px}
.contact-form-page .box-contact .entery .pic-area,.contact-form-page .box-contact .entery .rt-form,.contact-form-page .box-contact .entery .rt-form .inputs .item.mini{width:100%}
}