/*
 * Customer: Petek Plastik
 * Description: HTML5 Theme for Petek Plastik, created by Post Ajans
 * Author: ubpenekli
 * Agency URI: https://www.postajans.com.tr
 * Author URI: https://ubpenekli.com
 */
html {
    scroll-behavior: smooth;
	overflow-x:hidden;
}

body {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
	background:#f9f9f9;
}

a {
	text-decoration:none;
	transition:.3s;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5em;
    font-size: 12px;
}

.font-fira {
	font-family:'Fira Sans Condensed', sans-serif;
}
.font-giga {
	font-family:'Lexend Giga', sans-serif;
	letter-spacing:-.13em;
}
/*form components and buttons*/
button:focus {
    outline:none;
    box-shadow:none;
}
.btn-theme {
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	padding:.5rem 1rem;
	font-weight:700;
	font-size:1rem;
}
.btn-theme.border-radius {
	border-radius:1rem;
}
.btn-theme.border-radius:before {
	border-radius:1rem;
}
.btn-theme .btn-icon {
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:#fff;
	color:#000;
	border-radius:100%;
	width:2rem;
	height:2rem;
	transition:.3s;
	margin:0 -.5rem 0 .5rem;
}
/* start - colored button sample */
.btn-theme.t0 {
	background:transparent;
	color:#fff;
	border:1px solid #fff;
}
.btn-theme.t0.hvr-bg {
	background:transparent;
	color:#fff;
}
.btn-theme.t0.hvr-bg:hover,
.btn-theme.t0.hvr-bg:focus {
	color:#104a43;
}
.btn-theme.t0.hvr-bg:before {
	background:#fff !important;
}
.btn-theme.t1 {
	background:#104a43;
	color:#fff;
	border:1px solid #104a43;
}
.btn-theme.t1.hvr-bg {
	background:#104a43;
	color:#fff;
}
.btn-theme.t1.hvr-bg:hover,
.btn-theme.t1.hvr-bg:focus {
	color:#104a43;
}
.btn-theme.t1.hvr-bg:before {
	background:#fff !important;
}
.btn-arrow {
	position: relative;
	padding:0 60px 0 0;
}
.btn-arrow:hover {
	padding-right:40px;
}
.btn-arrow:before {
	content: "";
	width: 25px;
	height: 2px;
	position: absolute;
	background:#fff;
	top: 50%;
	transform:translateY(-50%);
	right: 5px;
	transition: all 0.3s ease;
}
.btn-arrow:hover:before {
	right:5px;
	width:15px;
}
.btn-arrow:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	right: 0;
	transition: all 0.3s ease;
}
.btn-arrow:hover:after {
	right:0;
}

.main-slider .caption h2 {
	font-size:1.5rem;
	font-weight:800;
	color:#000;
	margin:0;
	letter-spacing:.28em;
	line-height:1.5;
	transform:translateY(150px);
	opacity:0;
	transition:1.25s ease;
	text-transform:uppercase;
}
.main-slider .caption.sliderAnimation h2 {
	transform:translateY(0);
	opacity:1;
	color:white;
}
.main-slider .buttons {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:26;
	width:100%;
	left:0;
	right:0;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}
