/*
* UI/CMS - https://www.cagatayldzz.com
*/

body{position: relative; font-family: 'Open Sans', sans-serif;}
body::before{content:"";position: absolute;background: url('../../assets/img/theme-bg-1.webp');top: 0;left: 0;right: 0;bottom: 0;background-size: contain;opacity: .5;z-index: -1;}

/* header */
header.header-fixed{position: absolute;height: 150px;width: 100%;display: flex;justify-content: center;align-items: center;z-index: 1;}
header .h-menu-click{position: relative;cursor: pointer;z-index: 99;}
header .h-menu-layer{position: absolute;top: 25px;left: -210px;right: 0;margin: 0 auto;width: 220px;background: linear-gradient(to bottom, #245b9e, #01c2ca);border: 1px solid #2d4c56;border-radius: 15px;z-index: 1;}
header .h-menu-layer .list-group-item svg{width: 10px;}

/* main */
main .header-logo{position: relative;}
main .header-logo img{width: 290px;}
main .l-title{position: relative;color: #78e9c7;font-size: 35px;text-shadow: 0 0 5px #fff6, 0 0 10px #fff6, 0 0 20px #fff6, 0 0 30px #fff6;}
main .login-bg{width: 100%;height: 900px;background: url('../../assets/img/header-bg.webp');background-size: contain;background-repeat: no-repeat;}
main .m-custom-login-1{position: relative;}
main .m-custom-login-1::before{content:"";position: absolute;top: -111px;left: 0;background: url('../../assets/img/h-login-bg.webp');width: 630px;height: 640px;background-repeat: no-repeat;background-size: contain;}
main .m-custom-login-1 .form-group input{border-radius: 0 25px 25px 0;}
main .m-custom-login-1 .form-group input:-webkit-autofill,
main .m-custom-login-1 .form-group input:-webkit-autofill:hover,
main .m-custom-login-1 .form-group input:-webkit-autofill:focus,
main .m-custom-login-1 .form-group input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;}
main .m-custom-login-1 .form-group .icon-i{height: 23px;filter: brightness(1%);}
main .bg-custom-1{position: relative;background: #3aa2d1;}
main .bg-custom-2{background: #2369be;}
main .badge-facebook{color: #fff;background-color: #3b5998;}
main .badge-twitter{color: #fff;background-color: #1da1f2;}
main .badge-pinterest{color: #fff;background-color: #bd081c;}
main .badge-linkedin{color: #fff;background-color: #0078ba;}
main .badge-flipboard{color: #fff;background-color: #f52828;}
main .badge-tumblr{color: #fff;background-color: #32506d;}
main .badge-reddit{color: #fff;background-color: #ff4500;}
main .badge-vk{color: #fff;background-color: #4a76a8;}
main .badge-envelope{color: #fff;background-color: #222;}
main .badge-line{color: #fff;background-color: #56b535;}
main .card-custom-1 .card-img{border-radius: 30px;border: 4px solid #fff;object-fit: cover;background: #fff;height: 246px;box-shadow: 0 0 15px #00000045;}
main .layer-custom-1{position: relative;border-radius: 30px;border: 4px solid #fff;box-shadow: 0 0 15px #cbe1fa;}
main .layer-custom-1:before{content:""}
main .layer-custom-1 .vector-custom-1{position: absolute;top: -33px;right: -110px;background: url(../../assets/img/vector-1.webp);width: 174px;height: 181px;background-size: contain;z-index: -1;}
main .layer-custom-2{position: relative;background: url(../../assets/img/img-2.webp);background-size: cover;overflow: hidden;}
main .layer-custom-2:before{content:"";position: absolute;top: 2em;left: 4rem;background: url('../../assets/img/emoji-i-1.webp');width: 251px;height: 370px;background-repeat: no-repeat;background-size: contain;}
main .layer-custom-2:after{content:"";position: absolute;top: 0em;right: 1em;background: url(../../assets/img/emoji-i-2.webp);width: 290px;height: 446px;background-repeat: no-repeat;background-size: contain;}
main .icon-custom-1{width: 56px;height: 44px;}
main .icon-custom-2{width: 40px;height: 50px;}
main .media-custom-1 .avatar{width: 80px;height: 80px;background: #fff;border-radius: 50%;}
main .media-custom-1 .avatar img{width: 45px;height: 45px;}
main .message-layer-custom-1 img{width: 400px;}
main .login-email-1{display: flex;justify-content: center;align-items: center;border-radius: 25px 0 0 25px;background: #fff;height: 54px;width: 130px;}
main .login-password-1{display: flex;justify-content: center;align-items: center;border-radius: 25px 0 0 25px;background: #fff;height: 54px;width: 130px;}
main .m-custom-1{position: relative;}
main .m-custom-1::before{content: "";position: absolute;bottom: 1px;left: 0;margin: 0 auto;right: 0;width: 200px;height: 1px;background: #bfbfbf38;}
main .phone-layer-custom-1{position: relative;}
main .phone-layer-custom-1::before{content:"";position: absolute;right: -50px;top: -12em;background: url('../../assets/img/arrow-1.webp');width: 187px;height: 347px;background-size: contain;background-repeat: no-repeat;}
main .phone-layer-custom-1 img{position: absolute;width: 450px;top: -13em;}
main .list-group-custom-1 .list-group-item svg{width: 12px;height: 12px;color: #3cd5b7;}
main .list-group-custom-1 .line{height: 1.5px;background: #42d6b5;margin: .7em 2em .7em;}
main .list-group-custom-1 .line:nth-last-child(1){display:none;}
main .vector-custom-2{position: relative}
main .vector-custom-2:before{content:"";position: absolute;top: -143px;left: 0;background: url('../../assets/img/vector-2.webp');width: 157px;height: 127px;background-repeat: no-repeat;background-size: contain;z-index: -1;}

/* markdown */
main .markdown p{font-size: 16px;}
main .markdown h1{font-weight: 700;font-size: 30px;}
main .markdown h2{font-weight: 700;font-size: 28px;}
main .markdown h3{font-weight: 700;font-size: 26px;}
main .markdown h4{font-weight: 700;font-size: 24px;}
main .markdown h5{font-weight: 700;font-size: 22px;}
main .markdown h6{font-weight: 700;font-size: 20px;}
main .markdown figure{margin: 0;margin-bottom: 1rem;}
main .markdown figure img{max-width: 100%;}

/* footer */
footer .bg-custom-3{position: relative;background: linear-gradient(to bottom, #fa745f, #fd4861);box-shadow: 0px 19px 40.85px 2.15px rgba(32, 32, 32, 0.31);}
footer .bg-custom-4{position: relative;background: #fb6b5f;}
footer .bg-custom-4::before{content:"";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: url('../../assets/img/footer-bg.webp');}
footer .vector-custom-3{position: relative;z-index: -1;}
footer .vector-custom-3 img{position: absolute;top: -57px;background: url('../../assets/img/vector-3.webp');width: 110px;height: 110px;background-size: contain;background-repeat: no-repeat;}
footer .vector-custom-4{position: relative;}
footer .vector-custom-4 img{position: absolute;top: -90px;right: 0;background: url('../../assets/img/vector-4.webp');width: 70px;height: 70px;background-size: contain;background-repeat: no-repeat;}
footer .nav-link-custom-1{border-radius: 25px;color: #fff;}
footer .nav-link-custom-1:hover{background: #fff;color: #fc5261}

/* constants */
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fw-3{font-weight: 300;}
.fw-5{font-weight: 500;}
.fw-7{font-weight: 700;}
.ff-century-gothic{font-family: 'Century Gothic', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
.text-custom-1{background: -webkit-linear-gradient(#fa755f, #fd4861);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}
.text-custom-2{color: #419de2}
.text-custom-3{color: #3cd5b7}
.text-custom-4{color: #fe566d}
.text-custom-5{color: #616161}
.btn-custom-1{border-radius: 25px;border: 0;}
.btn-custom-1.active{background: linear-gradient(#fa755f, #fd4861);filter: drop-shadow(0px 9px 7px #ff435b59);}
.btn-custom-1:hover{background: linear-gradient(#fa755f, #fd4861);filter: drop-shadow(0px 9px 7px #ff435b59);}
.btn-custom-2:focus{box-shadow: 0 0}
.btn-custom-2{background: linear-gradient(to right, #fe4361, #fb7b5f);border-radius: 25px;}
.btn-custom-3:focus{box-shadow: 0 0}
.btn-custom-3{background: linear-gradient(to right, #02c5cc, #76e5a4);border-radius: 25px;}
.border-gray-1{border-color: #6c757d3d}

/* fonts */
@font-face {
font-family: 'Century Gothic';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Century Gothic'), local('Century Gothic'), url(../../assets/fonts/century-gothic/century-gothic-normal.ttf) format('truetype');
}
@font-face {
font-family: 'Century Gothic';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Century Gothic'), local('Century Gothic'), url(../../assets/fonts/century-gothic/century-gothic-bold.ttf) format('truetype');
}

/* responsive */
@media (max-width: 2000px){
main .login-bg{height: 800px;}
}
@media (max-width: 1600px){
main .login-bg{height: 700px;}
}
@media (max-width: 1400px){
main .login-bg{height: 600px;}
}
@media (max-width: 1200px){
main .login-bg{background-size: cover;}
}
@media (max-width: 992px){
header.header-fixed{position: fixed;height: 100px;background: linear-gradient(45deg, #1d3f473b, #1c414624);box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
header .header-logo img{width: 180px;}
header .h-menu-layer{position: fixed;display: flex;flex-direction: column;top: 0;left: 0;width: 100%;height: 100%;justify-content: center;align-items: center;border-radius: 0;border: 0;}
header .h-menu-click.closed{position: fixed;right: 15px;}
header .r-text-1{font-size: 3em;}
header .r-list-group-1 a{font-size: 25px;}
main .m-custom-login-1::before{display: none;}
main .vector-custom-2:before{display: none;}
main .layer-custom-2:before,
main .layer-custom-2:after{display: none;}
main .phone-layer-custom-1::before{display: none;}
main .phone-layer-custom-1 img{top: -9em;}
main .card-custom-1 .card-img{object-fit: cover;}
}
@media (max-width: 768px){}
@media (max-width: 576px){
main .phone-layer-custom-1 img{display: none}
}
@media (max-width: 480px){}
@media (max-width: 320px){}