/*--
	Theme Name: Sweet Otel
	Theme URI: https://alitayfur.net/
	Description: Development By Sweet Otel Team
	Version: 1.0
    Text Domain: leartes
--*/

/* ----------------------------------------
	You may put CSS here
---------------------------------------- */

body {
    font-style: normal;
    font-weight: normal;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    color: rgb(43, 47, 54);
    background-color: #fafaff;
    font-size: 19px;
    font-weight: 500;
}
header.header {
    box-shadow: 0px 1px 7px #0000003b;
    position: relative;
    z-index: 99;
}

header.header .topbar  {
    border-bottom: 1px #a9a9a9 solid;
    background: #eeeeee;
}

header.header .header-navbar {
    background: #eeeeee;
    --bs-navbar-padding-y: 0px;
    width: 100%;
}

.on-scrool-fire header.header .header-navbar {
    top: 0px;
    position: fixed;
    box-shadow: 0px 2px 11px #3333339e;
}
.on-scrool-fire .navbar-nav .nav-link,
.on-scrool-fire .navbar-nav .nav-link.active,.on-scrool-fire .navbar-nav .nav-link.show {
    --bs-navbar-active-color:#333;
    --bs-nav-link-color:#333;
}
/*.navbar-nav .nav-link,
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    --bs-navbar-active-color:#fff;
    --bs-nav-link-color:#fff;
}*/

.nav-link:focus, .nav-link:hover {
   --bs-nav-link-hover-color:#333;
}

.on-scrool-fire .navbar-nav .nav-link:focus,.on-scrool-fire .navbar-nav .nav-link:hover {
    --bs-nav-link-hover-color:#333;
}

.on-scrool-fire header.header .navbar-toggler {

}

.offcanvas-header .language-chooser-image,
header.header .topbar .language-chooser-image {
    list-style: none;
    margin:0px;
    padding: 0px;
}

.offcanvas-header .language-chooser-image li,
header.header .topbar .language-chooser-image li {
    display: inline-block;
    padding: 6px;
}

.offcanvas-header .language-chooser-image li a img,
header.header .topbar .language-chooser-image li a img {
    position: relative;
    top: -2px;
    border-radius: 99px;
    width: 25px;
    height: 25px;
    object-fit: cover;
    box-shadow: 0px 0px 3px #000000ba;
}

.logo-img {

}

.logo-wrap {
    display: inline-block;
}
.logo-text {
    margin-bottom: -4px;
}
.logo-slogan { }


header.header .navbar-expand-lg .navbar-nav .nav-link {
    font-size:16px;
}

header.header .login-btn {
    border-radius: 15px;
    box-shadow: 0px 0px 3px #0000003d;
}

header.header .login-btn .btn-text {
    font-size: 14px;
    font-weight: 500;

}

header.header .login-btn .btn-icon {
    background: linear-gradient(177.55deg, #ffffff 21.07%, rgba(255, 255, 255, 0.24) 181.18%);
    display: inline-block;
    border-radius: 99px;
    width: 24px;
    height: 24px;
    line-height: 19px;
    position: relative;
    top: -2px;
}

header.header .navbar-toggler {
    border: 0px;
}
header.header .navbar-toggler:focus {
    box-shadow: none !important;
}
header.header .navbar-toggler img {
    height: 24px;
}

/*header.header,   */
main.main,
footer.footer {
    width: 100%;
    overflow: hidden;
}

footer.footer {
    font-size: 13px;
    color: #fff;
}

footer.footer ul {
    list-style: none;
    padding: 0px;
}

footer.footer ul li {
    margin-bottom: 18px;
}
footer.footer .menu-main-menu-container li {
        margin-bottom: 9px;
}

footer.footer a {
    color: rgb(138, 145, 170);
    text-decoration: none;
}

footer.footer .widgettitle {
    font-size: 15px;
    color: #333;
}

footer.footer .menu {
    padding: 0px;
    list-style-type: none;
}


footer.footer .menu a {
    font-size: 14px;
    font-weight: 600;
    color: rgb(138, 145, 170);
    line-height: 1.5;
}


.vc_row-fluid .min-height-ajax,
.min-height-ajax {
    min-height: 500px !important;
    padding-top: 200px;
    text-align: center;
}
.is_mobile .min-height-ajax {
    padding-top: 40%;
}

.bg-blue {
        background: rgb(30,140,237);
    background: linear-gradient(0deg, rgba(30,140,237,1) 0%, rgba(30,140,237,1) 11%, rgba(12,59,173,1) 100%);
}

.bg-street {
    background-image:url('asset/img/map_overlay.png');
    background-size: contain;
}

#menu-main-menu { margin-right: 10px; }


body.logged-in.is_desktop .user-dropdown-menu li a {
    --bs-nav-link-padding-y:7px;
    --bs-nav-link-padding-x:15px;
}

body.logged-in.is_desktop .login-btn.dropdown-toggle::after {
    content: none;
}

body.logged-in.is_desktop header.header .login-btn.dropdown-toggle.show .btn-icon {
    transform: rotate(90deg);
}

.desktop-profil {
    text-decoration: none;
    cursor: pointer;
    height: 36px;
    line-height: 33px;
    border-left: 1px #ccc solid;
    padding-left: 19px;
}

.desktop-profil .img-desktop-profil {
    width: 30px;
    height: 30px;
    border-radius: 99px;
}

.desktop-profil .name {
    display: inherit;
    font-size: 17px;
    color: #333;
}
.dropdown-toggle.desktop-profil:after {
        top: 2px;
    position: relative;
}

#menu-user-menu {
    padding: 5px 0px 1px 0px;
    margin-top: 20px;
    border-radius: 0px;
    --bs-body-bg: #ffffffdb;
}

