@import url('../Font_Sahel.css');

body{
    font-family: 'Sahel-normal', 'Sahel' !important;
}
.container-nav-user {
    direction: ltr !important;
}
#sideModalTR .modal-dialog.modal-top-right {
    top: 20% !important;
}
.collapse.collapseUser {
    direction: ltr !important;
}
.container-nav-defualt{
    direction:rtl!important;
}
.collapsedefualt {
    direction: rtl !important;
}
.navbar-nav-dierction{
    direction:rtl!important;
}
/*@media (max-width:991.5px) {
    
}*/
.navbar-nav {
    outline: none !important;
}

.carousel, .carousel .carousel-inner, .carousel .carousel-inner .active, .carousel .carousel-inner .carousel-item, .view, body, html {
    height: 100%
}

.navbar {
    background-color: white
}

.top-nav-collapse {
    background-color: white
}
.btn-primary {
    border: unset !important;
}

@media only screen and (max-width:768px) {
    .navbar {
        background-color: white;
    }
}
@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background: #1C2331 !important;
    }
}

.navbar-nav li a h6 {
    color: #00a8ff !important;
    font-weight: bold !important;
    outline:none!important;
}
    .navbar-nav li a h6:hover {
        color: rgb(254,137,84) !important;
        font-weight: bold !important;
    }
.navbar-toggler {
    background-color: #00a8ff !important;
}
.nav-item.avatar.dropdown a {
    color: #00a8ff !important;
}
.page-footer {

    background: linear-gradient(to right, rgb(15,56,108), rgb(29,129,210));
    direction:rtl!important;
}
/*SOCİAL İCONS*/
/* footer social icons */
.social-buttons {
    position: relative !important;
    /*top:10px!important;*/
}

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

    ul.social-network li {
        display: inline;
        margin: 0 5px;
    }


/* footer social icons */

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}
.social-network a.icoInstagram:hover {
    background: linear-gradient(224.65793970864146deg, #8043af, #8442aa 2.9%, #8740a9 2.9%, #8842a8 4.2%, #8d3fa7 5.9%, #8d41a4 6.7%, #9d3d9c 16.4%, #9f3c9a 16.4%, #a63b96 20.2%, #a73a97 20.2%, #a83b96 23%, #aa3a92 23%, #ac3990 25.3%, #b63a8b 31.2%, #b93a88 35%, #bb3986 35%, #bc3986 37.4%, #be3884 37.4%, #c03a83 39.7%, #c13c83 40.3%, #c4397f 41.2%, #c63b7a 44.3%, #ca3d75 46.9%, #cb3c75 47.5%, #ca3e74 49.4%, #cc3d74 49.4%, #ce3e75 50.3%, #cf3d74 50.3%, #d84466 59.1%, #d94367 59.1%, #ef6744 90.4%, #f26a43 95.1%, #f26c42 95.1%, #f3703f 97.8%, #f46f40 97.8%, #f57041 99.7%, #f47141 99.7%, #f47141);
}
.social-network a.icoBale:hover {
    background: linear-gradient(to right top,#2d2c72,#4ceeb5) no-repeat;
}
.social-network a.icoTelegram:hover {
    background: #0088cc;
}
.social-network a.icoLinkedin:hover {
    background-color: #007bb7;
}

    .social-network a.icoFacebook:hover i,
    .social-network a.icoLinkedin:hover i {
        color: #fff;
    }

.social-network a.socialIcon:hover,
.socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 15px;
}

.social-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center;
}

.social-circle li a:hover i,
.triggeredHover, .social-circle li a:hover img {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i, .social-circle img {
    color: #595959;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.social-network a {
    background-color: #F9F9F9;
}

.signupbutton {
    border: 2px solid #00a8ff !important ;
    background-color: white !important;
    color: #00a8ff!important;
    border-radius:2.5rem!important;
    font-size:14px!important;
    font-weight:bold!important;
    padding:0.5rem 1rem 0.5rem 1rem  !important;
}
    .signupbutton:hover {
        border: 2px solid white;
        background-color: #00a8ff !important;
        color: white !important;
        border-radius: 2.5rem !important;
        font-size: 14px !important;
        font-weight: bold !important;
        padding: 0.5rem 1rem 0.5rem 1rem !important;
    }

.page-footer p {
    font-family: 'Sahel-normal', 'Sahel' !important;
    font-size: 16px !important;
}
.links ul li {
   
    font-weight: bold !important;
}

.links ul li a:hover {
    color: rgb(254,137,84) !important;
    font-weight: bold !important;
}
#exampleModalCenter .modal-header {
    direction: rtl !important;
    background-color: rgb(0,168,255) !important;
}

#exampleModalCenter .modal-title {
    font-family: 'Sahel-normal', 'Sahel' !important;
    margin: auto !important;
    font-family: 'Sahel-normal' !important;
    color: white !important;
}

.btn.btn-primary.send-comment {
    font-family: 'Sahel-normal', 'Sahel' !important;
    margin: auto !important;
    border-radius: 50px !important;
    background-color: rgb(0,168,255) !important;
    border: none !important;
}

    .btn.btn-primary.send-comment:hover {
        font-family: 'Sahel-normal', 'Sahel' !important;
        border-radius: 50px !important;
        background-color: rgb(0,156,240) !important;
    }

.btn.send-comment:focus, .btn.send-comment:active {
    outline: none !important;
    box-shadow: none !important;
}

#exampleModalCenter .modal-header .close {
    padding: 1rem 1rem !important;
    margin: -1rem -1rem -1rem -1rem !important;
    outline: none !important;
}

#exampleModalCenter .close {
    font-size: 2rem !important;
    font-weight: 700;
    line-height: 1;
    color: white !important;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
}

.info-input .form-control {
    border-radius: 50px !important;
    box-shadow: 0 0 9px 0.1px rgba(166,166,166,0.9) !important;
}

.form-group input::-webkit-input-placeholder, .form-group textarea::-webkit-input-placeholder {
    color: rgb(166,166,166) !important;
    font-size: 14px !important;
}

.form-group input::-moz-placeholder, .form-group textarea::-moz-placeholder {
    color: rgb(166,166,166) !important;
    font-size: 14px !important;
}

.info-input .form-control1 {
    direction: rtl !important;
    border-radius: 20px !important;
    box-shadow: 0 0 9px 0.1px rgba(166,166,166,0.9) !important;
}
.links a:hover {
    text-decoration:none!important;
    list-style:none!important;
}

/* Absolute Center Spinner */
.loading {
    display: none;
    position: fixed;
    z-index: 10000;
    height: 4em;
    width: 4em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: red !important;
    font-size: 50px !important;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
        z-index: -1000 !important;
    }

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 8px solid #fed5c2;
    border-top-color: #00a8ff;
    border-bottom-color: #fe9363;
    border-right-color: #d9f2ff;
    animation: spinner 1s linear infinite;
}