@import "Normalize.css";
@import "Bootstrap/css/bootstrap.css";
@import "fonts/fonts.css";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    text-decoration: none;
    outline: 0;
    font-weight: 400;
}

    a, a:hover {
        color: inherit;
        text-decoration: inherit;
    }

em {
    font-style: italic;
}

u {
    text-decoration: underline;
}

s {
    text-decoration: line-through;
}

ol, ul {
    list-style: none;
    list-style: none;
}

blockquote, q {
    quotes: none;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
    border: none;
    text-decoration: inherit;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.marginTop30 {
    margin-top: 30px !important;
}

.relative {
    position: relative;
}

strong {
    font-weight: 700;
}

.center {
    text-align: center;
}

.text-right {
    text-align: right;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    
    border-left: 1px solid #ccc;
}

body::-webkit-scrollbar-thumb {
    
    border-radius: 10px;
}

    body::-webkit-scrollbar-thumb:hover {
       
    }

a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: SangBleuSans,Arial,sans-serif;
    color: #000;
    font-size: 15px;
    background-color: #fafafa;
    background-size: cover;
}

.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(250,250,250,0.9);
    z-index: 99;
    display: none;
}

    .loading img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.container {
    position: relative;
    max-width: 970px;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.alert {
    border: 1px solid #469877 !important;
}

.form-group {
    position: relative;
}

#wrapper {
    display: table;
    table-layout: fixed;
    margin-right: -300px;
    height: 100%;
    width: 100%;
    -webkit-transition: margin .3s;
    transition: margin .3s;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

body .page-wrap {
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

body.open .page-wrap > .overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(20,71,51,0.70);
    content: '';
    z-index: 10;
}

@media screen and (min-width:320px) {
    body.open .page-wrap {
        margin-left: 0;
    }
}

@media screen and (min-width:768px) {
    body.open .page-wrap {
        margin-left: -358px;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-header .divider {
        border-bottom: 1px solid #b78a81;
        position: relative;
        top: -9px;
        width: 79% !important;
        float: right;
    }

    .form-group {
        margin-bottom: 42px;
    }
    body.open .page-wrap > .overlay {
        background: none;
      
    }
}

.header-top {
    float: right;
}

    .header-top .phone {
        font-size: 20px;
        font-weight: 700;
        color: #000;
    }

.header-bottom {
    margin-top: 10px;
}

    .header-bottom .phone {
        color: #857650;
        font-size: 24px;
        margin-left: 42px;
    }

    .header-bottom .pull-right {
        margin-top: 7px;
        text-align:right;
    }

.navbar-header {
    padding: 26px 15px 0;
    margin: 0;
    display: block;
    width: 100%;
}

    .navbar-header .divider {
        border-bottom: 1px solid #b78a81;
        position: relative;
        top: -9px;
        width: 85%;
        float: right;
    }

.social {
    padding-top: 8px;
    margin: 0 0 13px;
    list-style: none;
}

    .social li {
        display: inline-block;
        padding: 0 7px;
    }

        .social li a {
            display: block;
            height: 27px;
            width: 25px;
        }

            .social li a.facebook {
                background: url(../images/footerface.png) no-repeat center center;
            }

            .social li a.twitter {
                background: url(../images/footertwitter.png) no-repeat center center;
            }

            .social li a.instagram {
                background: url(../images/footerinstagram.png) no-repeat center center;
            }

            .social li a.youtube {
                background: url(../images/footeryou.png) no-repeat center center;
            }

            .social li a.linkedin {
                background: url(../images/footerlinkedin.png) no-repeat center center;
            }

            .social li a.googlemaps {
                background: url(../images/googlemapicon.png) no-repeat center center;
            }

#mobilemenu {
    margin-bottom: 0;
}

    #mobilemenu .header-bottom {
        display: block;
    }

        #mobilemenu .header-bottom .phone {
            float: left;
            margin-left: 15px;
        }

    #mobilemenu .header-top {
        margin-right: 15px;
    }

    #mobilemenu .navbar-header {
        padding-top: 0 !important;
    }

    #mobilemenu .navbar-toggle {
        border: none;
        padding: 0;
        margin: 20px 20px 0 0;
        background: none;
        position: relative;
    }

        #mobilemenu .navbar-toggle .icon-bar {
            background: #b78a81;
            height: 1px;
            width: 32px;
            position: relative;
            right: 0;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            margin-top: 8px;
        }

            #mobilemenu .navbar-toggle .icon-bar + .icon-bar {
                top: 0;
            }

            #mobilemenu .navbar-toggle .icon-bar:first-of-type {
                margin-top: 0;
            }

            #mobilemenu .navbar-toggle .icon-bar:last-of-type {
                width: 32px;
            }

        #mobilemenu .navbar-toggle.open .icon-bar:last-of-type {
            width: 0;
        }

        #mobilemenu .navbar-toggle.open .icon-bar:first-of-type {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-top: 6px;
        }

        #mobilemenu .navbar-toggle.open .icon-bar:nth-child(2) {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-top: 0;
        }

    #mobilemenu .navbar-menubuilder {
        width: 100%;
        padding: 33px 80px 0;
        border-top: 1px solid #b78a81;
    }

        #mobilemenu .navbar-menubuilder li {
            text-align: center;
        }

            #mobilemenu .navbar-menubuilder li a {
                color: #404040;
                font-size: 20px;
                border-bottom: 1px solid #b78a81;
            }

            #mobilemenu .navbar-menubuilder li.active a {
                color: #fff;
                background: #b78a81;
            }

            #mobilemenu .navbar-menubuilder li:last-of-type a {
                border-bottom: none;
            }

