html,body { font-family: 'Raleway', sans-serif !important; }
footer { background: #12243a; }
a { color: inherit; text-decoration: none; transition: all 0.3s; }
a:hover, a:focus { text-decoration: none; }
/* menu */
.navbar .navbar-toggler{color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.9);}
.navbar .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus { outline: none; box-shadow: none; }
/* Arama */
.footerDark .form-control { background: #12243a; border-color: #545454; }
.form-control:focus { background: #12243a; }
.form-control:focus { box-shadow: none; }
.form-control-underlined { border-width: 0; border-bottom-width: 1px; border-radius: 0; padding-left: 0; }
.form-control::placeholder { font-size: 0.95rem; color: #aaa; font-style: italic; }
/* To The Top */
#btn-back-to-top {position: fixed;bottom: 20px;right: 20px;display: none;}

/* FONT SİZE */
.fs--10 { font-size: 10px !important; }
.fs--11 { font-size: 11px !important; }
.fs--12 { font-size: 12px !important; }
.fs--13 { font-size: 13px !important; }
.fs--14 { font-size: 14px !important; }
.fs--15 { font-size: 15px !important; }
.fs--16 { font-size: 16px !important; }
.fs--17 { font-size: 17px !important; }
.fs--18 { font-size: 18px !important; }
.fs--19 { font-size: 19px !important; }
.fs--20 { font-size: 20px !important; }
.fs--25 { font-size: 25px !important; }
.fs--30 { font-size: 30px !important; }
.fs--35 { font-size: 35px !important; }
.fs--40 { font-size: 40px !important; }
.fs--45 { font-size: 45px !important; }
.fs--50 { font-size: 50px !important; }
.fs--60 { font-size: 60px !important; }
/* WIDTH SİZE */
.w-5 { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-40 { width: 40% !important; }
.w-60 { width: 60% !important; }
.w-80 { width: 80% !important; }

.tphover:hover { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
.tp1hover {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.tp1hover:hover { box-shadow: 0 .3rem 1rem rgba(0,0,0,.15)!important; background: #FFFFFF;}
.tp1hover img { position: absolute; top: 0; left: -10%; transition: all 0.3s; }
.tp1hover:hover img { left: 0; }

.hover { overflow: hidden; position: relative; padding-bottom: 60%; }
.hover-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 90; transition: all 0.4s; }
.hover img { width: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s; }
.hover-content { position: relative; z-index: 99; }
.hover-1 img { width: 105%; position: absolute; top: 0; left: -5%; transition: all 0.3s; }
.hover-1-content { position: absolute; bottom: 0; left: 0; z-index: 99; transition: all 0.4s; }
.hover-1 .hover-overlay { background: rgba(0, 0, 0, 0.1); }
.hover-1-description { transform: translateY(0.5rem); transition: all 0.4s; opacity: 0; }
.hover-1:hover .hover-1-content { bottom: 2rem; }
.hover-1:hover .hover-1-description { opacity: 1; transform: none; }
.hover-1:hover img { left: 0; }
.hover-1:hover .hover-overlay { opacity: 0; }

.hover-2 img { width: 105%; position: absolute; top: 0; left: -5%; transition: all 0.3s; }
.hover-2 h3 { font-size: 18px; }
.hover-2-content { position: absolute; bottom: 0; left: 0; z-index: 99; transition: all 0.4s; font-size: 14px; }
.hover-2 .hover-overlay { background: rgba(0, 0, 0, 0.1); }
.hover-2-description { transform: translateY(0.5rem); transition: all 0.4s; opacity: 0; }
.hover-2:hover .hover-2-content { bottom: 1rem; }
.hover-2:hover .hover-2-description { opacity: 1; transform: none; }
.hover-2:hover img { left: 0; }
.hover-2:hover .hover-overlay { opacity: 0; }