body {font-size:18px;color:#6c767d;background-color:#ebf1f5;background-image:url(../img/bg.jpeg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:100vh;min-height:800px}
::-webkit-scrollbar {width:5px;background-color:#f5f5f5}
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb {border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}
h1 {font-size:36px;margin-bottom:.5em}
h2 {font-size:24px}
h3 {font-size:20px;margin-top:1em}
h4 {font-size:16px}
h1,h2,h3,h4 {color:#000}
.card {border:none;padding:80px 80px 0;border-radius:0}
.container {position:relative;top:50%;transform:translateY(-50%)}
.my-card {}
strike {color:red}
.btn {border-radius:0;margin:5px 0;width:100%;padding:12px 40px;transition:ease}
.btn-primary {padding:12px 40px;transition:ease}
.btn-primary:hover {box-shadow:5px -2px 15px 0 #cbdde8}
.btn-secondary {padding:12px 40px;transition:ease}
.btn-secondary:hover {box-shadow:5px -2px 15px 0 #cbdde8}
.btn-success {padding:12px 40px;transition:ease}
.btn-success:hover {box-shadow:5px -2px 15px 0 #cbdde8}
.social {padding-left:0}
.social p {margin-bottom:0}
.social li {list-style:none;float:left;margin-right:15px}
.card-text {margin-bottom:20px}
.social .fa {font-size:24px}
.photo-bg {background-image:url(../img/banner.jpeg);background-position:center;background-repeat:no-repeat;background-size:cover}
footer p {font-size:12px}
.footer{font-size: 13px;color: #fff;margin-top: 20px;background: rgb(51 51 51 / 30%);padding: 30px;}
#kaygb-blog-a,#kaygb-mail-a {display:none}
@media(max-width:1199px) {body {min-height:600px}
h1 {font-size:24px}
h2,.social .fa {font-size:20px}
h3 {font-size:16px}
h4,p {font-size:14px}
.card {padding:50px 50px 0}
}
@media(max-width:1199px) {.photo-bg {min-height:calc(100vh - 500px)}
}
@media(max-width:991px) {.photo-bg {background-position:top;min-height:calc(90vh - 440px)}
}
@media(max-width:767px) {.container {position:relative;top:0;transform:translateY(0)}
.photo-bg {height:180px}
.card {padding:20px}
#kaygb-blog-a,#kaygb-mail-a {display:block}
#kaygb-blog,#kaygb-mail {display:none}
}
#frame {width:50%;height:50vh;margin:0;background:#fff;position:fixed;z-index:999;top:5%;left:5%}
#aplayer {z-index:20000000}
.txtbox{height: 200px;overflow-y: scroll;}