.main-slider .buttons button {
	background:transparent;
	border:0;
	outline:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:3rem;
	height:3rem;
	font-size:1.5em;
	color:#fff;
	cursor:pointer;
	padding: 0 4%;
}
/* ! finish - colored button sample ! */
/*homepage panels*/
.panel {
	width:100%;
	padding:1rem 0;
	position:relative;
}
.heading {
	margin:0 0 1.5rem 0;
	position:relative;
}
.heading span {
	display:block;
}
.heading .line-1 {
	font-size:3rem;
	font-weight:700;
}
.heading .line-2 {
	font-size:2rem;
	font-weight:700;
}
.heading .description {
	margin-top:1.25rem;
	font-weight:400;
	font-size:1rem;
}
/*content pages*/
.banner {
	position:relative;
	display:flex;
	align-items:center;
	padding:180px 0;
	color:#dedede;
}
.banner .banner-bg {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:1;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.banner .title {
	position:relative;
	width:100%;
	z-index:2;
 }
.banner .title .line-1 {
	font-size: 26px;
    font-weight: 400;
    color: #b8161c;
    text-transform: uppercase;
    padding: 1%;
    position: relative;
    top: 175px;
}

.banner .title .line-2 {
	font-size: 56px;
    font-weight: 700;
    color: #fff;
    padding: 1%;
    position: relative;
    top: 175px;
}

.banner .title .line-3 {
	font-size: 16px;
    font-weight: 400;
    color: #fff;
	padding: 0 2%;
    position: relative;
    top: 175px;
	float:right;
	border-left: 1px solid #b8161c;
	text-align: justify;
}

.banner .title .line-3 p{
	width: 50%;
	line-height: 25px;
}

.banner .breadcrumbs-bg {
	background:transparent;
	padding:10px 0;
	width:100%;
}
.banner .breadcrumbs {
	position:relative;
	display:inline-block;
	list-style-type:none;
	padding:0;
	margin:0;
	font-family:'Fira Sans Condensed', sans-serif;
}
.banner .breadcrumbs:after {
	position:absolute;
	display:block;
	width:100%;
	background:#b5bdc4;
	content:'';
	bottom:-15px;
}
.banner .breadcrumbs li {
	font-size:12px;
	display:inline-block;
}
.banner .breadcrumbs li:after {
	color:#dedede;
	content:"\00BB";
	margin:0 5px;
}
.banner .breadcrumbs li:last-child:after {
	display:none;
}
.banner .breadcrumbs a {
	color:#fff;
	transition:.3s;
}
.banner .breadcrumbs li:last-child a,
.banner .breadcrumbs a:hover,
.banner .breadcrumbs a:focus {
	font-weight:700;
}
.page {
	padding:.5rem .5rem 10rem .5rem;
	min-height:80vh;
	position:relative;
}
.page .main-title {
	padding:.5rem 0;
	width:100%;
}
.page .main-title h1 {
	font-size:1.5rem;
	font-weight:700;
	margin:0;
	color:#000;
	display:inline;
}
.page .main-title p {
	color:#5a5a5a;
	margin:0;
}
.page .inner {
	margin-top:.5rem;
}
.page .content {
	color:#505050;
	font-size:.8rem;
	padding:.5rem 0;
	position:relative;
}
.page .content h1,
.page .content h2,
.page .content h3,
.page .content h4,
.page .content h5,
.page .content h6 {
	font-weight:bold;
	margin-bottom:.25rem;
}
.page .content h1 {
	font-size:2rem;
}
.page .content h2 {
	font-size:1.8rem;
	color:#000;
}
.page .content h3 {
	font-size:1.6rem;
}
.page .content h4 {
	font-size:1.4rem;
}
.page .content h5 {
	font-size:1.2rem;
}
.page .content h6 {
	font-size:1rem;
}
.page .content table {
	font-size:.75rem;
}
.page .content,
.page .content a:not(.btn-theme):not(.stretched-link) {
	color:#000;
}
.page .content a:hover {
	color:#333;
}
/*sidebar widgets general*/
.sidebar {
	/*padding:.5rem;*/
}
.sidebar .widget-title {
	color:#b0b8c8;
	padding:.5rem;
	position:relative;
	background:#9198a6;
}

.col-md-7.dealers{
	margin-left: 42%;
	background:#f6f6f6;
	position: relative;
    bottom: 400px;
}

.panel .panel-app{
	background:url('../images/bayilik-basvuru.png');
	background-size: 100% 100%;
	height: 502px;
}

.panel .panel-gallery{
	background:#383441;
}

.panel .image{
	position: relative;
    top: 16px;
}

.panel .text p{
	color:white;
}

.panel .heading{
	margin: 0 0 1.5rem 0;
    position: relative;
}

.sidebar .widget-title h4 {
	display:inline;
	font-size:1.5rem;
	font-weight:700;
}
.sidebar .widget-content .side-menu {
	list-style-type:none;
	margin:0 0 0 0;
	padding:0;
	background:#e8ebf1;
}
.sidebar .widget-content .side-menu li a {
	position:relative;
	display:block;
	padding:.5rem;
	color:#414959;
	font-weight:400;
	transition:.5s ease;
	border-bottom:1px solid #fff;
}
.sidebar .widget-content .side-menu li:last-child a {
	border-bottom:none;
}
.sidebar .widget-content .side-menu li a:hover,
.sidebar .widget-content .side-menu li a:focus,
.sidebar .widget-content .side-menu li.active a {
	font-weight:700;
	padding-left:13px;
}
.sidebar .widget-content .side-menu li a:before {
	display:inline-block;
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	width:0;
	left:0;
	background:#30a397;
	transition:all .5s ease;
}
.sidebar .widget-content .side-menu li a:hover:before,
.sidebar .widget-content .side-menu li a:focus:before,
.sidebar .widget-content .side-menu li.active a:before {
	width:5px;
}
.sidebar .widget-content .side-menu li a:after {
	display:inline-block;
	position:absolute;
	content:"»";
	right:13px;
	color:#30a397;
	opacity:0;
	transform:translateX(-10px);
	transition-duration:.3s;
	transition-timing-function:ease;
	transition-property:all;
}
.sidebar .widget-content .side-menu li a:hover:after,
.sidebar .widget-content .side-menu li a:focus:after,
.sidebar .widget-content .side-menu li.active a:after {
	transform:translateX(0);
	opacity:1;
}

::selection {
   background:#333;
   color:#eee;
}
img::selection {
   background:none;
   color:unset;
}
.social-media li {
	padding:0 10px;
	list-style-type:none;
}
.social-media li a {
	width:3rem;
	height:3rem;
	display:flex;
	align-items:center;
	justify-content:center;
	/*background:#fff;*/
	border-radius:100%;
	transition:.3s;
	color:#000;
	font-size:1rem;
	/*border:1px solid #ccc;*/
}
.social-media li a:hover,
.social-media li a:focus {
}


/*base classes end*/
.social-media li a {
	transition:.5s;
}
.social-media li a:hover,
.social-media li a:focus {
	color:#fff !important;
}


/*base classes modification end*/


/*header*/
.main-header {
	width:100%;
	position:relative;
	top:0;
	z-index:25;
	transition:.3s;
	padding:10px 25px;
	background:white;
}

.main-header-fade {
	position:absolute;
	content:'';
	display:block;
	top:0;
	left:0;
	right:0;
	height:418px;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:1;
	pointer-events:none;
}
.main-header-fade.sticky {
	position:fixed;
	height: 10%;
    background: rgba(0,0,0,0.8);
    z-index: 17;
}
.main-header.sticky {
	position:fixed;
	opacity:0;
}
.main-header.sticky.custom-animated {
	opacity:1;
	background:white;
}
.main-header.sticky {
	box-shadow: 0px 5px 15px 2px rgba(0,0,0,0.39);
	-webkit-box-shadow: 0px 5px 15px 2px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 5px 15px 2px rgba(0,0,0,0.39);
}
.main-header .logo {
	transition:.5s ease;

}
.main-header.sticky .logo {
	height:50px;
}
#main-menu {
	position:relative;
}