#menu {
    background: transparent;
    margin-bottom: 0;
    padding: 0 0 10px;
}

.navbar > .container .navbar-brand {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

@-webkit-keyframes fixed_menu_animation {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fixed_menu_animation {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fixed_menu_animation {
    -webkit-animation-name: fixed_menu_animation;
    animation-name: fixed_menu_animation;
}

#menu.navbar-default.fixed {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 0 10px;
    -webkit-animation: fixed_menu_animation .3s;
    -webkit-animation: fixed_menu_animation .3s;
    animation: fixed_menu_animation .3s;
    background: #f1f1f1;
    z-index: 3;
    padding-bottom: 3px;
}

.navbar-menubuilder {
    border: none;
    margin-top: -9px;
    border-bottom: 1px solid #b78a81 !important;
    padding-right: 0;
    margin-right: 15px !important;
}

#menu.navbar-default {
    border-width: 0;
    border-radius: 0;
}

    #menu.navbar-default .navbar-nav > li:last-of-type {
        padding-right: 0;
        border-right: none;
    }

    #menu.navbar-default .navbar-nav > li > a {
        color: #404040;
        background-color: transparent;
        position: relative;
        font-size: 12px;
        line-height: 17px;
        padding: 10px 18px 9px;
    }

        #menu.navbar-default .navbar-nav > li > a:hover, #menu.navbar-default .navbar-nav > li > a:focus, #menu.navbar-default .navbar-nav > .active > a, #menu.navbar-default .navbar-nav > .active > a:hover, #menu.navbar-default .navbar-nav > .active > a:focus {
            color: #fff;
            background-color: #b78a81;
        }

@media screen and (min-width:768px) {
    .navbar-menubuilder {
        padding-left: 0;
    }
}

#menu.navbar-default.fixed .header-bottom {
    margin: 0 auto;
}

#menu.navbar-default.fixed .navbar-header {
    padding-top: 5px;
}

#menu.navbar-default.fixed .social {
    padding: 7px 0;
    margin-bottom: 3px;
}

#menu.navbar-default.fixed .navbar-nav > li > a {
    padding: 5px 13px;
}

#menu.navbar-default.fixed .header-bottom .phone, #menu.navbar-default.fixed .header-bottom img, #menu.navbar-default.fixed .social {
    display: none;
}

#menu.navbar-default.fixed .navbar-header {
    width: 45%;
    padding-right: 0;
}

#menu.navbar-default.fixed .navbar-nav {
    margin-top: 31px;
}

#menu.navbar-default.fixed .navbar-header .divider {
    width: 70%;
    right: -9px;
    top: -6px;
}

@media only screen and (max-width: 768px) {
    #menu.navbar-default.fixed .navbar-header {
        width: 29%;
    }

        #menu.navbar-default.fixed .navbar-header .divider {
            width: 35%;
        }
}

.formopen {
    position: fixed;
    z-index: 9;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    right: 0;
    margin-top: 47px;
    width: 118px;
    height: 55px;
    background: url(../images/bilgiformubtn.png) no-repeat;
    background-color: #f1f1f1;
}

    .formopen:hover {
        background: url(../images/bilgiformubtnhover.png) no-repeat;
    }

#formcontainer {
    position: fixed;
    top: 0;
    z-index: 99;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background-color: #fff;
}

    #formcontainer h4 {
        color: #404040;
        font-size: 20px;
        line-height: 15px;
        text-align: center;
        margin-top: 25px;
        font-weight: 300;
        font-family: 'Roboto',sans-serif;
        font-style: italic;
    }

        #formcontainer h4 label {
            font-weight: 700;
        }

    #formcontainer form {
        padding: 20px 12px 0;
    }

    #formcontainer .form-control {
        border: none;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid #b78a81;
        height: 27px;
        font-size: 17px;
        color: #404040;
        text-align: center;
        border-radius: 0;
        margin-bottom: 16px;
    }

    #formcontainer .checkbox {
        font-weight: 500;
        color: #b78a81;
        font-size: 12px;
    }

        #formcontainer .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
            width: 12px;
            height: 12px;
            top: 2px;
            z-index: 1;
            opacity: 0;
        }

            #formcontainer .checkbox input[type="checkbox"] + label {
                width: 12px;
                height: 12px;
                min-height: 12px;
                padding: 0;
                position: absolute;
                border: 1px solid #b78a81;
                top: 5px;
                left: 0;
            }

            #formcontainer .checkbox input[type="checkbox"]:checked + label {
                background: url(../images/carpi.png)no-repeat center center;
                background-size: 10px 10px;
            }

    #formcontainer .progress-button {
        margin-top: 0;
        text-align: center;
    }

        #formcontainer .progress-button button {
            border: none;
            background: none;
            outline: none;
        }

