@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap);

@import url(https://otodark.com/inc_all/css/font-awesome.css);

/*@import url(flaticon.css);*/

/*@import url(animate.css);*/

/*@import url(jquery-ui.css);*/

/*@import url(owl.css);*/

/*@import url(jquery.fancybox.css);*/



@font-face {

    font-family: ethnocentric;

    src: url(https://otodark.com/inc_all/fonts/ethnocentric_rg.ttf)

}



@font-face {

    font-family: rulervolume;

    src: url(https://otodark.com/inc_all/fonts/rulervolume.ttf)

}



@font-face {

    font-family: revuen;

    src: url(https://otodark.com/inc_all/fonts/revuen.ttf)

}



@font-face {

    font-family: sonsie;

    src: url(https://otodark.com/inc_all/fonts/sonsie.ttf)

}



@font-face {

    font-family: sigmar;

    src: url(https://otodark.com/inc_all/fonts/sigmar.ttf)

}



.ffethnocentric {

    font-family: ethnocentric

}



.ffrulervolume {

    font-family: rulervolume

}



.ffsonsie {

    font-family: sonsie

}



.ffrevuen {

    font-family: revuen

}



.ffsigmar {

    font-family: sigmar

}



* {

    margin: 0;

    padding: 0;

    border: none;

    outline: 0

}



body {

    font-size: 15px;

    color: #333;

    line-height: 1.7em;

    font-weight: 400;

    background: #fff;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center top;

    -webkit-font-smoothing: antialiased;

    font-family: Montserrat, sans-serif

}



a {

    text-decoration: none;

    cursor: pointer;

    color: #0074d9

}



a:focus, a:hover, a:visited {

    text-decoration: none;

    outline: 0

}



h1, h2, h3, h4, h5, h6 {

    position: relative;

    font-weight: 400;

    margin: 0;

    background: 0 0;

    line-height: 1.4em;

    font-family: Montserrat, sans-serif

}



button, input, select, textarea {

    font-family: Montserrat, sans-serif

}



p {

    position: relative;

    line-height: 1.7em

}
.margin-80{margin:80px;}

.marj-l40{margin-left: 40px !important;}
.strike-through {

    text-decoration: line-through

}



.auto-container {

    position: static;

    max-width: 1100px;

    padding: 0 15px;

    margin: 0 auto

}



.small-container {

    max-width: 780px;

    margin: 0 auto

}



.page-wrapper {

    position: relative;

    margin: 0 auto;

    width: 100%;

    min-width: 300px

}



li, ul {

    list-style: none;

    padding: 0;

    margin: 0

}



.theme-btn {

    display: inline-block;

    transition: all .3s ease;

    -moz-transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease

}



.grey-bg {

    background-color: #f9f9f9

}



.centered {

    text-align: center

}



.btn-style-one {

    position: relative;

    padding: 13px 25px;

    line-height: 24px;

    color: #333;

    text-align: center;

    font-size: 14px;

    font-weight: 600;

    background: #fff;

    text-transform: uppercase;

    letter-spacing: 1px;

    border-radius: 0

}



.btn-style-one:hover {

    color: #fff;

    background: #333

}



.btn-style-two {

    position: relative;

    padding: 11px 25px;

    line-height: 24px;

    color: #fff;

    text-align: center;

    font-size: 14px;

    font-weight: 600;

    background: 0 0;

    border: 2px solid #fff;

    text-transform: uppercase;

    letter-spacing: 1px;

    border-radius: 0

}



.btn-style-two:hover {

    color: #333;

    background: #fff

}



.btn-style-three {

    position: relative;

    padding: 11px 25px;

    line-height: 24px;

    color: #333;

    text-align: center;

    font-size: 14px;

    font-weight: 600;

    background: 0 0;

    border: 2px solid #333;

    text-transform: uppercase;

    letter-spacing: 1px;

    border-radius: 0

}



.btn-style-three:hover {

    color: #fff;

    background: #333

}



.theme_color {

    color: #0074d9

}



.no-padding-bottom {

    padding-bottom: 0 !important

}



.no-padding-top {

    padding-top: 0 !important

}



img {

    display: inline-block;

    max-width: 100%;

    height: auto

}



.preloader {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 999999;

    background-color: #fff;

    background-position: center center;

    background-repeat: no-repeat;

    background-image: url(https://otodark.com/inc_all/images/icons/preloader.svg)

}



.scroll-to-top {

    position: fixed;

    bottom: 40px;

    right: 15px;

    width: 42px;

    height: 42px;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    line-height: 42px;

    text-align: center;

    z-index: 100;

    cursor: pointer;

    border-radius: 5px 5px 0 0;

    background: #1c1c1c;

    display: none;

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease

}



.scroll-to-top:hover {

    color: #fff;

    background: #0074d9

}



.main-header {

    position: relative;

    left: 0;

    top: 0;

    z-index: 999;

    width: 100%;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.header-span {

    position: relative;

    display: block;

    height: 100px

}



.header-top {

    position: relative;

    padding: 15px 0;

    background: #222;

    color: #fff

}



.header-top .auto-container {

    max-width: 1650px;

    margin: 0 auto;

    padding: 0 15px

}



.header-top .top-left {

    position: relative;

    float: left;

    font-size: 14px

}



.header-top .top-left li {

    position: relative;

    float: left;

    display: block;

    padding: 0 0;

    margin-right: 41px;

    line-height: 20px

}



.header-top .top-left li:after {

    content: '';

    position: absolute;

    right: -20px;

    top: 50%;

    margin-top: -6px;

    height: 12px;

    border-right: 1px solid rgba(255, 255, 255, .5)

}



.header-top .top-left li:last-child:after {

    display: none

}



.header-top .top-left li a {

    color: #fff;

    text-transform: uppercase;

    font-weight: 500;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.header-top .top-left li a:hover {

    color: #0074d9

}



.header-top .top-right {

    position: relative;

    float: right

}



.header-top .top-right .social-links {

    position: relative

}



.header-top .top-right .social-links li {

    position: relative;

    float: left;

    margin-left: 20px;

    line-height: 20px

}



.header-top .top-right .social-links li a {

    display: block;

    color: #fff;

    font-size: 14px;

    line-height: 20px;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.header-top .top-right .social-links li a:hover {

    color: #0074d9

}



.header-style-one {

    position: fixed;

    left: 0;

    top: 0;

    background: #fff

}



.header-style-one.fixed-header, .header-style-two.alternate.fixed-header {

    border-bottom: 1px solid #e0e0e0

}



.header-style-two {

    /*position: absolute;*/

    left: 0;

    top: 0;

    background: 0 0

}



.header-style-two.alternate {

    position: fixed

}



.main-header .header-upper {

    position: relative;

    left: 0;

    top: 0;

    width: 100%;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    z-index: 5

}



.header-style-two.fixed-header .header-upper {

    position: fixed;

    background: #383936f2

}



.header-style-two.alternate .header-upper, .header-style-two.fixed-header.alternate .header-upper {

    position: relative;

    background: #fff

}



.main-header .logo-outer {

    position: relative;

    float: left;

    z-index: 25;

    padding: 10px 0

}



.main-header .logo-outer .logo img {

    position: relative;

    display: block;

    max-width: 100%;

    max-height: 80px

}



.header-style-one .logo-outer {

    position: absolute;

    left: 0;

    top: 0

}



.header-style-one .outer-box {

    position: relative;

    margin: 0 15px;

    padding: 0 120px 0 150px;

    min-height: 100px

}



.header-style-two .outer-box {

    max-width: 1000px;

    margin: 0 auto;

    /*padding: 10px 15px;*/

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.header-style-two.alternate .outer-box {

    padding: 0 15px

}



.header-style-two.fixed-header .outer-box {

    padding: 0 15px

}



.main-header .nav-outer {

    position: relative

}



.header-style-one .outer-box .nav-outer {

    position: relative;

    text-align: center

}



.header-style-two .outer-box .nav-outer {

    position: relative;

    float: right;

    padding-right: 10px;

    min-height: 70px

}



.header-style-two .outer-box .nav-outer .nav-toggler {

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -20px;

    height: 40px;

    line-height: 40px;

    color: #fff;

    font-size: 32px;

    cursor: pointer

}



.header-style-two.alternate .outer-box .nav-outer .nav-toggler {

    color: #333

}



.main-menu {

    position: relative;

    display: block

}



.main-menu .navbar-collapse {

    padding: 0

}



.main-menu .navigation {

    position: relative;

    margin: 0

}



.main-menu .navigation > li {

    position: relative;

    display: inline-block;

    margin: 0 15px;

    text-align: left

}



.header-style-two .main-menu .navigation > li {

    float: left;

    margin: 0;

    /*margin-left: 25px*/

}



.main-menu .navigation > li > a {

    position: relative;
padding-right: 26px !important;
    display: block;

    padding: 10px 0;

    font-size: 15px;

    color: #333;

    line-height: 30px;

    font-weight: 700;

    text-transform: uppercase;

    opacity: 1;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.header-style-two .main-menu .navigation > li > a {color: #333;}



.header-style-two.alternate .main-menu .navigation > li > a {

    color: #333

}



.main-menu .navigation > li.dropdown a {

    padding-right: 15px

}



.main-header .main-menu .navigation > li.dropdown > a:before {

    font-family: FontAwesome;

    content: "\f107";

    position: absolute;

    right: 0;

    font-size: 13px;

    line-height: 30px

}



.sticky-header .main-menu .navigation > li > a:before {

    display: none

}



.header-upper .main-menu .navigation > li.current-menu-item > a, .header-upper .main-menu .navigation > li.current > a, .header-upper .main-menu .navigation > li:hover > a {

    color: #333;

    opacity: 1

}



.main-menu .navigation > li:hover > a:after {

    opacity: 1

}



.main-menu .navigation > li > ul {

    position: absolute;

    left: 0;

    top: 120%;

    width: 220px;

    z-index: 100;

    display: none;

    padding: 0 0;

    background: #101010;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)

}



.main-menu .navigation > li > ul.from-right {

    left: auto;

    right: 0

}



.main-menu .navigation > li > ul > li {

    position: relative;

    width: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, .1)

}



.main-menu .navigation > li > ul > li:last-child {

    border-bottom: none

}



.main-menu .navigation > li > ul > li > a {

    position: relative;

    display: block;

    padding: 10px 20px;

    line-height: 22px;

    font-weight: 500;

    font-size: 12px;

    color: #e0e0e0;

    text-align: left;

    text-transform: uppercase;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.main-menu .navigation > li > ul > li:hover > a {

    color: #fff;

    background-color: #555

}



.main-menu .navigation > li > ul > li.dropdown > a:after {

    font-family: FontAwesome;

    content: "\f105";

    position: absolute;

    right: 10px;

    top: 10px;

    width: 10px;

    height: 20px;

    display: block;

    line-height: 21px;

    font-size: 16px;

    font-weight: 400;

    text-align: center;

    z-index: 5

}



.main-menu .navigation > li > ul > li.dropdown:hover > a:after {

    color: #fff

}



.main-menu .navigation > li > ul > li > ul {

    position: absolute;

    left: 100%;

    top: 20px;

    width: 220px;

    z-index: 100;

    display: none;

    background: #101010;

    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);

    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)

}



.main-menu .navigation > li > ul > li > ul > li {

    position: relative;

    width: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, .1)

}



.main-menu .navigation > li > ul > li > ul > li:last-child {

    border-bottom: none

}



.main-menu .navigation > li > ul > li > ul > li > a {

    position: relative;

    display: block;

    padding: 10px 20px;

    line-height: 22px;

    font-weight: 500;

    font-size: 12px;

    color: #e0e0e0;

    text-align: left;

    text-transform: uppercase;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.main-menu .navigation > li > ul > li > ul > li > a:hover {

    color: #fff;

    background-color: #555

}



.main-menu .navigation > li.dropdown:hover > ul {

    visibility: visible;

    opacity: 1;

    top: 100%

}



.main-menu .navigation li > ul > li.dropdown:hover > ul {

    visibility: visible;

    opacity: 1;

    top: 0;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.main-menu .navigation li.dropdown .dropdown-btn {

    position: absolute;

    right: 10px;

    top: 6px;

    width: 34px;

    height: 30px;

    border: 1px solid #fff;

    text-align: center;

    font-size: 16px;

    line-height: 26px;

    color: #fff;

    cursor: pointer;

    z-index: 5;

    display: none

}



.header-style-one .social-links {

    position: absolute;

    right: 0;

    top: 35px

}



.header-style-one .social-links li {

    position: relative;

    float: left;

    margin-left: 20px;

    line-height: 30px

}



.header-style-one .social-links li a {

    display: block;

    color: #333;

    font-size: 14px;

    line-height: 30px;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.header-style-one .social-links li a:hover {

    color: #0074d9

}



.main-slider {

    position: relative;

    z-index: 10

}



.main-slider h3 {

    position: relative;

    color: #333;

    font-size: 30px;

    font-weight: 300;

    letter-spacing: 4px;

    line-height: 1.2em;

    text-transform: uppercase

}



.main-slider .bordered-title {

    position: relative;

    font-size: 66px;

    letter-spacing: 1px;

    font-weight: 800;

    color: #333;

    padding: 0 15px;

    width: 100%;

    background: #fff;

    line-height: 1.1em;

    text-transform: uppercase

}



.main-slider .subtitle {

    position: relative;

    padding-left: 70px;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 500;

    color: #fff

}



.main-slider .subtitle:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: 1px;

    width: 50px;

    border-bottom: 1px solid #ddd

}



.main-slider .big-title {

    position: relative;

    font-size: 60px;

    font-weight: 700;

    color: #fff;

    line-height: 1.1em;

    text-transform: uppercase

}



.main-slider .link-box a {

    position: relative;

    display: inline-block;

    line-height: 20px;

    border-bottom: 1px solid #fff;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500

}



.main-slider .text-content {

    position: relative;

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    line-height: 1.8em

}



.main-slider .tp-bannertimer {

    display: none !important

}



.main-slider .tp-bullets {

    display: block !important

}



.main-slider .uranus.tparrows {

    width: 40px;

    height: 100px;

    background-color: #333;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease;

    opacity: .8

}



.main-slider .uranus.tparrows:before {

    width: auto;

    height: auto;

    font-size: 20px;

    color: #fff;

    line-height: 100px

}



.main-slider .uranus.tparrows:hover {

    opacity: 1

}



.main-slider .uranus.tparrows:hover::before {

    opacity: 1

}



.inner-info-box {

    position: relative;

    z-index: 12;

    width: 100%;

    text-align: center

}



.inner-info-box .info-box {

    position: relative;

    display: block;

    margin-top: -30px

}



.inner-info-box .info-box ul {

    position: relative;

    display: inline-block;

    background: #222;

    color: #fff;

    font-size: 14px;

    border-radius: 3px

}



.inner-info-box .info-box ul li {

    position: relative;

    float: left;

    display: block;

    padding: 15px 36px;

    line-height: 30px

}



.inner-info-box .info-box ul li:after {

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -6px;

    height: 12px;

    border-right: 1px solid rgba(255, 255, 255, .5)

}



.inner-info-box .info-box ul li:last-child:after {

    display: none

}



.inner-info-box .info-box ul li a {

    position: relative;

    color: #fff;

    text-transform: uppercase;

    font-weight: 500

}



.inner-info-box .info-box ul li a:hover {

    color: #0074d9

}



.isimsoyisim {

    /* border: 6px solid #ffd403; */
    border-radius: 10px;
    width: 100%;
    height: 81px;
    margin-top: 0px;
    color: #FFF; 
    text-align: center;
    font-weight: 800;
    font-size: 44px;
    background: none;
}

.pTextH {
    width: 100%;
    height: 95px;
    margin-top: 0px;
    color: #FFF;
    text-align: center;
    font-weight: 800;
    font-size: 44px;
    background: none;
}

.font {

    border: 0 solid #ffd403;

    border-radius: 10px;

    width: 100%;

    height: 51px;

    margin-top: 20px;

    color: #747473;

    text-align: center;

    font-weight: 800;

    font-size: 18px

}



.fontDiv {

    border: 0 solid #ffd403;

    border-radius: 10px;

    width: 100%;

    height: 51px;

    margin-top: 20px;

    color: #747473;

    text-align: center;

    font-weight: 800;

    font-size: 18px;



}


.selectrenk{
    background: url(https://otodark.com/inc_all/images/sec.png) no-repeat #fff right center
}
select {

    width: 100px;

    -webkit-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    -ms-appearance: none;

    appearance: none;

    padding: 23px;

    border: none;

    background: url(https://otodark.com/inc_all/images/sec.png) no-repeat #fff right center

}



.radio-select {

    padding: 14px;

    border-radius: 10px

}



.radio-select input {

    float: left;

    padding: 23px;

    font-size: 27px;

    display: block;

    width: 18px;

    height: 18px;

    margin-right: 5px;

    margin-top: 9px

}



.radio-select img {

    float: right;

    width: 95%

}



.radio1 {

    padding-bottom: 10px

}



.radio2 {

    padding-bottom: 10px

}



.radio3 {

    padding-bottom: 10px

}



.bos-plaka-aciklama {

    color: #747473;

    font-size: 15px;

    font-weight: 600;

    padding-top: 10px

}



.plaka-yon {

    color: #747473;

    font-size: 15px;

    font-weight: 600;

    padding-bottom: 5px;

    letter-spacing: 1px

}



.center {

    text-align: center

}



.about-section {

    position: relative;

    padding-top: 0px

}



.about-section .content-column {

    position: relative

}



.about-section .title-box {

    position: relative;

    margin-bottom: 30px;

    text-align: center

}



.about-section .title-box .subtitle {

    position: relative;

    padding-left: 70px;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 500;

    color: #ddd;

    margin-bottom: 12px

}



.about-section .title-box .subtitle:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: 1px;

    width: 50px;

    border-bottom: 1px solid #ddd

}



.about-section .title-box h2 {

    position: relative;

    font-size: 30px;

    font-weight: 700;

    color: #747473;

    line-height: 1.2em;

    text-align: left

}



.odeme-baslik {

    color: #747473;

    text-align: left;

    float: left;

    font-weight: 600;

    margin-bottom: 0;

    font-size: 14px

}



.about-section .title-box h4 {

    position: relative;

    font-size: 19px;

    font-weight: 600;

    line-height: 1.4em;

    text-align: left

}



.about-section .content-column .text-content {

    position: relative;

    line-height: 1.7em;

    margin-bottom: 45px

}



.about-section .content-column .facts {

    position: relative

}



.about-section .content-column .facts li {

    position: relative;

    float: left;

    margin-right: 40px

}



.about-section .content-column .facts li .count {

    position: relative;

    font-size: 48px;

    font-weight: 300;

    color: #333;

    line-height: 1.2em

}



.about-section .content-column .facts li .fact-title {

    position: relative;

    font-size: 14px;

    font-weight: 400;

    color: #888;

    line-height: 1.7em

}



.about-section .images-column {

    position: relative

}



.about-section .images-column .inner {

    position: relative;

    padding-left: 40px

}



.about-section .images-column .image-col {

    position: relative;

    margin-bottom: 30px

}



.about-section .images-column .image-box img {

    display: block;

    width: 100%;

    height: auto

}



.about-section .images-column .image-col:first-child .image-box {

    margin-top: 65px

}



.featured-content-section {

    position: relative;

    padding: 90px 0;

    background: #f8f8f8

}



.featured-content-section .content-column, .featured-content-section .image-column {

    position: relative;

    margin-bottom: 30px

}



.featured-content-section .image-column .inner {

    position: relative

}



.featured-content-section .image-column img {

    display: block;

    width: 100%

}



.featured-content-section .content-column .inner {

    position: relative;

    padding-left: 30px;

    padding-top: 30px;

    z-index: 2

}



.featured-content-section .content-column h2 {

    position: relative;

    margin-left: -134px;

    font-size: 36px;

    font-weight: 700;

    color: #333;

    text-transform: capitalize;

    margin-bottom: 30px

}



.featured-content-section .content-column h3 {

    position: relative;

    font-family: Merriweather, serif;

    padding-left: 60px;

    font-size: 22px;

    font-weight: 700;

    letter-spacing: -.02em;

    color: #333;

    font-style: italic;

    text-transform: capitalize;

    margin-bottom: 25px

}



.featured-content-section .content-column h3:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -1px;

    width: 40px;

    border-bottom: 2px solid #333

}



.featured-content-section .content-column .text {

    position: relative;

    line-height: 1.7em

}



.selecttype {background: #d1d1d1}

.unselecttype {background: #f4c714}

.dark_logo{
    display: inline ;
    z-index: -10!important;
    font-weight: bold;
    font-size: 20px;
}
.cerceve{width: 100px;height: 50px;margin-left: -74%;position: absolute;z-index: 1;margin-top: -1%;}
.product{position: absolute;margin-left: 2%;font-size: 23px;font-weight: bold;margin-top: -17px;z-index: 1;background-color: #FFFFFF;}

.border-style{
    border-style: solid;
    border-color: #d1d1d1;
    /*margin-top: 20px;*/
    padding-top: 20px;
}
.plaka-tur-1 {

    text-align: end;
    border-radius: 10px;
       min-height: 130px;
    display: block;
    width: 21.5%;
    margin-right: 17px !important;
    margin-left: 17px !important;
    margin-bottom:15px;

}



.plaka-tur-2 {

    text-align: end;

    border-radius: 10px;

    min-height: 150px;

    display: block;

    width: 46%

}



.plaka-turu {

    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    text-align: left;
    color: #747473;
    float: left;
    margin-top: 10px;
    margin-left: 40px;
}

.plaka-turu small {
font-weight: 500;

}

.kargo{    float: right;
    font-size: 15px;
    font-weight: 700;
    color: #747473;
    line-height: 1.1em;
    margin-right: 40px !important;
    margin-top: 8px !important;
}
p {
    margin: 0 0 5px 0 !important;
}

.plaka-fiyat {

    float: right;
    font-size: 55px;
    font-weight: 700;
    color: #747473;
    margin-top: 8px;
    margin-right: 35px !important;
    line-height: 44px;
}
.plaka-fiyat-void{
    float: right;
    font-size: 30px;
    text-decoration: line-through;
    font-weight: 500;
    margin-right: 80px;
}
.plaka-fiyat p {

    font-size: 18px;

}



.plaka-fiyat span {
font-size: 25px;
    font-weight: 800;
    margin-left: -11px;

}

#totalPrice{color: red;font-weight: bold;font-size: 20px;}

.odeme-tablo{font-size: 17px;}

.kargo-modal{font-size: 20px;font-weight: bold}

.odeme-fiyat-turu {

    color: #383837;

    font-size: 61px;

    font-weight: 800;

    margin-top: -45px;

    margin-right: -24px

}



.odeme-fiyat-turu span {

    font-size: 25px

}

.odeme-fiyat-turu p {

    font-size:16px;

}

.odeme-fiyat-turu2 {

    color: #383837;

    font-size: 61px;

    font-weight: 800;

    margin-top: -45px;

    margin-left: 122px

}



.odeme-fiyat-turu2 span {

    font-size: 25px

}

.yastik-sol-emoji {
    float: left;
    margin-top: -138px;
    position: relative !important;
    margin-left: 10px;
    display: block;
    width: 18%;
    font-size: 40px !important;
    font-weight: 800 !important;
    margin-left: 155px;


}

.plaka-svg1,.plaka-svg2,.plaka-svg3,.plaka-svg4,.plaka-svg5,.plaka-svg6,.plaka-svg7,.plaka-svg8{
    margin-top: -45%;
    margin-left: 38%;
}

.plaka-sol-emoji {
float: left;
    margin-top: -345px;
    position: relative !important;
    display: block;
    width: 53%;
    font-size: 40px !important;
    font-weight: 800 !important;
    margin-left: 360px;
}
.plaka-sol-emoji-izle {
float: left;
    margin-top: -230px;
    position: relative !important;
    display: block;
    width: 53%;
    font-size: 40px !important;
    font-weight: 800 !important;
    margin-left: 220px;
    width: 60px !important;
    z-index: 1;
}


.yastik-icon{   }


.sol-menu-hizalama{    margin-top: 90px;}


.plaka-sag-emoji {

    float: right;

    margin-top: -69px;

    position: relative;

    margin-right: 18px

}
.lineHeight{line-height: .6em !important;margin-top: 70% !important;margin-left: -140% !important;}
.text-see{margin-top: -20px !important;margin-left: 50px !important;font-size: 18px !important;float: left;position: relative !important;display: block;line-height: 1.1em;
}

.kemer-isimlik {
    float: left !important;
    margin-top: -120px !important;
    position: relative !important;
    margin-left: 10px !important;
    display: block !important;
    width: 75% !important;
    font-size: 43px !important;
    font-weight: 800 !important;
    margin-left: 171px !important;
    /*color: #fff !important;*/
}

.plateText-div{
    float: left;
    margin-top: -30%;
    position: relative !important;
    margin-left: 0% !important;
    display: block;
    width: 100%;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.bos-plaka-uzerine-gelecek-yazi-input {

    float: left;
    margin-top: -190px;
    position: relative !important;
    display: block;
    width: 50%;
    font-size: 36px !important;
    font-weight: 800 !important;
    margin-left: 231px;
    line-height: 1.1em;
}
.bos-plaka-uzerine-gelecek-yazi-input-izle {

    float: left;
    margin-top: -120px;
    position: relative !important;
    margin-left: 10px;
    display: block;
    width: 50%;
    font-size: 20px !important;
    font-weight: 800 !important;
    margin-left: 115px;
    line-height: 1.1em;
}

.bos-cita-rengi {
    width: 100%;
    height: 76px;
    background: #000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.renkler input[type=radio] {
    display: none
}

.renk1 input[type=radio] + label span {
    display: inline-block;
    width: 88px;
    height: 88px;
    background: url(https://otodark.com/inc_all/images/renk1.png) center center;
    position: relative
}

.renk1 input[type=radio]:checked + label span {
    background: url(https://otodark.com/inc_all/images/renk1.png) -8px -5px no-repeat;
    border: 10px solid #424340;
    border-radius: 56px
}

.renk2 input[type=radio] + label span {
    display: inline-block;
    width: 88px;
    height: 88px;
    background: url(https://otodark.com/inc_all/images/renk2.png) center center;
    position: relative
}

.renk2 input[type=radio]:checked + label span {
    background: url(https://otodark.com/inc_all/images/renk2.png) -8px -5px no-repeat;
    border: 10px solid #424340;
    border-radius: 56px
}

.renk3 input[type=radio] + label span {
    display: inline-block;
    width: 88px;
    height: 88px;
    background: url(https://otodark.com/inc_all/images/renk3.png) center center;
    position: relative
}

.renk3 input[type=radio]:checked + label span {
    background: url(https://otodark.com/inc_all/images/renk3.png) -8px -5px no-repeat;
    border: 10px solid #424340;
    border-radius: 56px
}

.renk4 input[type=radio] + label span {
    display: inline-block;
    width: 88px;
    height: 88px;
    background: url(https://otodark.com/inc_all/images/renk4.png) center center;
    position: relative
}

.renk4 input[type=radio]:checked + label span {
    background: url(https://otodark.com/inc_all/images/renk4.png) -8px -5px no-repeat;
    border: 10px solid #424340;
    border-radius: 56px
}

.renk5 input[type=radio] + label span {
    display: inline-block;
    width: 88px;
    height: 88px;
    background: url(https://otodark.com/inc_all/images/renk5.png) center center;
    position: relative
}

.renk5 input[type=radio]:checked + label span {
    background: url(https://otodark.com/inc_all/images/renk5.png) -8px -5px no-repeat;
    border: 10px solid #424340;
    border-radius: 56px
}

.renk6 input[type=radio] + label span {
   display: inline-block;
    width: 88px;
    height: 88px;
    background: url(https://otodark.com/inc_all/images/renk6.png) center center;
    position: relative
}

.renk6 input[type=radio]:checked + label span {
   background: url(https://otodark.com/inc_all/images/renk6.png) -8px -5px no-repeat;
    border: 10px solid #424340;
    border-radius: 56px
}

.renk-baslik {
   color: #747473;
    font-size: 16px;
    font-weight: 700
}
/* BURADA 1 . PLKALAIK SAĞ SOL ORTA SEÇMİ VAR ********************/
.sol-sec input[type=radio] + label span {
   display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://otodark.com/inc_all/images/radio2.png) center center;
    position: relative
}


.sol-sec input[type=radio]:checked + label span {
    background: url(https://otodark.com/inc_all/images/radio2-hover-2.png) 0 0 no-repeat

}


.orta-sec input[type=radio] + label span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://otodark.com/inc_all/images/radio1.png) center center;
    position: relative
}


.orta-sec input[type=radio]:checked + label span {
    background: url(https://otodark.com/inc_all/images/radio1-hover-1.png) 0 0 no-repeat
}


.sag-sec input[type=radio] + label span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://otodark.com/inc_all/images/radio3.png) center center;
    position: relative
}


.sag-sec input[type=radio]:checked + label span {
    background: url(https://otodark.com/inc_all/images/radio3-hover-3.png) 0 0 no-repeat
}
/* BURADA 2 . PLKALAIK SAĞ SOL ORTA SEÇMİ VAR ********************/

.renk-sec-mobil {
    display: none
}

.mobil-font-sec {
    display: none
}

.renk-sec-masaustu {
    display: block;
}

.sol-sekil-masaustu-gorunum {
    display: block
}
.sol-sekil-masaustu-bg {
    font-size: 12px;
    background: url(https://otodark.com/inc_all/images/sec.png) no-repeat #fff center;
    padding-top: 50px;
    margin-left: 21px;
}
.sag-sekil-masaustu-bg {
    font-size: 12px;
    background: url(https://otodark.com/inc_all/images/sec.png) no-repeat rgb(0,0,0,0) center;
    padding-top: 50px;
    margin-left:-19px;
}

.sol-sekil-mobil-gorunum {
    display: none
}

.tumu {
    display: none !important
}

.sponsors-section {
    position: relative;
    padding: 100px 0 0
}

.sponsors-section.alternate {
    padding: 0 0 0
}

.sponsors-section.with-border-bottom {
    padding: 100px 0 60px
}

.emoji-paketi {
    border: 6px solid #ffd403;
    border-radius: 10px;
    width: 30%;
    line-height: 33px;
    height: 49px;
    margin-top: 20px;
    color: #747473;
    text-align: center;
    font-weight: 800;
    font-size: 18px;
    margin: 0 auto
}

.sponsors-section .title-box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    text-align: center
}

.sponsors-section .title-box .inner-box {
    position: relative;
    display: block;
    margin-top: -30px
}

.sponsors-section .title-box .inner-box .title {
    position: relative;
    display: inline-block;
    background: #222;
    color: #fff;
    font-size: 24px;
    padding: 14px 70px;
    line-height: 32px;
    border-radius: 3px
}

.sponsors-section .sponsors-list {
    position: relative;
    text-align: center
}

.sponsors-section .sponsors-list li {
    position: relative;
    display: inline-block;
    margin: 0 15px
}



.sponsors-section .sponsors-list li img {

    position: relative;

    display: inline-block;

    max-width: 200px;

    opacity: .5;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease

}



.sponsors-section .sponsors-list li img:hover {

    opacity: 1

}



.sec-title-one {

    position: relative;

    margin-bottom: 45px

}



.sec-title-one .subtitle {

    position: relative;

    padding-left: 70px;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 500;

    color: #ddd;

    margin-bottom: 12px

}



.sec-title-one .subtitle:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: 1px;

    width: 50px;

    border-bottom: 1px solid #ddd

}



.sec-title-one h2 {

    position: relative;

    font-size: 30px;

    font-weight: 600;

    color: #333;

    text-transform: capitalize;

    line-height: 1.2em

}



.projects-section {

    position: relative;

    padding: 100px 0 70px

}



.filters {

    position: relative;

    z-index: 5

}



.projects-section .filters {

    position: relative;

    margin-top: -75px;

    margin-bottom: 45px

}



.filters .filter-tabs li {

    margin-left: 20px;

    margin-right: 19px;

    position: relative;

    display: inline-block;

    color: #888;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    width: 12%;

    text-align: center;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    -moz-transition: all .5s ease;

    margin-bottom: 14px

}



.filters .filter-tabs li.active, .filters .filter-tabs li:hover {

    color: #e94c3b;

    border-bottom: 4px solid #e94c3b

}



.projects-section .filters .filter-tabs {

    text-align: right

}



.default-portfolio-item {

    position: relative;

    margin-bottom: 30px

}



.default-portfolio-item.mix {

    display: none

}



.default-portfolio-item .inner-box {

    position: relative;

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    overflow: hidden

}



.default-portfolio-item .image, .default-portfolio-item .image img, .default-portfolio-item .image-box {

    position: relative;

    display: block;

    width: 100%;

    margin: 0;

    padding: 0

}



.default-portfolio-item .overlay-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border: 25px solid transparent;

    color: #fff;

    text-align: center;

    opacity: 0;

    -webkit-transform: translateY(-25px);

    -ms-transform: translateY(-25px);

    -o-transform: translateY(-25px);

    -moz-transform: translateY(-25px);

    transform: translateY(-25px);

    transition: all .7s ease;

    -webkit-transition: all .7s ease;

    -ms-transition: all .7s ease;

    -o-transition: all .7s ease;

    -moz-transition: all .7s ease

}



.default-portfolio-item .inner-box:hover .overlay-box {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    -moz-transform: translateY(0);

    transform: translateY(0)

}



.default-portfolio-item .overlay-inner {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: table;

    padding: 15px;

    vertical-align: middle;

    background: rgba(0, 0, 0, .7)

}



.default-portfolio-item .overlay-content {

    position: relative;

    display: table-cell;

    vertical-align: middle

}



.default-portfolio-item .overlay-content h3 {

    position: relative;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 3px

}



.default-portfolio-item .overlay-content h3 a {

    position: relative;

    color: #fff

}



.default-portfolio-item .overlay-content h3 a:hover {

    color: #0074d9

}



.default-portfolio-item .overlay-content .cat {

    position: relative;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: 500;

    color: #ccc

}



.default-portfolio-item .overlay-content .cat a {

    position: relative;

    color: #ccc

}



.projects-section .load-more-btn {

    position: relative;

    padding-top: 40px;

    text-align: center

}



.projects-section .load-more-btn a {

    position: relative;

    display: inline-block;

    font-size: 12px;

    color: #333;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 20px;

    border-bottom: 1px solid

}



.projects-section .load-more-btn a:hover {

    color: #0074d9

}



.testimonials-one {

    position: relative;

    padding: 100px 0;

    border-top: 1px solid #f0f0f0;

    text-align: center

}



.with-border-top {

    border-top: 1px solid #f0f0f0

}



.with-border-bottom {

    border-bottom: 1px solid #f0f0f0

}



.no-border {

    border: none

}



.testimonials-one .carousel-outer {

    position: relative;

    max-width: 920px;

    margin: 0 auto

}



.testimonials-one .slide-item {

    position: relative

}



.testimonials-one .slide-item .quotes-icon {

    position: relative;

    font-size: 64px;

    color: #333;

    line-height: 1.2em;

    margin-bottom: 30px

}



.testimonials-one .slide-item .text-content {

    position: relative;

    font-size: 18px;

    font-family: Merriweather, serif;

    color: #333;

    font-style: italic;

    line-height: 1.8em;

    margin-bottom: 50px

}



.testimonials-one .slide-item .info {

    position: relative;

    max-width: 180px;

    margin: 0 auto

}



.testimonials-one .slide-item .info .author-thumb {

    position: relative;

    width: 80px;

    height: 80px;

    margin: 0 auto 20px

}



.testimonials-one .slide-item .info h4 {

    font-size: 18px;

    color: #333;

    text-transform: capitalize;

    margin-bottom: 5px;

    font-weight: 600

}



.testimonials-one .slide-item .info .designation {

    font-size: 12px;

    color: #888;

    text-transform: uppercase;

    font-weight: 400

}



.testimonials-one .owl-nav {

    position: absolute;

    left: 50%;

    margin-left: -90px;

    bottom: 120px;

    width: 180px;

    height: 0;

    z-index: 2

}



.testimonials-one .owl-nav .owl-prev {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 18px

}



.testimonials-one .owl-nav .owl-next {

    position: absolute;

    right: 0;

    top: 0;

    font-size: 18px

}



.testimonials-two {

    position: relative;

    padding: 80px 0 60px;

    text-align: center

}



.testimonials-two .carousel-outer {

    position: relative;

    max-width: 880px;

    margin: 0 auto

}



.testimonials-two .slide-item {

    position: relative

}



.testimonials-two .slide-item .quotes-icon {

    position: relative;

    font-size: 64px;

    color: #333;

    line-height: 1.2em;

    margin-bottom: 30px

}



.testimonials-two .slide-item .text-content {

    position: relative;

    font-size: 18px;

    font-family: Merriweather, serif;

    color: #121212;

    font-style: italic;

    line-height: 1.8em;

    margin-bottom: 40px

}



.testimonials-two .slide-item .info {

    position: relative;

    color: #ccc;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

    letter-spacing: 1px

}



.testimonials-two .owl-nav .owl-prev {

    position: absolute;

    left: -80px;

    top: 50%;

    margin-top: 15px;

    font-size: 18px;

    line-height: 30px

}



.testimonials-two .owl-nav .owl-next {

    position: absolute;

    right: -80px;

    top: 50%;

    margin-top: 15px;

    font-size: 18px;

    line-height: 30px

}



.news-section {

    position: relative;

    padding: 80px 0 50px;

    background: #f8f8f8

}



.news-section .row {

    margin: 0 -25px

}



.news-section .news-style-one {

    padding: 0 25px

}



.news-style-one {

    position: relative;

    margin-bottom: 30px

}



.news-style-one .inner-box {

    position: relative;

    display: block

}



.news-style-one .post-meta {

    position: relative;

    font-size: 12px;

    margin-bottom: 10px

}



.news-style-one .post-meta li {

    position: relative;

    float: left;

    margin-right: 20px;

    color: #888;

    line-height: 20px;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase

}



.news-style-one .post-meta li:after {

    content: '/';

    position: absolute;

    right: -20px;

    text-align: center;

    width: 20px;

    line-height: 20px

}



.news-style-one .post-meta li:last-child:after {

    display: none

}



.news-style-one .post-meta li a {

    position: relative;

    color: #888;

    text-transform: uppercase

}



.news-style-one h2 {

    position: relative;

    font-size: 24px;

    font-weight: 600;

    color: #333;

    margin-bottom: 15px

}



.news-style-one h2 a {

    color: #333

}



.news-style-one .text {

    position: relative;

    margin-bottom: 30px

}



.news-style-one .more-link {

    position: relative;

    font-size: 12px

}



.news-style-one .more-link a {

    position: relative;

    display: inline-block;

    font-size: 12px;

    color: #333;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 20px;

    border-bottom: 1px solid

}



.news-style-one .more-link a:hover, .news-style-one h2 a:hover {

    color: #0074d9

}



.main-footer {

    position: relative;

    background: #fff

}



.main-footer .auto-container {

    max-width: 1140px

}



.main-footer .widgets-section {

    position: relative;

    padding: 40px 0 30px;

    background: url(https://otodark.com/inc_all/images/footer-bg.png) center center

}



.main-footer .widgets-section .footer-column {

    margin-bottom: 30px

}



.main-footer .footer-widget {

    position: relative

}



.main-footer .footer-widget h2 {

    position: relative;

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 700;

    margin-bottom: 25px;

    color: #333

}



.main-footer .about-widget .logo {

    position: relative;

    margin-bottom: 12px

}



.main-footer .about-widget .text {

    position: relative;

    margin-bottom: 24px;

    line-height: 1.8em;

    max-width: 350px

}



.main-footer .social-links {

    position: relative;

    padding-top: 25px

}



.main-footer .social-links li {

    position: relative;

    display: inline-block;

    margin-right: 18px

}



.main-footer .social-links li a {

    position: relative;

    display: block;

    line-height: 24px;

    color: #666;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease

}



.main-footer .social-links li a:hover {

    color: #0074d9

}



.main-footer .about-widget .contact-info {

    position: relative;

    font-size: 14px

}



.main-footer .contact-info li {

    position: relative;

    display: block;

    line-height: 24px;

    margin-bottom: 3px;

    color: #333

}



.main-footer .contact-info li:last-child {

    margin-bottom: 0

}



.main-footer .contact-info li a {

    color: #333

}



.main-footer .contact-info li strong {

    font-weight: 600

}



.main-footer .newsletter-widget {

    position: relative

}



.main-footer .newsletter-widget .text {

    position: relative;

    margin-bottom: 20px;

    line-height: 1.8em;

    font-size: 14px;

    color: #333

}



.main-footer .newsletter-widget .form-group {

    position: relative;

    margin: 0

}



.main-footer .newsletter-widget input[type=email], .main-footer .newsletter-widget input[type=password], .main-footer .newsletter-widget input[type=text], .main-footer .newsletter-widget select {

    display: block;

    width: 100%;

    line-height: 24px;

    padding: 10px 40px 10px 20px;

    height: 46px;

    font-size: 14px;

    color: #333;

    border: 1px solid #eee;

    background: #eee;

    border-radius: 0;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease

}



.main-footer .newsletter-widget input:focus, .main-footer .newsletter-widget select:focus {

    border-color: #3ba5ea

}



.main-footer .newsletter-widget .send-btn {

    position: absolute;

    right: 20px;

    top: 0;

    height: 46px;

    line-height: 46px;

    text-align: center;

    color: #333;

    font-size: 16px;

    background: 0 0;

    cursor: pointer

}



.main-footer .links-widget .list li {

    position: relative;

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 10px;

    border-bottom: 1px solid

}



.main-footer .links-widget .list li a {

    position: relative;

    display: block;

    line-height: 24px;

    color: #4ed30a;

    text-transform: capitalize

}



.main-footer .links-widget .list li a:hover {

    color: #fcb414

}



.main-footer .footer-bottom {

    position: relative;

    padding: 8px 0;

    color: #222;

    background: #2b2b2b;

    line-height: 20px;

    text-align: center;

    font-size: 14px;

    border-top: 1px solid #f0f0f0

}



.fc-red {

    color: red

}



.services-section {

    position: relative;

    background: #ffd403;

    height: 5px

}



.services-section .title-box {

    position: relative;

    margin-bottom: 60px;

    padding-bottom: 32px;

    text-align: center

}



.services-section .title-box:after {

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    margin-left: -25px;

    width: 50px;

    border-bottom: 2px solid #333

}



.services-section .title-box .subtitle {

    position: relative;

    display: inline-block;

    padding: 0 70px;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 500;

    color: #ddd;

    margin-bottom: 15px

}



.services-section .title-box .subtitle:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: 1px;

    width: 50px;

    border-bottom: 1px solid #ddd

}



.services-section .title-box .subtitle:after {

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: 1px;

    width: 50px;

    border-bottom: 1px solid #ddd

}



.services-section .title-box h2 {

    position: relative;

    font-size: 36px;

    font-weight: 700;

    color: #333;

    line-height: 1.2em;

    margin-bottom: 10px

}



.services-section .title-box h4 {

    position: relative;

    font-size: 18px;

    font-weight: 500;

    color: #888;

    line-height: 1.4em;

    text-transform: uppercase

}



.service-style-one {

    position: relative;

    margin-bottom: 25px;

    margin-top: 15px

}



.service-style-one .inner-box {

    position: relative;

    display: block;

    padding-left: 60px

}



.service-style-one .inner-box .icon-box {

    position: absolute;

    left: 0;

    top: 0;

    line-height: 1.1em;

    font-size: 38px;

    color: #333

}



.service-style-one .inner-box h3 {

    position: relative;

    font-size: 18px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1.4em;

    color: #747473

}



.service-style-one .inner-box h3 a {

    color: #333

}



.service-style-one .inner-box .text {

    position: relative;

    line-height: 1.1em;

    color: #747473

}



.service-style-one .inner-box .more-link {

    position: relative;

    font-size: 12px

}



.service-style-one .inner-box .more-link a {

    position: relative;

    display: inline-block;

    font-size: 12px;

    color: #333;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 20px;

    border-bottom: 1px solid

}



.service-style-one .inner-box .more-link a:hover, .service-style-one .inner-box h3 a:hover {

    color: #0074d9

}



.urun-baslik {

    color: #747473;

    font-size: 14px;

    font-weight: 600;

    background: #ffd403;

    border-radius: 10px;

    padding: 5px;

    margin-left: 5px;

    margin-right: 5px;

    padding-left: 10px

}



.kategori-baslik {

    color: #747473;

    font-size: 19px;

    font-weight: 700;

    padding-left: 8px

}



.what-we-do {

    position: relative;

    padding: 0 0 0

}



.what-we-do .title-box {

    position: relative;

    margin-bottom: 50px;

    padding-bottom: 35px;

    text-align: center

}



.what-we-do .title-box:after {

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    margin-left: -25px;

    width: 50px;

    border-bottom: 2px solid #333

}



.what-we-do .title-box .subtitle {

    position: relative;

    display: inline-block;

    padding: 0 70px;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 500;

    color: #ddd;

    margin-bottom: 15px

}



.what-we-do .title-box .subtitle:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: 1px;

    width: 50px;

    border-bottom: 1px solid #ddd

}



.what-we-do .title-box .subtitle:after {

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: 1px;

    width: 50px;

    border-bottom: 1px solid #ddd

}



.what-we-do .title-box h2 {

    position: relative;

    font-size: 36px;

    font-weight: 700;

    color: #333;

    line-height: 1.2em;

    margin-bottom: 10px

}



.what-we-do .title-box h4 {

    position: relative;

    font-size: 16px;

    font-weight: 500;

    color: #888;

    word-spacing: 1px;

    line-height: 1.4em;

    text-transform: uppercase

}



.what-we-do .row {

    margin: 0 -20px

}



.what-we-do .row .text-column {

    position: relative;

    padding: 0 20px;

    margin-bottom: 30px

}



.what-we-do .social-links {

    position: relative;

    padding-top: 30px;

    font-size: 14px;

    text-align: center

}



.what-we-do .social-links li {

    position: relative;

    display: inline-block;

    margin: 0 25px;

    line-height: 24px

}



.what-we-do .social-links li a {

    position: relative;

    display: block;

    color: #333;

    font-weight: 500

}



.what-we-do .social-links li a:hover {

    color: #0074d9

}



.featured-content-section-two {

    position: relative;

    padding: 0 0;

    background: #f8f8f8

}



.featured-content-section-two .outer-container {

    position: relative;

    min-height: 250px

}



.featured-content-section-two .image-column {

    position: absolute;

    left: 0;

    top: 0;

    float: left;

    width: 50%;

    height: 100%;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat

}



.featured-content-section-two .image-column .image-box {

    position: relative;

    display: none

}



.featured-content-section-two .image-column .image-box img {

    position: relative;

    display: block;

    width: 100%

}



.featured-content-section-two .content-column {

    position: relative;

    float: right;

    width: 50%

}



.featured-content-section-two .content-column .inner {

    position: relative;

    padding: 100px 20px 60px 90px;

    max-width: 850px;

    z-index: 2

}



.featured-content-section-two .content-column h2 {

    position: relative;

    margin-left: -168px;

    font-size: 36px;

    font-weight: 700;

    color: #333;

    text-transform: capitalize;

    margin-bottom: 30px

}



.white-color {

    color: #fff

}



.featured-content-section-two .content-column h3 {

    position: relative;

    font-family: Merriweather, serif;

    padding-left: 60px;

    font-size: 22px;

    font-weight: 700;

    color: #333;

    letter-spacing: -.02em;

    font-style: italic;

    text-transform: capitalize;

    margin-bottom: 25px

}



.featured-content-section-two .content-column h3:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -1px;

    width: 40px;

    border-bottom: 2px solid #333

}



.featured-content-section-two .content-column .text {

    position: relative;

    line-height: 1.7em;

    margin-bottom: 50px

}



.featured-content-section-two .facts {

    position: relative

}



.featured-content-section-two .facts .facts-list {

    position: relative;

    margin: 0 -20px

}



.featured-content-section-two .facts .facts-list li {

    position: relative;

    float: left;

    padding: 0 20px;

    margin-bottom: 30px;

    width: 33.3333%

}



.featured-content-section-two .facts .facts-list li .fact-inner {

    position: relative;

    padding-left: 70px;

    min-height: 74px

}



.featured-content-section-two .facts .facts-list li .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 70px;

    line-height: 74px;

    font-size: 52px;

    color: #333

}



.featured-content-section-two .facts li .count {

    position: relative;

    font-size: 48px;

    font-weight: 300;

    color: #333;

    line-height: 1em

}



.featured-content-section-two .facts li .fact-title {

    position: relative;

    font-size: 14px;

    font-weight: 400;

    color: #888;

    line-height: 1.7em

}



.news-section-two {

    position: relative;

    padding: 100px 0

}



.news-style-two {

    position: relative;

    margin-bottom: 30px

}



.owl-theme .news-style-two {

    margin-bottom: 0

}



.news-style-two .inner-box {

    position: relative;

    display: block

}



.news-style-two .image-box {

    position: relative;

    display: block;

    margin-bottom: 30px

}



.news-style-two .image-box img {

    position: relative;

    display: block;

    width: 100%

}



.news-style-two .date {

    position: relative;

    font-size: 12px;

    color: #888;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin-bottom: 7px

}



.news-style-two h3 {

    position: relative;

    font-size: 18px;

    color: #333;

    font-weight: 600

}



.news-style-two h3 a {

    color: #333

}



.news-style-two h3 a:hover {

    color: #0074d9

}



.news-carousel .owl-nav {

    display: none

}



.news-carousel .owl-dots {

    position: relative;

    padding-top: 60px;

    text-align: center

}



.news-carousel .owl-dots .owl-dot {

    position: relative;

    display: inline-block;

    margin: 0 4px

}



.news-carousel .owl-dots .owl-dot span {

    position: relative;

    display: block;

    width: 18px;

    height: 3px;

    background: #ddd

}



.news-carousel .owl-dots .owl-dot.active span {

    background: #333

}



.map-section {

    position: relative

}



.map-data {

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.8em;

    color: #222

}



.map-data h6 {

    font-size: 16px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 5px;

    color: #121212

}



.map-canvas {

    height: 450px

}



.featured-content-section-three {

    position: relative;

    padding: 0 0;

    background: #f8f8f8

}



.featured-content-section-three .outer-container {

    position: relative;

    min-height: 250px

}



.featured-content-section-three .image-column {

    position: absolute;

    left: 0;

    top: 0;

    float: left;

    width: 50%;

    height: 100%;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat

}



.featured-content-section-three .image-column .image-box {

    position: relative;

    display: none

}



.featured-content-section-three .image-column .image-box img {

    position: relative;

    display: block;

    width: 100%

}



.featured-content-section-three .content-column {

    position: relative;

    float: right;

    width: 50%

}



.featured-content-section-three .content-column .inner {

    position: relative;

    padding: 80px 350px 80px 80px;

    margin-left: -200px;

    background: #f8f8f8;

    z-index: 2

}



.featured-content-section-three .content-column h2 {

    position: relative;

    font-size: 36px;

    font-weight: 400;

    color: #333;

    margin-bottom: 22px

}



.featured-content-section-three .content-column h2:before {

    content: '';

    position: absolute;

    left: -130px;

    top: 50%;

    margin-top: -1px;

    width: 90px;

    border-bottom: 2px solid #333

}



.featured-content-section-three .content-column .text {

    position: relative;

    line-height: 1.7em;

    margin-bottom: 40px

}



.featured-content-section-three .facts {

    position: absolute;

    right: 0;

    top: 0;

    width: 300px;

    height: 100%;

    background: #fff

}



.featured-content-section-three .facts .facts-list {

    position: relative

}



.featured-content-section-three .facts .facts-list li {

    position: relative;

    padding: 32px 40px 0;

    margin-bottom: 32px

}



.featured-content-section-three .facts .facts-list li .fact-inner {

    position: relative;

    padding-left: 70px;

    min-height: 74px

}



.featured-content-section-three .facts .facts-list li .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 70px;

    line-height: 74px;

    font-size: 52px;

    color: #333

}



.featured-content-section-three .facts li .count {

    position: relative;

    font-size: 48px;

    font-weight: 300;

    color: #333;

    line-height: 1em

}



.featured-content-section-three .facts li .fact-title {

    position: relative;

    font-size: 14px;

    font-weight: 400;

    color: #888;

    line-height: 1.7em

}



.history-skills {

    position: relative;

    padding: 100px 0 70px

}



.history-skills .sec-title-one {

    position: relative;

    margin-bottom: 35px

}



.history-skills .row {

    margin: 0 -20px

}



.history-skills .history-column, .history-skills .skills-column {

    position: relative;

    padding: 0 20px;

    margin-bottom: 30px

}



.history-skills .history-block {

    position: relative;

    margin-bottom: 35px

}



.history-skills .history-block .block-inner {

    position: relative;

    display: block;

    padding-left: 30px

}



.history-skills .history-block .block-inner:before {

    content: "\f0da";

    font-family: FontAwesome;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 18px;

    color: #333;

    line-height: 24px

}



.history-skills .history-block .block-inner:after {

    content: "";

    position: absolute;

    left: 0;

    top: 30px;

    bottom: -30px;

    border-left: 1px solid #e0e0e0

}



.history-skills .history-column .history-block:last-child .block-inner:after {

    display: none

}



.history-skills .history-column .history-block:last-child {

    margin-bottom: 0

}



.history-skills .history-block h4 {

    position: relative;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 600;

    color: #333;

    margin-bottom: 10px

}



.history-skills .history-block .text {

    position: relative;

    font-size: 15px;

    padding-right: 30px

}



.history-skills .load-more-btn {

    position: relative

}



.history-skills .load-more-btn a {

    position: relative;

    display: inline-block;

    font-size: 12px;

    color: #333;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 20px;

    border-bottom: 1px solid

}



.history-skills .load-more-btn a:hover {

    color: #0074d9

}



.history-skills .skills-column .text-content {

    position: relative;

    margin-bottom: 30px

}



.skills .skill-item {

    position: relative;

    margin-bottom: 30px

}



.skills .skill-item:last-child {

    margin-bottom: 0

}



.skills .skill-item .skill-bar {

    position: relative;

    width: 100%;

    height: 2px

}



.skills .skill-item .skill-bar .bar-inner {

    position: relative;

    width: 100%;

    overflow: hidden;

    height: 2px;

    background: #ededed

}



.skills .skill-item .skill-bar .bar-inner .bar {

    position: absolute;

    left: 0;

    top: 0;

    height: 2px;

    width: 0;

    border-bottom: 2px solid #333;

    -webkit-transition: all 2s ease;

    -ms-transition: all 2s ease;

    -o-transition: all 2s ease;

    -moz-transition: all 2s ease;

    transition: all 2s ease

}



.skills .skill-item .skill-header {

    position: relative;

    line-height: 30px;

    text-transform: capitalize;

    font-weight: 600;

    font-size: 16px;

    color: #333;

    margin-bottom: 10px

}



.skills .skill-item .skill-header .skill-title {

    position: relative

}



.skills .skill-item .skill-header .skill-title {

    float: left

}



.skills .skill-item .skill-header .skill-percentage {

    float: right;

    font-weight: 400;

    color: #888;

    font-size: 18px

}



.projects-section-two {

    position: relative;

    padding: 0

}



.portfolio-item-two {

    position: relative;

    margin-bottom: 30px

}



.fullwidth-gallery .portfolio-item-two, .projects-section-two .portfolio-item-two {

    padding: 0;

    margin-bottom: 0

}



.portfolio-item-two.mix {

    display: none

}



.portfolio-item-two .inner-box {

    position: relative;

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    overflow: hidden

}



.portfolio-item-two .image, .portfolio-item-two .image img, .portfolio-item-two .image-box {

    position: relative;

    display: block;

    width: 100%;

    margin: 0;

    padding: 0

}



.portfolio-item-two .overlay-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border: 25px solid transparent;

    background: rgba(0, 0, 0, .8);

    color: #fff;

    text-align: center;

    opacity: 0;

    -webkit-transform: translateY(25px);

    -ms-transform: translateY(25px);

    -o-transform: translateY(25px);

    -moz-transform: translateY(25px);

    transform: translateY(25px);

    transition: all .7s ease;

    -webkit-transition: all .7s ease;

    -ms-transition: all .7s ease;

    -o-transition: all .7s ease;

    -moz-transition: all .7s ease

}



.portfolio-item-two .inner-box:hover .overlay-box {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    -moz-transform: translateY(0);

    transform: translateY(0)

}



.portfolio-item-two .overlay-inner {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: table;

    padding: 15px;

    vertical-align: middle;

    border: 3px solid #fff

}



.portfolio-item-two .overlay-content {

    position: relative;

    display: table-cell;

    vertical-align: middle

}



.portfolio-item-two .overlay-content h3 {

    position: relative;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 3px

}



.portfolio-item-two .overlay-content h3 a {

    position: relative;

    color: #fff

}



.portfolio-item-two .overlay-content h3 a:hover {

    color: #0074d9

}



.portfolio-item-two .overlay-content .cat {

    position: relative;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: 500;

    color: #ccc

}



.portfolio-item-two .overlay-content .cat a {

    position: relative;

    color: #ccc

}



.fullwidth-gallery-carousel .owl-dots, .fullwidth-gallery-carousel .owl-nav {

    display: none

}



.team-section {

    position: relative;

    padding: 100px 0 70px

}



.team-member {

    position: relative;

    margin-bottom: 30px

}



.owl-theme .team-member {

    margin-bottom: 0

}



.team-member .inner-box {

    position: relative;

    display: block;

    text-align: center

}



.team-member .image-box {

    position: relative;

    display: block;

    margin-bottom: 30px

}



.team-member .image-box img {

    position: relative;

    display: block;

    width: 100%

}



.team-member .designation {

    position: relative;

    font-size: 12px;

    color: #888;

    font-weight: 600;

    letter-spacing: 0;

    text-transform: uppercase;

    margin-bottom: 0

}



.team-member h3 {

    position: relative;

    font-size: 18px;

    color: #333;

    text-transform: capitalize;

    font-weight: 600

}



.team-member h3 a {

    color: #333

}



.team-member h3 a:hover {

    color: #0074d9

}



.contact-section {

    position: relative;

    background: #f8f8f8

}



.contact-section .outer-container {

    position: relative;

    min-height: 250px

}



.contact-section .form-column {

    position: relative;

    float: left;

    width: 50%

}



.contact-section .form-column .inner {

    position: relative;

    float: right;

    width: 100%;

    max-width: 750px;

    padding: 80px 80px 70px 15px

}



.contact-section .form-column h2 {

    position: relative;

    font-size: 36px;

    font-weight: 400;

    color: #333;

    margin-bottom: 25px

}



.contact-section .form-column h2:before {

    content: '';

    position: absolute;

    left: -120px;

    top: 50%;

    margin-top: -1px;

    width: 90px;

    border-bottom: 2px solid #333

}



.contact-us-form {

    position: relative;

    max-width: 560px

}



.contact-us-form .form-group {

    position: relative;

    margin-bottom: 25px;

    font-size: 14px

}



.contact-us-form input[type=email], .contact-us-form input[type=number], .contact-us-form input[type=password], .contact-us-form input[type=tel], .contact-us-form input[type=text], .contact-us-form input[type=url], .contact-us-form select, .contact-us-form textarea {

    position: relative;

    display: block;

    width: 100%;

    font-size: 14px;

    background: 0 0;

    line-height: 24px;

    padding: 0 0 16px;

    height: 41px;

    border-bottom: 1px solid #d0d0d0;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease

}



.contact-us-form select {

    -webkit-appearance: none;

    -ms-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    background: #fff url(https://otodark.com/inc_all/images/icons/icon-select.png) right center no-repeat;

    cursor: pointer

}



.contact-us-form select option {

    text-indent: 20px

}



.contact-us-form textarea {

    resize: none;

    height: 100px

}



.contact-us-form input:focus, .contact-us-form select:focus, .contact-us-form textarea:focus {

    border-color: #0074d9

}



.contact-us-form input.error:focus, .contact-us-form select.error:focus, .contact-us-form textarea.error:focus {

    border-color: red

}



.contact-us-form label.error {

    display: block;

    font-weight: 500;

    font-size: 12px;

    text-transform: uppercase;

    line-height: 24px;

    color: red;

    padding-top: 10px

}



.contact-us-form .form-group .theme-btn {

    margin-top: 10px

}



.contact-section .map-column {

    position: absolute;

    float: left;

    right: 0;

    top: 0;

    width: 50%;

    height: 100%

}



.contact-section .map-column .map-canvas {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}



.form-control {

    height: 26px;

    padding: 1px 12px;

}

.form-group{

    margin-bottom: 1px;

}



.page-title {

    position: relative;

    padding: 180px 0 120px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    text-align: center

}



.page-title:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .5);

    z-index: 0

}



.page-title .auto-container {

    position: relative;

    z-index: 3

}



.page-title h1 {

    position: relative;

    font-size: 48px;

    letter-spacing: 1px;

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 5px

}



.page-title .subtitle {

    position: relative;

    font-size: 18px;

    font-weight: 400;

    color: #fff;

    text-transform: capitalize

}



.services-section-two {

    position: relative;

    padding: 0 0 70px

}



.service-style-two {

    position: relative;

    margin-bottom: 30px

}



.service-style-two .image-box, .service-style-two .image-box img, .service-style-two .inner-box {

    position: relative;

    display: block;

    margin: 0;

    width: 100%

}



.service-style-two .lower-content {

    position: relative;

    display: block;

    padding-top: 30px

}



.service-style-two .lower-content h3 {

    font-size: 18px;

    color: #333;

    font-weight: 700;

    margin-bottom: 10px

}



.service-style-two .lower-content h3 a {

    color: #333

}



.service-style-two .lower-content .text {

    position: relative;

    margin-bottom: 20px

}



.list-style-one {

    position: relative

}



.list-style-one li {

    position: relative;

    line-height: 24px;

    margin-bottom: 5px;

    padding-left: 15px

}



.list-style-one li:last-child {

    margin-bottom: 0

}



.list-style-one li:before {

    font-family: FontAwesome;

    content: "\f0da";

    position: absolute;

    left: 0;

    font-size: 16px;

    line-height: 24px

}



.service-style-two .facts {

    position: relative;

    text-align: center

}



.service-style-two .facts .facts-list {

    position: relative;

    margin: 0 -15px

}



.service-style-two .facts .facts-list li {

    position: relative;

    float: left;

    padding: 0 15px;

    width: 50%

}



.service-style-two .facts .facts-list li .icon {

    position: relative;

    line-height: 1.2em;

    font-size: 42px;

    color: #333;

    margin-bottom: 10px

}



.service-style-two .facts .facts-list li .count {

    position: relative;

    font-size: 40px;

    font-weight: 300;

    color: #333;

    line-height: 1.2em

}



.service-style-two .facts .facts-list li .fact-title {

    position: relative;

    font-size: 14px;

    font-weight: 400;

    color: #888;

    line-height: 1.7em

}



.contact-info-section {

    position: relative;

    padding: 100px 0 70px

}



.contact-info-section .title-box {

    position: relative;

    margin-bottom: 60px;

    padding-bottom: 35px;

    text-align: center

}



.contact-info-section .title-box:after {

    content: '';

    position: absolute;

    left: 50%;

    bottom: 0;

    margin-left: -25px;

    width: 50px;

    border-bottom: 2px solid #333

}



.contact-info-section .title-box .subtitle {

    position: relative;

    display: inline-block;

    padding: 0 70px;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 500;

    color: #ddd;

    margin-bottom: 15px

}



.contact-info-section .title-box .subtitle:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: 1px;

    width: 50px;

    border-bottom: 1px solid #ddd

}



.contact-info-section .title-box .subtitle:after {

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: 1px;

    width: 50px;

    border-bottom: 1px solid #ddd

}



.contact-info-section .title-box h2 {

    position: relative;

    font-size: 36px;

    font-weight: 700;

    color: #333;

    line-height: 1.2em;

    text-transform: uppercase;

    margin-bottom: 10px

}



.contact-info-section .title-box h4 {

    position: relative;

    font-size: 16px;

    font-weight: 500;

    color: #888;

    line-height: 1.4em;

    text-transform: uppercase

}



.contact-info-section .left-column, .contact-info-section .right-column {

    position: relative;

    margin-bottom: 30px

}



.contact-info-section .info-container {

    position: relative;

    max-width: 840px;

    margin: 0 auto

}



.contact-info-section .contact-info {

    position: relative;

    margin-top: 20px

}



.contact-info-section .contact-info li {

    position: relative;

    line-height: 24px;

    font-weight: 400;

    margin-bottom: 12px

}



.contact-info-section .contact-info li:last-child {

    margin-bottom: 0

}



.contact-info-section .contact-info li a, .contact-info-section .contact-info li strong {

    font-weight: 600

}



.contact-info-section .contact-info .social a {

    position: relative;

    color: #333

}



.contact-info-section .left-column .city {

    position: relative;

    font-size: 24px;

    text-transform: uppercase;

    line-height: 1.2em;

    margin-bottom: 10px

}



.contact-info-section .left-column .city strong {

    font-weight: 600

}



.contact-info-section .left-column .phone {

    position: relative;

    font-size: 28px;

    font-weight: 400;

    text-transform: uppercase;

    line-height: 40px;

    margin-bottom: 10px

}



.contact-info-section .left-column .phone span {

    font-weight: 500;

    font-size: 16px

}



.contact-info-section .left-column .address {

    position: relative;

    font-size: 18px;

    font-weight: 400;

    line-height: 30px;

    color: #888

}



.projects-section-three {

    position: relative;

    padding: 100px 0 20px;

    text-align: center

}



.projects-section-three .load-more-btn {

    position: relative;

    padding-top: 40px

}



.projects-section-three .filters {

    margin-bottom: 50px

}



.projects-section-three .filters .filter-tabs li {

    margin: 0 10px

}



.work-details-section {

    position: relative;

    padding: 100px 0 20px

}



.work-details-section .content-column, .work-details-section .image-column {

    position: relative;

    margin-bottom: 40px

}



.work-details-section .image-column .owl-nav {

    display: none

}



.work-details-section .image-column .owl-dots {

    position: absolute;

    left: 0;

    bottom: 35px;

    width: 100%;

    text-align: center

}



.work-details-section .image-column .owl-dots .owl-dot {

    position: relative;

    display: inline-block;

    width: 3px;

    height: 20px;

    margin: 0 5px

}



.work-details-section .image-column .owl-dots .owl-dot span {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 3px;

    height: 10px;

    background: #fff;

    border-radius: 2px;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease

}



.work-details-section .image-column .owl-dots .owl-dot.active span {

    height: 20px

}



.work-details-section .content-column .title-box {

    position: relative;

    margin-bottom: 25px;

    margin-top: -5px

}



.work-details-section .content-column .title-box h2 {

    position: relative;

    font-size: 30px;

    font-weight: 600;

    text-transform: capitalize;

    color: #333;

    margin-bottom: 5px

}



.work-details-section .content-column .title-box h3 {

    position: relative;

    font-size: 18px;

    font-weight: 500;

    color: #333

}



.work-details-section .content-column .text-content p {

    margin-bottom: 20px

}



.work-details-section .project-info {

    position: relative;

    padding-top: 10px

}



.work-details-section .project-info li {

    position: relative;

    line-height: 24px;

    margin-bottom: 7px

}



.work-details-section .project-info li.share-it {

    padding-top: 20px

}



.work-details-section .project-info li .title-span {

    position: relative;

    float: left;

    width: 32%;

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    padding-right: 10px

}



.work-details-section .project-info li .info-span {

    position: relative;

    float: right;

    width: 68%;

    font-size: 15px

}



.work-details-section .project-info li .social a {

    position: relative;

    display: inline-block;

    color: #333;

    margin-right: 15px

}



.work-details-section .post-controls {

    position: relative;

    padding-top: 30px

}



.work-details-section .post-controls .controls {

    position: relative;

    padding: 0 40px;

    text-align: center

}



.work-details-section .post-controls .controls a {

    position: relative;

    display: inline-block;

    line-height: 24px;

    font-size: 20px;

    color: #333;

    opacity: .6;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    -moz-transition: all .3s ease

}



.work-details-section .post-controls .controls a:hover {

    opacity: 1

}



.work-details-section .post-controls .controls a.prev {

    position: absolute;

    left: 0;

    top: 0;

    text-align: left

}



.work-details-section .post-controls .controls a.next {

    position: absolute;

    right: 0;

    top: 0;

    text-align: left

}



.styled-pagination {

    position: relative;

    margin: 0 0

}



.styled-pagination li {

    position: relative;

    display: inline-block;

    margin: 0 2px 7px 0

}



.styled-pagination.centered li {

    margin: 0 2px

}



.styled-pagination li a {

    position: relative;

    display: block;

    line-height: 20px;

    padding: 9px 5px;

    font-size: 14px;

    text-transform: capitalize;

    min-width: 40px;

    border: 1px solid #aaa;

    background: 0 0;

    color: #555;

    font-weight: 500;

    text-align: center;

    border-radius: 0;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    -moz-transition: all .5s ease

}



.styled-pagination li a.active, .styled-pagination li a:hover {

    color: #fff;

    border-color: #222;

    background: #222

}



.blog-list-section {

    position: relative;

    padding: 100px 0;

    border-bottom: 1px solid #f0f0f0

}



.news-list-style {

    position: relative;

    margin-bottom: 50px

}



.news-list-style .inner-box {

    position: relative;

    display: block

}



.news-list-style .content-column, .news-list-style .image-column {

    position: relative;

    margin-bottom: 30px

}



.news-list-style .image-column .image {

    display: block;

    margin-right: 20px

}



.news-list-style .image-column .image img {

    display: block;

    width: 100%

}



.news-list-style .content-column .inner {

    position: relative;

    padding: 30px 0 0

}



.news-list-style .post-meta {

    position: relative;

    font-size: 12px;

    margin-bottom: 10px

}



.news-list-style .post-meta li {

    position: relative;

    float: left;

    margin-right: 20px;

    color: #888;

    line-height: 20px;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase

}



.news-list-style .post-meta li:after {

    content: '/';

    position: absolute;

    right: -20px;

    text-align: center;

    width: 20px;

    line-height: 20px

}



.news-list-style .post-meta li:last-child:after {

    display: none

}



.news-list-style .post-meta li a {

    position: relative;

    color: #888;

    text-transform: uppercase

}



.news-list-style h2 {

    position: relative;

    font-size: 24px;

    font-weight: 600;

    color: #333;

    margin-bottom: 25px;

    line-height: 1.2em

}



.news-list-style h2 a {

    color: #333

}



.news-list-style .text {

    position: relative;

    margin-bottom: 30px

}



.news-list-style .more-link {

    position: relative;

    font-size: 12px

}



.news-list-style .more-link a {

    position: relative;

    display: inline-block;

    font-size: 12px;

    color: #333;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 20px;

    border-bottom: 1px solid

}



.news-list-style .more-link a:hover, .news-list-style h2 a:hover {

    color: #0074d9

}



.sidebar-page-container {

    position: relative;

    padding: 100px 0 70px;

    border-bottom: 1px solid #f0f0f0

}



.sidebar-page-container .content-side, .sidebar-page-container .sidebar-side {

    position: relative;

    margin-bottom: 30px !important

}



.sidebar-page-container .sidebar-side .sidebar {

    position: relative;

    margin-left: 50px

}



.news-style-three {

    position: relative;

    margin-bottom: 60px

}



.news-style-three .inner-box {

    position: relative;

    display: block

}



.news-style-three .image-box {

    position: relative;

    margin-bottom: 30px

}



.news-style-three .image-box .image, .news-style-three .image-box .image img {

    display: block;

    width: 100%

}



.news-style-three .post-meta {

    position: relative;

    font-size: 12px;

    margin-bottom: 5px

}



.news-style-three .post-meta li {

    position: relative;

    float: left;

    margin-right: 20px;

    color: #888;

    line-height: 20px;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase

}



.news-style-three .post-meta li:after {

    content: '/';

    position: absolute;

    right: -20px;

    text-align: center;

    width: 20px;

    line-height: 20px

}



.news-style-three .post-meta li:last-child:after {

    display: none

}



.news-style-three .post-meta li a {

    position: relative;

    color: #888;

    text-transform: uppercase

}



.news-style-three h2 {

    position: relative;

    font-size: 30px;

    font-weight: 600;

    text-transform: capitalize;

    color: #333;

    margin-bottom: 20px;

    line-height: 1.2em

}



.news-style-three h2 a {

    color: #333

}



.news-style-three .text {

    position: relative;

    margin-bottom: 30px

}



.news-style-three .more-link {

    position: relative

}



.news-style-three h2 a:hover {

    color: #0074d9

}



.blog-details .news-style-three h2 {

    margin-bottom: 10px

}



.blog-details .news-style-three h4 {

    color: #333;

    font-weight: 500;

    font-size: 18px;

    margin-bottom: 30px

}



.blog-details .news-style-three .text p {

    margin-bottom: 25px

}



.blog-details .news-style-three .text blockquote {

    position: relative;

    background: 0 0;

    padding: 0;

    border: none;

    margin: 40px 70px;

    font-size: 20px;

    font-weight: 700;

    font-family: Merriweather, serif;

    font-style: italic

}



.blog-details .news-style-three .text blockquote:before {

    content: '';

    position: absolute;

    left: -50px;

    top: 12px;

    width: 35px;

    border-bottom: 2px solid #333

}



.blog-details .news-style-three .two-column .image-column {

    margin-bottom: 25px

}



.blog-details .news-style-three .two-column .image-column img {

    display: block;

    width: 100%

}



.blog-details .news-style-three .social-link {

    position: relative;

    border-bottom: 1px solid #f0f0f0;

    padding: 20px 0

}



.blog-details .news-style-three .social-link li {

    position: relative;

    float: left;

    margin-right: 15px

}



.blog-details .news-style-three .social-link li a {

    position: relative;

    font-size: 15px;

    color: #333

}



.blog-details .news-style-three .social-link li a:hover {

    color: #0074d9

}



.blog-details .news-style-three {

    margin-bottom: 80px

}



.sidebar .sidebar-widget {

    position: relative;

    margin-bottom: 50px

}



.sidebar .sidebar-widget .widget-inner {

    position: relative

}



.sidebar .sidebar-widget .sidebar-title {

    position: relative;

    margin-bottom: 20px

}



.sidebar .sidebar-widget .sidebar-title h3 {

    position: relative;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 700;

    color: #333

}



.sidebar .sidebar-widget .sidebar-title:before {

    content: '';

    position: absolute;

    left: -30px;

    top: 11px;

    border-bottom: 2px solid #333;

    width: 20px

}



.sidebar .links-widget .links-list {

    position: relative

}



.sidebar .links-widget .links-list li {

    position: relative;

    margin-bottom: 10px

}



.sidebar .links-widget .links-list li:last-child {

    margin-bottom: 0

}



.sidebar .links-widget .links-list li a {

    position: relative;

    display: block;

    line-height: 24px;

    color: #333

}



.sidebar .links-widget .links-list li a:hover {

    color: #0074d9

}



.sidebar .recent-posts .post {

    position: relative;

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #f0f0f0

}



.sidebar .recent-posts .post:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none

}



.sidebar .recent-posts .post .post-date {

    position: relative;

    margin-bottom: 3px;

    font-size: 12px;

    font-weight: 500;

    text-transform: uppercase;

    color: #aaa

}



.sidebar .recent-posts .post h4 {

    position: relative;

    font-size: 16px;

    font-weight: 500;

    color: #333

}



.sidebar .recent-posts .post h4 a {

    color: #333

}



.sidebar .recent-posts .post h4 a:hover {

    color: #0074d9

}



.sidebar .search-widget .form-group {

    position: relative;

    margin: 0

}



.sidebar .search-widget .form-group input[type=search], .sidebar .search-widget .form-group input[type=text] {

    position: relative;

    line-height: 24px;

    padding: 12px 50px 12px 20px;

    border: 1px solid #f8f8f8;

    background: #f8f8f8;

    color: #333;

    display: block;

    font-size: 14px;

    width: 100%;

    height: 50px;

    border-radius: 0;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.sidebar .search-widget .form-group input:focus {

    border-color: #333

}



.sidebar .search-widget .form-group button {

    position: absolute;

    right: 20px;

    top: 0;

    height: 50px;

    line-height: 50px;

    text-align: center;

    display: block;

    font-size: 16px;

    color: #333;

    background: 0 0;

    font-weight: 400

}



.sidebar .tags-widget .tags-list {

    position: relative

}



.sidebar .tags-widget .tags-list li {

    position: relative;

    float: left;

    margin-right: 10px;

    margin-bottom: 10px

}



.sidebar .tags-widget .tags-list li a {

    position: relative;

    display: block;

    color: #333;

    font-size: 14px;

    letter-spacing: .05em;

    text-transform: uppercase;

    font-weight: 500;

    line-height: 24px;

    padding: 10px 25px;

    background: #f8f8f8;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease

}



.sidebar .tags-widget .tags-list li a:hover {

    background: #333;

    color: #fff

}



.sidebar .featured-post-widget .image, .sidebar .featured-post-widget .image img, .sidebar .featured-post-widget .image-box {

    position: relative;

    display: block;

    width: 100%

}



.sidebar .featured-post-widget .overlay-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .3);

    color: #fff

}



.sidebar .featured-post-widget .overlay-inner {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 0 30px 30px

}



.sidebar .featured-post-widget h3 {

    position: relative;

    margin-bottom: 10px;

    text-transform: uppercase;

    line-height: 24px

}



.sidebar .featured-post-widget h3 a {

    color: #fff

}



.sidebar .featured-post-widget h3 .span-one {

    display: block;

    line-height: 16px;

    font-size: 12px;

    font-weight: 600

}



.sidebar .featured-post-widget h3 .span-two {

    display: block;

    line-height: 36px;

    font-size: 36px;

    font-weight: 300

}



.sidebar .featured-post-widget h3 .span-three {

    display: block;

    line-height: 28px;

    font-size: 28px;

    font-weight: 900

}



.sidebar .featured-post-widget .more-link {

    position: relative;

    font-size: 12px

}



.sidebar .featured-post-widget .more-link a {

    position: relative;

    display: inline-block;

    font-size: 12px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    line-height: 20px;

    border-bottom: 1px solid

}



.sidebar .featured-post-widget .more-link a:hover {

    color: #0074d9

}



.comments-area {

    position: relative;

    margin-left: 30px;

    margin-bottom: 70px

}



.default-title {

    position: relative;

    margin-bottom: 40px

}



.default-title h3 {

    position: relative;

    font-size: 24px;

    text-transform: capitalize;

    font-weight: 600;

    color: #333

}



.default-title:before {

    content: '';

    position: absolute;

    left: -30px;

    top: 15px;

    border-bottom: 2px solid #333;

    width: 20px

}



.comments-area .comments-box {

    position: relative

}



.comments-area .comments-box .comment {

    position: relative;

    margin-bottom: 50px

}



.comments-area .comment .comment-inner {

    position: relative;

    padding-left: 100px;

    min-height: 70px

}



.comments-area .comment .author-thumb {

    position: absolute;

    left: 0;

    top: 0;

    width: 70px;

    margin-right: 30px

}



.comments-area .comment .author-thumb img {

    position: relative;

    display: block;

    width: 100%

}



.comments-area .comment .comment-content {

    position: relative

}



.comments-area .comment .comment-header {

    position: relative;

    line-height: 24px;

    margin-bottom: 10px

}



.comments-area .comment .comment-header .author-title {

    position: relative;

    float: left;

    font-size: 16px;

    color: #333;

    text-transform: uppercase;

    font-weight: 600;

    margin-right: 30px

}



.comments-area .comment .comment-header .comment-info {

    position: relative;

    float: left;

    font-size: 12px;

    font-weight: 500;

    text-transform: uppercase;

    color: #aaa

}



.comments-area .comment .text {

    position: relative;

    margin-bottom: 20px

}



.comments-area .comment .more-link {

    position: relative;

    font-size: 12px

}



.comments-area .comment .more-link a {

    position: relative;

    display: inline-block;

    font-size: 12px;

    color: #333;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 20px;

    border-bottom: 1px solid

}



.comments-area .comment .more-link a:hover {

    color: #0074d9

}



.comment-form {

    position: relative;

    max-width: 650px;

    margin-left: 30px

}



.comment-form .form-group {

    position: relative;

    margin-bottom: 25px;

    font-size: 14px

}



.comment-form input[type=email], .comment-form input[type=number], .comment-form input[type=password], .comment-form input[type=tel], .comment-form input[type=text], .comment-form input[type=url], .comment-form select, .comment-form textarea {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    background: 0 0;
    line-height: 30px;
    padding: 0 0 10px;
    height: 41px;
    border-bottom: 1px solid #d0d0d0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.comment-form select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: #fff url(https://otodark.com/inc_all/images/icons/icon-select.png) right center no-repeat;
    cursor: pointer
}

.comment-form select option {
    text-indent: 20px
}

.comment-form textarea {
    resize: none;
    height: 100px
}

.comment-form input:focus, .comment-form select:focus, .comment-form textarea:focus {
    border-color: #0074d9
}

.comment-form input.error:focus, .comment-form select.error:focus, .comment-form textarea.error:focus {
    border-color: red
}

.comment-form label.error {
    display: block;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 24px;
    color: red;
    padding-top: 10px
}

.comment-form .form-group .theme-btn {
    margin-top: 10px
}

.error-section {
    position: relative;
    text-align: center;
    padding: 150px 0;
    border-bottom: 1px solid #e0e0e0
}

.error-section .warning-text {
    position: relative;
    font-size: 50px;
    color: #d83a3a;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-family: Dosis, sans-serif
}

.error-section .big-text {
    position: relative;
    font-size: 200px;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
    line-height: 1em;
    font-family: Dosis, sans-serif;
    letter-spacing: 25px
}

.error-section .medium-text {
    position: relative;
    font-size: 24px;
    color: #333;
    font-weight: 600;
    margin-bottom: 60px
}

.error-section .theme-btn {
    font-size: 14px
}
.sidebar-page-container .content-side .search-title {
    position: relative;
    margin-bottom: 45px
}

.sidebar-page-container .content-side .search-title h1 {
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize
}

.fontSelectBox {
    width: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 23px;
    margin-left: -18px;
    border: none;
    background: url(https://otodark.com/inc_all/images/sec.png) no-repeat #fff right center
}

.mobil-yazi-tipi {

    margin-top: 2px;
    /* margin-right: 58px; */
    /* padding: 0; */
    font-size: 3.5vw !important;
    width: 82px;
    margin-left: -1.9vw !important;
    font-family: Montserrat, sans-serif;
}

@font-face {
    font-family: aviano;
    src: url("https://otodark.com/inc_all/fonts/Aviano.ttf");
}

.ffaviano {
    font-family: aviano;
}
@font-face {
    font-family: biomepro;
    src: url("https://otodark.com/inc_all/fonts/BiomePro-Bold.otf");
}

.ffbiomepro {
    font-family: biomepro;
}
@font-face {
    font-family: machine;
    src: url("https://otodark.com/inc_all/fonts/Machine.ttf");
}

.ffmachine {
    font-family: machine;
}
@font-face {
    font-family: newstencil;
    src: url("https://otodark.com/inc_all/fonts/Mic32NewStencil-Bold.ttf");
}

.ffnewstencil {
    font-family: newstencil;
}
@font-face {
    font-family: resobold;
    src: url("https://otodark.com/inc_all/fonts/Reso-Bold.otf");
}

.ffresobold {
    font-family: resobold;
}


.zfix {
    z-index: 30;
}
.fiyat-butonlari a{
    display: block; !important;
}
@media (min-width: 1200px) {
    .fiyat-butonlari {
        width: 1056px;
    }
}
@media (max-width:1023px) {
    .setHeader h2{
        font-size: 10px;
        font-weight: 200;
    }
}
.rightgif {
    width: 101px;
    position: absolute;
    margin-top: -160px;
    margin-left: -160px;
}
.leftgif {
    width: 101px;
    position: absolute;
    margin-top: -160px;
    margin-left: 80px;
}
.rightgif2 {
    width: 101px;
    position: absolute;
    margin-top: -244px;
    margin-left: -167px;
}
.leftgif2 {
    width: 101px;
    position: absolute;
    margin-top: -244px;
    margin-left: 85px;
}
.rightgif3, .rightgif4 {
    width: 101px;
    position: absolute;
    margin-top: -413px;
    margin-left: -167px;
}.rightgif5, .rightgif6 {
    width: 101px;
    position: absolute;
    margin-top: -413px;
    margin-left: -167px;
}
.leftgif3, .leftgif4 {
    width: 101px;
    position: absolute;
    margin-top: -413px;
    margin-left: 85px;
}.leftgif5, .leftgif6 {
    width: 101px;
    position: absolute;
    margin-top: -413px;
    margin-left: 85px;
}