@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700&display=swap&subset=latin-ext');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; color: #313131; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-family: 'Poppins', sans-serif; }
img { max-width: 100%; height: auto; border: 0; display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none !important; }
:focus { outline: 0; }
.clear { clear: both; }
.mobile-menu { display: none; position: fixed; top: 0; right: 0; width: 240px; z-index: 1; bottom: 0; height: 100vh; background: #272727; box-shadow: inset 10px 10px 30px #141414; overflow-y: scroll!important; }
.mobile-menu ul { padding: 0; margin: 0; list-style-type: none }
.mobile-menu>div>ul { padding-bottom: 100px }
.mobile-menu ul li { position: relative; padding: 0; margin: 0; border-bottom: 1px solid #181212; border-top: 1px solid #343434; }
.mobile-menu ul li a { padding: 15px 20px; display: block; color: #fff; text-decoration: none; font-size: 14px; line-height: initial; font-weight: 600; }
.mobile-menu ul li a.active { background: #1c1716; color: #ddd7cf }
.mobile-menu ul li ul li { background: #1d1d1d; }
.mobile-menu ul li ul { display: none; }
.mobile-menu ul li.menu-item-has-children>a { pointer-events: none }
.mobile-menu ul li.menu-item-has-children:before { top: 23px; right: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(213, 9, 9, 0); border-top-color: #ffffff; border-width: 5px; }
.mobile-menu ul li.menu-item-has-children > a { padding-right: 40px; }
.burger-lines, .header, .toggle-menu { position: relative }
.mobile-menu ul li ul li ul li { display: block; background: #232935; border-bottom: 1px solid #0d1a38 }
.mobile-menu ul li ul li ul { display: block }
.toggle-menu {display: none;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 29px 25px;background: none;border: none;position: absolute;top: 0;right: 0;}
.toggle-menu:hover, .toggle-menu:focus { outline: 0; }
.toggle-menu:hover .burger-lines:before, .toggle-menu:hover .burger-lines:after, .toggle-menu:focus .burger-lines:before, .toggle-menu:focus .burger-lines:after { background-color: #000; }
.toggle-menu.active .burger-lines { background: transparent; }
.toggle-menu.active .burger-lines:before, .toggle-menu.active .burger-lines:after { -webkit-transition: top 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 400ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 400ms 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 400ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 400ms 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms 400ms cubic-bezier(0.165, 0.84, 0.44, 1); top: 0; width: 20px; }
.toggle-menu.active .burger-lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg) scale(1.1); transform: rotate3d(0, 0, 1, 45deg) scale(1.1); }
.toggle-menu.active .burger-lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg) scale(1.1); transform: rotate3d(0, 0, 1, -45deg) scale(1.1); }
.burger-lines { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 400ms ease; transition: all 400ms ease; width: 25px; height: 2px; background-color: #00040b; position: relative; top: -2px; }
.burger-lines:before, .burger-lines:after { content: ''; display: inline-block; width: 25px; height: 2px; background-color: #000; position: absolute; left: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top 400ms 400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 400ms 400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 400ms 400ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 400ms 400ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.burger-lines:before { top: 8px; }
.burger-lines:after { top: -8px; }
.animating .mobile-menu, .menu-visible .mobile-menu { display: block; }
.animating .page-container, .animating .header { transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; -webkit-transition: -webkit-transform .25s ease-in-out; }
.animating.left .page-container, .animating.left .header { transform: translate3d(-240px, 0, 0); -webkit-transform: translate3d(-240px, 0, 0); }
.animating.right .page-container, .animating.right .header { transform: translate3d(240px, 0, 0); -webkit-transform: translate3d(240px, 0, 0); }
.menu-visible .page-container, .menu-visible .header { right: 240px; }
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table;/* 2 */ }
.clearfix:after { clear: both; }
.container { width: 1170px; display: table; margin: auto; position: relative; padding: 0px; }
.page-container { position: relative; background: #f4f2fa; }
.page-container, .header { -webkit-filter: blur(0px); filter: blur(0px); transition: 500ms all; }
.fancybox-bg { background: rgba(0, 0, 0, 0.2) !important; }
.fancybox-button svg { color: #c94343; }
.header { position: fixed; left: 0; width: 100%; transition: 400ms all; z-index: 222; top: 0px;/* border-bottom: 1px solid #e5e5e5; */ }
.sticky .header { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); top: -44px;/* background: #fff; */ }
.headertop { height: 50px; background: #372850; box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1); z-index: 2; position: relative; font-size: 14px; color: #d2d2dd; }
.ustMenu { float: right; padding-right: 30px; height: 80px; display: block; }
a.logo { float: left; position: relative; top: 20px; margin-left: 20px; width: 170px; }
a.logo img { width: 170px; position: relative; z-index: 2; }
.ustMenu ul { }
.ustMenu ul li { float: left; position: relative; }
.ustMenu ul li:before { width: 0%; content: ""; position: absolute; height: 100%; background: #e74756; display: block; left: inherit; right: 0px; transition: 300ms all; z-index: 0;/* box-shadow: 0px 3px 20px 0px rgba(229, 6, 21, 0.4); */ bottom: 0px; height: 5px; }
.ustMenu ul li:hover:before { width: 100%; right: inherit; left: 0px; }
.ustMenu ul li a { color: #000; font-size: 17px; line-height: 18px; padding: 33px 30px; display: block; font-weight: 500; }
.ustMenu ul li a:hover { color: #e74756; }
.ustMenu  ul > li > ul {position: absolute;background: rgb(255, 255, 255);left: 0px;width: auto;min-width: 230px;visibility: hidden;opacity: 0;transition: 300ms all;margin-top: 50px;box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.2);transition-delay: 100ms;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;/* border-top: 3px solid #db4352; */}
.ustMenu  ul > li > ul > li { margin: 0px; border-bottom: 1px dashed rgba(255, 255, 255, 0.1); width: 100%; border-bottom: 1px solid rgba(197, 196, 209, 0.23); position: relative; }
.ustMenu ul > li > ul > li:before {content: "";display: none;}.ustMenu  ul > li > ul > li:last-child { border: none; }
.ustMenu  ul > li > ul > li > a {padding: 15px 30px;line-height: initial;font-weight: 700;line-height: initial;color: #000000;display: block;font-size: 17px;font-weight: 400;transition: 300ms all;}
.ustMenu  ul > li:hover > ul { visibility: visible; opacity: 1; margin-top: 0px; transition-delay: inherit; }
.ustMenu  ul > li > ul:before {content: "";bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);/* border-bottom-color: #ef828c; */border-width: 10px;margin-left: -5px;}
.ustMenu  ul > li > a:hover { color: #e74756; }
.ustMenu  ul > li.menu-item-has-children:after {content: "";position: absolute;top: 50%;right: 5px;border: solid transparent;height: 0;width: 0;pointer-events: none;border-color: rgba(213, 9, 9, 0);border-top-color: #000000;border-width: 4px;float: right;transform: translateY(-3px);}
.ustMenu  ul > li.menu-item-has-children { padding-right: 0S; }
.ustMenu > ul > li > ul > li { }
.ustMenu > ul > li > ul > li > ul { border-top: 1px solid rgba(197, 196, 209, 0.6); background: #f5f5f7; width: 100%; position: relative; border-left: 4px solid #c5c4d1; }
.ustMenu > ul > li > ul > li > ul > li { border-bottom: 1px dashed #c5c4d1; line-height: initial; font-weight: 700; }
.ustMenu > ul > li > ul > li > ul > li:last-child { border: none; }
.ustMenu > ul > li > ul > li > ul > li > a { color: #746981; display: block; padding: 19px 20px; }
.ustMenu > ul > li > ul > li > ul > li > a:before { content: ""; position: relative; width: 8px; height: 8px; border: 2px solid #ff7049; display: block; float: left; margin-top: 7px; border-radius: 50px; box-sizing: border-box; margin-right: 20px; }
.ustMenu > ul > li > ul > li a:hover { color: #e44655; }
.ustMenu > ul > li > ul > li.menu-item-has-children:before { content: ""; position: absolute; right: 20px; width: 6px; height: 10px; background: url(../images/icons/menuArrow.png); position: absolute; top: 26px; }
.ustMenu > ul > li > ul > li.menu-item-has-children ul { display: none; }
.ustMenu > ul > li > ul > li.menu-item-has-children:hover ul { display: block; }
.ustMenu > ul > li.menu-item-has-children:before { width: 24px; height: 24px; content: ""; position: absolute; right: -8px; top: 8px; display: block; border: 2px solid #7b6498; border-radius: 40px; box-sizing: border-box; display: none; }
.ustMenu ul li ul li:before { bottom: 0px; }
.ustMenu > ul > li:hover > a { color: #e74756; }
.headerBar { height: 44px; width: 100%; }
.hSocial { float: right; }
.hSocial a { font-size: 18px; line-height: 44px; padding: 0 5px; transition: 400ms all; color: #fff; }
.hSocial a:hover { color: #fdb761; }
.hBarMenu { float: left; }
.hBarMenu ul { }
.hBarMenu ul li { float: left; }
.hBarMenu ul li a { display: block; line-height: 44px; padding: 0 15px; font-size: 14px; transition: 400ms all; color: #fff; }
a.hBarTel { float: left; line-height: 44px; font-size: 14px; margin-left: 30px; color: #fff; margin-right: 20px; border-right: 1px solid rgba(255, 255, 255, 0.3); padding-right: 20px; }
.hBarMenu ul li a:hover { color: #ee3124; }
.indexSlider { width: 1366px; max-width: 100%; display: block; margin: auto; border-radius: 4px; }
.indexSlider .owl-dots { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); }
.indexSlider button.owl-dot { border-radius: 50%; background-color: #fff !important; box-shadow: 0px 6px 2px 0px rgba(0, 0, 0, 0.08); width: 50px; height: 50px; margin: 0 5px; counter-increment: inst; font-size: 16px !important; font-weight: 700 !important; transition: 400ms all; }
.indexSlider button.owl-dot.active { background-color: #fdb761 !important; color: #fff; }
.indexSlider .owl-nav { display: none; }
.indexSlider .item { overflow: hidden; border-radius: 4px; display: block; }
.indexSlider button.owl-dot:before { content: "0"counter(inst); display: block; }
.indexHizmetler:before { content: ""; position: absolute; width: 100%; height: 650px; background: url(../images/hizmetBg.png) center repeat-y; bottom: 0px; }
.indexHizmetler { padding: 45px 0px 25px; position: relative; display: inline-block; width: 100%; }
.indexHizmetler ul { }
.indexHizmetler ul li { border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1); width: calc(25% - 23px); height: 150px; float: left; margin-right: 30px; margin-bottom: 30px; overflow: hidden; }
.indexHizmetler ul li:nth-child(4n) { margin-right: 0px; }
.hImg { height: 125px; position: relative; width: 100%; display: inline-block; }
.hImg:before { content: ""; display: block; background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%); height: 100px; position: absolute; bottom: 0px; left: 0px; width: 100%; }
.indexHizmetler ul li a { display: block; height: 150px; }
.hName { padding: 0 30px; margin-top: -10px; z-index: 1; position: relative; }
.hName i { float: right; font-size: 12px; opacity: 0.5; }
a.tumHizmetBtn { border-radius: 25px; background-image: -moz-linear-gradient( 180deg, rgb(242,83,83) 0%, rgb(255,198,99) 100%); background-image: -webkit-linear-gradient( 180deg, rgb(242,83,83) 0%, rgb(255,198,99) 100%); background-image: -ms-linear-gradient( 180deg, rgb(242,83,83) 0%, rgb(255,198,99) 100%); box-shadow: 0px 15px 30px 0px rgba(6, 91, 146, 0.08); position: absolute; width: 250px; height: 50px; bottom: -25px; left: calc(50% - 125px); line-height: 50px; color: #fff; text-align: center; font-size: 16px; }
a.tumHizmetBtn i { margin-right: 10px; }
a.tumHizmetBtn:hover { background: #f25353; }
.indexTanitim { position: relative; width: 100%; display: inline-block; padding: 85px 0px; }
.indexTanitim:before { content: ""; position: absolute; }
.tanitimText { width: 45%; margin-top: 10px; float: left; display: inline-block; }
.tanitimText h2 { font-size: 36px; line-height: 48px; font-weight: 500; margin-bottom: 20px; }
.tanitimText p { font-size: 18px; line-height: 30px; margin-bottom: 20px; width: 100%; }
a.tanitinVideo { background-size: cover; height: 480px; display: block; float: right; box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 4px; position: relative; width: 50%; }
a.tanitinVideo i { color: #fff; background: rgba(34, 36, 42, 0.7); font-size: 32px; height: 100px; width: 100px; line-height: 100px; text-align: center; border-radius: 50%; left: calc(50% - 50px); top: calc(50% - 50px); position: absolute; }
.avantajlar { }
.avantajlar ul { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 30px; padding-bottom: 30px; display: inline-block; width: 100%; }
.avantajlar ul li { width: calc(25% - 23px); float: left; margin-right: 30px; font-size: 16px; line-height: 24px; font-weight: 300; }
.avantajlar ul li strong { display: block; font-size: 24px; margin-bottom: 20px; }
.avantajlar ul li:last-child { margin: 0px; }
.footerForm { background: #f25353; height: 260px; position: relative; }
.footerForm:before { content: ""; width: 60%; left: 39%; height: 260px; display: block; position: absolute; background: url(../images/formBg.png) no-repeat; }
.f_formText { float: left; width: 400px; margin-top: 50px; }
.f_formText h4 { color: #fff; font-size: 32px; font-weight: 700; }
.f_formText p { font-size: 16px; line-height: 24px; color: #ffded0; margin: 20px 0px; }
.f_formText a { font-size: 18px; font-weight: 700; }
.f_formText a i { margin-right: 10px; }
.formImg { position: absolute; pointer-events: none; left: 30%; top: -15px; }
.footerForm form { width: 447px; float: right; margin-top: 50px; }
.footerForm h4 { color: #fff; font-size: 32px; font-weight: 700; margin-bottom: 20px; }
.footerForm input { border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1); width: 250px; height: 44px; padding: 0 20px; font-size: 15px; }
.footerForm form ul li { width: 250px; margin-bottom: 12px; }
.footerForm form ul li:last-child { width: 185px; height: 100px; position: absolute; top: 0px; margin-bottom: 0px; right: 0px; }
.footerForm form ul { position: relative; }
.footerForm form ul li input[type="submit"] { height: 100px; background: #ffc663; width: 100%; font-weight: 700; font-size: 18px; }
.footer { background: #ffffff; padding: 50px 0 50px; position: relative; }
.footerText { width: 220px; float: left; }
.flogo { margin-top: -10px; }
.footerText p { font-size: 12px; margin-top: 20px; line-height: 24px; color: #969696; }
.f_menu { float: right; float: left; margin-left: 50px; }
.f_menu > ul { }
.f_menu > ul > li { float: left;/* width: 170px; */ margin-right: 50px; }
.f_menu > ul > li > a { font-weight: 700; pointer-events: none; color: #1a1a25; font-size: 18px; }
.f_menu > ul > li > ul { margin-top: 43px; }
.f_menu > ul > li > ul > li { }
.f_menu > ul > li > ul > li a { padding: 5px 0px; display: block; margin: 5px 0px; font-size: 14px; color: #969696; transition: 400ms all; }
.f_menu > ul > li > ul > li a:before { display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; margin-right: 8px; }
.f_menu > ul > li > ul > li a:hover { color: #da0c15; }
.fcontact { float: right; width: 290px; }
.fcontact h4 { font-weight: 700; pointer-events: none; color: #1a1a25; font-size: 18px; margin-bottom: 43px; }
.fcontact ul { }
.fcontact ul li { position: relative; padding-left: 30px; color: #969696; font-size: 14px; line-height: 24px; margin-bottom: 10px; }
.fcontact ul li i { position: absolute; left: 0px; top: 4px; }
.fcontact ul li a { color: #969696; }
.tanitimText a { border-radius: 4px; background-color: rgb(179, 179, 179); box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1); height: 50px; display: inline-block; float: left; margin-right: 20PX; line-height: 50px; padding: 0 30px; color: #fff; font-size: 15px; /* font-weight: 500; */ transition: 400ms all; }
.tanitimText a.videoBtn { background: #ffc663; color: #fff; box-shadow: 0px 15px 30px 0px rgba(255, 198, 99, 0.1); }
.tanitimText a.videoBtn:before { display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f04b"; margin-right: 8px; }
.tanitimText a:hover { background: #e74756; box-shadow: 0px 15px 30px 0px rgba(231, 71, 86, 0.1); }
.pageImg { height: 395px; display: block; position: relative; }
.pageImg:before, .pageImg:after { content: ""; position: absolute; top: 0px; width: 20%; height: 100%; background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); opacity: 0.4; }
.pageImg:after { content: ""; right: 0px; background-image: -moz-linear-gradient( 0deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); background-image: -webkit-linear-gradient( 0deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); background-image: -ms-linear-gradient( 0deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%); opacity: 0.4; }
.pageImg.blackBg { background: url(../images/blackBg.png); height: 500px; }
.kurumsalMenu { background-color: #fff; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); width: 100%; margin-bottom: 30px; border-radius: 4px; display: inline-block; }
.kurumsalMenu ul { padding: 20px 30px; }
.kurumsalMenu ul li { border-bottom: 1px solid #efefef; list-style: none; }
.kurumsalMenu ul li:last-child { border-bottom: none; }
.kurumsalMenu ul li a { font-size: 18px; color: #393939; line-height: 32px; display: block; padding: 10px 0px; }
.kurumsalMenu ul li a:hover { color: #e74756; }
.contentLeft { width: calc(100% - 340px); float: left; }
.sidebar { float: right; width: 300px; margin-top: -167px; }
.teklifAl { border-radius: 4px; background-color: rgb(242, 83, 83); background-image: url(../images/contactImg.png); background-position: center bottom; background-repeat: no-repeat; height: 492px; display: inline-block; padding: 30px 25px; color: #fff; position: relative; overflow: hidden; float: left; }
.teklifAl h2 { color: #fff; margin-bottom: 10px; position: relative; z-index: 1; }
.teklifAl p { color: #ffded0; position: relative; z-index: 1; }
.teklifAl a { font-weight: 700; font-size: 24px; position: relative; z-index: 1; }
.teklifAl:before { content: ""; display: block; height: 306px; position: absolute; width: 100%; left: 0px; top: 0px; background: url(../images/sidebarBg.png) no-repeat; }
.hizmetSlider { overflow: hidden; border-radius: 4px; }
.hizmetSlider .owl-carousel:before { content: ""; position: absolute; width: 100%; display: block; bottom: 0px; z-index: 2; background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); opacity: 0.4; height: 145px; }
.hizmetDetaylari { width: 780px; float: left; display: block; margin-top: 55px; color: #fff; }
.hizmetForm { float: right; background: #e7cfb9; width: 350px; margin-top: 55px; height: 700px; border-radius: 4px; }
.hizmetDetaylari h1 { font-size: 48px; font-weight: 700; color: #fff; margin-top: 10px; }
.hizmetDetaylari p { line-height: 32px; color: #fff; font-size: 18px; margin-top: 20px; margin-bottom: 30px; }
.hizmetContent { margin-top: -500px; }
.hizmetSlider .owl-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 2; }
.hizmetSlider button.owl-dot { border-radius: 50%; background-color: #fff !important; box-shadow: 0px 6px 2px 0px rgba(0, 0, 0, 0.08); width: 20px; height: 20px; margin: 0 5px; counter-increment: inst; font-size: 16px !important; font-weight: 700 !important; box-sizing: border-box; border: 3px solid rgba(255, 255, 255, 0); transition: 400ms all; }
.hizmetSlider button.owl-dot.active { background-color: #f25353 !important; color: #fff; border: 3px solid #fff; box-sizing: content-box; top: 3px; position: relative; }
.hizmetSlider .owl-nav { display: none; }
.formTitle { font-size: 30px; text-align: center; }
.formTitle strong { display: block; }
.hizmetForm ul { padding: 25px; }
.hizmetForm ul li { margin-bottom: 16px; }
.hizmetForm ul li input, .hizmetForm ul li textarea { width: 100%; border-style: solid; border-width: 1px; border-color: rgba(126, 120, 115, 0.4); border-radius: 4px; background-color: rgb(255, 255, 255); height: 48px; font-size: 15px; padding: 0 20px; }
.hizmetForm ul li textarea { padding: 20px; height: 92px; outline: none; resize: none; }
.hizmetForm ul li input[type="submit"] { background: #f25353; font-size: 18px; font-weight: 700; color: #fff; border: none; cursor: pointer; }
.hizmetForm ul li input[type="submit"]:hover { background: #df3f3f; }
.fomrImgTop { position: relative; text-align: center; width: 70%; display: table; margin: -40px auto -10px; }
.accordionButton { background: #f1f1f1; padding: 22px 20px; margin-bottom: 20px; transition: 400ms; cursor: pointer; font-size: 22px; color: #263035; box-sizing: border-box; border-radius: 5px; background-color: #fff; box-shadow: -5px 0 0 0 rgba(21,142,166,.004), 0 12px 24px 0 rgba(0,0,0,.1), -5px 0 0 0 #ffc663; height: 70px; border: 1px solid #eeeeee; }
.accordionContent { padding-bottom: 20px; font-size: 18px; line-height: 26px; color: #607d8b; padding-left: 20px; padding-right: 20px }
.accordionButton.on { background: #ffd6d6; transition: 400ms; color: #d91f1f; box-shadow: -5px 0 0 0 rgba(21,142,166,.004), 0 12px 24px 0 rgba(0,0,0,.1), -5px 0 0 0 #f25353; }
.accordionContent p:not(:first-child) { margin-top: 15px }
.accordionButton:before { content: "+"; position: absolute; right: 20px; font-weight: 300; font-family: initial }
.accordionButton.on:before { content: "-" }
.teknikOzellikler { border-bottom: 1px solid #eee; padding-bottom: 40px; margin-bottom: 40px; }
.contentText h2 i { margin-right: 15px; }
.teknikOzellikler ul { display: inline-block; }
.teknikOzellikler ul li { width: 50%; float: left; margin-bottom: 15px; font-size: 18px; }
.mapContainer { height: 520px; display: block; position: relative; width: 100%; display: inline-block; }
.contactPage { position: relative; width: 100%; overflow: hidden; margin-top: -150px; box-shadow: 0 10px 30px 0 rgba(0,0,0,.25), inset 0 -2px 0 0 rgba(72,195,243,.004); z-index: 2; background: #fff; margin-bottom: 60px; padding: 50px; box-sizing: border-box; }
.contactLeft { width: 44%; float: left; }
.contactLeft h2, .contactRight h2 { color: #313131; font-size: 36px; font-weight: 700; font-family: 'Montserrat', sans-serif; padding-bottom: 20px; border-bottom: 1px solid #f4f4f4; margin-bottom: 20px; }
.contactRight { width: 47%; float: right; }
.contactRight form#contactForm ul li input { border: 1px solid #cccccc; border-radius: 0px; height: 52px; }
.contactLeft p { font-size: 18px; line-height: 30px; color: #808080; padding-bottom: 20px; border-bottom: 1px solid #f4f4f4; margin-bottom: 20px; letter-spacing: 0.5px; }
.contactLeft ul { }
.contactLeft ul li { width: 100%; margin-bottom: 20px; font-size: 16px; line-height: 24px; color: #808080; letter-spacing: 0.5px; }
.contactLeft ul li i { float: left; margin-right: 20px; }
.contactRight form#contactForm { padding: 0px; }
.contactRight form#contactForm > ul > li:nth-child(3), .contactRight form#contactForm > ul > li:nth-child(4) { width: calc(50% - 7px); }
.contactRight form#contactForm > ul > li:nth-child(3) { margin-right: 14px; }
.contactRight form#contactForm > ul > li:nth-child(5) { width: 100%; }
.contactRight form#contactForm ul li textarea { width: 100%; border: 1px solid #cccccc; border-radius: 0px; height: 125px; resize: none; padding: 10px 15px; font-size: 14px; }
.contactRight form#contactForm ul li input[type="submit"] { float: right; border: none; font-size: 18px; }
.contactRight form#contactForm > ul > li:last-child { float: right; }
.fSocial { float: right; }
.fSocial a {font-size: 18px;line-height: 44px;padding: 0 5px;transition: 400ms all;color: #000;}
.fSocial a:hover { color: #fdb761; }
.footerBar {display: inline-block;width: 100%;border-top: 1px solid rgba(0, 0, 0, 0.1);margin-top: 20px;}
.footerCopyright {float: left;color: #000;margin-top: 19px;}
.homeBg { background: url(../images/bg.jpg) top no-repeat; height: 665px; position: relative; background-color: #000; }
.homeBg:before { content: ""; background: url(../images/head_pattern.png); height: 246px; position: absolute; bottom: 0px; width: 100%; z-index: 2; }
.headerBottom { border-radius: 4px; background-image: -moz-linear-gradient( -45deg, rgb(255,255,255) 0%, rgb(222,222,223) 100%);/* background-image: -webkit-linear-gradient( -45deg, rgb(255,255,255) 0%, rgb(222,222,223) 100%); */ background-image: -ms-linear-gradient( -45deg, rgb(255,255,255) 0%, rgb(222,222,223) 100%);/* box-shadow: 0px 13px 70px 0px rgba(32, 39, 62, 0.26); */ height: 80px; background: #FFF; }
.homeContent { display: inline-block; width: 100%; text-align: center; font-size: 18px; color: #fff; top: 220px; position: relative; }
.homeContent h1 {font-size: 20px;color: #fff;width: 760px;display: table;margin: auto;line-height: 36px;font-family: 'Raleway', sans-serif;}
.homeContent form { width: 575px; position: relative; display: table; margin: 30px auto; }
.homeContent form textarea {width: 100% !important;display: block;min-height: 64px;height: 64px;border-radius: 4px;font-size: 16px;padding-left: 20px;padding-top: 25px;padding-right: 140px;line-height: initial;}
.homeContent form a {position: absolute;top: 8px;right: 9px;background: #1a1a25;color: #fff;height: 48px;border-radius: 4px;width: 120px;font-weight: 700;font-size: 16px;line-height: 48px;}
.indexHizmet { font-family: 'Raleway', sans-serif; padding: 60px 0 80px; }
.indexHizmet ul { display: table; margin: auto; }
.indexHizmet ul li { width: 270px; float: left; margin: 0 15px; }
.indexHizmet ul li a { border-style: solid; border-width: 1px; border-color: rgba(222, 220, 228, 1); border-radius: 5px; padding: 2px; position: relative; display: block; height: 495px; text-align: center; padding: 0 30px; letter-spacing: 0.5px; transition: 400ms all; box-shadow: 0px 0px 0px 0px rgba(32, 39, 62, 0); }
.indexHizmet ul li a h2 {margin: 0;font-size: 20px;line-height: 34px;color: #2a2833;font-weight: 600;font-family: 'Poppins', sans-serif;}
.indexHizmet ul li a i { width: 108px; height: 108px; -webkit-box-shadow: 0px 20px 40px 0px rgba(255, 118, 142, 0.8); box-shadow: 0px 20px 40px 0px rgba(255, 118, 142, 0.8); border-radius: 5px; background-image: linear-gradient(40deg, #ff43c0 0%, #ffa95c 100%); margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 70px; margin-bottom: 30px; margin-top: 50px; }
.indexHizmet ul li a p { font-size: 14px; color: #b0b0b0; line-height: 30px; margin-top: 20px; }
.indexHizmet ul li a::after, .indexHizmet ul li a::before { content: "\f061"; font-weight: 900; font-family: "Font Awesome 5 Free"; bottom: 50px; position: absolute; transition: 400ms all; }
.indexHizmet ul li a::before { opacity: 0; margin-left: -50px; }
.indexHizmet ul li a:hover::after { opacity: 0; margin-left: 50px; }
.indexHizmet ul li a:hover::before { opacity: 1; margin-left: 0px; }
.indexHizmet ul li a:hover { background: #fff; border-color: rgba(222, 220, 228, 0); box-shadow: 0px 30px 40px 0px rgba(32, 39, 62, 0.1); }
.indexHizmet ul li:nth-child(2) a i { -webkit-box-shadow: 0px 20px 60px 0px rgba(141, 142, 255, 0.8); box-shadow: 0px 20px 60px 0px rgba(141, 142, 255, 0.8); background-image: linear-gradient(40deg, #0db8ff 0%, #f332ff 100%); }
.indexHizmet ul li:nth-child(3) a i { -webkit-box-shadow: 0px 20px 40px 0px rgba(58, 212, 173, 0.8); box-shadow: 0px 20px 40px 0px rgba(58, 212, 173, 0.8); background-image: linear-gradient(40deg, #39aeff 0%, #3cff53 100%); }
.indexHizmet ul li:nth-child(4) a i { -webkit-box-shadow: 0px 20px 40px 0px rgba(255, 178, 71, 0.8); box-shadow: 0px 20px 40px 0px rgba(255, 178, 71, 0.8); background-image: linear-gradient(40deg, #ff703e 0%, #ffec4e 100%); }
.indexHizmet ul li:nth-child(5) a i { -webkit-box-shadow: 0px 20px 40px 0px rgba(158, 158, 158, 0.8); box-shadow: 0px 20px 40px 0px rgba(158, 158, 158, 0.8); /* fallback for old browsers */
background: -webkit-linear-gradient(40deg, #717171, #2b2b2b);  /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(40deg, #717171, #2b2b2b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.teklifBtn { background-image: -moz-linear-gradient( -45deg, rgb(255,255,255) 0%, rgb(203,45,62) 0%, rgb(239,71,58) 100%); background-image: -webkit-linear-gradient( -45deg, rgb(255,255,255) 0%, rgb(203,45,62) 0%, rgb(239,71,58) 100%); background-image: -ms-linear-gradient( -45deg, rgb(255,255,255) 0%, rgb(203,45,62) 0%, rgb(239,71,58) 100%); width: 210px; height: 80px; display: block; float: right; line-height: 80px; text-align: center; color: #fff; font-weight: 700; font-size: 18px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; transition: 400ms all; }
.sticky .header:before { width: 100%; left: 0%; }
.header:before { content: ""; width: 100%; height: 80px; background: white; position: absolute; width: 0%; transition: 1s all; left: 50%; bottom: 0px; }
.sticky .teklifBtn { height: 50px; line-height: 50px; margin-top: 13px; border-radius: 4px; }
.teklifBtn:hover { background-image: -moz-linear-gradient( -45deg, rgb(239,71,58) 0%, rgb(203,45,62) 100%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( -45deg, rgb(239,71,58) 0%, rgb(203,45,62) 100%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( -45deg, rgb(239,71,58) 0%, rgb(203,45,62) 100%, rgb(255,255,255) 100%); }
.singleBg { background-repeat:  no-repeat; height: 520px; position: relative; background-color: #000; }
.singleBg:before { content: ""; background: url(../images/head_pattern.png); height: 246px; position: absolute; bottom: 0px; width: 100%; z-index: 2; }
.singleBg h1 {
    font-size: 48px;
    text-align: center;
    top: 220px;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}


.contentText {color: #4b5259;line-height: 28px;font-weight: 400;font-size: 16px;padding: 20px 0px 40px;}
.contentText p { margin-bottom: 24px }
.contentText h1, .contentText h2, .contentText h3, .contentText h4, .contentText h5 { font-weight: 700; line-height: initial; }
.contentText h1 { font-size: 32px; margin-bottom: 18px; }
.contentText h2 { font-size: 28px; margin-bottom: 16px; line-height: initial; }
.contentText h3 { font-size: 25px; margin-bottom: 18px; }
.contentText h4 { font-size: 22px; margin-bottom: 17px; }
.contentText h5 { font-size: 20px; margin-bottom: 17px; }
.contentText>ol, .contentText>ul { display: block; box-sizing: border-box; padding: 0 0 15px 15px; width: 100% }
.contentText ul {width: 100%;display: block;padding-left: 30px;}
.contentText ul li { list-style-type: disc; float: none; width: 100% }
.contentText ol { width: 100%; display: block }
.contentText ol li { list-style-type: square; float: none; width: 100% }
.contentText img.alignleft { float: left; margin-right: 25px }
.contentText img.alignright { float: right; margin-left: 25px }
.contentText img.aligncenter { margin: 0 auto }

.contactRight ul {
    display: inline-block;
    width: 100%;
}

.contactRight ul li {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    float: left;
}

.contactRight input {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    padding: 10px 15px;
    height: 50px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
}

.contactRight ul li textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 90px;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 3px;
}

.contactRight ul li input.wpcf7-form-control.wpcf7-submit {
    background: #ffc663;
    border: none;
    width: 50%;
    float: right;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    transition: 300ms all;
}

.contactRight ul li:nth-child(2), .contactRight ul li:nth-child(3) {
    width: calc(50% - 10px);
    margin-right: 15px;
}

.contactRight ul li:nth-child(3) {
    margin-right: 0px;
}

.contactRight ul li span {
    display: inline-block;
    width: 100%;
}

.contactRight ul li span.wpcf7-not-valid-tip {
    margin-top: 10px;
    font-size: 12px;
}

.contactRight div.wpcf7-validation-errors, .contactRight  div.wpcf7-acceptance-missing {
    font-size: 13px;
    padding: 10px;
    border-color: #ffc663;
    background: rgba(255, 198, 99, 0.1);
}.contactRight ul li input.wpcf7-form-control.wpcf7-submit:hover {
    background: #ee3124;
}



.postlist {width: 100%;display: inline-block;margin-bottom: 45px;/* margin-top: -140px; */}
.postlist ul { }
.postlist ul li { width: calc(33.33% - 30px); float: left; margin-right: 45px; margin-top: 45px; position: relative; }
.postlist ul li a { display: inline-block; position: relative; }
.postlist ul li a .postImg { position: relative; width: 100%; overflow: hidden; }
.postlist ul li .postCat { position: absolute; top: 195px; right: -20px; z-index: 2; }
.postlist ul li a .postDate { color: #9b9b9b; font-size: 14px; margin: 20px 0px 10px; }
.postlist ul li a .postTitle { font-size: 26px; font-weight: 800; color: #333333; line-height: 32px; letter-spacing: -0.5px; height: 64px; overflow: hidden; width: 100%; DISPLAY: BLOCK; transition: 300ms all; }
.postlist ul li:nth-child(3n) { margin-right: 0px; }
.postlist ul li a .postImg:before { position: absolute; content: ""; display: block; height: 100%; background: rgba(227, 6, 19, 0.5); width: 0%; transition: 300ms all; left: inherit; right: 0px; z-index: 1; }
.postlist ul li a:hover .postImg:before { width: 100%; left: 0px; right: inherit; }
.postlist ul li a:hover .postImg img { transform: scale(1.2) rotate(-5deg); }
.postlist ul li a .postImg img { transition: 1s all; }
.postlist ul li a:hover .postTitle { color: #e30613; }
.postlist ul li .postCat a {color: #fff;border-radius: 4px;background-color: rgb(238, 49, 36);height: 43px;display: block;padding: 14px 20px;color: #fff;min-width: 140px;text-align: center;font-weight: 700;transition: 300ms all;}
.postlist ul li .postCat a:hover { background: #364452; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5); }
.sayfalama { width: 100%; }
.sayfalama ul { display: table; margin: 0 auto 50px; }
.sayfalama ul li { font-size: 20px; float: left; line-height: 50px; display: block; min-width: 50px; text-align: center; color: #080405; background: #e9e9e9; margin: 0 5px; }
.sayfalama ul li a { display: block; background: rgb(227, 6, 19); box-shadow: 0px 3px 20px 0px rgba(229, 6, 21, 0.4); color: #fff; }
.sayfalama ul li a:hover { background: red; }



#teklif-formu ul li {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    float: left;
}

#teklif-formu input, #teklif-formu select {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    padding: 10px 15px;
    height: 50px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
}

#teklif-formu ul li textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 90px;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 3px;
}

#teklif-formu ul li input.wpcf7-form-control.wpcf7-submit {
    background: #ffc663;
    border: none;
    width: 50%;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    transition: 300ms all;
    background-image: -moz-linear-gradient( -45deg, rgb(255,255,255) 0%, rgb(203,45,62) 0%, rgb(239,71,58) 100%);
    background-image: -webkit-linear-gradient( -45deg, rgb(255,255,255) 0%, rgb(203,45,62) 0%, rgb(239,71,58) 100%);
    background-image: -ms-linear-gradient( -45deg, rgb(255,255,255) 0%, rgb(203,45,62) 0%, rgb(239,71,58) 100%);
    display: table;
    margin: auto;
}

#teklif-formu ul li:nth-child(2), #teklif-formu ul li:nth-child(3) {
    width: calc(50% - 5px);
    margin-right: 10px;
}

#teklif-formu ul li:nth-child(3) {
    margin-right: 0px;
}

#teklif-formu ul li span {
    display: inline-block;
    width: 100%;
}

#teklif-formu ul li span.wpcf7-not-valid-tip {
    margin-top: 10px;
    font-size: 12px;
}

#teklif-formu div.wpcf7-validation-errors, #teklif-formu  div.wpcf7-acceptance-missing {
    font-size: 13px;
    padding: 10px;
    border-color: #ffc663;
    background: rgba(255, 198, 99, 0.1);
}#teklif-formu ul li input.wpcf7-form-control.wpcf7-submit:hover {
    background: #ee3124;
}
#teklif-formu{width:500px;}
#teklif-formu .formTitle {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: initial;
}

#teklif-formu .formTitle strong {
    font-size: 32px;
}

#teklif-formu ul li:last-child {
    margin: 0px;
}