#main-menu ul li ul{
	display:none;
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#main-menu ul li:hover ul{
	display:block;
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}


.main-header.sticky #main-menu:after {
	width:0;
}


.nav-item .hover{

	opacity: 0;
}

.nav-item .hover:hover{
	opacity: 1;
	background-image: url('../images/hover.png');
}

.nav-link:hover:after,
.nav-link:focus:after,
.nav-link.active:after {
	opacity:1;
	
}
.nav-link {
	letter-spacing: 0.1em;
	color:#53575e;
	transition:.3s;
	font-weight:700;
	font-size:1rem;
	padding:30px;
	position:relative;
	text-transform: uppercase;
	font-size:14px;

}
.nav-link:hover{
	color:black;
	background: url(../images/hover.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
	background-position-x: center;
    background-size: auto;
}

.nav-link:focus,
.nav-link.active {
	background: url(../images/hover.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
}
.flag-icon {
    width: 2em;
    line-height: 3em;
}

.language-box {
	position:absolute;
	right:0;
	top:16px;
}
.language-box li {
	margin:0;
	transform:scaleY(0);
	transition:.3s;
}
.language-box li:nth-child(1) {
	transform:scaleY(1);
}
.language-box li:nth-child(1) a:after {
	display:inline;
	content:"\f0dd";
	font-family:"Font Awesome 5 Free";
	transform: translate(5px, -2px);
}
.language-box:hover li,
.language-box:focus li {
	transform:scaleY(1);
}
.language-box li a {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#2e998e;
	font-weight:600;
	font-size:12px;
	transition:.3s;
}
.language-box li a:hover {
	color:#fff;
}
.main-slider {
	position:relative;
}
.main-slider .seq .seq-nav {
	z-index:5;
}
.main-slider #sequence {
	max-height:80vh;
	overflow:visible;
}
.main-slider .seq-in {
	text-align:center;
}
.main-slider .seq-model {
	pointer-events:none;
	margin-right:0;
	text-align:center;
}
.main-slider .seq-in .seq-model {
	background-image:url('../images/slide-product-bg.webp');
	background-position:center left;
	background-repeat:no-repeat;
}
.main-slider .seq-title {
	margin-left:0;
	text-align:center;
}
.main-slider .seq .seq-canvas {
	overflow:visible;
}
.main-slider .line-0 {
	display:inline-block;
	max-width:80%;
	font-size:10rem;
	position:absolute;
	letter-spacing:-.13em;
	font-family:'Fira Sans Condensed', sans-serif;
	font-weight:700;
	-webkit-text-stroke:2px #0d403a;
	color:transparent;
	opacity:0;
	transition:.3s;
	line-height:.8;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%) scale(.2);
	text-align:left;
}
.main-slider .seq-in .seq-model {
	position:relative;
	bottom:0;
	max-height:unset;
}
.main-slider .seq-model img {
	float:left;
	transform:translate(0, 100px);
}
.main-slider .seq-out .seq-model img {
	transform:translate(0, 100px);
}
.main-slider .seq-in .seq-model img {
	transform:translate(-20%, 100px);
}
.main-slider .seq-in .line-0 {
	opacity:.35;
	display:inline-block;
	transform:translate(-50%, -50%) scale(1);
}
.history-container {
	display: flex;
	align-items: center;
    
}
.arrow {
    background: transparent;
    border: 0;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.5em;
    color: rgb(131, 0, 0);
    cursor: pointer;
    padding: 0 4%;

}
.slider-container {
    overflow: hidden;
    width: 100%;
    height: 100vh;
    position: relative;
}