#menu-user-menu .menu-item {
    border-bottom: 1px #e3eafa solid;
}
#menu-user-menu .menu-item a {
    padding-left: 5px;
    top: -5px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: -5px;
}
#menu-user-menu .menu-item a:hover {
    background-color: #f8f8f8;
}

#menu-user-menu .menu-item a:before {
    content: ' ';
    background-size: contain;
    background-repeat: no-repeat;
    background-image:url('asset/img/menu-list.png');
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-right: 6px;
    margin-left: 6px;
}
#menu-user-menu .menu-item:last-child {
    border-bottom: 0px;
}

#menu-user-menu .menu-item a {
}
#menu-user-menu .menu_accounts a { }
#menu-user-menu .menu_accounts a:before {
    background-image:url('asset/img/menu-accounts.png');
}
#menu-user-menu .menu_settings a { }
#menu-user-menu .menu_settings a:before {
    background-image:url('asset/img/menu-settings.png');
}
#menu-user-menu .menu_services a { }
#menu-user-menu .menu_services a:before {
    background-image:url('asset/img/menu_services.png');
}

#menu-user-menu .menu_logout a { } 
#menu-user-menu .menu_logout a:before {
    background-image:url('asset/img/menu-logout.png');
}



.wpcf7 .wpcf7-form-control-wrap,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 label {
    width: 100%;
    font-size: 15px;
}
.wpcf7 input,
.wpcf7 textarea {
    border-radius: 4px;
    border: 1px #ccc solid;
}
.wpcf7 input,
.wpcf7 textarea {
    padding: 5px 8px;
}
.wpcf7 .wpcf7-submit {
    background: #e30613;
    color: #fff;
    font-weight: 600;
    border: 1px #c1040f solid;
}
.wpcf7 .wpcf7-response-output {
    border-color: #ffe69c !important;
    background: #fff3cd;
    border-radius: 5px;
    border-width: 1px !important;
    padding: 15px !important;
    font-size: 15px;
    color: #664d03;
    margin: 0px !important;
    margin-bottom: 15px !important;
}
.wpcf7 .wpcf7-spinner {
    background-color: #23282d54;
    position: absolute;
    left: 40%;
    margin-top: 6px;
}
.wpcf7 .wpcf7-not-valid-tip {
    font-size: 12px;
    padding: 5px 0px;
    font-weight: 500;
}

.wpcf7 input {
    height: 35px;
}

.wpcf7 textarea {
    height: 110px;
}

.wpcf7 p {
    margin-bottom: 5px !important;
}

.wpcf7 .wpcf7-form-control-wrap {
    display: inline-block;
    margin: 5px 0px;
}



.vc_row.container  {
    margin:0px auto !important;
}

.vc_row.container.bg-white  {
  margin-top: -50px !important;
}

ul {
    list-style: none;
    padding: 0px;
}

ul li {
   margin-bottom:10px;
   font-size: 16px;
}

#qtranslate-chooser li {
    margin-bottom: 0px;
}

.opea-header {
    color: #0060aa;
    font-family: sans-serif !important;
    text-decoration: underline;
    margin: 75px 0px;
}

.contact-content  { }

.wpb_image_grid .wpb_image_grid_ul .isotope-item {
    margin: 10px 25px !important;
}

    .call {
                                text-align: center;
                                margin-bottom: 11px;
                                margin-top: 40px;
                        }
                        .call a {
                                text-decoration: none;
                        }
                        .call .fa {
                                font-size: 30px;
                                background: #0060aa;
                                color: #fff;
                                padding: 15px 15px;
                                border-radius: 50%;
                        }
                        .call span {
                                vertical-align: super;
                                font-size: 21px;
                                font-weight: 600;
                                margin-left: -20px;
                                position: relative;
                                padding: 4px 34px 6px 20px;
                                color: #000;
                                border: solid 2px #0060aa;
                                border-radius: 0 29px 29px 0;
                                top: 4px;
                        }