html { font-size: 13px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-style: inherit; color: #0C2130 }

.nav-bg { background-color: #032030; }

.navbar-default .navbar-nav > li > a { color: #ffffff; padding: 0.75rem 0; margin: 0 0.75rem; font-size: 1.2rem; line-height: 2.6rem; text-transform: uppercase; z-index: 5; }



.navbar-default { background-color: transparent; border: 0; color: #222222; z-index: 15; }

.navbar > .container .navbar-brand { margin: 2px; padding: 1px; }

.navbar-default .navbar-nav > li.current > a:before { background: #F71E35; }

.navbar-default .navbar-nav > li > a:before { background: #F71E35; }

.navbar-default .navbar-nav > li.current > a { color: white; }

.footer .footer-bg .footer-bg-img { background: none; background-repeat: no-repeat; background-size: cover; }


.header-container .header-content .trapeze-bg { position: absolute; top: 0px; left: -15%; width: 65%; height: 100%; background-color: #D0DFE6; }

.header-container .header-content .title-product img { position: relative; width: 500px; }



.header-container .header-content { background-color: #F71E35; }

.about { position: relative; background: #D0DFE6; }

.about-img img { width: 100%; height: auto; padding: 0px; margin: 0px; }

#kullanim h2 { color: white }

.header-img { width: 100px; height: auto; padding: 0px; margin: 5px; }

.header-img img { max-width: 14rem; height: auto; vertical-align: middle; margin-top: 1px; padding-top: 1px; padding: 10px; border-radius: 0 0 15px 15px; }


.hero-button,
.buy-button,
.order-button,
.submit-button { color: #ffffff; background-color: #F71E35; }

.block { padding: 4.5rem 0; background: #D0DFEF; }

.hero-button:before { background-color: white; }
.hero-button:hover { background-color: #032030; color: #032030; }


.navbar-default .navbar-nav > li > a:hover { color: #FFF; }

.technologies .overlay-tech { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #032030; opacity: 0.8; }


.text-notice-line:after { background: #F71E35; }

.text-notice-line { display: inline-block; position: relative; }

.tech-block { text-align: center; }

.tech-block img { width: 100px; color: #F71E35; margin-bottom: 10px; }


.reviews .review:before { color: #F71E35; top: -2.5rem; }


.text-notice { color: #F71E35; }


.feature-img img { margin-top: 20px; width: 100%; }

.reviews.customers .customer img { height: 10px; margin-top: 10px; text-align: center; }

.faq h4 { margin: 0 0 1rem 0; font-size: 1.75rem; line-height: normal; }
.faq i { font-size: 1.75rem; }
.faq p { margin: 0 0 2rem 1rem; font-size: 1.2rem; }

.download .download-img img { max-height: 30%; max-width: 40%; margin: 0; }

.download { position: relative; padding: 0 0 20px; background: url(../images/mobile2.png) center no-repeat; color: #ffffff; }


.download .overlay-download { position: absolute; background: #032030; opacity: 0.9; }

.download-content { padding-top: 100px; }

.download h2 { text-align: left; font-size: 2.441rem; line-height: 3rem; color: white; }

.footer img { max-width: 200px; margin-bottom: 1.1rem; }


.footer-about img { margin: 5px; padding: 2px; }


.footer .trapeze-footer-bg { position: absolute; top: 0px; left: -17%; width: 70%; height: 100%; background-color: #032030; }

.footer .footer-bg .footer-bg-overlay { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #032030; opacity: 0.8; }

.footer-contacts ul > li { margin: 4px; padding: 4px; }

#page-preloader .circular { -webkit-animation: rotate 2s linear infinite; -moz-animation: rotate 2s linear infinite; -o-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 50px; left: 50%; position: absolute; top: 50%; transition: all 0.2s ease; transform: translate(-50%, -50%) rotate(360deg); width: 50px; z-index: 4; }

#page-preloader .path { stroke-dasharray: 1, 500; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; -moz-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; -o-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; stroke: #032030; }


.referrer ul li { display: inline-block; margin-right: 1.5rem; }

.referrer h1 { text-align: center; font-size: 2.811rem; line-height: 4rem; }

.referrer h2 { font-size: 1.441rem; }

.referrer h3 { margin: 50px 0 10px 0; }

.referrer h3.bingo { color: #00C795; }
.referrer .form-group { width: 30%; }
.referrer .form-control { margin: 0; text-align: center; }

.screen-container .title-center-content .title-text h1 { font-size: 2.2rem; line-height: normal; }
.screen-container .title-center-content .title-text h2 { font-size: 1.2rem; line-height: normal; text-align: left; }

.download-content > p {text-align: center; }
.download-content > .row { margin-bottom: 40px; }
.download-content > .row .col-md-8 { text-align: left; }
.download-content > .row h3 { font-size: 28px; margin-bottom: 20px; line-height: normal; }
.download-content > .row p { font-size: 20px; color: #999; line-height: normal; }

.footer-bottom-links { text-align: right; }
.footer-bottom-links a {font-size:14px;}
.footer-bottom-links a:before { content: ' / '; }
.footer-bottom-links ul li:first-child a:before { content: ''; }

@media (max-width: 576px) { .feature { text-align: center; }

    .footer-contacts { text-align: center; }
}

@media (max-width: 769px) {
    .row { text-align: center; }

    .download-content { text-align: center; }

    .footer .footer-first-line { text-align: center; }

    .footer h2 { text-align: center; }


    .header-container .header-content .scroll-link a { color: #F71E35; }

    .header-container .header-content .scroll-link a:before { background-color: #F71E35; }

    .referrer .form-group { width: 100%; }
}

@media (min-width: 576px) and (max-width: 769px) {
    .navbar-default .navbar-nav > li > a { font-size: 1rem; margin: 0 0.50rem; }

    .reviews .review:before { top: -2.5rem; }
}

@media (min-width: 992px) {
    .col-md-8 { width: 66.66667%; text-align: center; }
}
