@charset "UTF-8";
/*----------------------------------------------------
@File: Default Styles
@Author:  Erhan Sayim
@URL: https://www.sayim.com.tr/
@Template Name: Sayim Global v1

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
----------------------------------------------------*/

/*=====================================================
    CSS Table of content:

    1. Global Area 
    2. Login Admin
=====================================================*/

/*----------------------------------------------------*/
/* 1. Global Area */
/*----------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: 13px;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    color: #202020;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul li{
    float: left;
}

a, a:hover, a:focus, a:visited{
    text-decoration: none;
    color: #202020;
}

.p-5{padding: 5px;}
.p-10{padding: 10px;}
.p-15{padding: 15px;}
.p-20{padding: 20px;}
.p-25{padding: 25px;}

.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}

.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}

.m-5{margin: 5px;}
.m-10{margin: 10px;}
.m-15{margin: 15px;}
.m-20{margin: 20px;}
.m-25{margin: 25px;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}

.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}

.br-10{
    border-radius: 10px;
}

.border-t-c1{border-top: .05rem solid #e8e8e8;}
.border-b-c1{border-bottom: .05rem solid #e8e8e8;}
.border-l-c1{border-left: .05rem solid #e8e8e8;}
.border-r-c1{border-right: .05rem solid #e8e8e8;}

.shadow{
    -webkit-box-shadow: 0px 3px 6px #1d2030;
    box-shadow: 0px 3px 6px #1d2030;
}
/*----------------------------------------------------*/
/* 1. Login Admin */
/*----------------------------------------------------*/
.login-left{
    background: rgb(221 236 255);
    border-radius: 10px 0px 0px 10px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.login-right{
    background: #fff;
    border-radius: 0px 10px 10px 0px;
}
video{
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -2;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
    opacity: .8;
    filter: alpha(opacity=50);
}
#opacity{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.6;
    background: linear-gradient(90deg, #ff6e3c 0%, #239ff7 50%, #0ee8de 100%) !important;
}
@media only screen and (max-width: 600px){
    .login-right{
        border-radius: 0px;
    }
    .login-left{
        border-radius: 10px 10px 0px 0px;
    }
}