.banks img {
    max-width: 40%;
    display: block;
    margin: 10px auto;
}

@media only screen and (max-width: 640px) {
    .banks img {
        margin: auto;
        display: block;
        float: none;
        max-width: 66%;
    }
}

@media screen and (min-width:320px) {
    .formclose, .formopen {
        display: none;
    }

    #formcontainer {
        position: relative;
        right: 0;
        width: 100%;
        height: 100%;
        padding: 30px 25px;
    }

    body.open #formcontainer {
        right: 0;
    }

    body.open .formopen {
        right: -77px;
    }
}

@media screen and (min-width:768px) {
    .formclose, .formopen {
        display: block;
    }

    .formopen {
        top: 210px;
    }

    #formcontainer {
        position: fixed;
        right: -358px;
        width: 358px;
        height: 100%;
        padding: 23px 25px 0;
        background: #f1f1f1;
    }

    body.open #formcontainer {
        right: 0;
    }

    body.open .formopen {
        right: -77px;
    }
}

@media screen and (min-width:1680px) {
    #formcontainer .progress-button {
        margin-top: 42px;
        text-align: center;
    }

    #formcontainer .form-control {
        height: 40px;
    }
}

.hide_elem {
    opacity: 1;
}

footer {
    border-top: 1px solid #b78a81;
    background: #f1f1f1;
    padding-top: 12px;
}

    footer .navbar-menubuilder {
        padding: 0;
        border: none !important;
        float: left;
    }

    footer .social li:last-of-type {
        padding-right: 0;
    }

    footer .divider {
        border-bottom: 1px solid #b78a81;
        position: relative;
        float: right;
    }

    footer .copyright {
        text-align: center;
        width: 100%;
        font-size: 11px;
        color: #808285;
    }

        footer .copyright span {
            display: inline-block;
        }

    footer .footer-details {
        width: auto;
        display: block;
    }

        footer .footer-details a {
            width: auto;
            display: block;
            float: none;
            margin: auto;
            text-align: center;
            padding: 10px 0;
        }

            footer .footer-details a img {
                max-width: 100%;
                margin: auto;
                display: block;
            }

    footer .header-top {
        float: none;
        text-align: center;
    }

@media screen and (min-width:320px) {
    footer .footer-logo {
        float: none;
        text-align: center;
        display: block;
        margin-bottom: 15px;
    }

        footer .footer-logo img {
            display: inline-block;
        }
}

@media screen and (min-width:768px) {
    footer .footer-logo {
        float: left;
        margin-left: 15px;
        width: 210px;
        margin-bottom: 0;
        text-align: left;
    }

    footer .footer-details {
        display: inline-block;
        float: left;
        width: 39%;
        text-align: center;
        position: relative;
    }

        footer .footer-details a {
            display: inline-block;
            margin-bottom: -14px;
        }

            footer .footer-details a:last-of-type {
                display: inline-block;
                text-align: right;
                color: #857650;
                font-size: 17px;
                float: right;
            }

    footer .social {
        margin: 0 15px 0 0;
    }

    footer .navbar-menubuilder {
        margin: 5px 0 0;
    }

        footer .navbar-menubuilder > .navbar-nav > li > a {
            padding: 7px 5px !important;
        }

    footer .divider {
        width: 77%;
        margin-right: 15px;
        top: -4px;
    }

    footer .copyright {
        padding: 6px 0 10px;
    }
}

@media screen and (min-width:992px) {
    footer .footer-logo {
        margin-left: 15px;
        width: auto;
    }

    footer .social {
        margin: 5px 15px 0 0;
    }

    footer .navbar-menubuilder {
        margin: 5px 0 0;
    }

        footer .navbar-menubuilder > .navbar-nav > li > a {
            padding: 10px 11px 9px !important;
        }

    footer .divider {
        width: 70%;
        margin-right: 15px;
        top: -5px;
    }

    footer .copyright {
        padding: 6px 0 10px;
    }
}
.badgesayim {
    max-width: 140px;
    position: absolute;
    top: 0;
    left: 250px;
}

@media screen and (max-width: 480px) {
    .badgesayim {
        max-width: 57px;
        position: absolute;
        top: 0;
        left: 60px;
    }
}