.giz {
    display: none;
}

.orta {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.neworta {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.orta1 {
    left: 0;
    right: 0;
    margin: auto;
}

.orta2 {
    top: 0;
    bottom: 0;
    margin: auto;
}

.pen {
    pointer-events: none;
}

.divrelative {
    position: relative;
}


/* *, 

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
*/

/* * {
    user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
}
 

input,
input:before,
input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}*/


/* /////////////////////////////////// */

.cp {
    cursor: pointer;
}

a:link {
    text-decoration: none;
}


/* */

::placeholder {
    color: #131313 !important;
}

:-ms-input-placeholder {
    color: #131313 !important;
}

::-ms-input-placeholder {
    color: #131313 !important;
}


/**/

.araic input ::placeholder {
    color: #f7f7f7 !important;
}

.araic input :-ms-input-placeholder {
    color: #f7f7f7 !important;
}

.araic input ::-ms-input-placeholder {
    color: #f7f7f7 !important;
}


/* loader */

.clock-preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #223c65;
}

.clock-preloader:before,
.clock-preloader:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    margin: auto;
    width: 32%;
    height: 4px;
    background-color: #fff;
    border-radius: 100px;
    margin-left: -1px;
    animation: 15s spin infinite linear;
    transform-origin: 1px center;
}

.clock-preloader:after {
    width: 42%;
    height: 2px;
    animation-duration: 1s;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#firstload {
    position: fixed;
    z-index: 10600;
    top: 0px;
    left: 0px;
    background-color: #f7f7f7;
    width: 100%;
    height: 100%;
}


/* loader */

.loaderx {
    padding: 20px;
    position: fixed;
    z-index: 6600;
    top: 0px;
    left: 0px;
    background-color: #000000ab;
    width: 100%;
    height: 100%;
}

.loader_ajax_small {
    border: 2px solid #f3f3f3 !important;
    border-radius: 50%;
    border-top: 2px solid #2D2D2D !important;
    width: 29px;
    height: 29px;
    -webkit-animation: spin_loader_ajax_small 2s linear infinite;
    animation: spin_loader_ajax_small 2s linear infinite;
    position: absolute;
}

@-webkit-keyframes spin_loader_ajax_small {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin_loader_ajax_small {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin_loader_ajax_small1 {
    0% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.3;
    }
}

@keyframes spin_loader_ajax_small1 {
    0% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.3;
    }
}


/* /loader */


/*  */

@media (min-width: 960px) {}

@media(min-width: 960px) {}

@media(min-width: 640px) {}

@media (min-width: 960px) {}


/*  */

@media only screen and (max-width: 2560px) {}

@media only screen and (max-width: 2559px) {}

@media only screen and (max-width: 1920px) {}

@media only screen and (max-width: 1790px) {}

@media only screen and (max-width: 1654px) {}

@media only screen and (max-width: 1672px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1380px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1919px) {}

@media only screen and (max-width: 1836px) {}

@media only screen and (max-width: 1780px) {}

@media only screen and (max-width: 1680px) {}

@media only screen and (max-width: 1679px) {}

@media only screen and (max-width: 1495px) {}

@media only screen and (max-width: 1478px) {}

@media only screen and (max-width: 1448px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1320px) {}

@media only screen and (max-width: 1275px) {}

@media only screen and (max-width: 1119px) {}

@media only screen and (max-width: 1072px) {}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 1023px) {}

@media only screen and (max-width: 1008px) {}

@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 812px) {}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 760px) {}

@media only screen and (max-width: 519px) {
    .social-icons span {
        display: inline-block;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .cardx img {
        width: 75%;
    }

    .cardx {
        text-align: center;
        width: 100%;
    }

    .sagim1 .items {
        /*  width: 170%; */
    }

    .scrollview {

        padding: 0 10px;

    }
}

@media only screen and (max-width: 425px) {}

@media only screen and (max-width: 414px) {}

@media only screen and (max-width: 397px) {}

@media only screen and (max-width: 396px) {}

@media only screen and (max-width: 375px) {}

@media only screen and (max-width: 320px) {}