.slider {
    display: flex;
    flex-direction: column;
    transition: transform 0.5s ease-in-out;
}

.slide {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
}

.indicators {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.dot.active {
    background-color: #717171;
}
.dot.active {
    background-color: #717171;
}
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	left: 0;
	top: 0;
	color: red;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.3s ease-in-out;
}
.overlay div{
	width: 50%;
	text-align: center;
}
.caption:hover .overlay{
	opacity: 1;
}
.hover-menu-red{
	background-image: url('../images/celikray-o-w.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: 50%;
	opacity: 0.8;
}
.main-slider .slider-bg {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	bottom:0;
	right:0;
	object-fit:cover;
	width:100%;
	height:100%;
	pointer-events:none;
	transition:.3s;

	/* transform:scale(.2); */

.main-slider .seq-in .slider-bg {
	opacity:.6;
	transform:scale(1);
}
.main-slider h2 {
	background:transparent !important;
	padding:0 !important;
}
.main-slider .line-1 {
	font-size:5rem;
	font-family:'Fira Sans Condensed', sans-serif;
}
.main-slider .line-2 {
	font-size:2rem;
	color:#fff;
	font-weight:400;
}

.footer {
	position:relative;
	width:100%;
	padding:50px 0 0;
	font-size:13px;
}
.footer:before {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:'';
	display:block;
	z-index:0;
	background:#414959;
}
.footer .social-media a {
	color:#738ea6;
}
.footer .social-media a:hover {
	color:#f78f1e;
}
.footer .logo-row {
}
.footer .footer-menu-row {
	padding-top:50px;
	padding-bottom:50px;
}
.footer .main-footer {
	position: relative;
	z-index:3;
}
.footer .main-footer:before {
	position:absolute;
	display:block;
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	opacity:.4;
	background-image:url('../images/footer-world-map-soft-light.webp');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	mix-blend-mode:color-burn;
}
.footer .footer-menu {
	padding:10px 0;
}
.footer .footer-menu .title {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #319e92;
}
.footer .footer-menu .title h3 {
	color:#319e92;
	font-size:.9375rem;
	font-weight:700;
	text-transform:uppercase;
}
.footer .footer-menu .content {
	color:#fff;
	font-size:.8125rem;
	line-height:2;
}
.footer .footer-menu .content a {
	color:#dcdcdc;
	transition:.3s;
}
.footer .footer-menu .content ul {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
}
.footer .footer-menu .content ul li {
	display:block;
	margin:0;
	padding:0;
}
.footer .footer-menu .content ul li a:hover,
.footer .footer-menu .content ul li a:focus {
	margin-left:5px;
	color:#fff;
}
.footer .copyright {
	padding-top:20px;
	padding-bottom:20px;
	font-size:.75rem;
	color:#fff;
	border-top:1px solid #738ea6;
}
.footer .copyright .author-logo img {
	transition:.3s;
}
.footer .copyright .author-logo:hover img {
	transform:scale(1.1);
}
	
element.style {
    overflow-x: auto;
}
.m-auto {
    margin: auto!important;
}

.owl-carousel .owl-stage {
    width: 100% !important;

}





.history-slider {
    position: relative;
    width: 100%;
}

.timeline-line {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #d7d7d7;
    z-index: 1;
}

.owl-carousel .card {
    position: relative;
    z-index: 2;
}

.timeline-upper {
    margin-bottom: 50px;
}

.timeline-lower {
    margin-top: 50px;
}

.year, .details {
    position: relative;
    z-index: 3;
}