/* Theme Name: Tesa Makine - HSS Daire Testereler, şerit Testereler Theme URI: https://livanitito.info/ Author: Webajans.com - Dijital Pazarlama ve Reklam Ajansı Author URI: https://www.webajans.com/ Description: Bu web sitesi, webajans.com tarafından hazırlanmış özel bir temadır. Version: 1.0 */ @charset "utf-8"; @import url('css/font-tesa.css'); @font-face { font-family: 'Robotoo'; src: url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Robotoo'; src: url('fonts/Roboto-Light.eot'); src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light.woff2') format('woff2'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Robotoo'; src: url('fonts/Roboto-Medium.eot'); src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium.woff2') format('woff2'), url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'), url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Robotoo'; src: url('fonts/Roboto-Bold.eot'); src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff2') format('woff2'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Playfair Display'; src: url('fonts/PlayfairDisplay-BoldItalic.eot'); src: url('fonts/PlayfairDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2'), url('fonts/PlayfairDisplay-BoldItalic.woff') format('woff'), url('fonts/PlayfairDisplay-BoldItalic.ttf') format('truetype'), url('fonts/PlayfairDisplay-BoldItalic.svg#PlayfairDisplay-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } html { } body { font-size:17px; font-family:"Robotoo"; color:#6e7076; border-top: 7px solid #858687; } a { color: #282828; text-decoration: none; } a:hover, a:focus { color: #282828; text-decoration: none; } /* ul { list-style: none; margin:0; padding:0; } */ *:focus {outline:none !important} input { } h1, h2, h3 { margin: 0; } header { position: relative; } header .navbar-header { position: relative; z-index: 11; } header .logo { display: inline-block; } header .navbar.navbar-default { background:none; border:none; padding-top: 12px; margin: 0; position: inherit; } header #navbar { padding:0; } header .nav.navbar-nav { float:right; margin:30px 0 -1px; } header .nav.navbar-nav > li { background: none !important; } header .nav.navbar-nav > li > a { background: none !important; color: #6e7076 !important; font-weight: 500; font-size: 15px; padding: 20px 5px; border-bottom: 8px solid transparent; transition: 0.3s all; } header .nav.navbar-nav > li + li { margin-left: 25px; } header .nav.navbar-nav > li.menu-item-has-children > a:after { display: inline-block; content: "\e900"; font-family: 'icomoon'; transform: rotate(90deg); margin: 0 5px 0 8px; font-size: 14px; transition: 0.3s all; } header .nav.navbar-nav > li.menu-item-has-children > a:hover:after { transform: rotate(-90deg); } header .nav.navbar-nav > li.current-menu-item > a, header .nav.navbar-nav > li > a:focus, header .nav.navbar-nav > li > a:hover, header .nav.navbar-nav > li.open > a { background: none !important; border-bottom: 8px solid #6e7076; color: #6e7076 !important; } header .nav.navbar-nav > li > ul.dropdown-menu { margin: 0; border-radius: 0; transform: scale(1, 0); border: none; display: block !important; opacity: 0; height: 0; visibility: hidden; transition: 0.3s all; } /* header .nav.navbar-nav > li > ul.dropdown-menu { left: 50% !important; right: inherit !important; transform: translateX(-50%) !important; } */ header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content { padding: 0 30px; } /* header .nav.navbar-nav > li.one > ul.dropdown-menu { left: inherit !important; transform: none !important; } */ /* header .nav.navbar-nav > li.one > ul.dropdown-menu > .fhmm-content .smenu { display: block; padding-bottom: 50px; padding-right: 50px; } */ /* header .nav.navbar-nav > li.one > ul.dropdown-menu > .fhmm-content .container { width: 100%; }* */ header .nav.navbar-nav > li.open > ul.dropdown-menu {z-index: 9999;transform: scale(1, 1);background-color: transparent !important;display: block;opacity: 1;visibility: visible;} header .nav.navbar-nav > li.open > ul.dropdown-menu > .fhmm-content { background-color: #6e7076 !important; color: #fff !important; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content { transition: 0.3s all; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .notice { font-family: 'Playfair Display'; font-size: 25px; letter-spacing: 1px; text-align: center; padding: 35px 15px; border-bottom:1px solid #888a92; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .closer { padding: 20px 15px; border-top:1px solid #888a92; text-align: center; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .closer a { display: inline-block; color: #fff; font-size: 11px; font-weight: 500; letter-spacing: 2px; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .closer a i { display: block; color: #fff; transform: rotate(-90deg); margin-top: 10px; font-size: 14px; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .smenu { margin: 0; padding: 30px 0; display: table; width: 100%; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .smenu > li { display: table-cell; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .smenu > li > a { color: #fff; font-size: 15px; font-weight: 500; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .smenu > li > ul { margin-top: 20px; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .smenu > li > ul > li { } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .smenu > li > ul > li + li { padding-top: 5px; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .smenu > li > ul > li > a { color: #fff; font-size: 13px; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .smenu > li > ul > li > ul > li > a { color: #fff; font-size: 13px; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .smenu > li > ul > li > a:hover { text-decoration: underline; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .btitle { text-align: center; font-size: 16px; font-weight: 300; margin-bottom: 15px; } header .nav.navbar-nav > li > ul.dropdown-menu > .fhmm-content .btitle img { margin-left: 10px; } header .nav.navbar-nav > li > ul.dropdown-menu > .brands { height: 70px; background: #cead4f; border-bottom: 10px solid #6e7076; } header .nav.navbar-nav > li > ul.dropdown-menu > .brands ul { list-style: none; margin: 0; padding: 0; text-align: left; } header .nav.navbar-nav > li > ul.dropdown-menu > .brands ul li { float: right; display: inline-block; } header .nav.navbar-nav > li > ul.dropdown-menu > .brands ul li + li { margin-left: 32px; } header .nav.navbar-nav > li > ul.dropdown-menu > .brands ul li:first-child { position: relative; padding-left: 35px; } /*header .nav.navbar-nav > li > ul.dropdown-menu > .brands ul li:first-child:after { content: ""; display: inline-block; background: #b39233; width: 1px; height: 48px; top: 50%; left: 0; transform: translateY(-50%); position: absolute; } */ header .nav.navbar-nav > li > ul.dropdown-menu > .brands ul li:first-child img { margin-top: -24px; padding-bottom: 10px; } header .nav.navbar-nav > li > ul.dropdown-menu > .brands ul li a { display: inline-block; } header .navbar-header .navbar-toggle { background: none; border: none; border-radius: 0; margin: 30px 20px 0 0; padding: 0; width: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header .navbar-header .navbar-toggle:hover, header .navbar-header .navbar-toggle:focus, header .navbar-header .navbar-toggle[aria-expanded="true"] { background: tranparent !important; background-color: transparent !important; } header .navbar-toggle:focus { background: none !important; } header .navbar-header .navbar-toggle .icon-bar { background: #858687; height: 3px; width: 31px; } header .navbar-header .navbar-toggle .icon-bar+.icon-bar { margin-top: 5px; } header .navbar-toggle.collapsed .icon-bar.top-bar { transform: rotate(0); } header .navbar-toggle.collapsed .icon-bar.middle-bar { opacity: 1; } header .navbar-toggle.collapsed .icon-bar.bottom-bar { transform: rotate(0); } header .navbar-toggle .icon-bar { transition: all 0.3s; } header .navbar-toggle .icon-bar.top-bar { transform: rotate(45deg); transform-origin: 15% 10%; } header .navbar-toggle .icon-bar.middle-bar { opacity: 0; } header .navbar-toggle .icon-bar.bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; } header .head-info { float: right; display: flex; justify-content: flex-end; min-width: 500px; } header .head-info > ul { } header .head-info > ul > li { display: inline-block; } header .head-info > ul > li:first-child i { font-size: 18px; margin-right: 5px; } header .head-info > ul > li a { font-size: 13px; color: #6e7076; } header .head-info > ul > li+li+li { margin-left: 10px; } header .head-info > ul > li+li:before { display: inline-block; content: ''; width: 1px; margin-right: 12px; height: 10px; background-color: #6e7076; } header .head-info ul > li > ul { display: inline-block; } header .head-info ul > li > ul > li { display: inline-block; } @media (max-width:767px){ header .navbar.navbar-default { margin-bottom: 12px; } header .logo { max-width: 200px; } header .logo img { width: 100%; height: auto; } header .nav.navbar-nav > li + li { margin-left: 0; } } @media (min-width:768px) and (max-width: 992px){ header .logo { max-width: 200px; } header .logo img { width: 100%; } header .nav.navbar-nav { margin: 26px 0 0; } header .head-info > ul > li a { font-size: 11px; } header .head-info > ul > li:first-child i { font-size: 15px; } header .nav.navbar-nav > li > a { font-size: 14px; padding: 10px 5px; } } /* banner */ .banner { } .banner .sarrow { cursor: pointer; } .banner .btext h1 { font-weight: 300 !important; } /* Services */ .services { position: relative; margin-top: -81px; z-index: 99; } .services .services-box { box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.2); padding: 40px 50px 50px 50px; background-color: #ffffff; display: flex; } .services .services-box .services-desc { } .services .services-box .services-desc h2 { font-size: 39px; font-weight: 300; margin: 25px 0; } .services .services-box .services-middle { } .services .services-box .services-middle img { position: absolute; top: 0; bottom: 0; margin: auto; height: auto; } .services .services-box .services-video { } .services .services-box .services-video .video-wrap { position: relative; } .services .services-box .services-video .video-wrap img { width: 100%; height: auto; } .services .services-box .services-video .video-wrap a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .services .services-box .services-video .video-wrap a i { position: absolute; top: 35%; left: 45%; color: #ffffff; font-size: 70px; } .services .services-box .services-video .video-wrap a:hover { background-color: rgba(0, 0, 0, 0.2); } .services .video-button { position: absolute; top: auto !important; left: auto !important; bottom: -20px; right: -20px; padding: 10px 20px; background: #858687; font-size: 16px; color: white; text-decoration: none; width: auto !important; height: auto !important; border-radius: 6px; } .services .video-button:hover { background: #00ffff !important; } .services .scroll { justify-content: flex-start; margin-top: -64px; margin-bottom: 25px; padding-left: 50px; } .services .scroll a.scroll-bottom { align-items: flex-start; color: #fff; } .services .scroll a.scroll-bottom i { margin-left: 5px; } @media (max-width:767px){ .services .scroll { padding-left: 20px; } .services .services-box { display: block; padding: 10px 20px 40px 20px; } .services .services-box .services-middle { display: none; } .services .services-box .services-desc h2 { font-size: 29px; font-weight: 300; margin: 10px 0; } .services .services-box .services-desc p { font-size: 14px; } } @media (min-width:768px) and (max-width: 992px){ .services .services-box .services-desc h2 { font-size: 29px; font-weight: 300; margin: 10px 0; } .services .services-box .services-desc p { font-size: 14px; } .services .services-box .services-middle img { position: initial; width: 100%; } .services .services-box .services-video .video-wrap a i { top: 25%; } .services .scroll { margin-top: -34px; } .machines { margin-top: 60px !important; padding-bottom: 0 !important; } .machines .scroll { margin: 30px 0; } .services .services-box { padding: 50px 10px; } } @media (min-width: 992px;) and (max-width: 1200px){ } @media (min-width: 1200px){ } /* products-slider */ .products-slider { margin-top: 80px; } .products-slider .owl-carousel { background: url('img/products-slider-back.png') center no-repeat; background-size: contain; position: relative; min-height: 915px; } .products-slider .owl-carousel .owl-nav { position: absolute; top: 50%; width: 100%; } .products-slider .owl-carousel .owl-nav .owl-prev { float: left; background: url("img/prev.png") no-repeat; width: 51px; height: 51px; margin-left: 100px; background-color: transparent; border-radius: 50%; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); } .products-slider .owl-carousel .owl-nav .owl-next { float: right; background: url("img/next.png") no-repeat; width: 51px; height: 51px; margin-right: 100px; background-color: transparent; border-radius: 50%; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); } .products-slider .owl-carousel .owl-nav .disabled { opacity: 1; } .products-slider .owl-carousel .slider-cont { position: relative; } .products-slider .owl-carousel .slider-cont .slider-info { text-align: center; margin-top: 50px; padding: 50px 0 100px; } .products-slider .owl-carousel .slider-cont .slider-info h1, .products-slider .owl-carousel .slider-cont .slider-info h2 { font-size: 48px; margin-bottom: 10px; font-weight: 300; } .products-slider .owl-carousel .slider-cont .slider-info p { font-weight: 300; } .products-slider .owl-carousel .slider-cont .slider-info a.button { background-color: #cead4f; color: #ffffff; padding: 20px 75px; border-radius: 50px; display: inline-block; margin-top: 30px; font-size: 15px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .products-slider .owl-carousel .slider-cont .slider-info .product-img { margin: 70px 0 190px; } .products-slider .owl-carousel .slider-cont .slider-info .product-img img { width: 75%; display: initial; height: auto; } @media (max-width:767px){ .products-slider .owl-carousel { min-height: inherit !important; background-position: center 100px; } .products-slider .owl-carousel .slider-cont .slider-info h1, .products-slider .owl-carousel .slider-cont .slider-info h2 { font-size: 29px; } .products-slider .owl-carousel .slider-cont .slider-info p { font-size: 14px; } .products-slider .owl-carousel .owl-nav .owl-prev { margin: 0; display: none; } .products-slider .owl-carousel .owl-nav .owl-next { margin: 0; display: none; } .products-slider .owl-carousel .slider-cont .slider-info { margin-top: 0; padding: 0; } .products-slider .owl-carousel .slider-cont .slider-info a.button { font-size: 12px; padding: 15px 60px; margin-top: 20px; } .products-slider .owl-carousel .slider-cont .slider-info .product-img { margin: 60px 0 60px 0; } .owl-theme .owl-dots .owl-dot span { height: 7px; width: 7px; margin: 0 3px; } .owl-theme .owl-dots .owl-dot.active span { background-color: #cead4f; } .products-slider { margin-top: 10px; } .products-slider .container { background: #fff; padding-top: 50px; } .products-slider .owl-carousel .slider-cont .slider-info .product-img img { width: 100%; } } @media (min-width:768px) and (max-width: 992px){ .products-slider .owl-carousel { min-height: 815px; } .products-slider .owl-carousel .slider-cont .slider-info { margin: 0; padding: 0; } .products-slider .owl-carousel .slider-cont .slider-info h1, .products-slider .owl-carousel .slider-cont .slider-info h2 { font-size: 29px; } .products-slider .owl-carousel .slider-cont .slider-info p { font-size: 14px; } .products-slider .owl-carousel .owl-nav .owl-prev { margin: 0; } .products-slider .owl-carousel .owl-nav .owl-next { margin: 0; } .products-slider .owl-carousel .slider-cont .slider-info a.button { font-size: 12px; padding: 15px 60px; margin-top: 20px; } .products-slider .owl-carousel .slider-cont .slider-info .product-img { margin: 200px 0 100px; } } @media (min-width: 992px;) and (max-width: 1200px){ } @media (min-width: 1200px){ .products-slider .owl-carousel .slider-cont .slider-info .product-img img { width: auto; display: initial; } } /* ANÄ°MASYON */ .products-slider .container { position: relative; } .products-slider .container > img { z-index: 10; width: auto; height: auto; } .products-slider img.x { position: absolute; top:0; left: 20%; animation-name: rotate; animation-duration: 2s; animation-timing-function:ease; animation-iteration-count: infinite; } .products-slider img.cylinder { position: absolute; top:10%; left: 0; animation-name: ; animation-duration: 2s; animation-timing-function:ease; animation-iteration-count: infinite; } .products-slider img.square { position: absolute; top: 20%; right: 5%; animation-name: tp; animation-duration: 3s; animation-timing-function:ease; animation-iteration-count: infinite; } .products-slider img.lr { position: absolute; top: 15%; right: 5%; animation-name: ; animation-duration: 4s; animation-timing-function:ease; animation-iteration-count: infinite; } .products-slider img.circle { position: absolute; bottom:30%; left: 0; animation-name: ; animation-duration: 2s; animation-timing-function:ease; animation-iteration-count: infinite; } .products-slider img.trigon { position: absolute; top: 30%; left: 15%; animation-name: lr2; animation-duration: 4s; animation-timing-function:ease; animation-iteration-count: infinite; } .products-slider img.rotate { position: absolute; bottom:10%; left: 20%; animation-name: rotate; animation-duration: 3s; animation-timing-function:ease; animation-iteration-count: infinite; } .products-slider img.rotate-1 { position: absolute; bottom: 15%; right: 25%; animation-name: rotate2; animation-duration: 3s; animation-timing-function:ease; animation-iteration-count: infinite; } .products-slider img.arrow { position: absolute; bottom: 10%; left: 40%; animation-name: tp2; animation-duration: 4s; animation-timing-function:ease; animation-iteration-count: infinite; } .products-slider img.arrows { position: absolute; bottom: 15%; right: 5%; animation-name: lr; animation-duration: 4s; animation-timing-function:ease; animation-iteration-count: infinite; } .products-slider img.knife { position: absolute; bottom: 30%; right: 10%; animation-name: ; animation-duration: 4s; animation-timing-function:ease; animation-iteration-count: infinite; } @keyframes rotate { 0%{ transform: rotate(-360deg); } 100%{ transform: rotate(360deg); } } @keyframes rotate2 { 0%{ transform: rotate(360deg); } 100%{ transform: rotate(-360deg); } } @keyframes tp { 0%{ margin-top: 0; } 50%{ margin-top: 2%; } 100%{ margin-top: 0; } } @keyframes tp2 { 0%{ margin-bottom: 0; } 50%{ margin-bottom: 5%; } 100%{ margin-bottom: 0; } } @keyframes lr { 0%{ margin-right: 0; } 50%{ margin-right: 5%; } 100%{ margin-right: 0; } } @keyframes lr2 { 0%{ margin-left: 0; } 50%{ margin-left: 5%; } 100%{ margin-left: 0; } } @media (max-width:767px){ } @media (min-width:768px) and (max-width: 992px){ } @media (min-width: 992px) and (max-width: 1200px){ } @media (max-width: 1200px){ .products-slider img { display: none; } .products-slider img.rotate { display: block; bottom: -10%; right: 10%; left: inherit; } } /* machines */ .machines { margin-top: 80px; text-align: center; background: #fff; padding:0px 0 100px; } .machines h2 { font-size: 48px; color: #6e7076; text-align: center; font-weight: 300; margin-bottom: 20px; } .machines p { color: #6e7076; text-align: center; font-weight: 300; margin-bottom: 90px; } .machines a { display: inline-block; margin: 0 auto; } .machines hr { background: #00ffff; width: 64px; height: 4px; border-radius: 30px; } .machines .machines-cont { margin: 0 -5px; } .machines .machines-cont .machine-box { max-width: 502px; padding: 0 5px; transition: 0.3s all; } .machines .machines-cont .machine-box .mwrap { padding: 50px 20px 100px; transition: 0.3s all; background-color: transparent; overflow: hidden; position: relative; } .machines .machines-cont .machine-box:hover { padding-bottom: 100px; } .machines .machines-cont .machine-box:hover .mwrap { box-shadow: 10px 0px 75px rgba(0, 0, 0, 0.2); background-color: #fff; margin-top: -100px; } .machines .machines-cont .machine-box h3 { text-align: center; font-size: 24px; font-weight: 400; margin: 0; padding:10px 0; } .machines .machines-cont .machine-box p { text-align: center; font-size: 17px; font-weight: 100; line-height: 30px; display: block; margin: 0 auto; } .machines .machines-cont .machine-box .mbutton { margin:0; bottom: -100px; position: absolute; left: 0; width: 100%; text-align: center; transition: 0.3s all; } .machines .machines-cont .machine-box:hover .mbutton { bottom: 30px; } .machines .machines-cont .machine-box a { color: #6e7076; border: 2px solid #0000ff; padding: 10px 30px; border-radius: 50px; display: inline-block; font-size: 15px; font-weight: 500; } .machines .machines-cont .machine-box:hover a { background: #0000ff; color: #fff; } .machines .machines-cont .machine-box img { width: 100%; height: auto; } @media (max-width:767px){ .machines { padding-bottom: 210px; } .machines .machines-cont .machine-box { max-width: initial; } .machines h2 { font-size: 29px; } .machines p { font-size: 14px; margin-bottom: 30px; } .machines .scroll { margin: 20px 0; } .machines .machines-cont .machine-box .mbutton { bottom: 30px; } } @media (min-width:768px) and (max-width: 992px){ .machines h2 { font-size: 29px; } .machines p { font-size: 14px; } } @media (min-width: 992px;) and (max-width: 1200px){ } @media (min-width: 1200px){ } /* index-product */ .index-product { position: relative; margin: 0; background: rgb(0,0,77); background: -moz-linear-gradient(-45deg, rgba(0,0,77,1) 0%, rgba(83,51,237,1) 52%, rgba(44,212,217,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(0,0,77,1) 0%,rgba(83,51,237,1) 52%,rgba(44,212,217,1) 100%); background: linear-gradient(135deg, rgba(0,0,77,1) 0%,rgba(83,51,237,1) 52%,rgba(44,212,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004d', endColorstr='#2cd4d9',GradientType=1 ); } .index-product:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('img/index-product.png') no-repeat center top; } .index-product > div { display: flex; } .index-product .info { padding: 70px 15px; } .index-product .info h3 { font-size: 48px; color: #ffffff; font-weight: 300; margin-bottom: 25px; margin-left: 70px; } .index-product .info p { color: #ffffff; font-weight: 300; margin-bottom: 40px; margin-left: 70px; } .index-product .info a { color: #ffffff; font-size: 15px; padding: 12px 45px; border: 2px solid #00ffff; border-radius: 50px; display: inline-block; float: right; margin-right: 25px; transition: 0.3s all; } .index-product .info a:hover { background-color: #00ffff; } .index-product .img-area { position: relative; } .index-product .img-area .product-arrow:nth-child(1) { opacity: 1; position: absolute; bottom: 110px; margin-left: 80px; animation-name: product-arrow; animation-duration: 1s; animation-timing-function:ease; } .index-product .img-area .product-arrow:nth-child(2) { opacity: 1; position: absolute; bottom: 110px; margin-left: 103px; animation-name: product-arrow-1; animation-duration: 1s; animation-delay: 1s; animation-timing-function:ease; } .index-product .img-area .product-arrow:nth-child(3) { opacity: 1; position: absolute; bottom: 110px; margin-left: 123px; animation-name: product-arrow-2; animation-duration: 1s; animation-delay: 2s; animation-timing-function:ease; } .index-product .img-area .product-arrow:nth-child(4) { opacity: 1; position: absolute; bottom: 110px; margin-left: 143px; animation-name: product-arrow-3; animation-duration: 1s; animation-delay: 3s; animation-timing-function:ease; } .index-product .img-area .product-img { position: absolute; top: -160px; right: 0; width: 90%; height: auto; } @keyframes product-arrow { 0%{ opacity: 1; } 100%{ opacity: 0; } } @keyframes product-arrow-1 { 0%{ opacity: 1; } 100%{ opacity: 0; } } @keyframes product-arrow-2 { 0%{ opacity: 1; } 100%{ opacity: 0; } } @keyframes product-arrow-3 { 0%{ opacity: 1; } 100%{ opacity: 0; } } @media (min-width: 1700px){ .index-product .img-area .product-img { position: absolute; top: -340px; left: 200px; width: auto; } } @media (max-width: 1200px){ .index-product .img-area .product-img { top: -85px; } .index-product .img-area .product-arrow { display: none; } } @media (min-width: 992px;) and (max-width: 1200px){ .index-product .img-area .product-img { position: initial; } } @media (min-width:768px) and (max-width: 992px){ .index-product .img-area .product-img { width: 100%; } } @media (max-width:767px){ .index-product > div { display: initial; } .index-product .img-area { min-height: 200px; } .index-product .img-area .product-img { top: -200px; } .index-product .info { padding: 20px 15px; } .index-product .info h3 { margin-left: 0; font-size: 29px; } .index-product .info p { margin-left: 0; font-size: 14px; } .index-product .info a { float: initial; display: block; text-align: center; margin-right: 0; } } /* brands */ .brands { text-align: center; margin-bottom: 50px; } .brands .brands-back { background: linear-gradient(90deg, transparent 50%, #dac27b 50%); } .brands h2 { font-weight: 300; font-size: 48px; text-align: center; color: #6e7076; margin-top: 150px; margin-bottom: 15px; } .brands p { text-align: center; color: #6e7076; margin-bottom: 120px; font-weight: 300; } /*.brands a { color: #cead4f; font-size: 15px; text-decoration: underline; margin-top: 40px; margin-bottom: 80px; display: inline-block; }*/ .brands .other-brands { background-color: #ffffff; } .brands .other-brands > div { margin: 35px 0; } .brands .other-brands > div img { transition: 0.3s all; filter: grayscale(1); cursor: pointer; opacity: 0.9; height: auto; } .brands .other-brands > div img:hover { filter: grayscale(0); opacity: 1; } .brands .logo { display: flex; position: relative; } .brands .logo .right-tesa { text-align: left; } .brands .logo .right-tesa img { position: absolute; top: 0; bottom: 0; margin: auto; width: 100%; height: auto; } @media (max-width:767px){ .brands { margin-bottom: 50px; } .brands h2 { margin-top: 60px; font-size: 29px; } .brands p { font-size: 14px; margin-bottom: 20px; } .brands .logo .right-tesa img { width: 80% height: auto; } } @media (min-width:768px) and (max-width: 992px){ .brands { margin-bottom: 50px; } .brands h2 { margin-top: 90px; } .brands p { margin-bottom: 40px; } } @media (min-width: 992px;) and (max-width: 1200px){ } @media (max-width: 1200px){ .brands .logo .right-tesa { display: none; } .brands .brands-back { background: #ffffff; } } .mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* index-blog */ .index-blog { } .index-blog .index-blog-cont { padding: 0; } .index-blog .index-blog-cont .index-blog-bottom { display: flex; } .index-blog .index-blog-cont .row [class*="col-"] { padding: 0; position: relative; overflow: hidden; } .index-blog .index-blog-cont .row [class*="col-"] .filter-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: 0.3s background; } .index-blog .index-blog-cont .row [class*="col-"]:hover .filter-mask { background: rgb(64,150,238); background: -moz-linear-gradient(top, rgba(64,150,238,0.7) 0%, rgba(0,0,255,0.7) 100%); background: -webkit-linear-gradient(top, rgba(64,150,238,0.7) 0%,rgba(0,0,255,0.7) 100%); background: linear-gradient(to bottom, rgba(64,150,238,0.7) 0%,rgba(0,0,255,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#0000ff',GradientType=0 ); } .index-blog .index-blog-cont .row { margin: 0px; } .index-blog .index-blog-cont .row [class*="col-"] img { width: 100%; height: fit-content; object-fit: cover; } .index-blog .index-blog-cont .row [class*="col-"] .blog-info { position: absolute; bottom: -130px; z-index: 9; width: 100%; transition: 0.3s all; } .index-blog .index-blog-cont .row [class*="col-"] .blog-info h3 { font-size: 28px; color: #ffffff; font-weight: 300; margin-left: 45px; margin-right: 45px; margin-bottom: 15px; } .index-blog .index-blog-cont .row [class*="col-"] .blog-info p { color: #ffffff; font-weight: 300; margin-left: 45px; margin-right: 45px; margin-bottom: 60px; max-width: 495px; } .index-blog .index-blog-cont .row [class*="col-"] .blog-info a { display: inline-block; color: #ffffff; font-size: 15px; background-color: #cead4f; padding: 19px 78px; border-radius: 50px; float: right; margin-right: 70px; margin-bottom: 50px; } .index-blog .index-blog-cont .row [class*="col-"]:hover .blog-info { bottom: 0; } .index-blog .index-blog-cont .row [class*="col-"]:hover .blog-info a { display: inline-block; } @media (max-width:767px){ .index-blog .index-blog-cont .row [class*="col-"] .blog-info h3 { font-size: 22px; margin-left: 10px; margin-right: 10px; } .index-blog .index-blog-cont .row [class*="col-"] .blog-info p { font-size: 13px; margin-left: 10px; margin-right: 10px; } .index-blog .index-blog-cont .row [class*="col-"] .blog-info a { font-size: 13px; margin-left: 10px; margin-right: 10px; } .index-blog .index-blog-cont .row { display: block; } .index-blog .index-blog-cont .row [class*="col-"] img { height: auto; } } @media (min-width:768px) and (max-width: 992px){ } @media (min-width: 992px;) and (max-width: 1200px){ } @media (min-width: 1500px){ .index-blog .index-blog-cont .row [class*="col-"] .blog-info h3 { font-size: 38px; } } /* catolog */ .catolog { margin-top: 70px; text-align: center; } .catolog p { margin-top: 50px; font-weight: 300; color: #6e7076; } .catolog p > a { text-decoration: underline; } .catolog h2 { margin-top: 50px; font-size: 41px; font-weight: 300; color: #6e7076; } .catolog .container > a { background-color: #cead4f; color: #ffffff; padding: 20px 75px; border-radius: 50px; display: inline-block; margin-top: 50px; font-size: 15px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } @media (max-width:767px){ .catolog { margin-top: 50px; } .catolog p { font-size: 14px; margin-top: 50px; } .catolog h2 { font-size: 29px; } .catolog .container > a { padding: 15px 60px; font-size: 12px; } } @media (min-width:768px) and (max-width: 992px){ } @media (min-width: 992px;) and (max-width: 1200px){ } @media (min-width: 1200px){ } /* footer */ footer { margin-top: 150px; background: #6e7076 url(img/footer-line.png); position: relative; } footer .xs-go-top { position: absolute; right: 15px; top: -25.5px; } footer .footer-left { position: relative; } footer .footer-left > img { position: absolute; top: -50px; right: 0; } footer .footer-left .footer-logo { margin-top: 45px; } footer .footer-left .footer-left-bottom { margin-top: 70px; margin-bottom: 40px; color: #c9c9c9; font-weight: 300; font-size: 15px; } footer .footer-left .footer-left-bottom .footer-adress { max-width: 270px; } footer .footer-left .footer-left-bottom .footer-adress:after { content: ''; height: 1px; width: 20%; background-color: #cead4f; display: block; margin: 20px 0; } footer .footer-left .footer-left-bottom .footer-phone-mail { } footer .footer-left .footer-left-bottom .footer-phone-mail a { color: #c9c9c9; display: block; } footer .footer-left .footer-left-bottom .footer-phone-mail a:last-child { text-decoration: underline; } footer .footer-right { display: flex; padding-left: 105px; } footer .footer-right .footer-social { margin-top: 85px; } footer .footer-right .footer-social > ul { margin: 0; padding: 0; list-style: none; } footer .footer-right .footer-social > ul > li { display: inline-block; width: 49%; } footer .footer-right .footer-social > ul > li > a { font-size: 15px; color: #ffffff; } footer .footer-right .footer-social > ul > li > a > i { color: #afafaf; margin-right: 5px; min-width: 20px; } footer .footer-right .footer-social > ul > li > a > i.sahibinden { background: url("img/kariyer-net.png") no-repeat; width: 14px; height: 17px; display: inline-block; vertical-align: middle; } footer .footer-right .footer-menu { margin-top: 110px; } footer .footer-right .footer-menu > ul { list-style:none; padding:0; } footer .footer-right .footer-menu > ul > li { display: inline-block; margin-right: 22px; } footer .footer-right .footer-menu > ul > li:last-child { margin-right: 0; } footer .footer-right .footer-menu > ul > li > a { color: #ffffff; font-size: 14px; } footer .footer-right .go-top { position: relative; } footer .footer-right .go-top a + a { display: inline-block; font-size: 12px; transform: rotate(90deg); position: absolute; min-width: 100px; right: -24px; top: 130px; color: #ffffff; } footer .footer-right .go-top img { position: absolute; top: -25px; border-radius: 50%; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); right: 0; } footer .footer-bottom { background: #47484c url('img/footer-bottom-line.png'); padding-top: 40px; padding-bottom: 100px; text-align: right; } footer .footer-bottom p { color: #ffffff; font-size: 12px; font-weight: 300; margin-bottom: 2px; text-align: left; } footer .footer-bottom p a { color: #ffffff; font-size: 12px; font-weight: 300; margin-bottom: 2px; text-align: left; } @media (max-width:767px){ footer { margin-top: 120px; } footer .footer-left > img { position: absolute; top: -95px; right: 0; } footer .footer-left .footer-logo img { width: 50%; } footer .footer-right { padding-left: 0; } footer .footer-right .footer-social { margin-top: 0; } footer .footer-right .footer-menu { margin: 30px 0; } footer .footer-right .footer-menu > ul > li { margin-right: 7px; } footer .footer-right .footer-menu > ul > li > a { font-size: 12px; } footer .footer-bottom p { font-size: 11px; } } @media (min-width:768px) and (max-width: 992px){ footer .footer-right { padding-left: 55px; } footer .footer-right .footer-social { margin-top: 120px; } footer .footer-right .footer-menu { margin-top: 90px; } footer .footer-right .footer-menu > ul > li { margin-right: 10px; } footer .footer-left > img { left: 100%; right: inherit; transform: translateX(-50%); } } @media (min-width: 992px;) and (max-width: 1200px){ } @media (min-width: 1200px){ } /******** Alt Sayfalar **********/ .road-menu { background-color: #fafafa; padding: 15px 0; } .road-menu span, .road-menu a { font-size: 13px; color: #999ca4; padding-bottom: 3px; border-bottom: 2px solid transparent; transition: 0.3s all; } .road-menu a:hover { border-bottom: 2px solid #0093ff; } .road-menu .seperator { font-size: 12px; color: #ececec; vertical-align: middle; margin: 0 5px; } .road-menu .breadcrumb_last { padding-bottom: 3px; border-bottom: 2px solid #0093ff; } /* .road-menu ul { } .road-menu ul li { display: inline-block; } .road-menu ul li + li { margin-left: 10px; } .road-menu ul li + li:before { content: ''; display: inline-block; width: 1px; height: 10px; background-color: #ececec; margin-right: 10px; } .road-menu ul li a { font-size: 13px; color: #999ca4; padding-bottom: 5px; border-bottom: 2px solid transparent; transition: 0.3s all; } .road-menu ul li .icon-road-menu-back { vertical-align: middle; color: #3a3a3a; margin-right: 5px; } .road-menu ul li a:hover { border-bottom: 2px solid #0093ff; } */ /* end */ /* PAGE */ .page-content { } .page-content .page-info { margin: 70px 0; } .page-content .page-info h1 {margin: 0 0 10px;font-size: 48px;font-weight: 300;/* float: left; *//* width: 70%; */} .page-content .page-info h2 { margin: 25px 0 10px; font-size: 40px; font-weight: 300; } .page-content .page-info h3 { margin: 25px 0 10px; font-size: 35px; font-weight: 300; } .page-content .page-info h4 { margin: 25px 0 10px; font-size: 30px; font-weight: 300; } .page-content .page-info h5 { margin: 25px 0 10px; font-size: 25px; font-weight: 300; } .page-content .page-info h6 { margin: 25px 0 10px; font-size: 20px; font-weight: 300; } .page-content .page-info p { font-size: 19px; font-weight: 300; margin-top: 25px; line-height: 30px; } /* End PAGE */ /* Haberler */ .news-content { } .news-content .container { } .news-content .container .row { margin: 0 -12px; } .news-content h1, .news-content h2 { margin-top: 90px; margin-bottom: 60px; font-size: 41px; font-weight: bold; } .news-content .container .row div[class*="col-"] { padding-left: 12px; padding-right: 12px; } .news-content .news-wrap { margin-bottom: 24px; transition: 0.3s all; position: relative; box-shadow: 0px 0px 50px #0000001f; } .news-content .news-wrap:hover { } .news-content .news-wrap img { width: 100%; height: auto; } .news-content .news-wrap .news-wrap-cont { padding: 30px 22px 22px 22px; } .news-content .news-wrap .news-wrap-cont h3 { font-size: 19px; font-weight: 500; color: #6e7076; } .news-content .news-wrap .news-wrap-cont p { font-size: 14px; font-weight: 300; color: #6e7076; margin: 30px 0 45px; } .news-content .news-wrap .news-wrap-cont .news-wrap-bottom { border-top: 1px solid #e8e8e8; padding-top: 20px; display: flex; align-items: center; } .news-content .news-wrap .news-wrap-cont .news-wrap-bottom span.news-label { font-size: 13px; background-color: #353535; color: #ffffff; padding: 5px 14px 5px 9px; } .news-content .news-wrap .news-wrap-cont .news-wrap-bottom span.news-date { flex-grow: 1; text-align: right; font-size: 13px; color: #6e7076; } @media (min-width: 1500px) { .news-content .container { width: 1240px; } .news-content .container h1, .news-content .container h2 { margin-left: 35px; } } /* end */ /* Services */ .services-content { background: url('img/back-image.png') no-repeat top center; min-height: 1000px; background-position-y: -270px; } .services-content .services-slider { } .services-content .owl-theme .owl-nav { position: absolute; width: 100%; } .services-content .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; } .services-content .owl-theme .owl-nav [class*=owl-] { background-color: transparent; } .services-content .owl-theme .owl-nav [class*=owl-] i { font-size: 30px; } .services-content .owl-theme .owl-nav .owl-prev i { color: #88898a; } .services-content .owl-theme .owl-nav .owl-next i { color: #88898a; } .services-content { } .services-content .services-slider .services-slider-left { } .services-content .services-slider .services-slider-left .services-slider-info { background-color: #ffffff; padding: 70px; -webkit-box-shadow: 0px 0px 50px #0000001f; -moz-box-shadow: 0px 0px 50px #0000001f; box-shadow: 0px 0px 50px #0000001f; } .services-content .services-slider .services-slider-left .services-slider-info h1, .services-content .services-slider .services-slider-left .services-slider-info h2 { font-size: 36px; color: #858687; } .services-content .services-slider .services-slider-left .services-slider-info > i { margin-top: 30px; color: #cead4f; font-size: 12px; display: inline-block; } .services-content .services-slider .services-slider-left .services-slider-info p { margin-top: 35px; color: #858687; font-size: 17px; font-weight: 300; } .services-content .services-slider .services-slider-left .services-slider-info a { margin-top: 55px; display: inline-block; background-color: #cead4f; color: #ffffff; padding:15px 50px; border-radius: 50px; } .services-content .services-slider .services-slider-left .services-slider-info .next-prev-button { position: absolute; right: -75px; } .services-content .services-slider .services-slider-left .services-slider-info .next-prev-button i { font-size: 30px; margin: 0 30px; cursor: pointer; } .services-content .services-slider .services-slider-left .services-slider-info .next-prev-button i.customPrevBtn { color: #ffffff; } .services-content .services-slider .services-slider-right { } .services-content .services-slider .services-slider-right img { width: 100%; height: auto; } .services-content .scroll { margin:40px 0; } /* Services Photo Gallery */ .services-photo-gallery { margin: 0 0 60px; } .services-photo-gallery .row { margin-right: -2.5px; margin-left: -2.5px; } .services-photo-gallery .row div[class*="col-"]{ padding-left: 3px; padding-right: 3px; margin-bottom: 6px; overflow: hidden; } .services-photo-gallery .row div[class*="col-"] div {overflow: hidden; } .services-photo-gallery .photo-wrap img {width: 100%;height: 175px;object-fit: cover;} .services-photo-gallery i.icon-fold { margin-top: 30px; color: #cead4f; font-size: 12px; display: inline-block; } .services-photo-gallery h2 { font-size: 48px; font-weight: 300; margin-top: 35px; color: #858687; border:none !important; padding-bottom: 0 !important; } .services-photo-gallery p { font-size: 17px; max-width: 785px; font-weight: 300; margin-top: 21px; color: #858687; } .services-photo-gallery .photo-gallery-box { margin-top: 30px; } .services-photo-gallery .photo-wrap-top { position: relative; } .services-photo-gallery .photo-wrap-top .photo-filter { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: 0.3s all; color: #ffffff; } .services-photo-gallery .photo-wrap-top .photo-filter .photo-filter-info { display: inline-block; position: absolute; bottom: 10px; right: 20px; font-size: 13px; } .services-photo-gallery .photo-wrap-top .photo-filter .photo-filter-info span { font-size: 13px; vertical-align: top; margin-left: 3px; } .services-photo-gallery .photo-wrap-top:hover .photo-filter { visibility: visible; opacity: 1; background-color: rgba(0,0,0,0.5); } @media (min-width: 768px) and (max-width: 1199px) { .services-photo-gallery .row div[class*="col-"]:nth-child(3n+1) { clear:both; } } @media (min-width: 1200px){ .services-photo-gallery .row div[class*="col-"]:nth-child(4n+1) { clear:both; } .services-content .services-slider .container { width: 100%; max-width: 1450px; } .services-content .services-slider .container .row { display: flex; } .services-content .services-slider .services-slider-left .services-slider-info { min-width: 590px; position: relative; z-index: 5; top: 50%; left: 30px; transform: translate(-5%,-50%); } .services-photo-gallery { } .services-photo-gallery .container + .container { width: 1250px; } .services-photo-gallery { } } @media (max-width: 1200px){ .services-content .services-slider .services-slider-left .services-slider-info { width: 90%; margin: -75px auto 20px; } .services-content .services-slider .services-slider-left .services-slider-info .next-prev-button { right: -25px; } .services-content .services-slider .services-slider-left .services-slider-info .next-prev-button i.customPrevBtn { color:#6e7076; } } @media (max-width:767px){ .services-content .services-slider .services-slider-left .services-slider-info { padding: 30px; } .services-content .services-slider .services-slider-left .services-slider-info h2 { font-size: 28px; } .services-content .services-slider .services-slider-left .services-slider-info a { margin-top: 25px; margin-bottom: 30px; } .services-content .services-slider .services-slider-left .services-slider-info .next-prev-button { bottom: 10px; } .services-content .services-slider .services-slider-left .services-slider-info .next-prev-button i { margin: 0 30px 0 0; } } /* end services */ /* SSS */ .panel-group{ margin: 0; } .panel-group .panel+.panel{margin-top:0px!important;} .panel-title{margin-bottom:0px!important;} .panel-group .panel-heading+.panel-collapse>.panel-body{border:none;} .panel { box-shadow: 0 0; background-color: transparent; } .panel .panel-heading{padding:0;} .panel-title a{position:relative;padding:25px 50px 25px 0;display:block;font-weight:700;cursor:pointer;font-size:23px;color:#cead4f;} .panel-title a .arti { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .panel-title a .arti .dik { width: 2px; height: 30px; background: #cead4f; display: block; margin: 0 auto; transform:rotate(90deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .panel-title a .arti .duz { width: 30px; height: 2px; background: #cead4f; display: block; margin-bottom: -16px; margin-top: 12px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; transform: rotate(180deg); } .panel-title a.collapsed .arti .dik { transform: rotate(0deg); } .panel-title a.collapsed .arti .duz { transform: rotate(0deg); } .panel-body{padding:0;} .panel-body p{font-size:15px;font-weight:300; color: #858687;} .panel-group .panel{border-bottom:1px solid #c2c2c2;border-radius:initial;} .table h2, .SSS h2, .ik-content .career h2 {font-size:29px;border-bottom:1px solid #c2c2c2; color: #858687; padding-bottom:30px; font-weight: 200;} @media (min-width: 1500px){ .SSS .container { width: 1250px; } } @media (max-width:767px){ .panel-title a{font-size:16px;} .panel-body p{font-size:14px;} .SSS .content div+h1+p{font-size:19px!important;} .panel-group{margin:0px 0;} } /* SSS End */ /* Services Form */ .services-form { margin: 60px 0 0; } .services-form .services-form-info h2 { font-weight: 300; font-size: 41px; color: #858687; } .services-form .services-form-info p { font-weight: 300; font-size: 17px; color: #858687; max-width: 780px; margin-top: 25px; } .services-form .services-form-info .form-tel { color: #858687; font-weight: bold; font-size: 25px; margin-top: 30px; display: inline-block; } .services-form .services-form-info .form-tel:before { content: ""; display: inline-block; width: 62px; height: 2px; background-color: #cead4f; vertical-align: middle; margin-right: 15px; } .services-form .form-content { margin-top: 40px; background-color: #f6f6f6; } .services-form .form-content .container { padding: 50px 15px 50px 15px; } .services-form .form-content span.wpcf7-not-valid-tip { display: none; } div.wpcf7-response-output { border: none; color: #fff; background-color: #46b450; font-weight: bold; font-size: 15px; padding: 10px 20px !important; margin: 0 0 30px !important; } div.wpcf7-validation-errors { background: #cead77; border-color: #cead77 !important; } div.wpcf7-spam-blocked { background: #ffa500; } div.wpcf7-mail-sent-ng { background: #ff0000; } div.wpcf7-mail-sent-ok { background: #398f14; } .services-form .form-content input[type="text"], .services-form .form-content input[type="tel"], .services-form .form-content input[type="email"] { width: 100%; padding: 10px; border:1px solid #c2c2c2; } .services-form .form-content textarea { width: 100%; resize: none; height: 226px; padding:10px; border:1px solid #c2c2c2; } .services-form .form-content input[type="text"]:focus, .services-form .form-content input[type="tel"]:focus, .services-form .form-content input[type="email"]:focus, .services-form .form-content textarea:focus { border: 1px solid #cead4f; } .services-form .form-content input[type="text"].wpcf7-not-valid, .services-form .form-content input[type="tel"].wpcf7-not-valid, .services-form .form-content input[type="email"].wpcf7-not-valid, .services-form .form-content textarea.wpcf7-not-valid { border-color: #ff0000; } .services-form .form-content .form-element-info:not(:first-child) { margin-top: 10px; } .services-form .form-content input[type="submit"] { float: left; margin-top: 20px; color: #ffffff; padding: 12px 60px; background-color: #0093ff; border:none; border-radius: 50px; font-size: 15px; } /* End Services Form */ /* About-Us */ .about-content { } .about-content .about { margin-top: 70px; } .about-content .about h1 { font-size: 35px; margin-top: 15px; } .about-content .about h2 { font-size: 48px; font-weight: 300; margin-top: 40px; } .about-content .about p { font-size: 17px; font-weight: 400; margin-top: 30px; line-height: 35px; } .about-content .about .mission { } .about-content .about .mission p { line-height: inherit; font-size: 19px; font-weight: 300; max-width: 915px; } .about-content .about .scroll { justify-content: flex-start; margin-bottom: 0; margin-top: 60px; } .about-content .about .scroll a.scroll-bottom { align-items: flex-start; } .about-content .about .scroll a.scroll-bottom i { margin-left: 5px; } .about-content .about .about-right-wrap { border:9px solid #cead4f; padding: 0 0 80px 40px; position: relative; max-width: 90%; margin-top: 70px; } .about-content .about .about-right-wrap .owl-carousel .owl-item img { width: 100%; height: auto; } .about-content .about .aimg { overflow: hidden; } /* .about-content .about .aimg .about-right-wrap img { position: relative; z-index: -1; margin-top: -70px; } */ .about-content .about .aimg .about-right-wrap .gabout { position: relative; z-index: -1; margin-top: -70px; width:110%; } .about-content .about .aimg .about-right-wrap .owl-carousel.about { position: relative; z-index: -1; margin-top: -70px; } .grid-cont { margin-top: 100px } .grid-cont .grid { margin:0; } .grid-cont .grid .grid-item { padding:0; } .grid-cont .grid .grid-item:nth-child(1) { margin-top: 100px; } .grid-cont .grid .grid-item img { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33); position: relative; z-index: 99; } .grid-cont .grid-content { } .grid-cont .grid-content img { width: 100%; height: fit-content; object-fit: cover; } .grid-cont .grid-content.production { padding: 80px 40px 60px 60px; background: url('img/about/product-right.png') no-repeat top right; background-color: #353535; background-size: cover; } .grid-cont .grid-item:nth-child(4n-1) .grid-content.production, .grid-cont .grid-item:nth-child(4n) .grid-content.production { background: url('img/about/product-left.png') no-repeat top left; background-color: #353535; } .grid-cont .grid-item:nth-child(4n-1) .grid-content.production ul li:before { color: #ffffff; } .grid-cont .grid-item:nth-child(4n-1) .grid-content.production h5 { color: #000000; } .grid-cont .grid-item:nth-child(4n-1) .grid-content.production p { color: #000000; } .grid-cont .grid-item:nth-child(4n-1) .grid-content.production ul li { color: #000000; } .grid-cont .grid-item:nth-child(4n) .grid-content.production ul li:before { color: #ffffff; } .grid-cont .grid-item:nth-child(4n) .grid-content.production h5 { color: #000000; } .grid-cont .grid-item:nth-child(4n) .grid-content.production p { color: #000000; } .grid-cont .grid-item:nth-child(4n) .grid-content.production ul li { color: #000000; } .grid-cont .grid-content.production h5 { font-size: 35px; font-weight: 500; color: #ffffff; } .grid-cont .grid-content.production p { line-height: 25px; color: #ffffff; font-size: 14px; margin-top: 50px; } .grid-cont .grid-content.production ul { margin-top: 50px; display: flex; flex-wrap: wrap; list-style: none; padding: 0; } .grid-cont .grid-content.production ul li { width: 50%; margin-bottom: 30px; color: #ffffff; font-size: 14px; } .grid-cont .grid-content.production ul li:before { font-family: 'icomoon' !important; content: '\e903'; font-size: 8px; vertical-align: middle; color: #cead4f; margin-right: 7px; } .references { margin-top: 120px; } .references .logo-gray { text-align: center; margin-bottom: 30px; } .references .references-title-first { text-align: center; } .references .references-title-first h3 { font-size: 122px; font-weight: bold; color: #000000; border-bottom: 7px solid #000000; display: inline-block; } .references h4 strong { font-size: 60px; font-weight: bold; color: #000000; display: block; } .references h4 { color: #000000; font-size: 50px; font-weight: bold; text-align: center; line-height: 80px; } .references .references-info { text-align: center; } .references .references-info p { text-align: center; line-height: 40px; max-width: 505px; display: inline-block; font-size: 19px; color: #000000; } .references .references-logo-cont { margin-top: 100px; } .references .references-logo-cont .references-logo { text-align: center; padding: 35px 0; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .references .references-logo-cont .references-logo:nth-child(4n+1) { border-left-color: transparent; } .references .references-logo-cont .references-logo:nth-last-child(1) { border-bottom-color: transparent; } .references .references-logo-cont .references-logo:nth-last-child(2) { border-bottom-color: transparent; } .references .references-logo-cont .references-logo:nth-last-child(3) { border-bottom-color: transparent; } .references .references-logo-cont .references-logo:nth-last-child(4) { border-bottom-color: transparent; } .references .references-logo-cont .references-logo img { width: 100%; height: auto; max-width: 170px; filter: grayscale(0.9); transition: .3s all; cursor: pointer; opacity: 0.9; } .references .references-logo-cont .references-logo img:hover { filter: grayscale(0); opacity: 1; } .quick-switch { margin-top: 150px; } .quick-switch .quick-switch-info { text-align: center; } .quick-switch .quick-switch-info h3 { text-align: center; font-size: 35px; color: #000000; font-weight: bold; } .quick-switch .quick-switch-info p { max-width: 640px; display: inline-block; font-size: 17px; font-weight: 400; color: #000000; margin-top: 40px; line-height: 40px; } .quick-switch .quick-switch-boxes [class*="col-"] { margin-top: 50px; } .quick-switch .quick-switch-boxes .bwrap { position: relative; height: 100%; background: #fafafa; transition: .3s all; cursor: pointer; } .quick-switch .quick-switch-boxes .bwrap:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } .quick-switch .quick-switch-boxes .bwrap h4 { background-color: #cead4f; padding: 35px; margin: 0; font-size: 25px; font-weight: 400; color: #ffffff; transition: .3s all; } .quick-switch .quick-switch-boxes .bwrap:hover h4 { background-color: #0093ff; } .quick-switch .quick-switch-boxes .bwrap .icon { position: absolute; top: 25px; right: 30px; box-shadow: 0px 0px 10px #00000026; border-radius: 50%; width: 140px; height: 140px; } .quick-switch .quick-switch-boxes .bwrap .iconM { position: absolute; top: 25px; right: 30px; box-shadow: 0px 0px 10px #00000026; border-radius: 50%; width: 50px; height: 50px; } .quick-switch .quick-switch-boxes .bwrap .icon img { } .quick-switch .quick-switch-boxes .bwrap:hover .icon { background-position: 0 -140px !important; } .quick-switch .quick-switch-boxes .bwrap p { color: #6e7076; margin: 0; padding: 30px 0 120px 30px; font-size: 15px; max-width: 227px; display: inline-block; transition: .3s all; } .quick-switch .quick-switch-boxes .bwrap:hover p { color: #fff; } .quick-switch .quick-switch-boxes .bwrap i { position: absolute; bottom: 40px; right: 30px; color: #a0a0a1; transition: .3s all; } .quick-switch .quick-switch-boxes .bwrap:hover i { color: #fff; } .quick-switch .quick-switch-boxes .quick-switch-box-left:hover { position: relative; background: #0093ff url('img/about/haberler.jpg') no-repeat; background-size: cover; } .quick-switch .quick-switch-boxes .quick-switch-box-right:hover { position: relative; background: #0093ff url('img/about/insan-kaynaklari.jpg') no-repeat; background-size: cover; } /* .quick-switch .quick-switch-boxes .quick-switch-box-left .box-info i { color: #ffffff; position: absolute; bottom: 40px; right: 30px; } .quick-switch .quick-switch-boxes .quick-switch-box-right { background-color: #fafafa; position: relative; height: 100%; transition: .3s all; cursor: pointer; } .quick-switch .quick-switch-boxes .quick-switch-box-right:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } .quick-switch .quick-switch-boxes .quick-switch-box-right h4 { background-color: #cead4f; padding: 35px; margin: 0; font-size: 25px; font-weight: 400; color: #ffffff; } .quick-switch .quick-switch-boxes .quick-switch-box-right p { color: #6e7076; margin: 0; padding: 30px 0 120px 30px; font-size: 15px; max-width: 227px; display: inline-block; } .quick-switch .quick-switch-boxes .quick-switch-box-right img { position: absolute; top: 25px; right: 30px; } .quick-switch .quick-switch-boxes .quick-switch-box-right i { position: absolute; bottom: 40px; right: 30px; } .quick-switch { } */ @media (min-width: 1500px){ /*.about-content .about { width: 1420px; padding-left: 250px; }*/ } @media (min-width: 1200px){ .quick-switch .quick-switch-boxes { margin: 0 70px; display: flex; } .quick-switch .quick-switch-boxes [class*="col-"] { padding: 0 30px; } } @media (max-width: 1200px){ .about-content .about h1 { margin-top: 0; } .about-content .about p { line-height: inherit; } } @media (min-width:768px) and (max-width: 992px){ .grid-cont .grid .grid-item { width: 100%; } } @media (max-width: 767px){ .about-content .about { margin-top: 30px; } .references .references-title-first h3 { font-size: 75px; } .references h4 { font-size: 30px; line-height: 50px; } .references h4 span { font-size: 35px; } .quick-switch { margin-top: 50px; } .references .references-logo-cont { margin-top: 30px; } .references .references-logo-cont .references-logo:nth-child(2n+1) { border-left-color: transparent; } .references .references-logo-cont .references-logo:nth-last-child(3) { border-bottom-color: #e8e8e8; } .references .references-logo-cont .references-logo:nth-last-child(4) { border-bottom-color: #e8e8e8; } .grid-cont { margin-top: 50px; } .grid-cont .grid { height: auto !important; } .grid-cont .grid .grid-item { width: 100%; position: relative !important; height: auto !important; top: 0 !important; } .grid-cont .grid-content.production ul li { width: 100%; margin-bottom: 30px; margin-bottom: 10px; } .grid-cont .grid-content.production { padding: 50px 10px 30px 30px; } .grid-cont .grid .grid-item:nth-child(1) { margin-top: 0; } } /* End About-Us */ /* Ä°K */ .ik-content { background: url('img/back-image.png') no-repeat; background-position-y: 50%; } .ik-content .ik-info { margin-top: 70px; } .ik-content .ik-info h1 { font-size: 48px; font-weight: 300; } .ik-content .ik-info p { font-size: 19px; font-weight: 300; margin-top: 25px; max-width: 914px; line-height: 30px; } .ik-content .career { margin-top: 120px; } .ik-content .career .panel-group h2 { font-size: 41px; font-weight: 300; color: #6e7076; } .ik-content .career .panel-group .career-apply { background-color: #0093ff; transition: .3s all; color: #ffffff; font-size: 15px; font-weight: 500; margin: 50px 0 70px 0; padding: 12px 65px; display: inline-block; border-radius: 50px; } .ik-content .career .panel-group .career-apply:hover { box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } .ik-content .cv-form { padding-top: 80px; } .ik-content .cv-form span.info { color: #7d7d7d; font-size: 18px; font-weight: 300; margin-bottom: 70px; display: inline-block; } .ik-content .cv-form .row { margin: 0 -30px; } .ik-content .cv-form .row [class*="col-"] { padding: 0 30px; margin-bottom: 45px; } .ik-content .cv-form .row [class*="col-"] .wpcf7-form-control-wrap { display: inline-block; width: 100%; } /* .ik-content .cv-form .row [class*="col-"] .wpcf7-form-control-wrap:before { content: ""; position: absolute; z-index: 2; left: 0; right: 100%; bottom: 0; background: #000; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .ik-content .cv-form .row [class*="col-"] .wpcf7-form-control-wrap:active:before, .ik-content .cv-form .row [class*="col-"] .wpcf7-form-control-wrap:focus:before, .ik-content .cv-form .row [class*="col-"] .wpcf7-form-control-wrap:hover:before { right: 0; } */ .ik-content .cv-form .row [class*="col-"] input.customfile { display: none; } .ik-content .cv-form .row [class*="col-"] input[type='text'], .ik-content .cv-form .row [class*="col-"] input[type='tel'], .ik-content .cv-form .row [class*="col-"] input[type='email'] { width: 100%; padding: 15px; font-size: 17px; font-weight: 500; color: #000; } .ik-content .cv-form .row [class*="col-"] textarea { width: 100%; padding: 15px; font-size: 17px; font-weight: 500; color: #000; resize: none; height: 250px; } .ik-content .cv-form .row [class*="col-"] input[type='text']::placeholder, .ik-content .cv-form .row [class*="col-"] input[type='tel']::placeholder, .ik-content .cv-form .row [class*="col-"] input[type='email']::placeholder, .ik-content .cv-form .row [class*="col-"] textarea::placeholder { color: #b4b4b4; font-weight: 400; } .ik-content .cv-form input[type='submit'] { float:left; background-color: #0093ff; border:none; transition: .3s all; color: #ffffff; font-size: 15px; font-weight: 500; margin: 0; padding: 12px 65px; display: inline-block; border-radius: 50px; } .ik-content .cv-form input[type='submit']:hover { box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } .ik-content .cv-form label.file { border:1px solid #000000; background: url('img/cv-icon.png') #fff top right no-repeat; background-position: calc(100% - 15px) 11px; cursor: pointer; padding:12px 45px 12px 15px; width: 100%; max-width: 300px; color: #000; } .ik-content .cv-form label.file > span { color: #000000; display: initial; font-size: 17px; font-weight: bold; letter-spacing: -0.7px; } .ik-content .cv-form .cv-form-file-info { display: inline-block; margin-left: 15px; color: #7d7d7d; font-size: 17px; font-weight: 300; } .ik-content .cv-form span.wpcf7-not-valid-tip { text-align: right; font-size: 15px; padding-top: 3px; } @media (max-width: 991px){ .ik-content .cv-form .file { margin-bottom: 25px; } .ik-content .cv-form .cv-form-file-info { margin-left: 0; margin-bottom: 50px; } .ik-content .cv-form .row { margin: 0 -15px; } .ik-content .cv-form .row [class*="col-"] { padding: 0 15px; margin-bottom: 30px; } } /* End Ä°K */ /* Site-Map */ .site-map { margin-top: 80px; } .site-map h1 { font-size: 48px; color: #000000; } .site-map p { color: #000000; font-size: 17px; margin-top: 25px; } .site-map .site-map-wrap { display: flex; margin-top: 100px; } .site-map .site-map-wrap .letter { } .site-map .site-map-wrap .letter span { font-size: 45px; font-weight: bold; color: #cead4f; } .site-map .site-map-wrap .letter span:after { content: ''; width: 30px; height: 1px; margin: 0 20px; background-color: #cead4f; display: inline-block; vertical-align: middle; } .site-map .site-map-wrap .letter-menu { } .site-map .site-map-wrap .letter-menu > ul { list-style:none; padding:0; margin-top: 25px; } .site-map .site-map-wrap .letter-menu > ul > li { margin-bottom: 10px; transition: 1s all; } .site-map .site-map-wrap .letter-menu > ul > li > a { color: #cead4f; font-size: 17px; font-weight: 400; } .site-map .site-map-wrap .letter-menu > ul > li > ul { list-style:none; padding:0; margin-top: 15px; margin-bottom: 15px; } .site-map .site-map-wrap .letter-menu > ul > li > ul > li { margin-bottom: 10px; transition: 1s all; } .site-map .site-map-wrap .letter-menu > ul > li > ul > li > a { color: #858687; } .site-map .site-map-wrap .letter-menu > ul > li > ul > li > a:before { content: ''; width: 30px; height: 1px; margin: 0 20px 0 0; background-color: #000000; display: inline-block; vertical-align: middle; } @media (min-width: 1500px){ .site-map { padding: 0 90px; } } /* End-Site-Map */ /* Products */ .products { } .products h1 { font-size: 48px; font-weight: 300; text-align: center; margin-top: 80px; } .products > p { font-size: 19px; font-weight: 300; text-align: center; margin-top: 25px; } .products .products-content > .row { margin:0; } .products .products-content > .row > [class*="col-"] { padding: 0; } /* ARKA PLANLARIN RENK DEĞİŞİMÄ° */ .products .products-content > .row:first-child .products-wrap-info { background-color: #0093ff; } .products .products-content > .row:nth-child(2n) .products-wrap-info { background-color: #cead4f; } .products .products-content > .row:nth-child(3n) .products-wrap-info { background-color: #6e7076; } .products .products-content > .row:nth-child(4n) .products-wrap-info { background-color: #db0632; } /* ARKA PLANLARIN YERLEŞİMÄ° */ .products .products-content > .row:nth-child(odd) .products-wrap-info { background-image: url('img/about/product-right.png'); background-repeat: no-repeat; background-position: top right; } .products .products-content > .row:nth-child(even) .products-wrap-info { background-image: url('img/about/product-left.png'); background-repeat: no-repeat; background-position: top left; } /* TERS ÇEVÄ°RME */ .products .products-content > .row { display: flex; flex-wrap: wrap; } .products .products-content > .row:nth-child(even) { flex-direction: row-reverse; } /* GÖRSELÄ°N ÃœSTTE OLMA ÖZELLİĞİ */ .products .products-content > .row:not(:first-child):nth-child(odd) .products-wrap-info { transform: translateY(3%); } .products .products-content > .row:not(:first-child):nth-child(even) .products-wrap-info { transform: translateY(17%); } /* SATIRLARIN BOÅžLUK AYARLARI */ .products .products-content > .row:first-child { margin-top: 110px; } .products .products-content > .row:not(:first-child):nth-child(even) { margin-top: 80px; } .products .products-content > .row:not(:first-child):nth-child(odd) { margin-top: 180px; } .products .products-content > .row:last-child { margin-bottom: 100px; } /* Ä°LK SATIRIN ÖZELLÄ°KLERÄ° */ .products .products-content > .row:first-child .products-wrap-info { -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 93%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 93%); } .products .products-content > .row:first-child .products-wrap-img { -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 93%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 93%); } .products .products-content > .row .products-wrap-info a { font-size: 15px; transition: .3s all; display: inline-block; margin-bottom: 170px; border-radius: 50px; color: #ffffff; padding: 12px 60px; margin-top: 50px; border: 1px solid #00ffff; } .products .products-content > .row .products-wrap-info a:hover { background-color: #00ffff; color: #ffffff; } .products .products-content > .row:not(:first-child) .products-wrap-info a { border-color: #ffffff; } .products .products-content > .row:not(:first-child) .products-wrap-info a:hover { background-color: #ffffff; color: #000000; } .products .products-content > .row { position: relative; } .products .products-content > .row:nth-child(odd) > img { position: absolute; bottom: -10%; left: 30%; } .products .products-content > .row:nth-child(even) > img { position: absolute; bottom: -10%; right: 10%; } .products .products-content > .row:nth-child(odd) > .scroll { } .products .products-content > .row:nth-child(even) > .scroll { } .products .products-content > .row:last-child > img { position: absolute; bottom: 0; right: 40%; } .products .products-content > .row .products-wrap-info { height: 100%; position: relative; } .products .products-content .products-wrap-info { padding: 90px 60px 0 60px; -webkit-clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 93%); clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 93%); } .products .products-content .products-wrap-info h3 { font-size: 35px; font-weight: 400; color: #ffffff; } .products .products-content .products-wrap-info p { font-size: 14px; font-weight: 400; color: #ffffff; margin-top: 50px; } .products .products-content .products-wrap-info a { font-size: 15px; transition: .3s all; display: inline-block; margin-bottom: 170px; border-radius: 50px; color: #ffffff; padding: 12px 60px; margin-top: 50px; border: 1px solid #ffffff; } .products .products-content .products-wrap-info a:hover { background-color: #ffffff; color: #000000; } .products .products-content .products-wrap-img { -webkit-clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 93%); clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 93%); } .products .products-content .products-wrap-img img { width: 100%; height: auto; } @media (min-width: 992px){ .products .products-content > .row:nth-child(odd) .products-wrap-info { width: 101%; } .products .products-content .products-wrap-img { width: 101%; } } @media (min-width: 768px) and (max-width: 992px) { .products .products-content .products-wrap-info { padding: 60px 40px 0 40px; } .products .products-content .products-wrap-info h3 { font-size: 32px; } .products .products-content .products-wrap-info p { margin-top: 30px; font-size: 12px; } .products .products-content > .row .products-wrap-info a { margin-bottom: 60px; font-size: 13px; padding: 10px 50px; margin-top: 30px; z-index: 999; position: relative; } .products .products-content > .row:nth-child(even) > img { width: 65%; height: auto; } .products .products-content > .row:nth-child(odd) > img { width: 30%; height: auto; } .products .products-content > .row:last-child > img { width: 30%; height: auto; } .products .products-content > .row:nth-child(2) > img { width: 50%; bottom: -30%; right: 25%; } } @media (max-width: 767px){ .products h1 { margin-top: 30px; } .products .products-content > .row:first-child { margin-top: 40px; } .products .products-content > .row { display: flex; } .products .products-content > .row:not(:first-child):nth-child(even) { margin-top: 0; } .products .products-content > .row:not(:first-child):nth-child(odd) { margin-top: 0; } .products .products-content > .row:last-child { margin-bottom: 0; } .products .products-content > .row [class*="col-"]:first-child { order: 2; } .products .products-content > .row [class*="col-"]:last-child { order: -1; } .products .products-content > .row .products-wrap-info { transform: translateY(-40px) !important; } .products .products-content .products-wrap-info { padding: 120px 25px 0 25px; } .products .products-content .products-wrap-info h3 { font-size: 32px; } .products .products-content .products-wrap-info p { margin-top: 30px; font-size: 12px; } .products .products-content > .row .products-wrap-info a { margin-bottom: 60px; font-size: 13px; padding: 10px 50px; margin-top: 30px; z-index: 999; position: relative; } .products .products-content > .row:nth-child(even) > img { width: 65%; } .products .products-content > .row:nth-child(odd) > img { width: 30%; } .products .products-content > .row:last-child > img { width: 30%; } .products .products-content > .row:nth-child(2) > img { width: 50%; bottom: -30%; right: 25%; } .products .products-content > .row { display: flex; flex-wrap: wrap; } .products .products-content > .row { flex-direction: column; } .products .products-content > .row:nth-child(even) { flex-direction: column; } } /* End Products */ /* Products-Category */ .products-category { } .products-category .content { margin-top: 90px; margin-bottom: 50px; } .products-category .content h1 { font-size: 48px; font-weight: 300; text-align: center; } .products-category .content p { font-size: 19px; font-weight: 300; text-align: center; margin-top: 30px; } .products-category .row { margin: 0; } .products-category .row [class*="col-"] { padding: 0; } .products-category .wrap { padding: 30px 0; margin-bottom: 120px; position: relative; transition: 0.3s box-shadow; border-right: 1px solid #e8e8e8; } .products-category .wrap:hover { box-shadow: 0px 0px 30px rgba(0,0,0,0.2); margin-left: -1px; padding-left: 1px; } .products-category .wrap img { width: 100%; height: auto; margin: 15px 0; } .products-category .wrap .wrap-content { padding: 0 30px 0 30px; } .products-category .wrap .wrap-content h5 { font-size: 19px; font-weight: bold; color: #6e7076; height: 45px; } .products-category .wrap .wrap-content .tesa-info { min-height: 85px; padding-top: 20px; max-width: 160px; font-size: 15px; font-weight: 400; color: #b4b4b4; } .products-category .wrap .wrap-content a { font-size: 15px; display: inline-block; font-weight: 400; color: #6e7076; padding-bottom: 7px; border-bottom: 2px solid #cead4f; } .products-category .wrap .wrap-content a:after { font-family: 'icomoon' !important; content: '\e903'; font-size: 10px; vertical-align: middle; color: #6e7076; margin-left: 15px; } .products-category { } @media (max-width:767px){ .products-category .wrap { margin-bottom: 0; } .products-category .row [class*="col-"] .wrap { border-color: transparent; } } @media (min-width:767px) and (max-width: 992px){ .products-category .row [class*="col-"]:nth-child(2n) .wrap { border-color: transparent; } } @media (min-width: 992px) and (max-width: 1200px){ .products-category .row [class*="col-"]:nth-child(3n) .wrap { border-color: transparent; } } @media (min-width: 1200px){ .products-category .row [class*="col-"]:nth-child(4n) .wrap { border-color: transparent; } } /* End-Products-Category */ .product-page-info { } .product-page-info h1 { font-size: 41px; font-weight: 300; margin-top: 85px; } .product-page-info p { font-size: 15px; font-weight: 300; margin-top: 25px; line-height: 30px; } .product-brands { margin-top: 40px; } .product-brands h3 { font-size: 19px; font-weight: 400; border-bottom: 2px solid #cead4f; padding-bottom: 20px; } .product-brands h3 i { float: right; transform: rotate(90deg); margin-right: 5px; } .product-brands .one { float:none; margin:70px auto; } .product-brands img { width: 100%; margin: 15px 0; } .product-draws { margin-top: 40px; } .product-draws h3 { font-size: 19px; font-weight: 400; border-bottom: 2px solid #cead4f; padding-bottom: 20px; } .product-draws h3 i { float: right; transform: rotate(90deg); margin-right: 5px; } .product-draws .one { float:none; margin:70px auto; } .product-draws img { width: 100%; margin: 15px 0; } .product-images { } .product-images .product-page-img { position: relative; background: url('img/urun-detay/urun-detay-back.png') no-repeat center center; background-size: contain; display: flex; justify-content: center; align-items: center; } .product-images .product-page-img .product-page-img-content { padding: 35px; } .product-images .product-page-img .product-page-img-content a.mask { z-index: 2; } .product-images .product-page-img .product-page-img-content > img.prdct { width: 100%; height: auto; } .product-images .product-page-img .product-page-img-content > .bWrap { position: absolute; right: 20px; bottom: 20px; background: #fff; padding: 42.5px 15px; border-radius: 110px; -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); } .product-images .product-page-img .product-page-img-content > .bWrap > img.brand { } .product-page-img .fbutton { position: absolute; display:inline-block; top: 15%; right: 10%; } .product-page-img .num { position: absolute; font-size: 13px; color: #ffffff; border-radius: 50%; font-weight: normal; width: 75px; height: 75px; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #0093ff; top: 20%; right: 10%; } .product-page-img .num:after { content: ''; display: inline-block; width: 120%; height: 120%; position: absolute; top: -10%; left: -10%; border:1px solid #959595; border-radius: 50%; } .product-page-img .big { position: absolute; top: 1%; right: 25%; font-size: 13px; font-weight: 500; display: inline-block; width: 90px; height: 90px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #ffffff; background-color: #cead4f; border:5px solid #fff; } .product-page-img .big span { vertical-align: middle; margin-left: 10px; } .product-page-img-bottom .owl-col .owl-carousel { padding: 0 40px; } .product-page-img-bottom .owl-col .owl-carousel .owl-item { padding-right: 1px; } .product-page-img-bottom .owl-col .owl-carousel .owl-item img { width: 100%; height: auto; border-radius: 50%; } .product-page-img-bottom .owl-col .owl-nav { } .product-page-img-bottom .owl-col .owl-nav [class*="owl-"] { position: absolute; top: 50%; transform: translateY(-50%); background-color: transparent; } .product-page-img-bottom .owl-col .owl-nav [class*="owl-"] i { color: #000000; font-size: 30px; } .product-page-img-bottom .owl-col .owl-nav .owl-next { right: 0; } .product-page-img-bottom .owl-col .owl-nav .owl-prev { left: 0; } .product-page-img-bottom .owl-col .product-page-gallery .carousel-wrap { padding: 10px 10px; position: relative; border:1px solid #000; border-radius: 50%; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ } .product-page-img-bottom .owl-col .product-page-gallery .carousel-wrap .num { position: absolute; color: #ffffff; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #000; width: 30px; height: 30px; top:0; right: 0; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ } .product-page-img-bottom .owl-col .product-page-gallery .carousel-wrap.active { border-color: #0093ff; } .product-page-img-bottom .owl-col .product-page-gallery .carousel-wrap.active .num { background-color: #0093ff; } .product-page-img-bottom .owl-col .product-page-gallery .carousel-wrap:hover { border-color: #0093ff; cursor: pointer; } .product-page-img-bottom .owl-col .product-page-gallery .carousel-wrap:hover .num { background-color: #0093ff; } .product-detail .table { margin: 100px 0 0; } .product-detail .table .utext { margin: 30px 0; } .product-detail .table .utext p { margin: 0; padding: 10px 0; } .product-detail .table .utext img { max-width: 100%; height: auto; } .product-detail .table .utext img.aligncenter { display: block; margin: 0 auto; } .table { } .table .panel-title a { padding: 25px 50px 25px 0; position: relative; } .table > h2 { border-bottom: 1px solid #e8e8e8; } .table .panel-group .panel { border-bottom: 1px solid #e8e8e8; } .table table { width: 100%; } .table table thead { border-top: 1px solid #e8e8e8; margin-bottom: 10px; } .table table thead tr th { font-size: 20px; font-weight: 300; padding-top: 40px; padding-bottom: 20px; padding-left: 10px; } .table table tbody tr { border-top: 1px solid #e8e8e8; } .table table tbody tr:nth-child(2n) { background-color: #fbfbfb; } .table table tbody tr td { font-size: 17px; font-weight: 300; transition: 0.3s all; cursor: pointer; padding:20px 10px; } .table table tbody tr:hover td { color: #cead4f; } .product-detail .table .panel-title a { font-weight: 300; } .table-bottom { margin-top: 40px; position: relative; } .table-bottom ul { padding:0; margin:0; } .table-bottom ul li { display: inline-block; margin-bottom: 25px; width: 50%; height:40px; float: left; font-size: 15px; font-weight: 400; display: flex; align-items: end; font-style: italic; color: #6e7076; } .table-bottom ul li img { margin-right:10px; } .table-bottom ul li i { font-size: 25px; min-width: 30px; display: inline-block; text-align: center; margin-right: 10px; } .table-bottom .table-bottom-info { display: flex; justify-content: flex-end; align-items: flex-end; right: 0; bottom: 25px; font-size: 13px; font-style: italic; color: #8a8c94; } .table-bottom .table-bottom-info span { display: inline-block; padding-top: 25px; } .table-bottom .table-bottom-info span a { display: block; font-style: normal; margin-bottom: 15px; color: #6e7076; } .table-bottom .table-bottom-info span a.pdf { background: url("img/icon-pdf-new.png") no-repeat center center; width: 100%; height: 83px; text-indent: -9999px; } .table-bottom .table-bottom-info span a i { margin-right: 3px; } @media (min-width: 1200px){ .product-images .product-page-img .product-page-img-content { padding: 35px 0; } } @media (min-width: 992px){ .table-bottom { display: flex; } } @media (max-width: 992px){ .table table thead tr th { font-size: 17px; } .table table tbody tr td { font-size: 14px; } /*.product-page-img .num { width: 45px; height: 45px; }*/ .product-page-img .big {font-size: 11px; width: 70px; height: 70px; } .product-page-img .big span { margin-left: 5px; } } @media (max-width:767px){ .product-page-info h1 { margin-top: 25px; } .product-page-img .fbutton img { width: 60px; height: auto; } .table-bottom ul li { width: 100%; } .product-page-img .fbutton { top: 25%; right: 0%; } .product-images .product-page-img .product-page-img-content > .bWrap { right: 0; bottom: 0; padding: 34px 0px; text-align: center; } .product-images .product-page-img .product-page-img-content > .bWrap img { width: 80%; } .product-page-img-bottom { margin-top: 25px; } } /* Genel */ .scroll { margin: 70px 0; display: flex; justify-content: center; } .scroll a.scroll-bottom { font-size: 11px; display: flex; flex-direction: column; align-items: center; } .scroll a.scroll-bottom i { font-size: 14px; margin-top: 5px;} .scroll a.scroll-bottom i:before { display: inline-block; transform: rotate(90deg); margin-top: 5px; } /* Ä°LETİŞİM */ .page-content.contact { background: url("img/back-image.png") no-repeat top center; background-position-y: -200px; min-height: 1000px; } .page-content.contact .page-info h1 { font-size: 25px; font-weight: normal; margin-bottom: 32px; } .page-content.contact .page-info .cinfo { margin: 0 -25px; } .page-content.contact .page-info .cinfo > div[class*="col-"]{ padding: 0 25px; } .page-content.contact .page-info .finfo { margin-bottom: 50px; } .page-content.contact .page-info .finfo .row { margin: 0 -9px; } .page-content.contact .page-info .finfo .row > div[class*="col-"]{ padding: 0 9px; } .page-content.contact .page-info .finfo input[type="text"], .page-content.contact .page-info .finfo input[type="email"], .page-content.contact .page-info .finfo input[type="tel"], .page-content.contact .page-info .finfo textarea { width: 100%; font-size: 15px; color: #000000; padding: 18px 12px; margin-bottom: 30px; border:1px solid #c2c2c2; transition: 0.3s all; } .page-content.contact .page-info .finfo textarea { height: 240px; } .page-content.contact .page-info .finfo input[type="text"]:hover, .page-content.contact .page-info .finfo input[type="email"]:hover, .page-content.contact .page-info .finfo input[type="tel"]:hover, .page-content.contact .page-info .finfo textarea:hover, .page-content.contact .page-info .finfo input[type="text"]:focus, .page-content.contact .page-info .finfo input[type="email"]:focus, .page-content.contact .page-info .finfo input[type="tel"]:focus, .page-content.contact .page-info .finfo textarea:focus { border-color: #5be0b3; } .page-content.contact .page-info .finfo input[type="text"].wpcf7-not-valid, .page-content.contact .page-info .finfo input[type="email"].wpcf7-not-valid, .page-content.contact .page-info .finfo input[type="tel"].wpcf7-not-valid, .page-content.contact .page-info .finfo textarea.wpcf7-not-valid { border-color: #ff1748; } .page-content.contact .page-info .finfo input[type="submit"] { float: left; color: #ffffff; padding: 15px 60px; background-color: #0093ff; border:none; border-radius: 50px; font-size: 15px; } .page-content.contact .page-info .finfo span.wpcf7-not-valid-tip { display: none; } .page-content.contact .page-info .ainfo { margin-top: 60px; } .page-content.contact .page-info .ainfo .ciwrap { background: #fff; padding: 50px 30px; -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); } .page-content.contact .page-info .ainfo .ciwrap h2 { margin: 0; font-size: 25px; font-weight: normal; } .page-content.contact .page-info .ainfo .ciwrap h3 { margin: 0; font-size: 22px; font-weight: normal; } .page-content.contact .page-info .ainfo .ciwrap hr { margin: 20px 0 -10px; display: inline-block; font-family: 'icomoon'; content: '\e902'; color: #cead4f; height: auto; font-size: 12px; border: none; background: transparent; } .page-content.contact .page-info .ainfo .ciwrap hr:before { content: '\e902'; } .page-content.contact .page-info .ainfo .ciwrap p { font-size: 17px; margin-top:20px; } .page-content.contact .page-info .ainfo:before { content:""; display:block; position:absolute; background: url("img/icon-factory.png") no-repeat; width:58px; height:72px; top: -105px; margin-left: 30px; } .page-content.contact .map { } .page-content.contact .map h2 { font-size: 25px; font-weight: normal; } .page-content.contact .map .fmap { width:100%; max-width: 1500px; margin:35px auto; overflow: hidden; -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); } .page-content.contact .map .fmap iframe { width:100%; height:735px; margin-top:0; margin-bottom: -6px; } @media (max-width:767px){ .page-content.contact .page-info .cinfo { margin: 0 -15px; } .page-content.contact .page-info h1 { margin: 50px 0 15px; } .page-content.contact .page-info .cinfo > div[class*="col-"]{ padding: 0 15px; } .page-content.contact .map .fmap iframe { pointer-events:none; } } /* BANKA HESAPLARI */ .banks {} .banks .container {} .banks .bank { max-width: 900px; background: #fafafa; padding: 20px 0; margin:0 0 30px; transition: 0.3s all; } .banks .bank:hover { -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); } .banks .bank .logo { text-align: center; } .banks .bank .logo img { width: 100%; height: auto; } .banks .bank .info { } .banks .bank .info p { } .banks .bank .info p.name { font-weight: bold; margin: 15px 0 20px; } /* SEARCHBOX */ .modal-backdrop.in { opacity: 0.9; } .search-modal { padding-right:0 !important; } .search-modal .close-modal { position: absolute; top: 25px; right: 25px; width: 75px; height: 75px; background-color: transparent; cursor: pointer; } .search-modal .close-modal .lr { z-index: 1051; width: 1px; height: 75px; margin-left: 35px; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transition: 0.3s all; } .search-modal .close-modal .lr .rl { z-index: 1052; width: 1px; height: 75px; background-color: #fff; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s all; } .search-modal .close-modal:hover .lr, .search-modal .close-modal:hover .rl { background:#000; } .search-modal .modal-content { padding: 0; border: 0; border-radius: 0; background-clip: border-box; -webkit-box-shadow: none; box-shadow: none; background:rgba(206,173,79,0.5); border-top:8px solid #bab19a; } .search-modal .modal-content .modal-body { margin:0; padding:35px 0 40px; } .search-modal .modal-content .modal-body label { color:#fff; font-size: 22px; } .search-modal .modal-content .modal-body input.sbox { display:block; padding: 0; width: 100%; max-width:750px; margin:100px auto; font-family: 'Robotoo'; font-size: 60px; font-weight: bold; color: #fff; background: none; letter-spacing: 1px; border: none; } .search-modal .modal-content .modal-body input.sbox::placeholder { color:#fff; } .search-modal .modal-content .modal-body input[type="submit"] { padding: 0; background: none; border: none; color: #fff; font-size: 18px; } @media (max-width:767px){ .search-modal .modal-content .modal-body input.sbox { font-size: 25px; } } /* FÄ°YAT TALEP FORMU */ .stickeyForm { position: fixed; right: 0; top: 200px; width: 160px; z-index: 98; font-family: "Robotoo"; font-weight: 700; font-size: 14px; color: #ffffff; text-align: center; cursor: pointer; border-radius: 30px 0 0 30px; background: rgba(80,42,231,1); background: -moz-linear-gradient(left, rgba(80,42,231,1) 0%, rgba(44,210,219,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(80,42,231,1)), color-stop(100%, rgba(44,210,219,1))); background: -webkit-linear-gradient(left, rgba(80,42,231,1) 0%, rgba(44,210,219,1) 100%); background: -o-linear-gradient(left, rgba(80,42,231,1) 0%, rgba(44,210,219,1) 100%); background: -ms-linear-gradient(left, rgba(80,42,231,1) 0%, rgba(44,210,219,1) 100%); background: linear-gradient(to right, rgba(80,42,231,1) 0%, rgba(44,210,219,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#502ae7', endColorstr='#2cd2db', GradientType=1 ); } .stickeyForm a { color: #ffffff; display: block; padding: 10px 10px 10px 20px; } #offer { padding-left: 17px !important; padding-right: 17px !important; } #offer .model-content .close-modal { position: absolute; top: -15px; right: -15px; width: 55px; height: 55px; background-color: transparent; cursor: pointer; background-color: #000; z-index: 999; } #offer .model-content .close-modal .lr { z-index: 1051; width: 1px; height: 55px; margin-left: 28px; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #offer .model-content .close-modal .lr .rl { z-index: 1052; width: 1px; height: 55px; background-color: #fff; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #offer .model-content .close-modal:hover .lr, #offer .model-content .close-modal:hover .rl { background: #ccc; } #offer .model-content { margin: 150px auto 50px; padding: 25px 35px; width: 100%; max-width: 420px; background: #fff; position: relative; } #offer .model-content h2 { margin: 0 0 20px; color: #858687; font-family: 'Robotoo' } #offer .model-content p { font-size: 14px; color: #858687; } #offer .model-content p strong { font-family: 'Robotoo'; } @media (max-width:767px) { #offer .model-content { margin: 50px auto; } } #offer input[type="text"], #offer input[type="tel"], #offer input[type="email"], #offer textarea, #offer select { font-weight: 400; font-size: 13px; color: #000000; border: 1px solid #c2c2c2; background: #ffffff; height: 38px; padding: 0 15px; border-radius: 0; width: 100%; font-family: "Robotoo"; } #offer textarea { height: auto; padding: 10px 15px; } #offer input[type="text"]:hover, #offer input[type="tel"]:hover, #offer input[type="email"]:hover, #offer textarea:hover, #offer select:hover, #offer input[type="text"]:focus, #offer input[type="tel"]:focus, #offer input[type="email"]:focus, #offer textarea:focus, #offer select:focus { border-color: #cead4f; } #offer textarea { height: auto; padding: 10px 15px; } #offer select option { font-family: "Robotoo"; } #offer input[type="submit"] { color: #ffffff; padding: 12px 60px; margin-top: 10px; background-color: #0093ff; border: none; border-radius: 50px; font-size: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #offer input[type="submit"]:hover { background: #cead4f; } #offer .wpcf7-not-valid { border-color: #c12728 !important; } #offer span.wpcf7-list-item { margin: 0; font-size: 11px; font-family: 'Robotoo'; color: #000; } #offer span.wpcf7-not-valid-tip { display: none !important; } #offer div.wpcf7-response-output { border: none; color: #fff; font-weight: bold; font-size: 15px; padding: 10px 20px !important; margin: 10px 0 !important; } #offer div.wpcf7-validation-errors { background: #f7e700; } #offer div.wpcf7-spam-blocked { background: #ffa500; } #offer div.wpcf7-mail-sent-ng { background: #ff0000; } #offer div.wpcf7-mail-sent-ok { background: #398f14; } #offer2 { padding-left: 17px !important; padding-right: 17px !important; } #offer2 .model-content .close-modal { position: absolute; top: -15px; right: -15px; width: 55px; height: 55px; background-color: transparent; cursor: pointer; background-color: #000; z-index: 999; } #offer2 .model-content .close-modal .lr { z-index: 1051; width: 1px; height: 55px; margin-left: 28px; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #offer2 .model-content .close-modal .lr .rl { z-index: 1052; width: 1px; height: 55px; background-color: #fff; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #offer2 .model-content .close-modal:hover .lr, #offer2 .model-content .close-modal:hover .rl { background: #ccc; } #offer2 .model-content { margin: 150px auto 50px; padding: 25px 35px; width: 100%; max-width: 420px; background: #fff; position: relative; } #offer2 .model-content h2 { margin: 0 0 20px; color: #858687; font-family: 'Robotoo' } #offer2 .model-content p { font-size: 11px; color: #858687; } #offer2 .model-content p strong { font-family: 'Robotoo'; } @media (max-width:767px) { #offer2 .model-content { margin: 50px auto; } } #offer2 input[type="text"], #offer2 input[type="tel"], #offer2 input[type="email"], #offer2 textarea, #offer2 select { font-weight: 400; font-size: 13px; color: #000000; border: 1px solid #c2c2c2; background: #ffffff; height: 38px; padding: 0 15px; border-radius: 0; width: 100%; font-family: "Robotoo"; } #offer2 textarea { height: auto; padding: 10px 15px; } #offer2 input[type="text"]:hover, #offer2 input[type="tel"]:hover, #offer2 input[type="email"]:hover, #offer2 textarea:hover, #offer2 select:hover, #offer2 input[type="text"]:focus, #offer2 input[type="tel"]:focus, #offer2 input[type="email"]:focus, #offer2 textarea:focus, #offer2 select:focus { border-color: #cead4f; } #offer2 textarea { height: auto; padding: 10px 15px; } #offer2 select option { font-family: "Robotoo"; } #offer2 input[type="submit"] { color: #ffffff; padding: 12px 60px; background-color: #0093ff; border: none; border-radius: 50px; font-size: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #offer2 input[type="submit"]:hover { background: #cead4f; } #offer2 .wpcf7-not-valid { border-color: #c12728 !important; } #offer2 span.wpcf7-list-item { margin: 0; font-size: 11px; font-family: 'Robotoo'; color: #000; } #offer2 span.wpcf7-not-valid-tip { display: none !important; } #offer2 div.wpcf7-response-output { border: none; color: #fff; font-weight: bold; font-size: 15px; padding: 10px 20px !important; margin: 10px 0 !important; } #offer2 div.wpcf7-validation-errors { background: #f7e700; } #offer2 div.wpcf7-spam-blocked { background: #ffa500; } #offer2 div.wpcf7-mail-sent-ng { background: #ff0000; } #offer2 div.wpcf7-mail-sent-ok { background: #398f14; } .stickySup{z-index:9999;font-size:16px;font-family:'Robotoo';color:#fff;display: none !important;} .stickySup .container{text-align:center;} .stickySup .container .row > div{ position:relative; line-height:40px; } .stickySup .container .sp { background:#0093ff; } .stickySup .container .wp { background:#25d366; } .stickySup .mask{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;} .groups {} .groups .group { background: #fafafa; border: 1px solid #eeeeee; padding: 25px 20px; } .groups .group + .group { margin-top: 12px; } .groups .group .logo { text-align: center; } .groups .group .logo img { max-width: 100%; height: auto; } .groups .group:nth-child(odd) { background: url("img/grp-odd.png") right center no-repeat #fafafa; } .groups .group:nth-child(even) { background: url("img/grp-even.png") right center no-repeat #fafafa; } @media (min-width: 1500px){ .groups .container { width: 1250px; } } @media (min-width: 768px){ .groups .group { display: flex; align-items: center; justify-content: center; } } @media (max-width:767px) { .groups .group .logo { margin-bottom: 20px; } } iframe.wp-embedded-content { width: 48%; margin-right: 1%; float: left; margin-bottom: 1%; } @media (max-width:767px){ iframe.wp-embedded-content { width: 100%; max-width: 100%; margin-right: 0; float: inherit; } } .finfo .g-recaptcha { margin-bottom:30px; } #offer .g-recaptcha { margin-bottom:10px; } @media (max-width:767px){ .g-recaptcha { float:right; } #offer .g-recaptcha { float:none; } } .grecaptcha-badge { display:none; } .pcBrands { background: #fafafa; text-align: center; padding: 45px 0; } .pcBrands img { max-width: 100%; } .pcProducts .scroll { margin: 60px 0 20px; } .sposts { padding-top:30px; } .sposts .spost { margin-bottom: 30px; } .sposts .spost .pWrap { position: relative; height: 100%; } .sposts .spost .pWrap img { width: 100%; height: 475px; object-fit: cover; border-radius: 30px; } .sposts .spost .pWrap .pInfo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding: 30px; border-radius: 30px; transition: all 0.3s ease; border: 10px solid transparent; } .sposts .spost .pWrap .pInfo .detail { position: absolute; bottom: 35px; left: 25px; right: 25px; } .sposts .spost .pWrap .pInfo .detail h4 { margin: 0 0 30px; font-size: 24px; font-weight: 700; color: #fff; font-family: 'Robotoo'; } .sposts .spost .pWrap .pInfo .detail p { margin: 0; font-size: 16px; font-weight: 400; color: #fff; font-family: 'Robotoo'; } .sposts .spost .pWrap .pInfo .go { display:inline-block; margin-top: 25px; color: #00ffff; font-size: 15px; font-weight:500; font-family: 'Robotoo'; background: url('img/ok-kat.png') right center no-repeat; padding-right:35px; } .sposts .spost .pWrap:hover .pInfo { background: rgba(0,0,0,0.7); border-color: #00ffff; } .sposts .spost.sold .pWrap img { filter: grayscale(1); } .sposts .spost.sold .pWrap .pInfo { border-color: #afafaf; } .sposts .spost.sold .pWrap:hover .pInfo { border-color: #000; background: rgba(0,0,0,0.7); } .sposts .spost.sold .pWrap .sold { position: absolute; top: 70px; width: 100%; height: 45px; background: #afafaf; z-index: 11; text-align: center; color: #000; line-height: 45px; font-size: 25px; font-weight: bold; letter-spacing: 10px; transition: all 0.3s ease; } .sposts .spost.sold .pWrap:hover .sold { background: #000; color: #fff; } .showmore { text-align: center; margin-top: 30px; } .showmore a { display: inline-block; background: #cead4f; color: #fff; font-family: 'Robotoo'; font-size: 16px; font-weight: bold; border-radius: 30px; padding: 20px 30px; width: 285px; max-width: 100%; } @media (max-width:767px) { .pcBrands { padding: 15px 0; } .sposts .spost .pWrap img { height: 500px; } } body.used { overflow-x: hidden; } .used-detail { } .used-detail h1 { margin: 35px 0; font-weight: bold; color: #6e7076; font-size: 30px; } .used-detail .sold { color: #fff; font-size: 25px; font-weight: bold; background: #000; padding: 10px 25px; margin-top: 20px; } .used-detail .uImg { } .used-detail .uImg .uBig { } .used-detail .uImg .uBig img { width: 100%;height: 450px;object-fit: cover;} .used-detail .uImg .uThumb { margin: 10px -5px 0; } .used-detail .uImg .uThumb .utImg { padding: 0 5px; cursor: pointer; } .used-detail .uImg .uThumb .utImg img { width: 100%; height: 131px; object-fit: cover; } .used-detail .uInfo { } .used-detail .uInfo .uiWrap { background: #f2f2f2; padding: 35px; } .used-detail .uInfo .uiWrap .brand { margin-bottom: 60px; } .used-detail .uInfo .uiWrap ul { margin: 60px 0 86px; padding: 0; list-style: none; } .used-detail .uInfo .uiWrap ul li { font-size: 18px; color: #6e7076; line-height: 30px; } .used-detail .uInfo .uiWrap ul li + li { border-top: 3px solid #cead4f; padding-top: 15px; margin-top: 15px; } .used-detail .uInfo .uiWrap ul li strong { float: right; font-size: 30px; } .used-detail .uInfo .uiWrap a.ubutton { display: inline-block; position: relative; padding: 12px 85px 12px 35px; color: #6e7076; font-size: 18px; font-weight: bold; background: #fff; border:1px solid #d0d0d0; max-width: 255px; width: 100%; height: 51px; transition: 0.3s all ease; } .used-detail .uInfo .uiWrap a.ubutton:hover { background: #cead4f; color: #fff; border-color: #cead4f; } .used-detail .uInfo .uiWrap a.ubutton:after { content: "+"; position: absolute; right: -1px; top: -1px; height: 51px; width: 51px; line-height: 49px; text-align: center; color: #fff; font-size: 30px; background: #cead4f; } .used-stick { margin-top: 100px; } .used-stick h2 { display: inline-block; margin: 0 0 50px; font-weight: bold; color: #6e7076; font-size: 30px; } .used-stick .sposts .spost { margin: 0 13px; } .used-stick .control { float: right; } .used-stick .control .sarrow { display: inline-block !important; height: 40px; padding: 10px 20px; transition: 0.3s all ease; cursor: pointer; } .used-stick .control .sarrow span { background: url("img/s-arrow.png") center center no-repeat; display: inline-block; width: 11px; height: 20px; cursor: pointer; } .used-stick .control .sarrow + .sarrow { border-left: 1px solid #d2d2d2; } .used-stick .control .sarrow.prev span { transform: rotate(180deg); } .used-stick .control .sarrow.prev:hover { padding-left: 10px; padding-right: 30px; } .used-stick .control .sarrow.next:hover { padding-left: 30px; padding-right: 10px; } @media (min-width: 1200px) { .sposts .slick-list { overflow: inherit !important; } .fhmm .dropdown.fhmm-fw .dropdown-menu{} } @media (max-width: 1350px) { .fhmm .dropdown.fhmm-fw .dropdown-menu{display:none !important;} } @media (max-width:767px) { .used-stick .control { float:inherit; text-align:right;} .used-detail .uImg { margin-bottom: 30px; } } .yazi-logo{/* width:200px; */height: 100px;object-fit:contain;float: right;width: 20%;} .joinchat {z-index:99999 !important;} .baslikdiv{ width: 100%; float: left; } .baslikdiv .sol{ float: left; width: 80%; } @media only screen and (max-width: 600px) { .baslikdiv{ width: 100%; float: left; } .baslikdiv .sol{ float: left; width: 100%; } .yazi-logo{display:none;} }