/* orjinals */

/* general */

  @font-face {
    font-family: 'Poiret One';
    font-style: normal;
    font-weight: 400;
    src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v7/UqyVK80NJXN4zfRgbdfbo5pcV_cx.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poiret One';
    font-style: normal;
    font-weight: 400;
    src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v7/UqyVK80NJXN4zfRgbdfbo5BcV_cx.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poiret One';
    font-style: normal;
    font-weight: 400;
    src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v7/UqyVK80NJXN4zfRgbdfbo55cVw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* smallcode */
.f-9 {font-size: 9px;}
.f-72 {font-size: 72px;}
.p-0 { padding: 0px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.fl { float: left; }
.pt-15 { padding-top: 15px; }
.mt-15 { margin-top: 15px !important; }
.ml-15 { margin-left: 15px !important; }
.mr-15 { margin-right: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.l-none-radius { border-radius: 0px 5px 5px 0px; padding: 6px 10px 6px 10px; border:1px solid #E59522; }
.m-w-200 { max-width: 200px; }
.share-btn { font-size: 10px; position: absolute; top: 5px; left: 20px; padding: 5px; }
.breadcrumb { margin-top: 50px; }
.breadcrumb a { color: white; text-transform: capitalize; }
.bg-white { background-color: white; padding: 15px; box-shadow: 0 2px 2px rgba(1,1,5,0.55); border: transparent; border-radius: 4px; }
.bt-1 { border-top: 2px solid #ddd; margin-bottom: -3px; }
.bg-list-map { background-color: #ECECF6 }
#teklifModal2 {  }
#teklifModal2 .modal-content { border-radius: 3px 0px 3px 3px; }
#teklifModal2 h4 { padding: 3px 3px 0px 3px; position: absolute; text-align: right; right: 3%; top: 10%; font-size: 35px; color: #323639; font-weight: 700; }
#teklifModal2 h6 { padding: 0px 3px 3px 3px; width: 65%; text-align: right; position: absolute; right: 3%; top: 30%; font-size: 20px; font-weight: 300; }
#teklifModal2 p { position: absolute; right: 3%; top: 55%; font-size: 20px; text-decoration: underline;  }
#teklifModal2 .modal-content input { position: absolute; right: -35px; top: 0px; border-radius: 0px; }
#teklifModal2 a { position: absolute; left: 3%; bottom: 1%; }
.google-noscript { display:none; visibility:hidden }

/* top-nav */
.top-nav { background-color: rgba(64,64,64,1.0); border-bottom-color: rgba(255,255,255,0.7); z-index: 1030 !important; position: relative; padding: 7px 0px; }
.top-nav ul { margin-left: 0px; display: unset; }
.top-nav ul li { float: right; list-style: none; padding: 3px 0px 5px 0px; }
.top-nav ul li a { color:#fff; font-size: 13px; margin-left: 10px; }
.top-nav .address a { color: #fff; font-size: 13px;  float: left; list-style: none; padding-top: 5px; }
.top-nav .address .fa { color: #fff; font-size: 16px; margin-top: 3px; }
.top-nav .contact .fa { margin-right: 7px; color: #fff; font-size: 16px; margin-top: 3px; }
.top-nav .social-media a { -webkit-transform: rotate(0deg); transform: rotate(0deg); background-color: #FFF; padding: 2px 5px; min-width: 20px; border-radius: 4px; display: block; text-align: center; }
.top-nav .social-media .fa { -webkit-transform: rotate(0deg); transform: rotate(0deg); font-size: 14px; color: #333; }

/* owl-sliders */
#owl-sliders { margin-top: -46px; background-color: rgba(216, 123, 26, 0.9); animation-duration: 2s; animation-fill-mode: both; animation-delay: 0s; animation-name: InBottom; }
#owl-sliders .item { display: block; height: 100%; overflow: hidden; position: relative; width: calc(100% + 1px); animation-duration: 1.5s; animation-fill-mode: both; animation-delay: 1s; animation-name: fade; }
#owl-sliders .item > img { height: 550px; object-fit: cover; object-position: left center; width: 100%; transition: 2s ease; -moz-transition: 2s ease; -webkit-transition: 2s ease; }
#owl-sliders .item:hover { box-shadow: 0 0 33px rgba(0,0,0,0.5); display: block; position: relative; z-index: 99; }
#owl-sliders .item:hover > img { object-position: right center; transition: 3s ease; -moz-transition: 3s ease; -webkit-transition: 3s ease; }
#owl-sliders .item .item-content { background-color: /*rgba(0,51,102,0.8)*/rgba(216, 123, 26, 0.8); color: #fff; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; }
#owl-sliders .item .item-content h1 { font-weight: 200; font-size: 1.9rem; }
#owl-sliders .item .title { letter-spacing: 0px; margin: 0; padding: 10px 20px; }
#owl-sliders .item:hover .item-content { background-color: rgba(0,0,0,0.2); }
#owl-sliders .item:hover .title { background-color: rgba(0, 0, 0, 0.5); }

.owl-controls { margin-top: 0px; }
.owl-item a { text-decoration: none; color: #000; }
.owl-item h4 { margin-top: 10px; }
.owl-item p { font-size: 14px; }
.owl-item .tcell { animation-duration: 3s; animation-fill-mode: both; animation-delay: 0s; animation-name: fadeInRight; }
#owl-sliders .item .item-content .tcell { padding-top: 25px; }
.tcell { display: table-cell; vertical-align: middle; width: 99999px; }

/* middles-1,2,3,... */
#middle-1-bg { padding: 70px 0px; background-image: url(../img/bg/1.jpg); background-position: top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#middle-1-bg .about-content p { font-size: 14px; color: #FFF; font-size: 14px; line-height: 22px; }
#middle-1-bg .about-content span { display: block; color: #FFF; font-size: 16px; font-weight: 500; }
#middle-1-bg .about-content h3 { margin: 0; font-weight: 200; line-height: 35px; }
#middle-1-bg .about-content h4 { margin: 0; color: #FFF; font-size: 16px; line-height: 22px; font-weight: 600; margin-top: 25px; margin-bottom: 20px; }
#middle-1-bg .m6-right h4 { margin: 0; color: #242C33; font-size: 22px; line-height: 25px; font-weight: 600; margin-top: 0px; }
#middle-1-bg .m6-right { padding:15px 15px; }

#middle-1 { padding: 70px 0px; }
#middle-1 .about-content p { font-size: 14px; font-size: 14px; line-height: 22px; }
#middle-1 .about-content span { display: block; color: #F9B522; font-size: 16px; font-weight: 700; }
#middle-1 .about-content h3 { margin: 0; font-weight: 200; line-height: 35px; }
#middle-1 .about-content h4 { margin: 0; font-size: 16px; line-height: 22px; margin-top: 25px; margin-bottom: 20px; font-weight: 700 }
#middle-1 .m6-right h4 { margin: 0; color: #242C33; font-size: 22px; line-height: 25px; font-weight: 600; margin-top: 0px; }
#middle-1 .m6-right { padding:15px 15px;  position: relative; z-index: 99; margin-top: -142px;  }

#middle-2 { padding: 100px 0px 150px 0px; background-image: url(../img/bg/1.jpg); background-position: top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#middle-2 .sec-title { margin-bottom: 10px; }
#middle-2 .m-text { color: #000; font-size: 14px; }
#middle-2 h2 { font-weight: 200; }
#middle-2 i { font-size: 20px; color: rgb(225, 133, 8); }
#middle-2 a, #middle2 a:hover { text-align: left; }
#middle-2 p { font-size: 15px; line-height: 22px; color: #c0c0c0; }
#middle-2 img { width: 100px; height: 100px; margin-top: 10px; }
#middle-2 .meslek { color: #E08201; font-size: 28px; font-weight: 100 }

#middle-2-bg { padding: 70px 0px; background-image: url(../img/bg/middle-bg.jpg); background-position: top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#middle-2-bg .sec-title { margin-bottom: 10px; }
#middle-2-bg .m-text { color: #000; font-size: 14px; }
#middle-2-bg h3 { font-weight: 200; font-size: 35px; color: #000 }
#middle-2-bg i { font-size: 20px; color: rgb(225, 133, 8); }
#middle-2-bg a, #middle2 a:hover { text-align: left; }
#middle-2-bg p { font-size: 15px; line-height: 22px; color: #c0c0c0; }
#middle-2-bg img { width: 100px; height: 100px; margin-top: 10px; }
#middle-2-bg .meslek { color: #E08201; font-size: 28px; font-weight: 100 }
#middle-2-bg .c-white { color: #fff; }
#middle-2-bg .veri .c { color: #fff; padding: 10px 0px; }
#middle-2-bg .veri .bslk { color: #fff; font-size:1.55rem; font-weight: 100 }
#middle-2-bg .veri .alt-bilgi { font-size:20px }

#middle-3 { padding: 70px 0px; }
#middle-3 .sec-title { margin-bottom: 30px; }
#middle-3 img { margin-bottom: 10px; }
#middle-3 h3 { font-weight: 200 }
#middle-3 .about-content h4 { margin: 0px 0px 25px 0px; color: #242C33; font-weight: 200; letter-spacing: -.025em; line-height: 35px; }
#middle-3 .about-content h5 a { margin: 0; color: #000; line-height: 22px; font-weight: 500; margin-top: 25px; margin-bottom: 1px; }
#middle-3 h6 { font-weight: 400 }
#middle-3 .about-content span { display: block; color: #F9B527; font-size: 16px; font-weight: 700; }
#middle-3 .about-content p { font-size: 14px; color: #333; font-size: 14px; line-height: 22px; }
#middle-3 .about-content em a { color:#FFBF00; font-size: 12px; font-weight: 700 }

#middle-4 {  }
#middle-4 .inner { padding: 40px 0px; display: flex; border-top: 1px solid #eee; }

#middle-4-bg { padding: 70px 0px; background-image: url(../img/bg/middle-bg.jpg); background-position: top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #fff; line-height: 16px; }
#middle-4-bg h3 { font-weight: 200; font-size: 35px; padding-bottom: 40px; color: #fff; }
#middle-4-bg h6 { color: #fff; margin-top: 15px; font-size: 22px; font-weight: 100 }
#middle-4-bg span { display: block; color: #F9B522; font-size: 16px; font-weight: 500; }

#middle-5 { padding: 30px 0px 50px 0px; }
#middle-5 .title-section span { font-weight:300 !important; }
#middle-5 .media { margin-bottom: 35px; }
#middle-5 .media p { margin-bottom: 5px; }
#middle-5 .media a button { margin-top: 0px; font-size: 12px; }
#middle-5 .media i { border-radius: 50%; background-color: #FFC107; height: 50px; width: 50px; padding: 13px 11px 11px 11px; color: #333; font-size: 28px; }

#middle-6 { padding: 70px 0px 90px 0px; background-image: url(../img/bg/1.jpg); background-position: top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#middle-6 .card { box-shadow: 0 2px 2px rgba(1,1,5,0.55); border: transparent; margin-bottom: 25px; }
#middle-6 .card .card-img-top { margin-bottom: 15px; }
#middle-6 .card .card-body { padding: 0px 30px 15px 30px; }
#middle-6 .card .card-body .date { position: absolute;top: 0px;padding: 10px;background-color: #32393F;font-weight: bold;color: #FFF; }
#middle-6 .title-section span { font-weight:300 !important; }
#middle-6 ul { list-style: none; display: contents; }
#middle-6 ul li { border-bottom: 0px solid #CCC; }
#middle-6 .media {  }
#middle-6 .media .media-body a { color: #222; }
#middle-6 .media .media-date { float: left;}
#middle-6 .media .media-date span { display: -webkit-box; padding: 3px 10px; text-align: center; }
#middle-6 .media .media-date .day { background-color: #FDBF06; color: #FFF; text-align: -webkit-center; }
#middle-6 .media .media-date .month { background-color: #32393F; color: #FFF; text-align: -webkit-center; }

/*Bir Sorum Var*/
#middle-7 { padding: 80px 0px; background: rgba(249, 181, 34, 0.9); display: flex; background: #F9B522 url(../img/bg/bir-sorum-var.jpg); background-position: top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#middle-7 h2 {}
#middle-7 input { width: 100%; line-height: 18px; padding: 10px 15px; color: #222222; border: 3px solid #FBD079; height: 50px; background-color: #FFF; border-radius: 5px; }
#middle-7 button { padding: 11px 30px; font-weight: 700; }

#middle-8 { background: #fff; background-size: cover; }
#middle-8 .inner { padding: 30px 0px; display: flex; }
#middle-8 h3 i { color: #f90 }

#middle-9 { padding: 70px 0px; }
#middle-9 h3 { font-weight: 500; }
#middle-9 span { font-weight: 300; }

#middle-10 { padding: 80px 0px 120px 0px; display: flex; background: #F9B522 url(../img/bg/uygulama-bg.jpg); background-position: top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#middle-10 .grey-effect a { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#middle-10 .grey-effect a:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
#middle-10 h3 { font-weight: 200; font-size: 35px; padding-bottom: 40px; color: #fff; }
#middle-10 h6 { color: #fff; margin-top: 15px; font-size: 22px; font-weight: 100 }
#middle-10 span { display: block; color: #F9B522; font-size: 16px; font-weight: 500; }

#middle-404 { padding-top: 150px; }

#middle-title-layer { background: #E08201 url(../img/bg/backgroud-1-1.jpg) center center no-repeat fixed; background-size: cover; padding-top: 60px; }
#middle-title-layer .title-section { padding: 50px 0px 20px 0px; }
#middle-title-layer .title-section h2 { color: #FFF; }
#middle-title-layer .title-section span { font-weight: 300; }

#middle-single { padding: 40px 0px; background-color: #f3f3f4; }
#middle-single a { color: #222; margin-bottom: 5px; border-radius: 5px; font-weight: 600; }
#middle-single p { text-align:justify; }
#middle-single ul { margin-bottom: 15px; }
#middle-single img { padding: 7px; margin: 10px 0px; background-color: #FDBD09; }
#middle-single .title-section.right h4, { text-align: left; }
#middle-single .title-section.right h4:after { left: 8%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); }
#middle-single .title-section.right span { font-weight: 300; }
#middle-single .title-section.left h4:after { right: 0%; }
#middle-single .media .media-body { margin-bottom: 25px; background-color: #fff; padding: 10px; box-shadow: 0 2px 2px rgba(1,1,5,0.55); border: transparent; }
#middle-single .media .media-date { float: left;}
#middle-single .media .media-date span { display: -webkit-box; padding: 3px 10px; text-align: center; }
#middle-single .media .media-date .day { background-color: #FDBF06; color: #FFF; text-align: -webkit-center; }
#middle-single .media .media-date .month { background-color: #32393F; color: #FFF; text-align: -webkit-center; }

#middle-product { padding: 60px 0px; background-color: #f3f3f4; }
#middle-product img { border:0px solid #ddd; }
#middle-product a { margin-bottom: 5px; border-radius: 5px; font-weight: 600; }
#middle-product .bd-example .bd-example-tabs { margin-top: 15px; }
#middle-product .tab-content { background-color: white; padding:15px; min-height: 176px; -webkit-box-shadow: 0 3px 7px 0 #a8a8a8; -moz-box-shadow: 0 3px 7px 0 #a8a8a8; box-shadow: 0 3px 7px 0 #a8a8a8; }
#middle-product .nav-pills a { border-radius: 0px 5px 5px 0px; }
#middle-product .nav-pills-r a { background-color: #fff; border-radius: 5px 0px 0px 5px; z-index: 9; border:2px solid #eee; border-right: none; margin-top: -2px; }
#middle-product .card { border: 0px solid transparent; -webkit-box-shadow: 0 3px 7px 0 #a8a8a8; -moz-box-shadow: 0 3px 7px 0 #a8a8a8; box-shadow: 0 3px 7px 0 #a8a8a8 }
#middle-product .card span { position: absolute; top:0; }
#middle-product .card p { font-size: 13px; text-transform: lowercase; }
#middle-product .card a { font-size: 12px; margin-bottom: 0px; }
#middle-product .title-section.right h4, { text-align: left; }
#middle-product .title-section.right h4:after { left: 8%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); }
#middle-product .title-section.left h4:after { right: -8%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); }
#middle-single .title-section.left2 h4:after { right: 0%; }
#middle-product .card-list {  }
#middle-product .card-body small { color: #ccc; }
#middle-product .card-list img { border-radius: 5px; }
#middle-product .card-list h5 {  }
#middle-product .card-list .card span { position: relative; top:0; }
#middle-product .card-list .card-body { padding: 0px 15px 0px 0px; }
#middle-product .card-list a { margin-top: 10px !important; }
#middle-product .list-group a { color: #222; }
#middle-product .card .buttons { text-align: right; padding-right: 25px; border-left: 1px solid #eee; }
#middle-product .grey-effect a { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#middle-product .grey-effect a:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
#middle-product .fill { width: -webkit-fill-available; border-left: 5px solid; }

/* title-section */
.title-section.center h2, .title-section.center .sub-title-section {text-align: center;}
.title-section h2 {font-size: 25px; font-weight: 500;padding: 20px 0;position: relative;color: #222222;margin-bottom: 25px;}
.title-section.center h2:after {left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.title-section h2:after {content: ''; position: absolute; height: 5px;width: 40px;background-color: #FDBF06;bottom: 0;border-radius: 2px;}

.title-section h4 {font-size: 22px; font-weight: 500;padding: 15px 0;position: relative;color: #222222;margin-bottom: 10px;}
.title-section h4:after {content: ''; position: absolute; height: 4px;width: 40px;background-color: #FDBF06;bottom: 0;border-radius: 2px;}

/* footer*/
#footer { margin-top:0px; background: #202020 ;color: white; background-image: url(../img/bg/bg-footer.jpg); background-position: top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#footer .inner { background: rgba(0, 0, 0, 0.5); padding: 60px 0 0px 0; }
#footer .footer-copyright { padding: 10px 0px; border-top:1px solid #eee; margin-top: 15px; }
.footer-copyright p span { font-weight: 700; }
.footer h5 { margin-top: 0px; margin-bottom: 10px; }
.footer-box p, .footer-links p { margin-bottom: 3px; }
#footer .footer-logo { max-width: 220px; }
#footer ul { }
#footer ul li { list-style: none; margin-left: -38px; }
#footer ul li a { line-height: 30px; color: #FFF; }
#footer ul li a:hover { color: #E4A716; }

/*********************************************** animate ***************************************************/
@keyframes fade {0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeInUp {0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0px);}}
@keyframes fadeInRight {0%{opacity:0;transform:translateX(175px);}100%{opacity:1;transform:translateX(0px);}}
/* animate-sliders */
@keyframes InBottom{0%{opacity:1;transform:translateY(-475px);}100%{opacity:1;transform:translateY(0px);}}