@font-face {

	font-family: 'Gotham';

	src: local('Gotham-Ultra'), url('../fonts/Gotham/Gotham-Ultra.otf') format('truetype');

	font-style: normal;

	font-weight: bolder;

}

 
  
@font-face {

	font-family: 'Gotham';

	src: local('Gotham-Bold'), url('../fonts/Gotham/Gotham-Bold.otf') format('truetype');

	font-style: normal;

	font-weight: 700;

}



@font-face {

	font-family: 'Gotham';

	src: local('Gotham-Medium'), url('../fonts/Gotham/Gothamtb-Medium.ttf') format('truetype');

	font-style: normal;

	font-weight: 500;

}



@font-face {

	font-family: 'Gotham';

	src: local('Gotham-Book'), url('../fonts/Gotham/Gotham-Book.otf') format('truetype');

	font-style: normal;

	font-weight: 300;

}

html {

	scroll-behavior: smooth;

}



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



ul {

	list-style: none;

	margin: 0px;

	padding: 0;

}



a {

	text-decoration: none !important;

}



p {

	margin-bottom: 0px;

}



body {

	font-family: 'Gotham', sans-serif;

	font-size: 13px;

	font-weight: 300;

}



/****** NAVBAR START ******/



.navbar-black {

	background-color: #000000;

	padding-left: 63px;

	padding-top: 20px;

	padding-bottom: 20px;

	padding-right: 47px;
	
    position: relative;
    
    z-index: 99999;
	

}



.navbar-nav .nav-item {

	position: relative;

}



.navbar-brand .logo {

	width: 188px;

	height: 66px;

}



svg .a {

	fill: #ed2027;

}



svg .b {

	fill: #ffffff;

}



.navbar-nav .nav-item:not(:last-child) {margin-right: 100px;}



.navbar-dark .nav-item .nav-link {

	color: #ffffff;

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	border-bottom: 2px solid transparent;

	padding-left: 0;

	padding-right: 0;

	padding-bottom: 4px;

}



.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {

	color: #e31e24;

	border-bottom: 2px solid #e31e24;

}



.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {

	color: #e31e24;

	border-bottom: 2px solid #e31e24;

}



.navbar-nav .nav-item .nav-sub {

}



.navbar-nav .nav-item:hover .nav-sub {

	z-index: 999999;

	opacity: 1;

	display: block;

}



.navbar-nav .nav-item .nav-sub li {

	margin-bottom: 5px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.navbar-nav .nav-item .nav-sub li:hover {

	background-color: #e31e24;

}



.navbar-nav .nav-item .nav-sub li a {

	padding-left: 18px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 700;

	display: block;

}



.btn-contact {

	width: 112px;

	height: 37px;

	border-radius: 5px;

	background-color: #ed2027;

	color: #ffffff;

	font-size: 16px;

	font-weight: 700;

	margin-left: 26px;

	margin-right: 10px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-finder {

	width: 140px;

	height: 37px;

	border-radius: 5px;

	background-color: #ffffff;

	color: #ed2027;

	font-size: 16px;

	font-weight: 700;

	margin-right: 43px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	border: 2px solid transparent;

}



.btn-contact:hover {

	background-color: #bb0006;

	color: #ffffff;

}



.btn-finder:hover {

	color: #ffffff;

	background-color: transparent;

	border: 2px solid #ffffff;

}



.btn-lang {

	color: #ffffff;

	font-size: 15px;

	font-weight: 500;

}



.btn-lang:focus, .btn-contact:focus, .btn-lang:focus {

	box-shadow: none;

}



.btn-lang:hover {

	color: #ffffff;

}



.lang .dropdown-menu {

	background-color: #000000;

	min-width: 6rem;

	border: 1px solid #e31e24;

	color: #ffffff;

	border-radius: 5px;

}



.lang .dropdown-menu .dropdown-item {

	color: #ffffff;

	padding:                                           .18rem 1.2 rem;

	font-size: 13px;

	font-weight: 300;

}



.dropdown-item:focus, .dropdown-item:hover {

	color: #ffffff;

	background-color: #e31e24;

}



.lang-img {

	margin-top: -4px;

	margin-right: 5px;

}



.search {

	position: relative;

	z-index: 9;

	margin-right: 35px;

}



.btn-search {

	font-size: 19px;

	color: #ffffff;

	margin-left: 35px;

	margin-top: 5px;

}



.btn-search:hover {

	color: #ec2127;

}



.btn-search:focus, .search-input .form-control:focus {

	outline: none;

	box-shadow: none;

}



.search-panel {

	position: absolute;

	width: 45px;

	right: 0;

	top: 6px;

	z-index: -1;

	-webkit-transition: width 0.4s ease-in-out;

	transition: width 0.4s ease-in-out;

}



.search-panel.active {

	width: 550px;

}



.search-input .form-control {

	border-radius: 5px;

	border: 1px solid #ec2127;

	background-color: #000000;

	opacity: 0;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	text-transform: uppercase;

	opacity: 0;

}



.search-panel.active .search-input .form-control {

	opacity: 1;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.search-result {

	position: absolute;

	top: 50px;

	width: 100%;

	height: 163px;

	border-radius: 5px;

	border: 1px solid #ec2127;

	background-color: #000000;

	padding-top: 22px;

	padding-bottom: 17px;

	overflow: auto;

	scrollbar-color: #ec2127 #000000;

	scrollbar-width: thin;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	opacity: 0;

	display: none;

}



.search-result.result-active {

	opacity: 1;

	display: block;

}



.search-result ul li a {

	padding-left: 24px;

	font-size: 14px;

	font-weight: 300;

	color: #ffffff;

	display: block;

	padding-top: 8px;

	padding-bottom: 3px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.search-result ul li a:hover {

	background-color: #ec2127;

}



.search-result::-webkit-scrollbar {

	width: 6px;

	height: 6px;

}



.search-result::-webkit-scrollbar-button {

	width: 0px;

	height: 0px;

}



.search-result::-webkit-scrollbar-thumb {

	background: #ec2127;

	border: 0px none #ec2127;

	border-radius: 50px;

}



.search-result::-webkit-scrollbar-thumb:hover {

	background: #ec2127;

}



.search-result::-webkit-scrollbar-thumb:active {

	background: #000000;

}



.search-result::-webkit-scrollbar-track {

	background: #000000;

	border: 0px none #ffffff;

	border-radius: 15px;

}



.search-result::-webkit-scrollbar-track:active {

	background: #ec2127;

}



.search-result::-webkit-scrollbar-corner {

	background: transparent;

}



/****** NAVBAR END ******/



/****** BORDER START ******/



.middle-border {

	width: 100%;

	height: 5px;

	background-color: #898989;

}



/****** BORDER END ******/



/****** ACCORDION START ******/



.accordion {

	width: 100%;

	height: calc(100vh - 120px);

	background: #000;

	overflow: hidden !important;

}



.accordion ul {

	width: 100%;

	display: table;

	table-layout: fixed;

	margin: 0;

	padding: 0;

}



.accordion ul li {

	display: table-cell;

	vertical-align: top;

	position: relative;

	width: 3%;

	height: calc(100vh - 120px);

	cursor: pointer;

}



.accordion ul li.active-8 {

}



.accordion ul li.active-60 {

	width: 60% !important;

	border-left: none;

	-webkit-transition: width 0.7s;

	/* For Safari 3.1 to 6.0 */

	transition: width 0.7s;

}



.accordion ul li .item {

position: relative;

width: 100%;

height: 98%;

overflow: hidden;
}



.active-60 .item-content {

	position: absolute;

	top: 0%;

	left: 20%;

	transform: translate(-20%, -15%);

	transition: 0.5s;

}



.item-opacity {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.5);

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	z-index: 1;

}



.accordion ul li:hover .item-opacity {

	z-index: -1;

}



.active-60 .item-opacity {

	z-index: -1;

}



.item .item-body {

	position: relative;

	width: 100%;

	height: 100%;

}



.dropdown-menu li {

	cursor: pointer;

	padding-left: 5px;

}

.dropdown-menu li:hover {

	background-color: #d5d5d5;

}



.item-accordion-passenger {

	background-color: #6b0e0e;

}



.item-accordion-tbr {

	background-color: #a31212;

}



.item-accordion-agri {

	background-color: #ed3237;

}



.item-accordion-otr {

	background-color: #bdbfc1;

}



.item-accordion-forklit {

	background-color: #737373;

}



.item-accordion-millitary {

	background-color: #262626;

}



.item-accordion-fly {

	background-color: #201e1e;

}



.item-accordion-img {

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 60% 64%;

}



.maintitle-1 {

	text-shadow: 1px 1px 2px rgba(8, 8, 8, 0.5);

	color: #ffffff;

	font-size: 68px;

	font-weight: 700;

}



.maintitle-2 {

	text-shadow: 1px 1px 2px rgba(8, 8, 8, 0.5);

	color: #d43439;

	font-size: 65px;

	font-weight: 700;

	margin-top: -20px;

}



.maintext {

	width: 55%;

	color: #ffffff;

	font-size: 20px;

	font-weight: 500;

}



.filter-left {

	position: absolute;

	left: 0;

	top: 0;

	width: 213px;

	height: 100%;

	display: flex;

	justify-content: flex-start;

}



.passenger-filter-left {

	width: 100%;

	height: 100%;

	background-color: #6b0e0e;

}



.tbr-filter-left {

	width: 100%;

	height: 100%;

	background-color: #a31212;

}



.agri-filter-left {

	width: 100%;

	height: 100%;

	background-color: #ed3237;

}



.otr-filter-left {

	width: 100%;

	height: 100%;

	background-color: #606062;

}



.forklit-filter-left {

	width: 100%;

	height: 100%;

	background-color: #737373;

}



.millitary-filter-left {

	width: 100%;

	height: 100%;

	background-color: #262626;

}



.fly-filter-left {

	width: 100%;

	height: 100%;

	background-color: #201e1e;

}



.filter-border {

	width: 10px;

	height: 100%;

}



.passenger-filter-border {

	background-image: linear-gradient(to top, rgba(107, 14, 14, 0) 10%, rgba(107, 14, 14, 0) 11%, #6b0e0e 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.tbr-filter-border {

	background-image: linear-gradient(to top, rgba(163, 18, 18, 0) 10%, rgba(163, 18, 18, 0) 11%, #a31212 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.agri-filter-border {

	background-image: linear-gradient(to top, rgba(237, 50, 55, 0) 10%, rgba(237, 50, 55, 0) 11%, #ed3237 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.otr-filter-border {

	background-image: linear-gradient(to top, rgba(96, 96, 98, 0) 10%, rgba(96, 96, 98, 0) 11%, #606062 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.forklit-filter-border {

	background-image: linear-gradient(to top, rgba(115, 115, 115, 0) 10%, rgba(115, 115, 115, 0) 11%, #737373 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.millitary-filter-border {

	background-image: linear-gradient(to top, rgba(38, 38, 38, 0) 10%, rgba(38, 38, 38, 0) 11%, #262626 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.fly-filter-border {

	background-image: linear-gradient(to top, rgba(32, 30, 30, 0) 10%, rgba(32, 30, 30, 0) 11%, #201e1e 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.filter-header {

	margin-left: 27px;

	margin-bottom: 20px;

	opacity: 0;

}



.small, small {

	font-weight: 300;

}



.filter-menu {

	opacity: 0;

}



.active-60 .filter-header, .active-60 .filter-menu {

	opacity: 1;

}



.filter-header h3 {

	color: #ffffff;

	font-size: 20px;

	font-weight: 500;

	text-transform: uppercase;

	white-space: pre-line;

	margin-top: 10px;

}



.filter-header h3 strong {

	font-size: 20px;

	font-weight: 700;

}



.icon-arrow-circle {

	width: 20px;

	height: 20px;

	position: absolute;

	right: 21px;

	top: 7px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	background-color: #ffffff;

	-webkit-mask: url(../img/icon/arrow-circle.svg) no-repeat;

	-webkit-mask-size: 100%;

}



.icon-arrow-circle-st {

	width: 20px;

	height: 20px;

	background-color: #ffffff;

	position: absolute;

	left: 14px;

	top: 7px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	-webkit-mask: url(../img/icon/arrow-circle.svg) no-repeat;

	-webkit-mask-size: 100%;

}



.border-f {

	width: 177px;

	height: 5px;

	background-image: linear-gradient(to left, #ffffff 36%, rgba(255, 255, 255, 0) 100%);

	margin-top: 4px;

	margin-bottom: 5px;

}



.icon-link {

	position: relative;

	margin-bottom: 8px;

	margin-left: 27px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.icon-link a {

	display: block;

}



.filter-menu-body:hover .icon-arrow-circle {

	right: 15px;

}



.icon-link img {

	margin: auto;

}



.filter-menu-body span {

	color: #e6e7e8;

	font-size: 14px;

	font-weight: 300;

	text-align: left;

	display: block;

	margin-left: 25px;

}



.btn-more {

	position: relative;

	height: 40px;

	border-radius: 14px;

	border: 2px solid #ffffff;

	color: #ffffff;

	font-size: 14px;

	font-weight: 500;

	letter-spacing: 0.31px;

	padding-left: 42px;

	padding-right: 25px;

	margin-left: 27px;

	margin-top: 26px;

	line-height: 25px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-more:focus {

	box-shadow: none;

}



.btn-more:hover {

	color: #000000;

	background-color: #ffffff;

}



.btn-more:hover .icon-arrow-circle-st {

	background-color: #000000;

}



.content {

	position: absolute;

	top: 0;

	width: 750px;

	height: 100%;

	left: 213px;

	z-index: 2;

}



.accordin-text {

	position: absolute;

	bottom: 6%;

	left: 41px;

	transform: translateY(-6%);

}



.accordin-text h3 {

	width: 367px;

	text-shadow: 0 5px 10px rgba(8, 8, 8, 0.5);

	color: #ffffff;

	font-size: 57px;

	font-weight: 700;

	line-height: 55px;

}



.accordin-text h3.black {

	color: #373435;

}



.accordin-button {

	margin-top: 60px;

}



.btn-accordion-go {

	width: 216px;

	height: 37px;

	border-radius: 11px;

	border: 2px solid #ffffff;

	color: #ffffff;

	font-size: 17px;

	font-weight: 500;

	line-height: 22px;

	position: relative;

	text-align: left;

	padding-left: 29px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-accordion-go:last-child {

	margin-left: 17px;

	width: 256px;

}



.btn-accordion-go:hover {

	background: #ffffff;

	color: #000000;

	border: 2px solid #ffffff !important;

}



.btn-black {

	border: 2px solid #000000;

}



.arrow-red {

	width: 11px;

	height: 13px;

	background-image: url(../img/icon/arro-red.png);

	position: absolute;

	left: 9px;

	top: 11px;

}



.btn-accordion-go:focus {

	box-shadow: none;

}



.menu-right {

	position: absolute;

	top: 0;

	right: 0;

	width: 75px;

	height: 100%;

}



.tires {

	position: absolute;

	bottom: 0px;

	right: 0px;

}



.menu-text {

	position: absolute;

	top: 24px;

	display: block;

	left: 0;

	width: 75px;

	z-index: 2;

}



.menu-icon {

	height: 33px;

	display: flex;

	align-items: center;

}



.menu-icon img {

	display: block;

	margin: auto;

}



.arrowwhite {

	width: 16px;

	height: 14px;

	background-image: url(../img/icon/passenger/downwhitearrow.png);

	background-repeat: no-repeat;

	margin: auto;

	margin-top: 6px;

	margin-bottom: 4px;

}



.menu-d {

	position: relative;

	width: 13px;

}



.menu-d h3 {

	white-space: nowrap;

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	-moz-transform: rotate(-90deg);

	-webkit-transform: rotate(-90deg);

	transform: rotate(-90deg);

	position: absolute;

	top: 229px;

	right: 0;

	text-align: center;

	left: 38px;

	margin-top: 20px;

}



.pcr-top h3 {

	top: 190px;

}



.agrtires-top h3 {

	top: 179px;

}



.otr-top h3 {

	top: 190px;

}



.lift-top h3 {

	top: 130px;

}



.mland-top h3 {

	top: 285px;

}



.airland-top h3 {

	top: 216px;

}



/****** ACCORDION END ******/



/****** FILTER START ******/



.filter-home {

	width: 100%;

	margin-top: 40px;

	margin-bottom: 40px;

	background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

}



.filter-01-text h3 {

	text-align: center;

	color: #464646;

	font-size: 25px;

	font-weight: 700;

	text-transform: uppercase;

}



.filter-tab-01 {

	margin-top: 30px;

}



.filter-tab-01 .nav {

	justify-content: center;

}



.filter-tab-01 .nav-pills .nav-item:nth-child(odd) {

	margin-right: 14px;

}



.filter-tab-01 .nav-pills .nav-link {

	color: #343434;

	font-size: 20px;

	font-weight: bold;

	line-height: 4.5px;

	letter-spacing: 0.21px;

	text-align: center;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	border-radius: 0;

	background: transparent;

	padding: 0;

	padding-bottom: 12px;

	margin-right: 64px;

	border-bottom: 2px solid transparent;

}



.filter-tab-02 .nav-pills .nav-link {

	margin-right: 0;

	color: #e31e23;

}



.filter-tab-02 .nav-pills .nav-link.active, .filter-tab-01 .nav-pills .show > .nav-link {

	border-bottom: 2px solid transparent;

}



.filter-tab-01 .nav-pills .nav-link.active, .filter-tab-01 .nav-pills .show > .nav-link {

	color: #e31e23;

	/* border-bottom: 2px solid #e31e23; */

}



.filter-tab-01 .nav-pills .nav-link:hover {

	color: #e31e23;

	/* border-bottom: 2px solid #e31e23; */

}



.filter-tab-02 .nav-pills .nav-link:hover {

	border-bottom: 2px solid transparent;

}



.filter-tab-01 .tab-content {

	width: 100%;

	padding-top: 30px;

	padding-bottom: 30px;

}



.filter-01-dropdown {

	position: relative;

	width: 209px;

}



.filter-01-dropdown:not(:last-child) {

margin-right: 14px;

}



.btn-filter {

	width: 209px;

	height: 54px;

	border-radius: 10px;

	border: 2px solid #cbcbcb;

	background-color: #ffffff;

	position: relative;

	text-align: left;

	color: #343434;

	font-size: 14px;

	font-weight: 300;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-filter .up {

	color: #cbcbcb;

	font-size: 12px;

	font-weight: 300;

	display: block;

}



.drop-down {

	position: absolute;

	bottom: 15px;

	right: 11px;

	color: #cbcbcb;

	font-size: 16px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-filter:hover {

	border: 2px solid #e31e23;

	color: #e31e23;

}



.filter-active .btn-filter {

	border: 2px solid #e31e23;

	color: #e31e23;

}



.filter-active .drop-down {

	color: #e31e23;

}



.btn-filter:hover .drop-down {

	color: #e31e23;

}



.filter-01-body {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

}



.filter-01-dropdown-menu {

	position: absolute;

	top: 60px;

	width: 100%;

	height: 199px;

	margin-bottom: 50px;

	overflow: hidden;

	overflow-y: auto;

	display: none;

	opacity: 0;

	z-index: 1;

	box-shadow: 0 3px 10px rgba(227, 30, 35, 0.17);

	border-radius: 10px;

	background-color: #ffffff;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.filter-01-dropdown-menu.show-menu {

	display: block;

	opacity: 1;

}



.filter-01-dropdown-menu ul {

	padding-top: 5px;

}



.filter-01-dropdown-menu ul li {

	cursor: pointer;

	position: relative;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	padding: 5px 0px;

}



.filter-01-dropdown-menu ul li:hover {

	background-color: #f7f7f7;

}



.filter-01-dropdown-menu ul li:hover span {

	color: #e31e23;

}



.filter-01-dropdown-menu ul li span {

	margin-left: 13px;

	color: #343434;

	font-size: 14px;

	font-weight: 300;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-go {

	width: 216px;

	height: 53px;

	color: #ffffff;

	border-radius: 10px;

	background-color: #e31e23;

	font-size: 22px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-go:hover {

	color: #ffffff;

	box-shadow: 0 3px 7px rgba(227, 30, 35, 0.3);

}



.btn-filter:focus, .btn-go:focus {

	box-shadow: none;

}



.filter-icon ul {

	display: flex;

	justify-content: center;

	align-items: center;

}



.filter-icon ul li:not(:last-child) {

	margin-right: 15px;

}



.filter-icon ul li {

	width: 150px;

	height: 152px;

	border-radius: 10px;

	border: 2px solid #cbcbcb;

	background-color: #ffffff;

	cursor: pointer;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.filter-icon ul li:hover {

	border: 2px solid #e31e23;

}



.filter-icon ul li:hover a span {

	color: #e31e23;

}



.filter-icon ul li a span {

	color: #343434;

	font-size: 13px;

	font-weight: 300;

	text-transform: uppercase;

	text-align: center;

	margin-top: 36px;

	display: block;

}



.filter-icon-01_img {

	display: flex;

	justify-content: center;

	align-items: center;

	height: 50px;

}



.filter-icon-01_img img {

	display: block;

	margin-top: 33px;

}



.filter-icon ul li a span {

	display: block;

}



/****** FILTER END ******/



/****** HOME PRODUCT START ******/



.product-home {

	width: 100%;

	background-image: url(../img/homeproduct.png);

	background-position: 50% 50%;

	background-repeat: no-repeat;

	background-size: cover;

	padding-top: 30px;

	background-attachment: fixed;

	padding-bottom: 50px;

}



.prodcut-01-header {

	text-align: center;

}



.prodcut-01-header h3 {

	color: #ffffff;

	font-size: 34px;

	font-weight: 700;

	margin-bottom: 0px;

}
  .mobilesosyalmedya{
      }
.aramasayfasi h3:after{
     content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(../img/magnifier.png);

    }
.aramasayfasi h3 {

	color: #ffffff;

	font-size: 34px;

	font-weight: 700;

	margin-bottom: 0px;

}
.aramasayfasi div{
    position: absolute;
    top: 50%;
    
}
.aramasayfasibanner{
    background-color:#E1222C; 
    width:100%; 
    height:40vh;
    position:relative;
    
    }
.aramasayfasipadding{
    padding-top:50px;
    padding-bottom:50px;
}
.aramasayfasipadding h3{
    color:#E1222C;
    margin-bottom:50px;
}
.aramasayfasipadding ul{
  list-style-image: url(../img/dot.png);
}
.aramasayfasipadding ul li a{
    color:#333;
    line-height: 40px;
    font-size: 20px;
    line-height:10px;
}
.aramasayfasipadding ul li a:hover{
    color:#E1222C;
    }
.prodcut-01-header p {

	color: #c5c6c6;

	font-size: 18px;

	font-weight: 500;

	letter-spacing: 0.04px;

}



.product-01-owl {

	position: relative;

	margin-top: 87px;

}



.owl-tire {

	cursor: pointer;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	/* padding: 20px 0px 30px 80px; */

	border: 1px solid transparent;

	padding: 10px 20px 10px 20px;

	transition: 1s !important;

}



.owl-tire-title {

	margin-bottom: 12px;

}



.owl-tire-title h3 {

	color: #ffffff;

	font-size: 24px;

	font-weight: 700;

	letter-spacing: 0.04px;

	margin-bottom: 0;

	height: 20px;

}



.owl-tire-title span {

	color: #c5c6c6;

	font-size: 18px;

	font-weight: 500;

	letter-spacing: 0.03px;

}



.owl-tire-footer {

	margin-top: 20px;

}



.owl-tire-footer .summer {

	display: block;

	position: relative;

	color: #ebecec;

	font-size: 20px;

	font-weight: 500;

	padding-left: 33px;

	padding-top: 5px;

}



.owl-tire-footer .summer::before {

	content: "";

	width: 18px;

	height: 18px;

	position: absolute;

	top: 4px;

	left: 0;

	background-image: url(../img/icon/summer.png);

}



.owl-tire-footer p {

	width: 160px;

	color: #ffffff;

	font-size: 16px;

	font-weight: 100;

	margin-bottom: 19px;

	margin-top: 12px;

	width: 100%;

	margin-bottom: 40px;

}



.btn-owl-more {

	display: flex;

	align-items: flex-start;

	width: 163px;

	height: 39px;

	border-radius: 7px;

	border: 3px solid #ffffff;

	color: #ffffff;

	font-size: 17px;

	font-weight: 500;

	line-height: 19px;

	text-align: left;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-owl-more:hover {

	color: #de2c26;

	background-color: #ffffff;

	;

}



.owl-arrow {

	width: 8px;

	height: 10px;

	background-image: url(../img/icon/tire-right.png);

	display: block;

	margin-right: 5px;

	margin-top: 4px;

}



.owl-tire-img {

	/* width: 150px; */

	/*height: 240px;*/

	overflow: hidden;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	margin: auto;

}



.owl-tire:hover .owl-tire-img {

	transform: scale(1.18);

}



.product-01-owl .owl-dots {

	margin-top: 68px !important;

}



.product-01-owl .owl-dots .owl-dot span {

	background-color: #ffffff !important;

	margin: 5px 2px !important;

}



.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {

	outline: none;

}



/****** HOME PRODUCT END ******/



/****** HOME UPTODATE START ******/



.home-uptodate {

	padding-top: 30px;

	background-color: #eceaeb;

	padding-bottom: 30px;

}



.uptodate-header {

	text-align: center;

}



.uptodate-header h3 {

	color: #000000;

	font-size: 34px;

	font-weight: 700;

	margin-bottom: 30px;

}



.uptodate-header p {

	color: #727271;

	font-size: 16px;

	font-weight: 500;

	margin-top: 15px;

	margin-bottom: 26px;

}



.uptodate-grid {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	margin-bottom: 46px;

}



.grid-01-columns {

	width: 209px;

}



.grid-01-columns-01 {

	position: relative;

	width: 100%;

	height: 210px;

	background-color: #ed2027;

	cursor: pointer;

	border: 2px solid #fff;

}



.grid-01-columns-02 {

	position: relative;

	width: 100%;

	height: 210px;

	background-color: #000000;

	cursor: pointer;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	border: 2px solid #fff;

}



._01-text {

	position: absolute;

	top: 50%;

	left: 23px;

	right: 0;

	transform: translateY(-50%);

}



._01-text h3 {

	color: #fff;

	font-size: 25px;

	font-weight: 500;

	letter-spacing: 0.05px;

	margin-bottom: 0;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



._01-text p {

	color: #fff;

	font-size: 16px;

	font-weight: 500;

	letter-spacing: 0.08px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.grid-01-columns-01:hover ._01-text h3, .grid-01-columns-01:hover ._01-text p {

	color: #000000;

}



.grid-01-columns-02:hover ._01-text h3, .grid-01-columns-02:hover ._01-text p {

	color: #ffffff;

}



.grid-02-columns {

	width: 423px;

	height: 420px;

	position: relative;

	cursor: pointer;

}



.grid-02-columns-02-img {

	width: 100%;

	height: 420px;

	overflow: hidden;

	border: 2px solid #fff;

}



.grid-02-columns-02-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.grid-02-columns-02-img:hover img {

	transform: scale(1.1);

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.grid-02-columns-02-text {

	width: 100%;

	position: absolute;

	bottom: 0;

	background-color: rgba(227, 30, 36, 0.5);

	padding-left: 26px;

	padding-bottom: 19px;

	border: 2px solid #fff;

	border-top: 2px solid transparent;

}



.grid-02-columns-02-text h3 {

	color: #ffffff;

	font-size: 29px;

	font-weight: 500;

	letter-spacing: 0.05px;

	margin-bottom: 0;

	margin-top: 22px;

}



.grid-02-columns-02-text p {

	color: #ffffff;

	font-size: 19px;

	font-weight: 500;

	letter-spacing: 0.08px;

}



.grid-03-columns {

	cursor: pointer;

	width: 423px;

	height: 420px;

	background-color: #ffffff;

	position: relative;

}



.grid-03-columns-03-text {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 55px;

	width: 301px;

	border: 2px solid #fff;

}



.grid-03-columns-03-text h3 {

	color: #000000;

	font-size: 26px;

	font-weight: 500;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.grid-03-columns-03-text:hover h3 {

	color: #e31e23;

}



.grid-04-columns {

	cursor: pointer;

	position: relative;

	width: 316px;

}



.grid-04-columns-01 {

	width: 100%;

	height: 419px;

	background-color: #ffffff;

	padding-top: 36px;

	padding-left: 27px;

	border-top: 5px solid #ECEAEB;

}



.grid-04-columns-01 h3 {

	width: 200px;

	color: #000000;

	font-size: 32px;

	font-weight: 500;

	letter-spacing: 0.06px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	font-weight: bold;

}



.grid-04-columns-01:hover h3 {

	color: #e31e23;

}



.grid-04-columns-02 {

	position: relative;

	width: 100%;

	height: 302px;

	background: #000;

	border-right: 5px solid #ECEAEB;

}



.grid-04-columns-02 p {

	text-align: left;

	color: #ffffff;

	font-size: 15px;

	font-weight: 500;

	position: absolute;

	bottom: 40px;

	right: 17px;

	width: 250px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.grid-04-columns-02:hover p {

	color: #e31e23;

}



.grid-05-columns {

	width: 316px;

	cursor: pointer;

	overflow: hidden;

}



.grid-05-columns-01 {

	position: relative;

	width: 100%;

	height: 323px;

}



.grid-05-columns-01-img {

	width: 100%;

	height: 323px;

	overflow: hidden;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	border-top: 5px solid #ECEAEB;

}



.grid-05-columns-01-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.grid-05-columns-01-img:hover img {

	transform: scale(1.1);

}



.grid-05-columns-01-text {

	position: absolute;

	top: 36px;

	left: 0;

	right: 0;

	text-align: center;

}



.grid-05-columns-01-text h3 {

	color: #000000;

	font-size: 15px;

	font-weight: 500;

	letter-spacing: 0.05px;

}



.grid-05-columns-02 {

	width: 100%;

	height: 398px;

	background-color: #d41e23;

	position: relative;

	overflow: hidden;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.grid-05-columns-02-text {

	position: absolute;

	top: 75px;

	left: 0;

	right: 0;

}



.grid-05-columns-02-text h3 {

	width: 107px;

	margin: auto;

	color: #ffffff;

	font-size: 52px;

	font-weight: 500;

	letter-spacing: -0.48px;

	margin-top: -17px;

}



.grid-05-columns-02-text small {

	opacity: 0.8;

	color: #ffffff;

	font-size: 18px;

	font-weight: 500;

	letter-spacing: -0.47px;

	width: 107px;

	margin: auto;

	display: block;

}



.grid-05-columns-02-img {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	text-align: center;

	overflow: hidden;

}



.grid-05-columns-02:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.grid-06-columns {

	position: relative;

	width: 425px;

	height: 419px;

	cursor: pointer;

}



.grid-06-columns-01 {

	position: relative;

	width: 100%;

	height: 419px;

	background: #000;

	border-top: 5px solid #ECEAEB;

	border-left: 5px solid #ECEAEB;

}



.columns-right-border-01 {

	position: absolute;

	top: 25px;

	right: 0;

	width: 1px;

	height: 124px;

	background-color: #000000;

	display: none;

}

.anasayfaaramaicinfilter .filterbutton2, .anasayfaaramaicinfilter .filterbutton3, .anasayfaaramaicinfilter .filterbutton4 {



	display: none;

}



.anasayfaaramaicinfilter .filterbutton2.active, .anasayfaaramaicinfilter .filterbutton3.active, .anasayfaaramaicinfilter .filterbutton4.active {



	display: block;

}

.columns-right-border-02 {

	position: absolute;

	bottom: 21px;

	right: 0;

	width: 1px;

	height: 124px;

	background-color: #000000;

	display: none;

}



.grid-06-columns-01-text {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 52px;

	color: #fff;

}



.grid-06-columns-01-text h3 {

	color: #ffffff;

	font-size: 31px;

	font-weight: 500;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	font-weight: bold;

}



.grid-06-columns-01-text p {

	width: 230px;

	color: #ffffff;

	font-size: 19px;

	font-weight: 500;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	font-weight: bold;

}



.grid-06-columns-01-text:hover h3, .grid-06-columns-01-text:hover p {

	color: #e31e23;

}



.grid-06-columns-02-img {

	width: 100%;

	height: 302px;

	overflow: hidden;

	border-top: 5px solid #ECEAEB;

	border-left: 5px solid #ECEAEB;

}



.grid-06-columns-02-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.grid-06-columns-02-img:hover img {

	transform: scale(1.1);

}



/****** HOME UPTODATE END ******/



/****** FOOTER START ******/



.footer {

	position: relative;

	width: 100%;

	background-color: #000000;

	padding-top: 59px;

	padding-bottom: 23px;

}



.foot-logo svg {

	width: 144px;

	height: 47px;

}



.foot-menu-main {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.foot-menu-main > li:first-child {

	margin-left: 0;

}



.foot-menu-main > li {

	margin-left: 70px;

}



.foot-menu-main > li > a {

	color: #e5e5e5;

	font-size: 17px;

	font-weight: 700;

}



.submenu-01 {

	margin-top: 33px;

}



.submenu-01 > li > a {

	color: #e5e5e5;

	font-size: 13px;

	font-weight: 300;

	margin-bottom: 5px;

	display: block;

}



.foot-logo {

	margin-top: 32px;

	text-align: right;

}



.foot-copry {

	margin-left: 104px;

	color: #e5e5e5;

	font-size: 14px;

	font-weight: 300;

}



/****** PAGE STYLES START ******/



.page-header {

	width: 100%;

	border-bottom: 5px solid #898989;

	padding-left: 63px;

	padding-right: 47px;

	background-color: #eceaeb;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.page-header .breadcrumb {

	margin-bottom: 0;

	padding:                                           .75rem 0rem;

	border-radius: 0;

	background: transparent;

}



.page-header .breadcrumb .breadcrumb-item a {

	font-size: 14px;

	font-weight: 600;

	color: #464646;

}



.breadcrumb-item+ .breadcrumb-item::before {

	color: #000000;

}



.breadcrumb-item.active {

	color: #000000;

}



.page-header-text {

	position: relative;

	background-color: #ed2024;

	overflow: hidden;

}



.page-header-text::before {

	content: "";

	position: absolute;

	transform: rotate(-28deg);

	top: 3px;

	left: -46px;

	border-color: rgba(251, 251, 251, 0);

	border-top-color: #eceaeb;

	border-style: solid;

	border-width: 50px;

}



.page-header-text h1 {

	font-size: 18px;

	font-weight: 500;

	padding-top: 12px;

	opacity: 0.7;

	color: #ffffff;

	padding-left: 53px;

	padding-right: 68px;

}



.page-header-text::after {

	content: "";

	position: absolute;

	transform: rotate(-77deg);

	top: 3px;

	right: -80px;

	border-color: rgba(251, 251, 251, 0);

	border-top-color: #eceaeb;

	border-style: solid;

	border-width: 47px;

}



.about-border {

	position: absolute;

	top: -4px;

	width: 6px;

	height: 124%;

	right: 19px;

	background: white;

	transform: rotateZ(14deg);

}



.page-fixed-bar {

	position: fixed;

	top: 0;

	width: 100%;

	height: 70px;

	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.27);

	background-color: #000000;

	z-index: -11;

	padding-left: 63px;

	opacity: 0;

	transition: opacity .5s;

}



.page-fixed-bar-a {

	opacity: 1;

	z-index: 9999999999999999999999999999999;

}



.page-fixed-content {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.page-fixed-logo-menu {

	width: 45%;

	display: inline-flex;

	justify-content: space-between;

}



.pg-fx-menu {

	width: 55%;

	padding-top: 10px;

	padding-bottom: 30px;

	padding-left: 16px;

	height: 0;

}



.logo-fix {

	display: block;

	width: 169px;

	height: auto;

	margin-top: 20px;

}



.logo-fix .logo {

	width: 110px;

}



.fixed-drop-menu {

	margin-top: 30px;

	margin-left: auto;

}



.fixed-drop-menu > ul > li {

	position: relative;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.fixed-drop-menu .fx-item {

	color: #ffffff !important;

	font-size: 14px;

	font-weight: 300;

}



.fixed-drop-menu .fx-item i {

	margin-left: 13px;

	color: #e21f25;

}



.page-submenu {

	position: absolute;

	left: -53px;

	top: -60px;

	width: 228px;

	background-image: linear-gradient(180deg, rgba(57, 57, 57, 0.24) 0%, #4a4a4a 39%, #434342 100%);

	z-index: -1;

	padding-top: 102px;

	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);

	padding-bottom: 13px;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.fixed-drop-menu:hover ul li .page-submenu {

	opacity: 1;

	visibility: visible;

}



.page-submenu > li {

	width: 100%;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.page-submenu > li:hover {

	background-color: #e21f25;

}



.page-submenu > li > a {

	color: #ffffff;

	font-size: 12px;

	font-weight: 300;

	display: block;

	padding-left: 32px;

}



.pg-fx-border .svg {

	width: 49px;

	height: 70px;

	margin-left: 93px;

}



.pg-fx-menu > ul {

	display: flex;

	background-image: linear-gradient(270deg, #525252 0%, #434342 42%, #40403f 71%, rgba(57, 57, 56, 0.58) 89%, rgba(13, 13, 13, 0) 100%);

	padding-left: 70px;

}



.pg-btn-fx {

	color: #b2b2b3;

	font-size: 14px;

	font-weight: 300;

	text-transform: uppercase;

	margin-right: 20px;

	border-radius: 0;

	transform: skewX(-30deg);

	display: flex;

	justify-content: center;

	align-items: center;

}



.pg-btn-fx span {

	transform: skewX(30deg);

}



.pg-btn-fx:hover {

	background-color: #e21f25;

	color: #ffffff;

}



.pg-btn-fx:focus {

	box-shadow: none;

}



.pg-btn-active {

	background-color: #e21f25;

	color: #ffffff;

}



.header-grid {

	width: 100%;

	height: 70vh;

	position: relative;

}



.header-page-down {

	width: 100%;

	padding-left: 63px;

	padding-top: 23px;

	padding-bottom: 28px;

	background-color: #5b5b5b;

}



.header-page-down h3 {

	color: #ffffff;

	font-size: 24px;

	font-weight: 700;

	margin-bottom: 15px;

}



.header-page-down p {

	width: 600px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

}



.header-grid-100 {

	width: 100%;

	height: 100%;

	background: #000;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.header-grid-50 {

	width: 50%;

	height: 100%;

	position: relative;

	overflow: hidden;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.header-grid-60 {

	width: 60% !important;

}



.header-grid-50-01 {

	width: 50% !important;

}



.header-grid-40 {

	width: 40% !important;

}



.header-grid-30 {

	width: 30% !important;

}



.header-grid-50-100 {

	position: relative;

	width: 100%;

	height: 100%;

	border-right: 4px solid #ffffff;

}



.grid-border-right {

	border-right: 4px solid #ffffff;

}



.img-hover {

	position: relative;

	width: 100%;

	overflow: hidden;

}



.grid-menu {

	cursor: pointer;

}



.img-50-100 {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	transform: scale(1);

	-webkit-transition: all .5s ease-in;

	transition: all .5s ease-in;

}



.img-hover:hover .img-50-100 {

	transform: scale(1.2);

}



.grid-text-50-100 {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	padding-left: 63px;

	padding-top: 15px;

}



.grid-text-50-100 > h1 {

	color: #ffffff;

	font-size: 16px;

	font-weight: 700;

}



.text-order {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: 27px;

}



.grid-slogan span {

	font-size: 39px;

	font-weight: 700;

	display: block;

}



.grid-slogan span:nth-child(1) {

	color: #e31e24;

	text-align: justify;

}



.grid-slogan span:nth-child(2) {

	color: #c5c6c6;

	margin-top: -16px;

}



.cr-lng-wdt {

	width: 478px;

	color: #ffffff !important;

	font-size: 13px !important;

	font-weight: 600 !important;

}



.grid-bottom-text {

	position: absolute;

	bottom: 27px;

	width: 100%;

}



.grid-bottom-text > p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

	width: 90%;

}



.layer-green {

	position: relative;

	width: 100%;

	height: 100%;

}



.layer-green::after {

	content: "";

	width: 100%;

	height: 100%;

	background-color: #1f9c3d;

	opacity: 0.2;

	position: absolute;

}



.slogan-text p {

	width: 342px;

	font-size: 14px;

	font-weight: 300;

	color: #ffffff;

	text-align: justify;

	margin-right: 31px;

}



.card-red {

	width: 372px;

	height: 230px;

	border-radius: 15px 15px 0 0;

	background-color: #ed1c24;

	position: absolute;

	bottom: 0;

	right: 25px;

	border: 3px solid #ffffff;

	border-bottom: 0;

	padding: 15px 12px;

}



.card-red p {

	width: 248px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	margin-left: auto;

	text-align: justify;

}



.card-blue {

	width: 368px;

	height: 185px;

	border-radius: 15px 15px 0 0;

	background-image: url(../img/Page/about/card-blue.png);

	background-repeat: no-repeat;

	border: 3px solid #ffffff;

	border-bottom: 0;

	background-size: cover;

	position: absolute;

	bottom: 0;

	background-color: #273e67;

	right: 303px;

	padding: 11px 18px;

}



.card-blue p {

	width: 100%;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.card-blue-50 {

	width: 50%;

	left: 0;

	height: 278px;

	background-color: rgba(227, 30, 36, 0.5);

	background-image: none;

	border-radius: 0;

	border-right: 0;

	border-left: 0;

	border-color: rgba(255, 255, 255, 0.4);

	padding-top: 30px;

}



.card-blue-50 p {

	width: 100%;

	margin-left: auto;

	font-size: 14px;

}



.card-red-50 {

	width: 50%;

	right: 0;

	height: 278px;

	background-image: none;

	background-color: rgba(114, 114, 113, 0.5);

	border-radius: 0;

	border-right: 0;

	border-left: 0;

	border-color: rgba(255, 255, 255, 0.4);

	padding-top: 30px;

}



.card-red-50 p {

	width: 100%;

	margin-right: auto;

	font-size: 14px;

}



.header-grid-50-50 {

	width: 50%;

	position: relative;

}



.header-grid-50-50-card-01 {

	position: relative;

	width: 100%;

	height: 50%;

	border-bottom: 4px solid #ffffff;

}



.header-grid-50-50-card-01-right {

	border-right: 4px solid #ffffff;

}



.header-grid-50-50-card-02 {

	position: relative;

	width: 100%;

	height: 50%;

}



.header-grid-50-50-card-01 h1 {

	color: #ffffff;

	font-size: 16px;

	font-weight: 700;

	position: absolute;

	top: 11px;

	left: 16px;

	width: 190px;

}



.header-grid-50-50-card-02 h1 {

	color: #000000;

	font-size: 16px;

	font-weight: 700;

	position: absolute;

	top: 11px;

	left: 16px;

	width: 190px;

}



.card-01-text {

	border-radius: 12px 0 0 12px;

	background-color: #ed2027;

	position: absolute;

	right: 0;

	bottom: 45px;

	padding: 15px 6px 16px 15px;

}



.card-01-text h3 {

	color: #ffffff;

	font-size: 25px;

	font-weight: 500;

	margin-bottom: 0;

}



.card-01-text span {

	display: block;

	text-align: right;

	color: #ffffff;

	font-size: 15px;

	font-weight: 300;

}



.card-02-text {

	width: 100%;

	background-color: rgba(227, 30, 36, 0.5);

	position: absolute;

	bottom: 0;

	padding-bottom: 13px;

	padding-top: 11px;

	padding-right: 5px;

}



.card-02-text span {

	display: block;

	text-align: right;

	color: #ffffff;

	font-weight: 500;

}



.title-02-01 {

	font-size: 18px;

}



.title-02-02 {

	font-size: 22px;

}



.header-grid-50-50-100 {

	position: relative;

	width: 100%;

	height: 100%;

	border-left: 4px solid #ffffff;

}



.header-grid-50-50-100 h1 {

	color: #ffffff;

	font-size: 16px;

	font-weight: 700;

	position: absolute;

	top: 11px;

	left: 16px;

	width: 190px;

}



.card-text-50-50-01 {

	position: absolute;

	top: 65px;

	left: 16px

}



.card-text-50-50-01 h3 {

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	margin-bottom: 0;

}



.card-text-50-50-01 span {

	color: #ffffff;

	font-size: 30px;

	font-weight: 500;

}



.grd-none-flex {

	display: block;

}



.grd-none-flex .slogan-text p {

	text-align: left;

}



/****** GRID TEXT STYLES START ******/



.grd-text-sl-red {

	color: #e31e24 !important;

}



.gr-white-text {

	color: #ffffff !important;

}



.gr-white-02-text {

	color: #ffffff !important;

}



/****** GRID TEXT STYLES END ******/



.with-main {

	position: relative;

	width: 100%;

	height: 550px;

	background-color: #eceaeb;

}



.with-main-layer {

	position: absolute;

	bottom: 0;

	width: 100%;

	height: 260px;

	background-image: linear-gradient(to top, #727271 0%, rgba(114, 114, 113, 0) 100%);

	z-index: 9;

}



.with-main-img {

	width: 100%;

	height: 100%;

	background-image: url(../img/Page/about/Petlas_with_numbers.png);

	background-repeat: no-repeat;

	background-position: 50% 50%;

	background-size: cover;

	background-attachment: fixed;

}



.with-tire {

	position: absolute;

	width: 100%;

	top: 57px;

	left: 0;

	right: 0;

}



.with-tire-main > h3 {

	text-align: center;

	color: #e31e24;

	font-size: 30px;

	font-weight: bold;

}



.with-tire-main-card {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: 70px;

}



.with-tire-main-loop {

	width: 23%;

	height: 350px;

	padding: 13px 20px;

	cursor: pointer;

	border-radius: 7px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	position: relative;

	top: 0;

}



.with-tire-main-loop:hover {

	box-shadow: 0 17px 15px rgba(35, 31, 32, 0.5);

	background-color: #ffffff;

	top: -17px;

	transition: 0.5s !important;

}



.with-tire-img {

	width: 100%;

	height: 133px;

}



.with-tire-img img {

	width: 100%;

	height: 100%;

	object-fit: contain;

}



.with-tire-text p {

	margin-top: 25px;

	color: #898989;

	font-size: 16px;

	font-weight: 500;

	text-align: center;

	margin-bottom: 12px;

	margin-top: 40px;

}



.with-tire-main-loop:hover .with-tire-text p {

	color: #000000;

	margin-top: 70px;

}



.vision-section {

	width: 100%;

	position: relative;

	background-color: #eceaeb;

}



.vision-section > h3 {

	/* color: #ffffff;

	 font-size: 23px;

	 font-weight: 500;

	 position: absolute;

	 top: -53px;

	 left: 0;

	 right: 0;

	 text-align: center;

	 z-index: 10; */

	text-align: center;

	z-index: 10;

	padding-top: 30px;

	margin-bottom: 30px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.vision-border {

	width: 100%;

	height: 19px;

	background-color: #727271;

	position: relative;

}



.tab-content-first {

	width: 100%;

	height: 380px;

	background-color: #000000;

	background-image: url(../img/Page/about/tab-img.png);

	background-repeat: no-repeat;

	background-position: left;

}



.nav-new-item {

	width: 20%;

}



.nav-new-item .nav-link {

	border-radius: 0;

	color: #ffffff;

	font-size: 15px;

	font-weight: 500;

	text-align: center;

}



.nav-new-item .nav-link.active {

	background-color: initial;

	position: relative;

}



.nav-new-item .nav-link.active::after {

	content: "";

	position: absolute;

	width: 100%;

	height: 4px;

	left: 0;

	bottom: -4px;

	background-image: url(../img/Page/about/active-tab-layer.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



.nav-new-red-01 {

	background-color: #e31e24 !important;

}



.nav-new-red-02 {

	background-color: #ad2826 !important;

}



.nav-new-red-03 {

	background-color: #7b2622 !important;

}



.nav-new-grey-01 {

	background-color: #898989 !important;

}



.nav-new-grey-02 {

	background-color: #363535 !important;

}



.text-tab .text-tab-title {

	color: #ffffff;

	font-size: 45px;

	font-weight: 500;

	margin-top: 30px;

}



.text-tab-p {

	width: 404px;

	color: #ffffff;

	font-size: 15px;

	font-weight: 300;

	/* text-align: justify; */

}



.visson-down-icon ul {

	display: inline-flex;

	padding: 0;

	margin: 0;

	margin-top: 39px;

}



.visson-down-icon ul li {

	margin-right: 10px;

}



.tab-img {

	position: absolute;

	/* top: 41px; */

	top: 0;

	width: 100%;

	height: 380px;

	background-repeat: no-repeat;

	right: 0;

	background-position: right;

	background-size: contain;

}



.tab-ul {

	margin-top: 10px;

}



.tab-ul li {

	display: inline-flex;

	align-items: baseline;

}



.tab-ul li i {

	color: #ec1f26;

	margin-right: 8px;

}



.tab-ul li span {

	width: 546px;

	color: #bdbfc1;

	font-weight: 300;

	font-size: 15px;

	display: block;

	margin-bottom: 10px;

}



.tab-ul-right {

	margin-top: 39px;

}



.tab-ul-right li {

	margin-bottom: 13px;

	cursor: pointer;

	display: inline-flex;

	width: 100%;

	justify-content: flex-start;

	align-items: end;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tab-ul-right li span {

	color: #ffffff;

	font-size: 15px;

	font-weight: 300;

	letter-spacing: -0.15px;

	margin-right: 10px;

	width: 40%;

}



.cryle {

	display: inline-block;

	width: 22px;

	height: 22px;

	border-radius: 50%;

	background-color: #bbbdbf;

	font-size: 21px;

	color: #81806e;

	text-align: center;

	padding-top: 1px;

	padding-left: 2px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tab-ul-right li:hover .cryle {

	color: #ffffff;

	background-color: #ec1f26;

}



.tab-ul-right .add .cryle {

	color: #ffffff;

	background-color: #ec1f26;

}



.tab-data-menu {

	position: absolute;

	height: 199px;

	width: 32%;

	right: 5%;

	top: 35%;

}



.tab-data-header {

	width: 100%;

	box-shadow: 0 6px 3px rgba(35, 31, 32, 0.4);

	background-color: #96989a;

	padding-top: 12px;

	padding-left: 12px;

	padding-bottom: 8px;

	background: #C4C4C4;

	border-radius: 7px 7px 0px 0px;

}



.tab-data-header > h3 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	/* identical to box height */

	color: #464646;

}



.tab-data-body {

	width: 100%;

	background-color: #ed3237;

	padding: 10px;

	position: relative;

	background: #E1251B;

	border-radius: 0px 0px 7px 7px;

}



.tab-data-body-scroll {

	width: 79%;

	height: 138px;

	/* overflow: hidden; */

	/* overflow-y: scroll; */

}



.tab-data-body-scroll::-webkit-scrollbar {

	display: none;

}



.tab-data-body-scroll p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

}



.scroll-icon {

	position: absolute;

	right: 95px;

	top: 20px;

}



.btn-page-scroll {

	display: block;

	background: transparent;

	padding: 0;

	margin: 0;

	border: none;

	outline: none;

	font-size: 20px;

	color: #ffffff;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.arrow_down_scroll {

	margin-top: 29px;

}



.btn-page-scroll:hover {

	color: #000000;

}



.btn-page-scroll:focus {

	outline: none;

}



.tire-about {

	width: 100%;

	background-color: #eceaeb;

	padding-top: 30px;

	padding-bottom: 100px;

}



.tire-about h3 {

	text-align: center;

	padding-bottom: 46px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.tire-card {

	display: flex;

	justify-content: space-around;

	flex-wrap: wrap;

}



.tire-card-loop {

	width: 120px;

	height: 264px;

	position: relative;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	top: 0;

}



.tire-card-loop:hover {

	top: -20px;

}



.tire-card-loop a {

	display: block;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tire-card-border {

	position: relative;

	width: 100%;

	height: 161px;

	border-radius: 12px;

	border: 1px solid #848688;

	padding-top: 10px;

	text-align: center;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.icon-svg {

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	display: inline-flex;

	align-content: center;

}



.icon-svg .svg {

	width: 65px;

	height: 65px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tire-card-img {

	position: relative;

	top: -78px;

	text-align: center;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.border-arrow {

	position: absolute;

	top: -24px;

	right: 0;

	left: 0;

	font-size: 35px;

	color: #848688;

	z-index: 9;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tire-card-img span {

	color: #848688;

	font-size: 14px;

	font-weight: 500;

	display: block;

	margin-top: 22px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tire-card-loop a:hover .tire-card-border {

	border: 1px solid #ed3237;

}



.tire-card-loop a:hover .border-arrow {

	color: #ed3237;

}



.tire-card-loop a:hover .icon-svg path {

	fill: #ed3237;

	;

}



.tire-card-loop a:hover .tire-card-img span {

	color: #ed3237;

}



.history-main {

	width: 100%;

	height: 915px;

	background-color: #ffffff;

	position: relative;

	margin-bottom: 2px;

}



.histoty-bg {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	/* background-image: url(../img/Page/about/history-bg.png); */

	background-size: cover;

	background-position: top;

	background-repeat: no-repeat;

}



.history-main h3 {

	text-align: center;

	padding-top: 50px;

	font-style: normal;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.history-bar {

	width: 100%;

	margin-top: 55px;

}



.history-year-group {

	width: 100%;

	border-bottom: 1px solid #6B6B6B;

	margin: auto;

	padding-bottom: 10px;

}



.history-year-group > ul {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	height: 40px;

	align-items: baseline;

}



.history-year-group > ul > li {

	cursor: pointer;

	font-weight: 500;

	font-size: 20px;

	line-height: 19px;

	color: #E8E8E8;

	margin: auto;

}



.history-year-group > ul > li:nth-child(1) {

	opacity: 1;

	padding-left: 150px;

}



.history-year-group > ul > li:nth-child(2) {

	opacity: 1;

}



.history-year-group > ul > li:nth-child(3) {

	opacity: 0.6;

}



.history-year-group > ul > li:nth-child(4) {

	opacity: 1;

}



.history-year-group > ul > li.active-year {

	opacity: 1;

	font-weight: bold;

	font-size: 30px;

	line-height: 29px;

	/* identical to box height */

	color: #E1251B;

}



.history-slider {

	margin-top: 24px;

	width: 959px;

	height: 650px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

}



.card-history {

	position: relative;

	cursor: pointer;

}



.card-history-header > h3 {

	color: #ffffff;

	font-size: 25px;

	font-weight: 500;

	letter-spacing: -0.22px;

	text-align: right;

	padding-top: 11px;

	margin-right: 12px;

}



.card-history-header > p {

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	letter-spacing: -0.14px;

	text-align: right;

	margin-right: 14px;

	margin-top: 23px;

	width: 80%;

	margin-left: auto;

}



.card-history-text-01 > p {

	color: #ffffff;

	font-size: 7px;

	font-weight: 300;

	letter-spacing: -0.07px;

	text-align: right;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-right: 3px;

}



.card-history-text-02 > p {

	background-color: #870f31;

	color: #ffffff;

	font-size: 13px;

	font-weight: 500;

	letter-spacing: -0.14px;

	padding: 16px 9px;

	text-align: right;

}



.card-history-text-03 > h3 {

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	letter-spacing: -0.14px;

	text-align: right;

	padding-right: 9px;

	margin-top: 17px;

}



.card-history-text-03 > p {

	color: #ffffff;

	font-size: 7px;

	font-weight: 300;

	margin-top: 6px;

	padding-bottom: 14px;

	text-align: right;

	padding-right: 9px;

}



.card-history-img > img {

	width: 100%;

}



.class-1976 {

	width: auto;

}



.class-1976 .card-history-header {

	width: 100%;

	padding-bottom: 35px;

	background-color: #ac3335;

}



.class-1976 .card-history-body {

	width: 100%;

	background-color: #ca3438;

	padding: 10px 3px 10px 10px;

}



.class-1993 {

	width: auto;

	margin-top: 54px;

}



.class-1993 .card-history-header {

	width: 100%;

	padding-bottom: 35px;

	background-color: #a41f44;

}



.class-1997 {

	width: auto;

}



.class-1997 .card-history-header {

	width: 100%;

	padding-bottom: 35px;

	background-color: #52658c;

}



.class-1997 .card-history-body {

	background-color: #889fac;

}



.class-1997 .card-history-body .card-history-text-01 > p {

	margin-right: 12px;

	width: 197px;

	margin-left: auto;

}



.class-1998 {

	width: auto;

}



.class-1998 .card-history-header {

	width: 100%;

	background-color: #ac3335;

	padding-bottom: 35px;

}



.class-1998 .card-history-body {

	background-color: #ca3438;

}



.class-1998 .card-history-body .card-history-text-01 > p {

	margin-top: 0;

	margin-right: 7px;

	margin-left: auto;

	width: 133px;

}



.class-1999 {

	width: auto;

	margin-top: 60px;

}



.class-1999 .card-history-header {

	width: 100%;

	padding-bottom: 35px;

	background-color: #858474;

}



.class-1999 .card-history-body {

	background-color: #605f54;

}



#hstry .owl-item {

	transform: scale(.9);

	transition: .6s ease;

	opacity: 0;

}



#hstry .cloned {

	transform: scale(.9);

	transition: .6s ease;

	opacity: 0;

}



#hstry .active {

	transform: scale(.9);

	transition: .6s ease;

	opacity: 0.4;

}



#hstry .active.center {

	transform: scale(1.2);

	opacity: 1;

	z-index: 999;

}



#hstry .active.center .card-history {

	width: 300px;

}



#hstry .active.center .card-history-text-01 > p, #hstry .active.center .card-history-text-03 > p {

	font-size: 14px;

	width: 100%;

	margin-right: 0;

	/* padding-left: 13px; */

	/* padding-right: 13px; */

}



#hstry .active.center .card-history-header > p {

	font-size: 20px;

}



#hstry .active.center .card-history-text-02 > p {

	font-size: 14px;

}



.slider-navs {

	position: absolute;

	width: 100%;

	top: 22px;

}



.navs-left, .navs-right {

	position: absolute;

}



.navs-left:focus, .navs-right:focus {

	box-shadow: none;

}



.navs-left {

	left: -80px;

}



.navs-right {

	right: -40px;

}



/****** PAGE STYLES END ******/



/****** PAGE POLICIES STYLES START ******/



.etcihal-main {

	width: 100%;

	height: 700px;

	background-color: #eceaeb;

	position: relative;

	padding-top: 30px;

}



.etcihal-main::before {

	content: "";

	position: absolute;

	width: 100%;

	background-image: linear-gradient(to top, #b2b3b3 0%, rgba(178, 179, 179, 0) 100%);

	height: 260px;

	bottom: 0;

}



.etcihal-main > h3 {

	color: #e31e24;

	font-size: 30px;

	text-align: center;

	font-weight: bold;

}



.etcihal-mn-card {

	margin: auto;

	width: 1045px;

	position: relative;

	margin-top: 0px;

}



.tch-ne-left {

	position: absolute;

	top: -3px;

	left: 0;

}



.tch-ne-right {

	position: absolute;

	top: -3px;

	right: 0;

}



.tch-mn-img {

	text-align: center;

}



.tch-ne-lft-btn, .tch-ne-rgh-btn {

	width: 215px;

	height: 75px;

	border-radius: 38px;

	background-color: #ad2826;

	display: flex;

	justify-content: space-between;

	cursor: pointer;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	transform: scale(1);

	position: relative;

	transition: 1s;

}



.tch-ne-lft-btn {

	right: 0;

}



.tch-ne-rgh-btn {

	left: 0;

}



.tch-ne-lft-btn:hover {

	transform: scale(1.1);

	box-shadow: 0 3px 10px rgba(227, 30, 35, 0.17);

	right: 15px;

	transition: 1s;

}



.tch-ne-rgh-btn:hover {

	transform: scale(1.1);

	box-shadow: 0 3px 10px rgba(227, 30, 35, 0.17);

	left: 15px;

}



.tch-ne-lft-btn:nth-of-type(2), .tch-ne-rgh-btn:nth-of-type(2) {

	margin-top: 37px;

	margin-bottom: 40px;

}



.tch-ne-lft-btn .-text span, .tch-ne-rgh-btn .-text span {

	color: #ffffff;

	font-size: 13px;

	font-weight: 500;

	width: 110px;

	display: block;

	margin-left: 24px;

	margin-top: 23px;

}



.tch-ne-rgh-btn .-text span {

	margin-left: 0;

	margin-right: 24px;

	margin-top: 15px;

	text-align: right;

}



.tch-ne-lft-btn .-icon, .tch-ne-rgh-btn .-icon {

	width: 63px;

	height: 63px;

	background-image: linear-gradient(-40deg, #e6e7e8 0%, #ffffff 100%);

	border-radius: 50%;

	margin-top: 6px;

	margin-right: 8px;

	margin-left: 8px;

	position: relative;

}



.tch-ne-lft-btn .-icon img, .tch-ne-rgh-btn .-icon img {

	display: block;

	margin: auto;

	position: absolute;

	top: 25%;

	left: 0;

	right: 0;

}



.etch-slider-txt {

	position: relative;

	width: 100%;

}



.etch-slider-txt .owl-nav {

	position: absolute;

	top: 44%;

	width: 100%;

}



.etch-slider-txt .owl-nav button.owl-next {

	position: absolute;

	right: -30px;

}



.etch-slider-txt .owl-nav button.owl-prev {

	position: absolute;

	left: -30px;

}



.etch-slider-txt .owl-nav button.owl-next, .etch-slider-txt .owl-nav button.owl-prev {

	font-size: 30px;

	color: #e31e24;

}



.etch-slider-txt .owl-nav [class*=owl-]:hover {

	background: transparent;

	color: #e31e24;

}



.txt-card {

	margin-top: 36px;

	text-align: center;

	box-shadow: 0 7px 15px rgba(0, 0, 0, 0.07);

	border-radius: 15px;

	background-color: #ffffff;

	padding: 27px 47px;

	height: 160px;

	overflow: auto;

}



.txt-card > h3 {

	color: #e31e24;

	font-size: 18px;

	font-weight: 500;

	letter-spacing: -0.15px;

	margin-bottom: 11px;

}



.txt-card > p {

	width: 100%;

	color: #000000;

	font-size: 13px;

	font-weight: 300;

	margin: 0 auto;

	text-align: justify;

}



.quality-main {

	background-color: #eceaeb;

	padding-top: 24px;

}



.quality-main > h3 {

	color: #000000;

	font-size: 30px;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: -0.47px;

	text-align: center;

}



.qult-mng-card {

	width: 100%;

	height: 50vh;

	background-image: url(../img/Page/policies/mng-bg.png);

	background-repeat: no-repeat;

	background-size: cover;

	margin-top: 20px;

}



.qult-mng-cd-body {

	margin-top: 68px;

}



.qult-mng-cd-body > h3 {

	color: #ffffff;

	font-size: 21px;

	font-weight: 500;

}



.qult-mng-cd-body > p {

	width: 440px;

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	letter-spacing: -0.13px;

	text-align: justify;

}



.qult-mng-card-gry {

	width: 100%;

	background-color: #5b5b5b;

	padding: 31px 0;

}



.qult-mng-card-gry-txt span {

	display: block;

	color: #ffffff;

	font-size: 14px;

	font-weight: 6500;

	letter-spacing: -0.17px;

	margin-bottom: 18px;

}



.lbl-txt label {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	width: 12%;

	margin-bottom: 5px;

}



.qult-prmd {

	padding-top: 30px;

	padding-bottom: 30px;

	position: relative;

	border-top: 2px solid #000000;

}



.new-container {

	max-width: 1200px;

}



.qult-prmd-card-1 {

	width: 70%;

	border-radius: 26px;

	border: 2px solid #898989;

	padding: 19px 25px;

}



.qult-prmd-card-title {

	color: #000000;

	font-size: 21px;

	font-weight: 500;

}



.qult-prmd-card-prg {

	width: 440px;

	color: #000000;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -0.39px;

	text-align: justify;

}



.qult-prmd-card-2 {

	margin-top: 5px;

	padding: 19px 25px;

}



.qult-prmd-img {

	position: absolute;

	z-index: 9;

	top: -139px;

	right: 10%;

}



.tab-mng {

	width: 100%;

	height: auto;

}



.pl-item {

	width: 50%;

}



.tab-content {

	position: relative;

}



.tab-content-pl {

	width: 100%;

	height: 100%;

	background-image: url(../img/Page/policies/pl-tab.png);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	padding-top: 50px;

	padding-bottom: 50px;

}



.pl-tab-txt-tlt {

	color: #ffffff;

	font-size: 47px;

	font-weight: 500;

	margin-bottom: 0;

}



.pl-tab-txt-tlt-dn {

	color: #ffffff;

	font-size: 21px;

	font-weight: 500;

	display: block;

	text-align: justify;

}



.pl-text-p-01 {

	width: 765px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	margin-top: 23px;

	text-align: justify;

}



.pl-text-p-02 {

	width: 593px;

	margin-top: 43px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.sp-wid {

	width: 762px;

}



.pl-p-mt {

	margin-top: 12px;

	width: 875px;

}



.text-pl-underline {

}



.crtf-dowland-button {

	width: 100%;

	background-color: #e31e24;

	padding-top: 30px;

	padding-bottom: 40px;

	text-align: center;

	/* border-bottom: 13px solid #5b5b5b; */

}



.crtf-dowland-button > h3 {

	font-style: normal;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #FFFFFF;

	margin-bottom: 0;

}



.crtf-dowland-button > span {

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	letter-spacing: 0.13px;

}



.crtf-button-group {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: 23px;

}



.crtf-button-group a {

	display: block;

}



.crtf-button-group a .-text {

	width: 137px;

	color: #ffffff;

	font-size: 13px;

	font-weight: 500;

	letter-spacing: 0.13px;

	margin-top: 21px;

}



.accrodion-certfica {

	width: 100%;

	background-color: #ffffff;

	background-image: url(../img/Page/policies/certifika.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	padding-bottom: 30px;

}



.accordion-title {

	text-align: center;

	padding-top: 37px;

}



.accordion-title > h3 {

	color: #ffffff;

	font-size: 23px;

	font-weight: 500;

	letter-spacing: 0.28px;

	margin-bottom: 0px;

}



.accordion-card {

	width: 1221px;

	position: relative;

	margin: 0 auto;

	padding: 80px 0;

	display: flex;

	justify-content: space-around;

}



.accordion-card::before {

	content: "";

	position: absolute;

	bottom: 33px;

	width: 100%;

	height: 158px;

	border-radius: 67px;

	border-bottom: 12px solid #000000;

	opacity: 0.2;

}



.accordion-card-right, .accordion-card-left {

	width: 95%;

	height: 900px;

	box-shadow: 0 2px 8px rgba(35, 31, 32, 0.5);

	border-radius: 17px;

	background-color: #ebecec;

	z-index: 99;

	padding-bottom: 0px;

	margin: auto;

}



.accordion-card-title {

	position: relative;

	width: 325px;

	height: 42px;

	border-radius: 16px;

	background-color: #ffffff;

	text-align: center;

	margin: auto;

	top: -22px;

}



.accordion-card-title::before {

	content: "";

	position: absolute;

	top: 3px;

	width: 100%;

	height: 100%;

	background-color: #000000;

	opacity: 0.3;

	left: 0;

	border-radius: 16px;

	z-index: -1;

}



.accordion-card-title > h3 {

	padding-top: 8px;

	color: #e31e25;

	font-size: 21px;

	font-weight: 700;

}



.new-card .card-header {

	display: flex;

	justify-content: space-between;

	align-items: center;

	box-shadow: 0 2px 5px #231f20;

	border-bottom: 2px solid #ffffff;

	z-index: 1;

}



.card-color-01 {

	background-color: #d9dada;

}



.card-color-02 {

	background-color: #c5c6c6;

}



.card-color-03 {

	background-color: #aeafb0;

}



.card-color-04 {

	background-color: #989898;

}



.card-color-05 {

	background-color: #818181;

}



.card-color-06 {

	background-color: #676766;

}



.card-color-07 {

	background-color: #4d4d4d;

}



.card-color-08 {

	background-color: #313130;

}



.new-card .card-header h5 {

	width: 345px;

}



.new-card .card-header .btn-link {

	position: relative;

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	text-decoration: none;

	text-align: left;

}



.new-card .card-header.card-color-01 .btn-link {

	color: #5b5b5b;

}



.new-card .card-header .btn-link img {

	position: absolute;

	top: 20px;

	left: -11px;

	transform: rotate(181deg);

}



.new-card .card-header .btn-link.collapsed img {

	transform: none

}



.new-card .card-header a {

	display: block;

	text-align: center;

}



.new-card .card-header .clck-dow {

	display: block;

	text-align: center;

	color: #e31e25;

	font-size: 10px;

	font-weight: 300;

	letter-spacing: 0.13px;

	margin-top: 5px;

}



.new-card .card-body {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -0.17px;

	background-color: #d41e23;

}



.right-body-accd {

	width: 100%;

	height: 95%;

	background-image: url(../img/Page/policies/card-footer.png);

	margin-top: 0px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: contain;

	position: relative;

}



.-center {

	position: absolute;

	width: 100%;

	top: 50%;

	transform: translateY(-50%);

	left: 0;

	right: 0;

	text-align: center;

}



.-center > p {

	width: 70%;

	color: #000000;

	font-size: 13px;

	font-weight: 300;

	text-align: left;

	margin: 0 auto;

	margin-bottom: 30px;

	text-align: justify;

}



.-center > a {

	display: block;

	color: #e31e25;

	font-size: 10px;

	font-weight: 300;

	letter-spacing: 0.13px;

	width: 20%;

	margin: auto;

}



.-center > a > img {

	display: block;

	margin: 21px auto;

}



/****** PAGE POLICIES STYLES END ******/



/****** PAGE CSR STYLES START ******/



.environment-main {

	width: 100%;

	background-color: #eceaeb;

}



.env-header-card {

	width: 100%;

	padding-bottom: 41px;

	border-bottom: 5px solid #434242;

}



.env-header-card > h3 {

	text-align: center;

	color: #7b2622;

	font-size: 30px;

	font-weight: 700;

	padding-top: 30px;

	padding-bottom: 17px;

}



.env-header-card > p {

	width: 773px;

	color: #727271;

	font-size: 15px;

	font-weight: 300;

	margin: auto;

	text-align: center;

}



.env-sliders-card {

	width: 100%;

	height: 606px;

	background-image: url(../img/Page/csr/md-slider-bg.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	border-bottom: 5px solid #434242;

}



.env-sld-header {

	text-align: center;

	margin-top: 49px;

}



.env-sld-header > h3 {

	color: #000000;

	font-size: 30px;

	font-weight: 700;

}



.env-sld-header > p {

	color: #434242;

	font-size: 17px;

	font-weight: 300;

}



.env-sld-body {

	position: relative;

	margin-top: 48px;

}



#envsld {

	width: 50%;

	margin: 0 auto;

}



.item-img-sld {

	width: 140px;

	height: 140px;

	margin: auto;

}



.item-text-sld > p {

	width: 250px;

	color: #000000;

	font-size: 15px;

	font-weight: 300;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	margin-top: 63px;

}



#envsld .owl-nav {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 100%;

}



#envsld .owl-nav button.owl-next {

	position: absolute;

	right: 15%;

}



#envsld .owl-nav button.owl-prev {

	position: absolute;

	left: 15%;

}



#envsld .owl-nav [class*=owl-]:hover {

	background: transparent;

}



#envsld .owl-dots {

	position: absolute;

	width: 100%;

	bottom: -143px;

}



#envsld .owl-dots .owl-dot.active span, #envsld .owl-dots .owl-dot:hover span {

	background: #731012;

}



#envsld .owl-dots .owl-dot span {

	width: 12px;

	height: 12px;

	margin: 5px 3px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	background-color: #ab2023;

	;

}



.env-tab-slider {

	width: 100%;

	position: relative;

	border-bottom: 5px solid #434242;

}



.item-tab-slider {

	position: relative;

}



.no-js .sync1, .sync1.owl-loaded {

	display: flex;

	flex-wrap: wrap-reverse;

}



.item-tab-card {

	position: relative;

	width: 100%;

	height: 484px;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	align-items: center;

}



.item-tab-card-gray {

	background-color: #eceaeb;

}



.item-tab-card-white {

	background-color: #ffffff;

}



.sync1 .owl-thumbs {

	width: 100%;

}



.sync1 .owl-thumb-item {

	position: relative;

	width: 33.33%;

	height: 36px;

	background-color: #ed1c24;

	border: none;

	outline: none;

	color: #ffffff;

	font-size: 17px;

	font-weight: 700;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.sync1 .owl-thumb-item:hover {

	background-color: #731012;

}



.sync1 .owl-thumb-item.active {

	background-color: #731012;

}



.sync1 .owl-thumb-item.active::after {

	content: "";

	position: absolute;

	background-image: url(../img/Page/csr/button-active.png);

	width: 100%;

	height: 5px;

	left: 0;

	bottom: -5px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}



.sync1 .owl-thumb-item:not(:last-child) {

border-right: 3px solid #eceaeb;

}



.sync1 .owl-nav {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 100%;

}



.sync1 .owl-nav button.owl-next {

	position: absolute;

	right: 70px;

}



.sync1 .owl-nav button.owl-prev {

	position: absolute;

	left: 70px;

}



.sync1 .owl-nav [class*=owl-]:hover {

	background: transparent;

}



.sync1 .owl-dots {

	position: absolute;

	width: 100%;

	bottom: 24px;

}



.sync1 .owl-dots .owl-dot.active span, .sync1 .owl-dots .owl-dot:hover span {

	background: #731012;

}



.sync1 .owl-dots .owl-dot span {

	width: 12px;

	height: 12px;

	margin: 5px 3px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	background-color: #ab2023;

	;

}



.img-s {

	width: 727px;

	background-repeat: no-repeat;

	background-position: 50% 50%;

	height: 100%;

}



.sync1 .owl-item img {

	width: auto;

}



.s-text {

	width: 650px;

	text-align: justify;

}



.s-text > p {

	color: #808285;

	font-size: 14px;

	font-weight: 300;

}



.people-main {

	width: 100%;

	height: 700px;

	background-image: url(../img/Page/csr/heart-people.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	border-bottom: 5px solid #9d9e9e;

	position: relative;

	overflow: hidden;

}



.title-ppl > h3 {

	text-align: center;

	color: #58595b;

	font-size: 30px;

	font-weight: 700;

	text-transform: uppercase;

	padding-top: 50px;

}



.ppl-hert-card {

	width: 100%;

	text-align: center;

	margin-top: 50px;

	padding-left: 105px;

}



.ppl-hert-sp-tit {

	color: #58595b;

	font-size: 30px;

	font-weight: 700;

	letter-spacing: 0.5px;

	width: 680px;

	display: block;

	text-align: left;

	margin: 0 auto;

	line-height: 37.09px;

}



.ppl-p {

	width: 680px;

	color: #58595b;

	font-size: 14px;

	font-weight: 300;

	margin: 0 auto;

	margin-top: 30px;

	text-align: justify;

}



.society-main {

	width: 100%;

	background-image: url(../img/Page/csr/society.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	border-bottom: 5px solid #808285;

}



.title-society > h3 {

	color: #ffffff;

	font-size: 30px;

	font-weight: 700;

	padding-top: 31px;

	text-align: center;

}



.society-crd-main > span {

	color: #ffffff;

	font-size: 32px;

	font-weight: 700;

	text-align: center;

	display: block;

	margin-top: 30px;

	margin-bottom: 30px;

	line-height: 38.48px;

}



.society-crd-main > p {

	text-align: center;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 15.09px;

	letter-spacing: -0.1px;

	margin-bottom: 30px;

}



.society-card-kutu {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.society-loop {

	width: 25%;

	padding-left: 75px;

}



.society-lp-bg01 {

	background-color: #ed1c24;

}



.society-lp-bg02 {

	background-color: #d1d3d4;

}



.society-lp-bg03 {

	background-color: #9c9c9c;

}



.society-lp-bg04 {

	background-color: #727372;

}



.society-color10 {

	color: #686766 !important;

}



.society-loop-icon {

	padding-top: 20px;

}



.society-loop-icon > h3 {

	color: #ffffff;

	font-size: 18px;

	font-weight: 700;

}



.society-loop-icon > p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 15.09px;

	padding-bottom: 30px;

	width: 248px;

	height: 94px;

	margin-top: 19px

}



.human-main {

	background-color: #eceaeb;

	padding-top: 30px;

	padding-bottom: 30px;

}



.human-title > h3 {

	text-align: center;

	color: #ed1c24;

	font-size: 30px;

	font-weight: 700;

}



.human-header > span {

	color: #58595b;

	font-size: 20px;

	font-weight: 700;

	line-height: 24.59px;

	display: block;

	text-align: justify;

	margin-top: 20px;

	margin-bottom: 20px;

}



.human-header > p {

	color: #58595b;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.humna-img {

	width: 100%;

	margin-top: 30px;

}



.product-main {

	width: 100%;

	background-color: #4e565a;

	margin-bottom: 5px;

}



.img-responsive {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.prodcut-card {

	width: 100%;

	padding-left: 30px;

}



.product-card-title > h3 {

	margin-top: 45px;

	color: #e5e5e5;

	font-size: 30px;

	font-weight: 700;

}



.product-card-body {

	padding-left: 100px;

}



.product-card-body > p {

	width: 70%;

	color: #e5e5e5;

	font-size: 18px;

	font-weight: 500;

	margin-top: 100px;

	text-align: justify;

}



.product-card-body ul {

	list-style: none;

	color: #ffffff;

	margin-top: 30px;

	margin-bottom: 30px;

}



.product-card-body ul li::before {

	content: "\2022";

	color: white;

	font-weight: bold;

	display: inline-block;

	width: 1em;

	margin-left: -1em;

	font-size: 15px;

}



.product-card-body ul li {

	color: #e5e5e5;

	font-size: 14px;

	font-weight: 300;

	line-height: 24.49px;

}



/****** PAGE CSR STYLES END ******/



/****** PAGE CAREER STYLES START ******/



.grid-50-career {

	padding: 0;

}



.grid-career-top {

	background-color: #252423;

	padding-top: 15px;

	padding-left: 64px;

	padding-bottom: 22px;

}



.grid-career-top h1 {

	color: #ffffff;

	font-size: 15px;

	font-weight: 500;

}



.grid-career-top p {

	color: #ffffff;

	font-size: 27px;

	font-weight: 700;

	letter-spacing: 0.96px;

	line-height: 33px;

	margin-top: 30px;

}



.grid-career-img-middle {

	width: 100%;

	height: 219px;

	overflow: hidden;

}



.grid-career-img-middle img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: 1s;

	cursor: pointer;

}



.grid-career-down {

	background-color: #252423;

	padding-top: 22px;

	padding-left: 64px;

	padding-bottom: 37px;

	padding-right: 30px;

	height: 125px;

	position: absolute;

	bottom: 0;

}



.grid-career-down p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.career-icon {

	position: absolute;

	bottom: 105px;

	left: 50%;

	transform: translateX(-50%);

}



.policy-bg {

	position: relative;

	width: 100%;

	height: auto;

	background-color: #eceaeb;

	padding-bottom: 10px;

}



.policy-header {

	padding-top: 27px;

	text-align: center;

}



.policy-header h3 {

	letter-spacing: 0.47px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #E32026;

}



.policy-accordion {

	width: 418px;

	margin-top: 50px;

}



.card {

	border-radius: 0;

}



.card-policy .card-header:first-child {

	border-radius: 0;

}



.card-policy .card-header {

	z-index: 1;

}



.card-policy-colo-01 {

	box-shadow: 0 6px 4px rgba(28, 12, 12, 0.31);

	background-color: #d9dada;

}



.card-policy-colo-02 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #c5c6c6;

}



.card-policy-colo-03 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #b2b3b3;

}



.card-policy-colo-04 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #9d9e9e;

}



.card-policy-colo-05 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #898989;

}



.card-policy-colo-06 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #727271;

}



.new-card .card-header.card-policy-colo-01 .btn-link {

	color: #5b5b5b;

}



.new-card .card-header.card-policy-colo-02 .btn-link, .new-card .card-header.card-policy-colo-03 .btn-link, .new-card .card-header.card-policy-colo-04 .btn-link, .new-card .card-header.card-policy-colo-05 .btn-link, .new-card .card-header.card-policy-colo-06 .btn-link {

	color: #2b2a29;

}



.card-policy .card-header .btn-link img {

	top: 11px;

}



.policy-img {

	position: absolute;

	right: 0;

	top: 50%;

	width: 100%;

	height: 806px;

	background-image: url(../img/Page/career/policy.png);

	background-position: right;

	background-repeat: no-repeat;

	transform: translateY(-50%);

	background-size: 55%;

}



.development-header {

	width: 100%;

	height: 83px;

	background-color: #ed2027;

	margin-top: 5px;

	text-align: center;

	padding: 30px 0;

}



.development-header h3 {

	letter-spacing: 0.43px;

	font-weight: bold;

	font-size: 30px;

	line-height: 26px;

	/* identical to box height */

	color: #FFFFFF;

}



.development-content {

	width: 100%;

	height: 630px;

	background-color: #0b0a0f;

	background-image: url(../img/Page/career/developer.png);

	background-position: right;

	background-repeat: no-repeat;

	background-size: cover;

}



.development-text h3 {

	width: 631px;

	margin-top: 30px;

	color: #ffffff;

	font-size: 29px;

	font-weight: 700;

	line-height: 37px;

	letter-spacing: 0.51px;

}



.icon-developer {

	margin-top: 55px;

	margin-bottom: 75px;

}



.text-dv {

	width: 419px;

	color: #ffffff;

	font-size: 15px;

	font-weight: 300;

	letter-spacing: -0.15px;

	line-height: 20px;

	text-align: justify;

}



.text-dv1 {

	width: 419px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	margin-top: 10px;

	text-align: justify;

}



.safeyt-main {

	width: 100%;

	height: 80vh;

	background-image: url(../img/Page/career/health.png);

	background-position: top;

	background-repeat: no-repeat;

	background-size: cover;

}



.safeyt-main {

	margin-top: 12px;

}



.safeyt-header {

	text-align: center;

	padding-top: 44px;

	margin-bottom: 30px;

}



.safeyt-header h3 {

	color: #ffffff;

	font-size: 23px;

	font-weight: 700;

	letter-spacing: 0.43px;

}



.safety-tex-1 {

	width: 610px;

	color: #ffffff;

	font-size: 18px;

	font-weight: 700;

	letter-spacing: 0.3px;

	margin-bottom: 20px;

	margin-top: 0%;

}



.safety-tex-2 {

	width: 479px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 20px;

	text-align: justify;

}



.job-main {

	width: 100%;

	/* background-color: #eceaeb; */

	padding-bottom: 30px;

}



.job-header {

	text-align: center;

	padding-top: 30px;

}



.job-header h3 {

	letter-spacing: 0.34px;

	padding-bottom: 10px;

	font-weight: bold;

	font-size: 30px;

	line-height: 65px;

	/* identical to box height, or 217% */

	color: #464646;

}



.nav-job {

	display: flex;

	justify-content: center;

}



.nav-job .nav-link {

	width: 151px;

	height: 61px;

	box-shadow: 0 2px 2px rgba(28, 12, 12, 0.44);

	color: #ffffff;

	font-size: 15px;

	font-weight: 700;

	letter-spacing: 0.29px;

	background-color: #be2d2a;

	margin-right: 18px;

	text-align: center;

}



.nav-job .nav-link.active, .nav-job .show > .nav-link {

	position: relative;

	background-color: #be2d2a;

}



.nav-job .nav-link.active::before {

	content: "";

	position: absolute;

	width: 100%;

	height: 5px;

	background-color: #727271;

	left: 0;

	bottom: -10px;

}



.job-tab-body {

	width: 100%;

	height: 250px;

	margin-top: 32px;

	background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.02) 50%, #ffffff 100%);

}



.job-body-tab {

	display: flex;

	justify-content: center;

	padding-top: 33px;

}



.jb-bd-txt-bld p {

	width: 269px;

	color: #434242;

	font-size: 17px;

	font-weight: 700;

	letter-spacing: 0.34px;

	margin-top: 45px;

	line-height: 21.5px;

}



.jb-bd-txt-rg p {

	width: 333px;

	color: #434242;

	font-size: 12px;

	font-weight: 300;

	margin-top: 43px;

}



.jb-bd-img {

	width: 169px;

	height: 169px;

	box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.5);

	background-color: #eceaeb;

	border-radius: 50%;

	padding: 1px;

	margin-left: 41px;

	margin-right: 45px;

}



.jb-bd-img img {

	width: 100%;

}



.join-main {

	width: 100%;

	margin-bottom: 0;

	background-color: #5b5b5b;

	background-image: url('../img/fabrika-arka-plan 1.jpg');

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding-top: 50px;

	background-attachment: fixed;

	padding-bottom: 50px;

}



.join-header {

	text-align: center;

	padding-top: 64px;

}



.join-header h3 {

	color: #e31e24;

	font-size: 23px;

	font-weight: 700;

	letter-spacing: 0.43px;

}



.join-body {

	width: 395px;

	margin: 60px auto;

}



.join-form {

	margin-top: 22px;

}



.join-form .form-group {

	margin-bottom: 10px;

}



.form-join {

	width: 100%;

	height: 30px;

	border-radius: 3px;

	background-color: #ffffff;

	color: #cfcfcf;

	font-size: 10px;

	font-weight: 300;

}



.form-join::placeholder {

	color: #cfcfcf;

}



.btn-file {

	width: 108px;

	height: 30px;

	border-radius: 3px;

	border: 1px solid #da7f7f;

	background-color: #7e2525;

	color: #ffffff;

	font-size: 11px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: -0.31px;

	line-height: 17px;

}



.btn-file:hover {

	color: #ffffff;

}



.file-goup {

	margin-top: 44px;

	margin-bottom: 78px;

}



.file-label {

	color: #cfcfcf;

	font-size: 14px;

	font-weight: 300;

	line-height: 11.51px;

	text-transform: uppercase;

	letter-spacing: -0.52px;

}



.cv-g span {

	color: #cfcfcf;

	font-size: 10px;

	font-weight: 300;

	line-height: 13.6px;

	letter-spacing: -0.31px;

	display: inline-block;

	margin-left: 18px;

}



.btn-join-send {

	width: 108px;

	height: 30px;

	border-radius: 3px;

	border: 1px solid #acacac;

	background-color: #ed1c24;

	color: #ffffff;

	font-size: 11px;

	font-weight: 300;

	line-height: 17px;

	text-transform: uppercase;

}



.join-body-header .pp {

	display: inline-block;

	color: #ffffff;

	font-size: 17px;

	font-weight: 500;

	line-height: 22.98px;

	letter-spacing: -0.31px;

	margin-left: 22px;

}



/****** PAGE CAREER STYLES END ******/



/****** PAGE IDENTITY STYLES START ******/



.corporate-identity {

	width: 100%;

}



.copr-ident-header {

	margin-top: 46px;

	text-align: center;

}



.copr-ident-header h3 {

	color: #e31e24;

	font-size: 23px;

	font-weight: 700;

}



.logo-identity h3 {

	text-align: center;

	color: #000000;

	font-size: 19px;

	font-weight: 500;

	text-transform: uppercase;

	margin-top: 30px;

}



.logo-card-ident {

	width: 80%;

	border-top: 1px solid #b2b3b3;

	border-bottom: 1px solid #b2b3b3;

	margin-left: auto;

	margin-right: auto;

	margin-top: 18px;

	margin-bottom: 26px;

	display: flex;

	justify-content: center;

	padding-top: 22px;

	padding-bottom: 17px;

}



.c-logo-one {

	margin-right: 50px;

	margin-top: 12px;

}



.logo-dowlnad {

	position: relative;

	width: 100%;

	margin-bottom: 57px;

}



.logo-dwln-menu {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.format-icon {

	width: 39px;

	height: 38px;

	margin: 0 auto;

}



.format-icon img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-filter: grayscale(100%);

	filter: grayscale(100%);

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.fr-dowl-text {

	text-align: center;

	margin-top: 19px;

}



.fr-dowl-text span {

	display: block;

	color: #727271;

	font-size: 12px;

	font-weight: 300;

	margin-top: 8px;

}



.logo-dwln-menu li a:hover img {

	-webkit-filter: grayscale(0%);

	filter: grayscale(0%);

}



.bank-main {

	width: 100%;

	/* background-image: url(../img/Page/identity/bg.png); */

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	background: #2f2f2f;

	padding-bottom: 30px;

}



.bank-header {

	text-align: center;

	padding-top: 44px;

}



.bank-header h3 {

	margin-bottom: 30px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #FFFFFF;

}



.bank-body {

	width: 830px;

	margin-left: auto;

	margin-right: auto;

}



.filter-identity {

	display: flex;

	justify-content: space-between;

}



.btn-fil-ident {

	width: 250px;

	height: 30px;

	border-radius: 6px;

	background-color: #9d9e9e;

	color: #ffffff;

	font-size: 14px;

	font-weight: 500;

	text-transform: uppercase;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	position: relative;

	line-height: 14px;

}



.btn-fil-ident:hover {

	background-color: #e31e24;

	color: #ffffff;

}



.btn-fil-ident:focus {

	box-shadow: none;

	background-color: #e31e24;

	color: #ffffff;

}



.btn-fil-ident.dropdown-toggle::after {

	width: 14px;

	height: 11px;

	background-image: url(../img/Page/identity/filter-arrow.svg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	position: absolute;

	border: none;

	right: 11px;

	top: 9px;

}



.fil-dropdown-menu {

	min-width: 100%;

}



.fil-dropdown-menu .dropdown-item {

	font-size: 12px;

	font-weight: 300;

	text-transform: uppercase;

	color: #727271;

}



.fil-dropdown-menu .dropdown-item:focus, .fil-dropdown-menu .dropdown-item:hover {

	color: #ffffff;

}



.slider-identity {

	margin-top: 53px;

	position: relative;

}



.sld-ident-item {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.ps-item {

	position: relative;

	width: 190px;

	margin-bottom: 61px;

}



.ps-item-img {

	width: 100%;

	height: 218px;

	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);

	background-color: #ffffff;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	overflow: hidden;

}



.ps-item-img > img {

	width: 100%;

	height: 100%;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.ps-item-img:hover img {

	transform: scale(1.09);

}



.ps-item-dow {

	text-align: center;

}



.ps-item-dow img {

	position: relative;

	bottom: 10px;

}



.ps-item a:hover .ps-item-img {

	background-color: #8c2138;

}



.ps-item-dow span {

	display: block;

	color: #000000;

	font-size: 13px;

	font-weight: 700;

	margin-top: -5px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.ps-item:hover .ps-item-dow span {

	color: #e31e24;

}



.slider-arrow {

	position: absolute;

	top: 41%;

	transform: translateY(-45%);

	width: 100%;

}



.btn-sld-left {

	position: absolute;

	left: -50px;

}



.btn-sld-right {

	position: absolute;

	right: -50px;

}



.merch-header {

	position: relative;

	text-align: center;

	margin-top: 30px;

}



.merch-header h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #000000;

}



.merch-body h3 {

	margin-top: 10px;

	margin-bottom: 20px;

	text-align: center;

	font-style: normal;

	font-size: 16px;

	line-height: 17px;

	color: #000000;

}



.merch-filter {

	width: 100%;

	border-top: 1px solid #b2b3b3;

	border-bottom: 1px solid #b2b3b3;

	padding-top: 24px;

	padding-bottom: 19px;

}



.merc-filter-content, .merch-slider {

	width: 830px;

	margin-left: auto;

	margin-right: auto

}



.merch-sld-ident-item .ps-item-img img {

	border: 1px solid #c5c6c6

}



.merch-sld-ident-item a:hover .ps-item-img {

	background-color: #e31e24;

}



/****** PAGE IDENTITY STYLES END ******/



/****** PAGE UPTODATE STYLES START ******/



.pes-ct {

	position: absolute;

	background-color: #252423;

	width: 100%;

	bottom: 0;

	padding-left: 63px;

	padding-bottom: 20px;

}



.pes-ct h3 {

	color: #ffffff;

	font-size: 23px;

	font-weight: 700;

	margin-top: 15px;

}



.pes-ct p {

	width: 300px;

	font-size: 14px;

	font-weight: 300;

	color: #ffffff;

	margin: 10px 0;

}



.ino-ok {

	display: flex;

	justify-content: flex-start;

}



.ino-ok span {

	display: block;

	color: #ffffff;

	margin-right: 30px;

	font-weight: 300;

	font-size: 15px;

}



.ino-ok a {

	display: block;

	color: #ffffff;

	font-weight: 300;

	font-size: 15px;

	margin-bottom: 5px;

}



.ino-ok a bdi {

	margin-left: 5px;

}



.filter-uptodate {

	position: relative;

	width: 100%;

	margin-top: 30px;

	margin-bottom: 30px;

	display: flex;

	justify-content: space-between;

}



.filter-up-group ul {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}

.filter-up-group ul li {



}



.btn-filter-up {

	position: relative;

	width: 200px;

	height: 35px;

	border-radius: 0;

	color: #ffffff;

	font-size: 13px;

	font-weight: 500;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-filter-up.up-active::after {

	content: "";

	background-image: url(../img/Page/update/button-active.png);

	position: absolute;

	width: 101%;

	height: 4px;

	left: -1px;

	bottom: -5px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



.filter-up-red {

	background-color: #E31E24;

}



.filter-up-red-01 {

	background-color: #AD2826;

}



.filter-up-green {

	background-color: #7B2622;

}



.filter-up-blue {

	background-color: #898989;

}



.filter-up-purple {

	background-color: #363535;

}



.btn-filter-up:hover, .btn-filter-year:hover {

	color: #ffffff;

}



.btn-filter-up:focus, .btn-filter-year:focus {

	box-shadow: none;

}



.btn-filter-year {

	position: relative;

	width: 133px;

	height: 35px;

	border-radius: 4px;

	background-color: #e31e24;

	color: #ffffff;

	font-size: 13px;

	font-weight: 500;

}



.btn-filter-year.dropdown-toggle::after {

	border: none;

	background-image: url(../img/asagibeyazok.png);

	position: absolute;

	width: 14px;

	height: 14px;

	right: 8px;

	top: 10px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

}



.dropdown-filter-year {

	min-width: 100%;

}



.dropdown-filter-year .dropdown-item {

	font-size: 13px;

	font-weight: 300;

}



.filter-card {

	margin-bottom: 96px;

	transition: all .5s ease-in-out;

	column-gap: 30px;

	column-count: 4;

	column-fill: initial;

}



.filter-card-item {

	width: 100%;

	overflow: hidden;

	display: inline-block;

}



.flt-crd-item-img {

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.flt-crd-item-img img {

	width: 100%;

	-webkit-filter: grayscale(100%);

	filter: grayscale(100%);

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.flt-text {

	position: absolute;

	bottom: 0;

	width: 100%;

	height: 50%;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	transform: translateY(95%);

}



.flt-text-layer {

	width: 100%;

	height: 100%;

	opacity: 0.7;

}



.flt-text-content {

	position: absolute;

	top: 10px;

	left: 13px;

	opacity: 0;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.flt-text-content h3 {

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	margin-top: 10px;

	line-height: 16px;

}



.flt-text-content p {

	color: #ffffff;

	font-size: 12px;

	font-weight: 300;

	line-height: 16.24px;

}



.filter-card-item a:hover .flt-crd-item-img img {

	-webkit-filter: grayscale(0%);

	filter: grayscale(0%);

	transform: scale(1.2);

}



.filter-card-item a:hover .flt-text {

	transform: translateY(0%);

}



.filter-card-item a:hover .flt-text-content {

	opacity: 1;

}



.dt-main {

	width: 100%;

	position: relative;

	background-color: #262626;

}



.detail-up-one {

	width: 100%;

	position: relative;

	background-color: #262626;

	padding-top: 30px;

	padding-bottom: 30px;

}



.detail-container {

	width: 885px;

	max-width: 885px;

	margin-right: auto;

	margin-left: auto;

}



.detail-one-header h3 {

	color: #ffffff;

	font-size: 34px;

	font-weight: 700;

}



.detail-one-header p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	margin-top: 20px;

	text-align: justify;

}



.detail-one-header span {

	color: #ffffff;

	font-size: 21px;

	font-weight: 700;

	display: block;

	margin-top: 38px;

}



.detail-slider {

	margin-top: 20px;

}



.detail-slider .item {

	width: 100%;

	height: 505px;

	position: relative;

	border: 1px solid #ffffff;

}



.detail-slider .item > img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.detail-slider .item .item-lyaer {

	position: absolute;

	bottom: 0;

	width: 100%;

}



.detail-slider .item .item-lyaer > img {

	width: 100%;

}



.detail-slider .owl-thumbs {

	margin-top: 13px;

}



.detail-slider .owl-thumbs .owl-thumb-item {

	width: 105px;

	height: 100px;

	background-color: transparent;

	padding: 0;

	margin: 0;

	border: 1px solid #ffffff;

	outline: none;

	cursor: pointer;

	margin-right: 5px;

	opacity: 0.5;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.detail-slider .owl-thumbs .owl-thumb-item.active {

	opacity: 1;

}



.detail-slider .owl-thumbs .owl-thumb-item:hover {

	opacity: 1;

}



.thumb-img {

	width: 100%;

	height: 100%;

}



.thumb-img > img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.detail-slider .owl-nav {

	position: absolute;

	top: 40%;

	width: 100%;

}



.detail-slider .owl-nav button.owl-next {

	position: absolute;

	right: -37px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.detail-slider .owl-nav button.owl-prev {

	position: absolute;

	left: -37px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.detail-slider .owl-nav button.owl-next:hover {

	background-color: transparent;

	right: -40px;

}



.detail-slider .owl-nav button.owl-prev:hover {

	background-color: transparent;

	left: -40px;

}



.detail-up-two {

	width: 100%;

	background-color: #ffffff;

	padding-top: 30px;

	padding-bottom: 30px;

}



.detail-up-flex {

	display: flex;

	justify-content: space-around;

}



.dt-50 {

	width: 48%;

}



.dt-dwn-100 {

	width: 100%;

	height: 455px;

	border: 1px solid #ffffff;

}



.dt-dwn-100 > img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.dt-dwn-txt > h3 {

	margin-top: 24px;

	margin-bottom: 50px;

	color: #ffffff;

	font-size: 21px;

	font-weight: 700;

	letter-spacing: 0.22px;

}



.dt-dwn-txt > p {

	color: #000000;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.dt-100-text > p {

	color: #000000;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.dt-100-img {

	width: 100%;

	height: 193px;

	border: 1px solid #ffffff;

	margin-top: 49px;

}



.dt-100-img > img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.left-dt {

	position: absolute;

	top: 70%;

	width: 27%;

	height: 385px;

	background-image: url(../img/tekerizi.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}



.right-dt {

	position: absolute;

	top: 49%;

	right: 0;

	width: 29%;

	height: 385px;

	background-image: url(../img/tekerizi.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}



/****** PAGE UPTODATE STYLES END ******/



/****** PAGE CONTACT STYLES START ******/



.header-contact-grid {

	padding-top: 28px;

	padding-bottom: 36px;

	background-color: #5b5b5b;

}



.contact-header-card {

	/* display: flex; */

	/* justify-content: space-between; */

}



.ct-hd-card-ct {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.ct-hd-card-ct h3 {

	color: #ffffff;

	font-size: 22px;

	font-weight: 700;

	text-decoration: underline;

	width: 100%;

	margin-bottom: 22px;

}



.ct-hd-info-1 p {

	width: 169px;

	color: #ffffff;

	font-size: 12px;

	font-weight: 300;

	line-height: 15px;

	margin-right: 29px;

}



.ct-hd-info-2 p {

	width: 140px;

	color: #ffffff;

	font-size: 12px;

	font-weight: 300;

	line-height: 15px;

}



.region-header-page {

	margin-top: 30px;

	margin-bottom: 30px;

	text-align: center;

}



.region-header-page h3 {

	color: #e31e24;

	font-size: 23px;

	font-weight: 700;

}



.region-filter {

	width: 1268px;

	margin: 0 auto;

	border-top: 1px solid #b2b3b3;

	border-bottom: 1px solid #b2b3b3;

}



.rg-ft-bd-button {

	margin-top: 30px;

	margin-bottom: 39px;

}



.rg-sp {

	color: #9d9e9e;

	font-size: 10px;

	font-weight: 300;

	font-style: italic;

	text-transform: uppercase;

	letter-spacing: -0.2px;

	display: block;

}



.region-filter-body {

	display: flex;

	justify-content: space-around;

	flex-wrap: wrap;

}



.btn-rg-f {

	position: relative;

	width: 254px;

	height: 35px;

	border-radius: 5px;

	background-color: #e31e24;

	color: #ffffff;

	font-size: 15px;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: -0.3px;

	margin-top: 8px;

	border: none;

}



.btn-rg-f:focus {

	box-shadow: none;

}



.btn-rg-f:hover {

	color: #ffffff;

}



.btn-rg-f-menu {

	min-width: 100%;

}



.btn-rg-f.dropdown-toggle::after {

	border: none;

	position: absolute;

	right: 0;

	top: 0;

	width: 57px;

	height: 100%;

	border-radius: 0 5px 5px 0;

	background-color: #e31e24;

	background-image: url(../img/asagibeyazok.png);

	background-repeat: no-repeat;

	background-position: center;

}



.btn-rg-f-menu .dropdown-item {

	font-size: 14px;

	font-weight: 300;

}



.rg-ft-bd-region, .rg-ft-bd-name {

display: inline-block;

width: 33%;

float: left;

position: relative;
}



.img-is-rg {

	position: relative;

}



.img-is-rg .d-s-s--s {

	width: 69px;

	height: 127px;

}



.img-is-rg .d-a-r {

	position: absolute;

	left: 70px;

	top: 46%;

}



.rg-text-info {

	margin-left: 50px;

	text-align: center;

}



.rg-text-info h3 {

	color: #9d9e9e;

	font-size: 28px;

	font-weight: 700;

	text-transform: uppercase;

}



.rg-text-info span {

	display: block;

	color: #9d9e9e;

	font-size: 15px;

	font-weight: 300; 

}



.rg-img-info {
    width: 71px;
    height: 71px;
    border: 1px solid #0a0b0b;
    border-radius: 50%;
    margin-left: 50px;
    position: absolute;
    right: 0;
    top: 30px;
}



.rg-img-info > img {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	object-fit: cover;

}



.main-map {

	width: 100%;

	background-color: #de2c26;

	height: 908px;

	margin-top: 24px;

	margin-bottom: 8px;

	position: relative;

}



.main-map img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.main-contact {

	width: 100%;

	height: 745px;

	;

	margin-bottom: 4px;

	background-image: url(../img/Page/contact/contact-form.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}



.mn-ct-header {

	text-align: center;

	padding-top: 38px;

}



.mn-ct-header h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 140%;

	/* identical to box height, or 42px */

	letter-spacing: 0.02em;

	color: #FFFFFF;

}



.mn-ct-md-text {

	text-align: center;

	margin-top: 180px;

}



.mn-ct-md-text h3 {

	color: #ffffff;

	font-size: 18px;

	font-weight: 500;

}



.mn-ct-md-text p {

	width: 325px;

	margin-bottom: 12px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 19px;

	margin-left: auto;

	margin-right: auto;

}



.cont-form {

	background-color: #5b5b5b;

	padding: 48px 0;

	margin-top: 34px;

}



.cont-form-container {

	width: 666px;

	margin: auto;

}



.frm-ct-grp {

	margin-bottom: 10px;

}



.frm-ct-grp label {

	color: #ffffff;

	font-size: 12px;

	font-weight: 300;

}



.form-ct-in {

	width: 100%;

	height: 28px;

	background-color: #ffffff;

	font-weight: 300;

	border-radius: 0;

	font-size: 12px;

	background-clip: border-box;

}



.vlt {

	color: #ffffff;

	font-size: 10px;

	font-weight: 300;

	letter-spacing: 0.05px;

}



.fr-txt-area {

	height: 160px !important;

	resize: none;

}



.form-button {

	width: 666px;

	margin: auto;

	text-align: right;

}



.btn-ct-snd {

	color: #ffffff;

	font-size: 18px;

	font-weight: 300;

	line-height: 14px;

	text-transform: uppercase;

	margin-top: 19px;

	padding-right: 0;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-ct-snd:focus {

	box-shadow: none;

}



.btn-ct-snd:hover {

	color: #9e0700;

	text-decoration: underline;

}



/****** PAGE CONTACT STYLES END ******/



/****** PAGE WHY STYLES START ******/



.page-header-p {

	width: 100%;

	height: 361px;

	background-color: #24202c;

	position: relative;

	background-image: url(../img/Page/why/why-banner.jpg);

	background-repeat: no-repeat;

	background-position: 80% 0%;

	background-size: contain;

}



.pag-hd-h1 {

	position: absolute;

	bottom: 22%;

	left: 28%;

}



.pag-hd-h1 h3 {

	color: #ffffff;

	font-size: 47px;

	font-weight: 700;

}



.page-header-p-d {

	border-top: 5px solid #ffffff;

	border-bottom: 6px solid #ffffff;

	background-color: #636363;

	padding-top: 39px;

	padding-bottom: 30px;

}



.page-header-p-d p {

	width: 58%;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 20px;

	letter-spacing: 0.03px;

	text-align: center;

	margin: 0 auto;

}






.pnl-on-why-container {

	width: 1172px;

	margin: auto;

	position: relative;

}



.pnl-sld-crd {

	padding-top: 80px;

}



.cr-pl-itm {

	position: relative;

	width: 100%;

	cursor: pointer;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	top: 0;

	padding: 10px 0;

}



.-gh-po {

	width: 100%;

	position: relative;

}



.-gh-po h3 {

	width: 150px;

	text-align: center;

	color: #ffffff;

	font-size: 20px;

	font-weight: 700;

	line-height: 24px;

	letter-spacing: -0.82px;

	margin-left: auto;

	margin-right: auto;

}



.tir-ckh {

	position: absolute;

	top: 12px;

	right: 0;

}



.-gh-bf {

	margin-top: 18px;

	width: 100%;

	height: 262px;

	border-radius: 19px;

	background-image: linear-gradient(to top, #ffffff 25%, rgba(255, 255, 255, 0.99) 26%, rgba(255, 255, 255, 0.6) 100%);

}



.-gh-icon {

	text-align: center;

	padding-top: 48px;

	margin-bottom: 23px;

	width: 84px;

	height: 138px;

	margin-left: auto;

	margin-right: auto;

}



.-gh-icon img {

	width: 100%;

	height: 100%;

	object-fit: contain;

	display: block;

	margin: auto;

}



.-gh-text p {

	text-align: center;

	color: #000000;

	font-size: 14px;

	font-weight: 700;

	line-height: 15px;

}



.btn-rd-m {

	color: #e31e24;

	font-size: 14px;

	font-weight: 700;

	line-height: 15px;

	margin-top: 10px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.cr-pl-itm:hover {

	top: -10px;

}



.cr-pl-itm:hover .btn-rd-m {

	color: #ffffff;

}



.ol-arrow {

	position: absolute;

	top: 55%;

	width: 100%;

}



.btn-dff-l {

	position: absolute;

	left: -75px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-dff-r {

	position: absolute;

	right: -75px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-dff-r:focus, .btn-dff-l:focus {

	box-shadow: none;

}



.btn-dff-l svg, .btn-dff-r svg {

	width: 29px;

}



.btn-dff-l svg path, .btn-dff-r svg path {

	fill: #ffffff;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-dff-l:hover svg path, .btn-dff-r:hover svg path {

	fill: #e31e24;

}



.pnl-two-why {

	position: relative;

	width: 100%;

	/* height: 572px; */

	background-color: #E1251B;

	padding-top: 50px;

	padding-bottom: 50px;

}



.pnl-d-p01 {

	position: absolute;

	bottom: 0;

	right: 0;

	background-image: url(../img/Page/why/bg-02.png);

	width: 611px;

	height: 442px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}



.pnl-h21 .-gh-po h3 {

	color: #898989;

	width: 160px;

}



.pnl-h21 .-gh-bf {

	background: transparent;

	border: 1px solid #9d9e9e;

}



.pnl-h21:hover .btn-rd-m {

	color: #898989;

}



.lop-ds .btn-dff-l svg path, .lop-ds .btn-dff-r svg path {

	fill: #898989;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.lop-ds .btn-dff-l:hover svg path, .lop-ds .btn-dff-r:hover svg path {

	fill: #e31e24;

}



.ng-dl {

	position: absolute;

	bottom: 5px;

	width: 100%;

	height: 9px;

	/* box-shadow: 0 2px 2px rgba(35, 31, 32, 0.4); */

	/* background-color: #d9dada; */

}



.data-panel-d {

	position: relative;

	width: 100%;

}



.dt-hd-hdra {

	width: 100%;

	height: 9px;

	/* box-shadow: 0 2px 2px rgba(35, 31, 32, 0.4); */

	/* background-color: #ebecec; */

	z-index: 1;

	position: absolute;

	top: 0;

}



.dt-pnl-by {

	width: 100%;

	height: 0px;

	background-color: #727271;

	-webkit-transition: all .6s ease-in;

	transition: all .6s ease-in;

}



.dt-pnl-by.hy {

	height: 410px;

}



.dt-hd-ftr {

	width: 100%;

	height: 9px;

	box-shadow: 0 2px 2px rgba(35, 31, 32, 0.4);

	background-color: #ebecec;

	position: absolute;

	bottom: 0px;

	z-index: -1;

	opacity: 0;

	-webkit-transition: all .6s ease-in;

	transition: all .6s ease-in;

}



.dt-hd-ftr.opl {

	z-index: 1;

	opacity: 1;

}



.df-kct {

	width: 1170px;

	margin: 0 auto;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	padding-top: 36px;

}



.pl-pl-ld {

	width: 30%;

}



.pl-pl-ld h3 {

	color: #ffffff;

	font-size: 30px;

	font-weight: 700;

	line-height: 24px;

	letter-spacing: -1.83px;

	margin-bottom: 53px;

	text-align: center;

}



.pl-pl-ld img {

	display: block;

	margin: auto;

}



.pl-pl-op {

	width: 70%;

	overflow: hidden;

	overflow-y: scroll;

	height: 352px;

	padding-right: 15px;

}



.pl-pl-op::-webkit-scrollbar {

	width: 8px

}



.pl-pl-op::-webkit-scrollbar-track {

	background: #727271;

	border-radius: 0px

}



.pl-pl-op::-webkit-scrollbar-thumb {

	background: #ffffff;

	border-radius: 5px

}



.pl-pl-op p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -1.08px;

}



/****** PAGE WHY STYLES END ******/



/****** PAGE TECHNOLOGY STYLES START ******/



.tkn-header {

	width: 100%;

	position: relative;

	/* margin-bottom: 6px; */

}



.tkn-hd-title {

	width: 100%;

	background-color: #5b5b5b;

	padding-left: 63px;

	padding-top: 10px;

	padding-bottom: 10px;

}



.tkn-hd-title h3 {

	color: #ffffff;

	font-size: 23px;

	font-weight: 700;

	margin-bottom: 0;

}



.tkn-hd-border {

	width: 100%;

	/* height: 6px; */

	/* background-image: linear-gradient(to right, rgba(43, 42, 41, 0) 0%, rgba(43, 42, 41, 0.97) 36%, #2b2a29 37%); */

}



.tkn-body {

	width: 100%;

	position: relative;

}



.tkn-bd-img-txt {

	width: 100%;

	height: 352px;

	position: relative;

	background-repeat: no-repeat;

	background-size: cover;

}



.txt-ok-02 {

}



.txt-ok-02 h3 {

	text-shadow: -2px 4px 6px rgba(28, 12, 12, 0.2);

	color: #ffffff;

	font-size: 61px;

	font-weight: 500;

}



.txt-ok-02 span {

	position: absolute;

	left: -17px;

	color: #ffffff;

	font-size: 21px;

	font-weight: 500;

	letter-spacing: 27.3px;

}



.tkn-pst-button {

	margin-bottom: 3px;

}



.bnt-do-lk {

	padding-left: 52px;

	position: absolute;

	bottom: 10px;

	width: 100%;

}



.bnt-1-40 {

	position: absolute;

	bottom: 0;

	right: 167px;

}



.nb-kls {

	display: inline-block;

	height: 36px;

	border-radius: 5px;

	background-color: #FF0000;

	color: #ffffff;

	font-size: 15px;

	font-weight: 700;

	text-align: center;

	line-height: 33px;

	padding: 0 15px;

	cursor: pointer;

	margin-left: 11px;

}



.btn-bor-ok {

	position: absolute;

	bottom: -2px;

	width: 100%;

	background: #FF0000;

	height: 14px;

}



.btn-bor-ok img {

	width: 100%;

	display: none;

}



.tkn-menu {

	display: flex;

	margin-bottom: 0;

	position: relative;

	overflow: hidden;

	margin-left: -4px;

}



.tkn-menu-item {

	width: 24.88%;

	height: 281px;

	text-align: center;

	margin-left: 3px;

	position: relative;

}



.tkn-menu-item:first-child {

	margin-left: 0px;

}



.tkn-menu-black {

	background-color: #000000;

}



.tkn-menu-red {

	background-color: #9e0700;

}



.tkn-menu-gray {

	background-color: #919291;

}



.tkn-menu-item a {

	display: block;

	position: relative;

}



.hv-ac-br {

	width: 0;

	height: 3px;

	background-color: #ed3b31;

	position: absolute;

	bottom: -20px;

	left: 0;

	right: 0;

	margin: auto;

	-webkit-transition: width 1s;

	transition: width 1s;

}



.tkn-menu-item a.active .hv-ac-br {

	width: 174px;

}



.tkn-menu-item a:hover .hv-ac-br {

	width: 174px;

}



.tkn-menu-item a h3, .tkn-menu-item h3 {

	position: relative;

	margin-top: 25px;

	margin-bottom: 35px;

	z-index: 1;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

}



.bg-kl {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



/****** PAGE TECHNOLOGY STYLES END ******/



/****** PAGE TECHNOLOGY PCR  STYLES START ******/



.pcr-tkn-body {

	width: 100%;

	background-image: linear-gradient(to bottom, #f2f2f2 0%, rgb(255, 255, 255) 100%);

}



.pcr-sxem {

	width: 100%;

	margin-top: 61px;

	margin-bottom: 88px;

}



.pcr-sxem img {

	display: block;

	margin: auto;

	width: 100%;

}



.pcr-nav {

	width: 100%;

	/* justify-content: center; */

}



.pcr-nav-start {

	justify-content: center;

}



.pcr-nav-start .nav-item {

	width: 16.66%;

}



.pcr-nav-start .nav-link {

	text-align: center;

}



.pcr-nav .nav-link {

	border-radius: 0;

	color: #ffffff;

	font-size: 14px;

	font-weight: 700;

	letter-spacing: -0.25px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	/* padding: .5rem 258px; */

}



.pcr-nav .nav-link.active, .pcr-nav.show > .nav-link {

	background-color: #e31e24 !important;

	position: relative;

}



.pcr-nav .nav-link.active::after {

	content: "";

	position: absolute;

	width: 100%;

	height: 4px;

	left: 0;

	bottom: -4px;

	background-image: url(../img/care/active-tab-layer.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	z-index: 555;

}



.pcr-nav .nav-link:hover {

	background-color: #e31e24 !important;

}



.tb-con-one, .tb-con-two {

	margin-top: 50px;

	margin-bottom: 50px;

}



.tg-on-flex {

	display: flex;

	justify-content: space-between;

}



.tg-on-50 {

	width: 50%;

}



.tg-on-40 {

	width: 40%;

}



.tg-on-50 > h3, .tb-two-title {

	text-transform: uppercase;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.tg-on-50 p.tbs-su {

}



.tg-on-50 p.tb-desc {

	color: #797b7a;

	font-size: 14px;

	font-weight: 100;

}



.img-lop-model {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: 51px;

}



.img-model-01 img {

	width: 100%;

}



.d-6623, .d-6624 {

	width: 49%;

}



.d-6623 img, .d-6624 img {

	width: 100%;

}



.d-6623 span, .d-6624 span {

	display: block;

	text-align: center;

	color: #000000;

	font-size: 17px;

	font-weight: bold;

	margin-top: 28px;

}



.tbs-su {

	font-weight: 100;

	margin-top: 10px;

	margin-bottom: 10px;

	font-size: 16px;

	line-height: 17px;

	/* or 106% */

	color: #464646;

}



.tb-two-img {

	width: 100%;

	border-top: 3px solid #e31e24;

	border-bottom: 3px solid #e31e24;

	;

}



.tb-desc {

	margin-top: 10px;

	color: #797b7a;

	font-size: 14px;

	font-weight: 300;

}



.mdolp-img-01 {

	display: block;

	margin: 22px auto;

	/* width: 100%; */

}



.tb-two-title-02 {

	color: #000000;

	font-size: 18px;

	font-weight: 700;

	margin-top: 25px;

}



.mdolp-img-02 {

	width: 100%;

}



/****** PAGE TECHNOLOGY PCR  STYLES END ******/



/****** PAGE TBR TIRES CARE  STYLES START ******/



.care-body {

	width: 100%;

	background-image: linear-gradient(to top, rgba(235, 236, 236, 0) 0%, #ebecec 100%);

}



.cr-menu {

	margin-bottom: 0;

}



.care-sxem {

	width: 750px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 30px;

	padding-top: 30px;

}



.care-sxem img {

	width: 100%;

	margin-top: 0px;

}



.pg-cr-t-s {

	overflow: hidden;

}



.pg-cr-t-s .tab-content {

	/* margin-top: 26px; */

	border-top: 4px solid #898989;

	background-color: #d9dada;

	height: 496px;

}



.tb-pgr-text {

	padding-left: 120px;

	height: 480px;

	overflow: auto;

}



.tb-pgr-text h3 {

	margin-top: 40px;

	margin-bottom: 30px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.tb-pgr-text p {

	color: #5b5b5b;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -0.08px;

	text-align: justify;

	width: 70%;

}



.tb-pgr-img {

	width: 100%;

	height: 492px;

}



.tb-pgr-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.pg-mt-sect {

	padding-top: 30px;

	background: #fff;

}



.pg-mt-sect > h3 {

	font-weight: 700;

	text-align: center;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #424242;

	margin-bottom: 30px;

}



.pg-mt-sect > p {

	width: 55%;

	color: #5b5b5b;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: 0.03px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	margin-bottom: 40px;

}



.nav-cr-stf .nav-item {

	width: 50%;

}



.nav-lopp-5 .nav-item {

	width: 25%;

}



.nav-cr-stf .nav-link {

	border-radius: 0;

	color: #ffffff;

	font-size: 15px;

	font-weight: 700;

	letter-spacing: -0.25px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	padding: 11px 17.75px;

	text-align: center;

	z-index: 9;

}



.nav-cr-stf .nav-link.active, .nav-cr-stf.show > .nav-link {

	background-color: #e31e24 !important;

	position: relative;

}



.nav-cr-stf .nav-link.active::after {

	content: "";

	position: absolute;

	width: 100%;

	height: 4px;

	left: 0;

	bottom: -4px;

	background-image: url(../img/care/active-tab-layer.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



.tb-cr-sft {

	width: 100%;

	height: 450px;

	background-color: #d9dada;

}



.tab-card-car-saf {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.card-rb-img {

	width: 50%;

	height: 450px;

}



.card-rb-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.card-rb-text {

	width: 45%;

	margin-left: 30px;

}



.card-rb-text h3 {

	margin-top: 30px;

	letter-spacing: -1.51px;

	/* identical to box height */

	margin-bottom: 10px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #424242;

}



.card-rb-text > ul {

	margin-top: 24px;

	margin-left: 0px;

}



.card-rb-text > ul > li {

}



.card-rb-text > ul > li > .svg {

	width: 16px;

	margin-right: 5px;

}



.card-rb-text > ul > li > span {

	color: #5b5b5b;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -0.08px;

	display: block;

	position: relative;

	top: -3px;

	margin-bottom: 5px;

	width: 100%;

	margin-left: 0;

}



.pg-tread {

	width: 100%;

	background-color: #ffffff;

	padding-top: 44px;

	padding-bottom: 60px;

}



.pg-tread-text h3 {

	color: #5b5b5b;

	font-size: 23px;

	font-weight: 700;

	margin-bottom: 76px;

}



.pg-tread-text p {

	color: #5b5b5b;

	font-size: 14px;

	font-weight: 300;

}



.pg-tread-img img {

	width: 100%;

}



.pg-age-tire {

	width: 100%;

	/* background-color: #d9dada; */

	padding-top: 90px;

	padding-bottom: 60px;

	margin-top: 10px;

}



.cd-lk-032s h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

	text-align: center;

	margin-bottom: 50px;

}



.middle-dsp-01 {

	position: relative;

	width: 100%;

	height: 415px;

}



.us-1 {

	width: 275px;

	height: 54px;

	background-image: url(../img/care/tbr/us-1.png);

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	margin: auto;

}



.md-1 {

	width: 325px;

	height: 326px;

	background-image: url(../img/care/tbr/tire_middle.png);

	position: absolute;

	top: 43px;

	left: 0;

	right: 0;

	margin: auto;

}



.us-2 {

	width: 275px;

	height: 54px;

	background-image: url(../img/care/tbr/us-2.png);

	position: absolute;

	bottom: 9px;

	left: 0;

	right: 0;

	margin: auto;

}



.lft-1 {

	width: 337px;

	height: 141px;

	background-image: url(../img/care/tbr/1.png);

	position: absolute;

	left: 110px;

	top: 58px;

}



.lft-2 {

	width: 358px;

	height: 140px;

	background-image: url(../img/care/tbr/2.png);

	position: absolute;

	left: 110px;

	top: 206px;

	background-repeat: no-repeat;

}



.rigt-1 {

	width: 337px;

	height: 140px;

	background-image: url(../img/care/tbr/3.png);

	position: absolute;

	right: 110px;

	top: 58px;

}



.rigt-2 {

	width: 337px;

	height: 140px;

	background-image: url(../img/care/tbr/4.png);

	position: absolute;

	right: 110px;

	top: 206px;

}



.lft-kutu {

	width: 216px;

	height: 33px;

	border-radius: 16px;

	background-color: #96a7b1;

	position: absolute;

	top: 11px;

	left: -32px;

}



.lft-kutu > h3, .rgh-kutu > h3 {

	color: #ffffff;

	font-size: 22px;

	font-weight: 700;

	text-align: center;

	padding-top: 3px;

}



.lft-1 p, .lft-2 p {

	position: absolute;

	width: 224px;

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	line-height: 15.2px;

	right: 73px;

	top: 47px;

}



.rigt-1 p, .rigt-2 p {

	width: 204px;

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	line-height: 14.2px;

	left: 84px;

	top: 10px;

	position: absolute;

}



.rgh-kutu {

	width: 216px;

	height: 33px;

	border-radius: 16px;

	background-color: #96a7b1;

	position: absolute;

	bottom: 13px;

	right: -38px;

}



.pg-sidewall {

	width: 100%;

	height: 365px;

	background-color: #727271;

}



.pg-side-text h3 {

	color: #ffffff;

	font-size: 23px;

	font-weight: 700;

	margin-top: 35px;

}



.pg-side-text p {

	margin-top: 67px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

}



.pg-side-img {

	width: calc(100vh - 33px);

	height: 365px;

}



.pg-side-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.pg-tired {

	width: 100%;

	background-color: #ffffff;

	padding-top: 30px;

}



.pg-tired .og-haerdas > h3 {

	text-align: center;

	font-weight: bold;

	/* identical to box height */

	margin-bottom: 30px;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #424242;

}



.pg-rotation {

	margin-top: 32px;

	margin-bottom: 51px;

}



.pg-rota-text > h3 {

	color: #5b5b5b;

	font-size: 23px;

	font-weight: 700;

	margin-bottom: 41px;

}



.pg-rota-text > p {

	color: #5b5b5b;

	font-size: 14px;

	font-weight: 300;

}



#loadrotation {

	width: 147px;

	margin: auto;

}



.pg-rota-img {

	width: 147px;

	height: 228px;

}



.pg-rota-img img {

	width: 147px;

	height: 228px;

	display: block;

	margin-top: 70px;

	margin-left: auto;

	margin-right: auto;

	object-fit: cover;

}



#loadrotation .owl-nav {

	position: absolute;

	width: 100%;

	top: 50%;

}



#loadrotation .owl-nav button.owl-next {

	position: absolute;

	right: -52px;

}



#loadrotation .owl-nav button.owl-prev {

	position: absolute;

	left: -52px;

}



#loadrotation .owl-nav [class*=owl-]:hover {

	background-color: transparent;

}



/****** PAGE TBR TIRES CARE  STYLES END ******/



/****** PAGE PCR TIRES GUIDE  STYLES START ******/



.pcr-hd-m {

	width: 100%;

	background: #ECECEC;

	padding-top: 30px;

	padding-bottom: 30px;

	position: relative;

}



.pcr-by-main h3 {

	margin-bottom: 10px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.pcr-by-main img {

	width: 100%;

}



.table-guide {

	border: 1px solid #363636;

	margin-top: 65px;

	padding-top: 33px;

	padding-left: 42px;

	padding-right: 42px;

}



.table-ne-guide thead th {

	border-left: 1px solid #000000;

	border-top: 0;

	border-bottom: 1px solid #000000;

	color: #1a1212;

	font-size: 15px;

	font-weight: 700;

}



.table-ne-guide thead th:first-child, .table-ne-guide td:first-child {

	border-left: 0;

}



.table-ne-guide td, .table-ne-guide th {

	text-align: center;

	border-left: 1px solid #000000;

	border-top: 1px solid #000000;

	color: #1a1212;

	font-size: 14px;

	font-weight: 300;

}



.pcr-tire-post {

	position: relative;

	height: 840px;

	/* margin-top: 2px; */

}



.pcr-tire-bck {

	width: 100%;

	height: 460px;

	background-color: #000000;

	overflow: hidden;

}



.pcr-tire-ci > h3 {

	margin-top: 30px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #FFFFFF;

}



.cricle-tire {

	width: 750px;

	height: 750px;

	background-color: #b2b2b2;

	margin: auto;

	border-radius: 50%;

}



.dn-bk-pcr {

	width: 750px;

	height: 750px;

	position: absolute;

	left: 0;

	right: 0;

	top: 60px;

	margin: auto;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.db-bk-crv {

	width: 345px;

	height: 345px;

	background-image: url(../img/tireguide/layer.png);

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	background-size: cover;

}



.db-bk-crv-text {

	width: 264px;

	height: 264px;

	box-shadow: 2px 5px 4px 5px rgba(28, 12, 12, 0.05);

	background-color: #e31e24;

	position: absolute;

	top: 48%;

	left: 53%;

	transform: translate(-50%, -50%);

	border-radius: 50%;

}



.db-bk-crv-text span {

	display: block;

	color: #ffffff;

	font-size: 23px;

	font-weight: 700;

	margin-top: 83px;

	margin-bottom: 15px;

	width: 160px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	line-height: 23px;

}



.db-bk-crv-text p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	width: 113px;

	margin: auto;

	text-align: center

}



.dn-btng ul li {

	width: 33px;

	height: 34px;

	border: 1px solid #ffffff;

	background-color: #707070;

	border-radius: 50%;

	position: absolute;

	opacity: 0.45;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	overflow: hidden;

}



.btn-dn-d {

	width: 26px;

	height: 26px;

	background-color: #e31e24;

	border-radius: 50%;

	position: absolute;

	left: 9%;

	top: 10%;

	color: #ffffff;

	padding: 0;

	font-weight: 300;

}



.dn-btng ul li.active {

	opacity: 1;

	transform: scale(1.2);

}



.dn-btng ul li:hover {

	opacity: 1;

	transform: scale(1.2);

}



.dn-btng ul li:hover .btn-dn-d {

	color: #ffffff;

}



.dn-btng ul li.btn-1 {

	right: 262px;

	top: 77px;

}



.dn-btng ul li.btn-2 {

	right: 216px;

	top: 133px;

}



.dn-btng ul li.btn-3 {

	top: 352px;

	right: 78px;

}



.dn-btng ul li.btn-4 {

	bottom: 231px;

	right: 135px;

}



.dn-btng ul li.btn-5 {

	bottom: 81px;

	right: 340px;

}



.dn-btng ul li.btn-6 {

	bottom: 104px;

	right: 471px;

}



.dn-btng ul li.btn-7 {

	bottom: 197px;

	left: 157px;

}



.dn-btng ul li.btn-8 {

	top: 478px;

	left: 92px;

}



.dn-btng ul li.btn-9 {

	top: 241px;

	left: 120px;

}



.dn-btng ul li.btn-10 {

	top: 322px;

	left: 92px;

}



.dn-btng ul li.btn-11 {

	top: 112px;

	left: 206px;

	;

}



.dn-btng ul li.btn-12 {

	top: 78px;

	left: 305px;

}

.dn-btng ul li.btn-13 {

	top: 308px;

	left: 35px;

}

.dn-btng ul li.btn-14 {

	top: 78px;

	left: 475px;

}

.dn-btng ul li.btn-15 {

	top: 168px;

	left: 575px;

}

.dn-btng ul li.btn-16 {

	top: 118px;

	left: 115px;

}



.dn-btng ul li.btn-17 {

	top: 28px;

	left: 235px;

}



.dowland-pcr {

	width: 100%;

	height: 530px;

	background-image: url(../img/tireguide/pcr/black_car.png);

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat;

}



.dowland-pcr-header h3 {

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 30px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #FFFFFF;

}



.dwl-item-card {

	width: 194px;

	margin-left: 75px;

	cursor: pointer;

	position: relative;

	top: 0;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.dwl-item-card:hover {

	top: -10px;

}



.dwl-item-card h3 {

	color: #ffffff;

	font-size: 14px;

	font-weight: 700;

	margin-bottom: 13px;

}



.dwl-uit-02-03 {

	width: 100%;

	height: 291px;

	border-radius: 14px;

	border: 1px solid #ffffff;

	padding-top: 21px;

	padding-left: 17px;

	padding-right: 17px;

	padding-bottom: 18px;

}



.dwl-grp-01 {

	display: flex;

	justify-content: flex-end;

	margin-top: 12px;

}



.dwl-grp-01 a {

	color: #ffffff;

	font-size: 14px;

	font-weight: 700;

	display: flex;

	align-items: flex-end;

}



.dwl-grp-01 a > span {

	display: block;

	position: relative;

	right: 8px;

	top: -5px;

}



/****** PAGE PCR TIRES GUIDE  STYLES END ******/



/****** PAGE PRODUCT STYLES START ******/



.tkn-hd-menu {

	position: absolute;

	right: 58px;

	top: 13px;

}



.tkn-hd-menu ul {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.tkn-hd-menu ul li a .svg {

	width: 47px;

	height: 21px;

	margin-left: 24px;

}



.tkn-hd-menu ul li a .svg path {

	fill: #ffffff;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tkn-hd-menu ul li a:hover .svg path {

	fill: #de2c26;

}



.tkn-hd-menu ul li a.activesvg .svg path {

	fill: #de2c26;

}



.pr-fil-01 {

	width: 100%;

	background-color: #2B2A29;

	padding-top: 12px;

	padding-bottom: 12px;

	margin-bottom: -3px;

}



.filter-prd {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.btn-filp {

	position: relative;

	width: 195px;

	height: 40px;

	border-radius: 5px;

	border: 2px solid #ffffff;

	color: #fff;

	font-size: 15px;

	font-weight: 700;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-filp:hover {

	background-color: #e31e24;

	color: #ffffff;

	border-color: #e31e24;

}



.btn-filp:focus {

	box-shadow: none;

}



.btn-filp.dropdown-toggle::after {

	border: none;

}



.hg-csd {

	position: absolute;

	right: 10px;

	top: 5px;

}



.btn-filp .svg path {

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-filp:hover .svg path {

	fill: #ffffff;

}



.filp-dropdown-menu {

	min-width: 100%;

}



.filp-dropdown-menu .dropdown-item {

	font-weight: 300;

}



.pcr-bg {

	width: 100%;

	height: 100%;

	background-size: cover;

	background-repeat: no-repeat;

	padding-bottom: 150px;

}



.padding-left {

	padding-left: 63px;

}



.padding-right {

	padding-right: 167px;

}



.tire-count {

	margin-top: 55px;

}



.tire-count-cion h3 {

	color: #c5c6c6;

	font-size: 18px;

	font-weight: 700;

}



.tire-count-cion h3 strong {

	color: #ffffff;

	font-weight: 700;

}



.tire-card {

	width: 100%;

	position: relative;

}



.tire-card-header {

	margin-top: 30px;

	margin-bottom: 39px;

}



.tire-card-header h3 {

	width: 100%;

	color: #ffffff;

	font-size: 18px;

	font-weight: 700;

}



.br-jko-s {

	width: 100%;

	height: 3px;

	background-color: #898989;

}



.tire-card-body {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-bottom: 100px;

}



.fil-prc-d {

	margin-top: 55px;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.fil-prc-50 {

	width: 50%;

}



.go-d-s01 {

	margin-bottom: 24px;

}



.pc-ico-go {

	display: block;

	width: 65px;

}



.agricvg .pc-ico-go .svg {

	width: 65px;

	height: 45px;

}



.pc-ico-go .svg path {

	fill: #ffffff;

}



.btn-go-ds {

	width: 236px;

	height: 43px;

	border-radius: 5px;

	border: 2px solid #fff;

	color: #fff;

	font-size: 16px;

	font-weight: 700;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	margin-top: 10px;

	text-align: left;

}



.btn-go-ds:hover {

	background-color: #e31e24;

	color: #ffffff;

	border-color: #e31e24;

}



.btn-go-ds:focus {

	box-shadow: none;

}



.go-d-s01.active .btn-go-ds {

	background-color: #ff0000;

	color: #ffffff;

	border-color: #ff0000;

}



.go-d-s01.active .pc-ico-go .svg path, .go-d-s01.active .pc-ico-go .svg polyline, .go-d-s01.active .pc-ico-go .svg polygon {

	fill: #e31e24;

}



.fil-che {

	margin-top: 47px;

}



.fil-text span {

	display: block;

	font-size: 15px;

	text-decoration: none;

	color: #ebecec;

	margin-bottom: 15px;

	font-weight: bold;

}



.cjk-new {

	margin-bottom: 19px;

}



.cjk-new .custom-control-label {

	cursor: pointer;

	display: flex;

	align-items: baseline;

	font-weight: 500;

	font-size: 14px;

	line-height: 13px;

	color: #FFFFFF;

}



.cjk-new .custom-control-label::before {

	width: 25px;

	height: 25px;

	border-radius: 5px;

	border: 2px solid #ebecec;

	background-color: transparent;

}



.custom-control-input:checked~

.custom-control-label::before {

	border-color: #e31e24;

	background-color: #e31e24;

}



.custom-checkbox .custom-control-input:checked~

.custom-control-label::after {

	background-image: none;

}



.custom-control-input:focus~

.custom-control-label::before {

	box-shadow: none;

}



.icon-filter-chck {

	display: inline-block;

	width: 20px;

	height: 25px;

	margin-left: 15px;

	margin-right: 20px;

	position: relative;

	line-height: 28px;

}



.ico-left-01 {

	display: inline-block;

	width: 47px;

	margin-left: 17px;

}



.ico-right-01 {

	display: inline-block;

	width: 38px;

	margin-left: 38px;

}



.icon-filter-chck .svg path, .ico-left-01 .svg path, .ico-right-01 .svg path .cls-1 {

	fill: #ffffff;

}



.text-icon-s {

	margin-left: 17px;

	display: inline-block;

	width: 90px;

	line-height: 32px;

}



.run-flat {

	margin-top: 45px;

}



.filt-ck-text {

	display: inline-block;

	position: relative;

	top: 10px;

	margin-left: 15px;

}



.fil-rest {

	margin-top: 54px;

}



.btn-rs {

	width: 101px;

	height: 37px;

	border-radius: 7px;

	background-color: #000000;

	color: #ebecec;

	font-size: 16px;

	font-weight: 700;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-rs:hover {

	background-color: #e31e24;

	color: #ffffff;

	border-color: #e31e24;

}



.btn-rs:focus {

	box-shadow: none;

}



.tire-count-cion {

	position: relative;

}



.tire-count-cion span {

	position: absolute;

	left: -16px;

	top: 0;

}



/* .agr-tops-label {

 position: relative;

 top: 6px;

 } */



.filter-prd-2 {

	justify-content: flex-start;

}



.filter-prd-2 .dropdown:last-child {

	margin-left: 200px;

}



.fil-prc-50-drop .btn-filp {

	width: 236px;

	height: 43px;

	margin-top: 54px;

	text-align: left;

}



.fil-prc-50-drop .filp-dropdown-menu {

	min-width: 236px;

}



.p-vrt-card .tire-card-body {

	margin-top: 51px;

	justify-content: space-between;

}



.p-vrt-card .tire-card-body .owl-tire {

	width: 22%;

	margin-bottom: 105px;

}



/****** PAGE PRODUCT STYLES END ******/



/****** PAGE PRODUCT DETAIL STYLES START ******/



.pro-det-banner {

	position: relative;

	width: 100%;

	height: 450px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.p-det-bn-text {

	width: 20%;

	margin-top: 70px;

	border-bottom: 1px solid #fff;

	padding-bottom: 5px;

}

.p-det-bn-text h1 {

	font-weight: bold;

	font-size: 45px;

	/* identical to box height, or 125% */

	color: #E1251B;

}

.p-det-bn-text h4 {



	/* identical to box height, or 325% */

	font-weight: bold;

	font-size: 20px;

	line-height: 20px;

	/* identical to box height, or 100% */

	color: #FFFFFF;

}



.p-256-01, .p-256-02 {

	display: inline-block;

	color: #ffffff;

	font-weight: 700;

	background-color: rgba(55, 52, 53, 0.5);

	padding: 5px 10px;

}



.p-256-01 {

	font-size: 28px;

	letter-spacing: 0.35px;

}



.p-256-02 {

	font-size: 71px;

	letter-spacing: 0.17px;

	line-height: 60px;

}



.p-257-dp {

	margin-top: 21px;

	margin-bottom: 16px;

}



.p-257-01 {

	background-color: rgba(55, 52, 53, 0.5);

	color: #ffffff;

	font-size: 27px;

	font-weight: 700;

	letter-spacing: 0.32px;

	padding: 5px 6px;

	display: inline-block;

}



.p-t-257-01 {

	font-size: 17px;

	font-weight: 300;

	line-height: 23px;

}



.p-258-01 {

	display: inline-block;

	color: #ffffff;

	font-size: 17px;

	font-weight: 500;

	line-height: 23px;

	padding: 9px 7px;

	background-color: rgba(55, 52, 53, 0.5);

}



.p-t-258-01 {

	font-size: 20px;

	font-weight: 700;

}



.pro-menu-dt {

	position: absolute;

	bottom: 0;

	width: 100%;

	background: rgba(55, 52, 53, 0.5);

	border-top: 5px solid #E1251B;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.pro-menu-dt-fixed {

	position: fixed;

	top: 0;

	z-index: 9;

	background-color: #000;

	height: 51px;

}



.pr-grop-01 {

	display: flex;

}



.pro-mn-icon-01-left {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.por-icon-v01 {

	width: 62px;

	height: 46px;

	background-color: #E1251B;

	margin-right: 20px;

	position: relative;

}



.icon-pro-02361 {

	position: absolute;

	left: 0;

	right: 0;

	margin: auto;

	top: 50%;

	transform: translateY(-50%);

}



.pro-mn-icon-01-right {

	position: absolute;

	right: 58px;

	top: 0;

	width: 62px;

	height: 46px;

	background-color: #727376;

}



.type-cion > img {

	position: relative;

	left: 0;

	right: 0;

	display: block;

	margin: auto;

	top: -25px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	width: 45px;

}



.pro-menu-dt-fixed .type-cion > img {

	top: 5px;

	width: 32px;

	height: 32px;

}



.type-cion > span {

	display: block;

	color: #ffffff;

	font-size: 13px;

	font-weight: 500;

	margin-top: -22px;

	text-align: center;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.pro-menu-dt-fixed .type-cion > span {

	opacity: 0;

}



.pro-mn-txt > ul {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	margin-left: 28px;

}



.pro-mn-txt > ul > li > .btn-p-men {

	color: #ffffff;

	font-size: 14px;

	font-weight: 500;

	cursor: pointer;

	border-radius: 0;

	height: 46px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.pro-mn-txt > ul > li > .btn-p-men.active {

	/* background-color: #ed3237; */

}



.pro-mn-txt > ul > li > .btn-p-men:hover {

	background-color: #ed3237;

}



.pro-mn-txt > ul > li > .btn-p-men:focus {

	box-shadow: none;

}



.tech-headers {

	width: 100%;

	height: 99px;

	background-color: #373435;

}



.ty-thr-dfex {

	position: relative;

	display: flex;

}

.tx-0-236636 {

	margin-left: 105px;

}

.tx-0-236636 p {

	margin-top: 10px;

	width: 60%;

	color: #ffffff;

	font-size: 12px;

	letter-spacing: -0.22px;

	line-height: 18px;

	font-weight: bold;

}



.thyi-2366 {

	position: absolute;

	top: -270px;

	right: 0;

}



.threesixty-down {

	width: 455px;

	height: 164px;

	background-image: url(../img/product/360down.png);

	position: absolute;

	bottom: -60px;

	right: -51px;

	z-index: 1;

}



.threesixty {

	position: relative;

	z-index: 2;

	left: 15px;

}



.threesixty .nav_bar.top-right {

	display: none;

}



.tech-boys {

	background-image: url(../img/product/pcr/detail/bg.png);

	background-color: #212121;

	height: 751px;

	width: 100%;

	padding-top: 138px;

	background-repeat: no-repeat;

	/* background-position: center -452px; */

	background-size: cover;

}



.tech-top {

	position: relative;

}



.left-tir-info {

	position: absolute;

	left: 0;

	/* top: 0; */

	width: 36px;

	height: 153px;

	transform: rotate(-180deg);

	border-top-left-radius: 12px;

	background: #E1251B;

	border-radius: 5px 0px 0px 5px;

}



.left-tir-info span {

	position: absolute;

	left: -60px;

	transform: rotate(-269deg);

	z-index: 1;

	width: 153px;

	top: 69px;

	text-align: center;

	/* identical to box height, or 167% */

	font-weight: 500;

	font-size: 12px;

	line-height: 20px;

	/* identical to box height, or 167% */

	color: #FFFFFF;

}



.tires-ds-l215 h3 {

	color: #ffffff;

	font-size: 29px;

	font-weight: 700;

	line-height: 23px;

	margin-bottom: 79px;

}



.p-ter-clik img {

	display: block;

	margin-left: auto;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	width: 100%;

}



.tires-pro-me-cl {

	overflow: hidden;

	height: 596px;

	overflow-y: auto;

}



.tires-pro-me-cl ul {

	margin-top: 69px;

	margin-right: 10px;

}



.tires-pro-me-cl ul .tires-pro-me-cl-li {

	display: flex;

	justify-content: flex-end;

	cursor: pointer;

	align-items: baseline;

	margin-bottom: 28px;

}



.tires-pro-me-cl .tires-pro-me-cl-li span .svg {

	margin-right: 32px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tires-pro-me-cl .tires-pro-me-cl-li p {

	width: 422px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 18px;

	border-radius: 16px;

	padding-top: 18px;

	padding-left: 16px;

	padding-right: 10px;

	padding-bottom: 16px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tires-pro-me-cl .tires-pro-me-cl-li:hover span .svg {

	transform: rotate(-180deg);

}



.tires-pro-me-cl .tires-pro-me-cl-li:hover span .svg path {

	fill: #007297;

}



.tires-pro-me-cl.tbrs-ass ul .tires-pro-me-cl-li:hover span .svg path {

	fill: #da8a67;

}



.tires-pro-me-cl.tbrs-agri ul .tires-pro-me-cl-li:hover span .svg path {

	fill: #658248;

}



.tires-pro-me-cl.tbrs-otr ul .tires-pro-me-cl-li:hover span .svg path {

	fill: #eed883;

}



.tires-pro-me-cl.tbrs-mland ul .tires-pro-me-cl-li:hover span .svg path {

	fill: #88ad84;

}



.tires-pro-me-cl .tires-pro-me-cl-li:hover p {

}



.tires-pro-me-cl.tbrs-ass ul .tires-pro-me-cl-li:hover p {

	background-color: #da8a67;

}



.tires-pro-me-cl.tbrs-agri ul .tires-pro-me-cl-li:hover p {

	background-color: #658248;

}



.tires-pro-me-cl.tbrs-otr ul .tires-pro-me-cl-li:hover p {

	background-color: #eed883;

	color: #000000;

}



.tires-pro-me-cl.tbrs-mland ul .tires-pro-me-cl-li:hover p {

	background-color: #CEBD67;

}



.tires-pro-me-cl ul .tires-pro-me-cl-li.active span .svg {

	transform: rotate(-180deg);

}



.tires-pro-me-cl ul .tires-pro-me-cl-li.active span .svg path {

	fill: #007297;

}



.tires-pro-me-cl.tbrs-ass ul .tires-pro-me-cl-li.active span .svg path {

	fill: #da8a67;

}



.tires-pro-me-cl.tbrs-agri ul .tires-pro-me-cl-li.active span .svg path {

	fill: #658248;

}



.tires-pro-me-cl.tbrs-otr ul .tires-pro-me-cl-li.active span .svg path {

	fill: #eed883;

}



.tires-pro-me-cl.tbrs-mland ul .tires-pro-me-cl-li.active span .svg path {

	fill: #88ad84;

}



.tires-pro-me-cl ul .tires-pro-me-cl-li.active p {

	background: #248EB7;

	border-radius: 5px;

}



.tires-pro-me-cl.tbrs-ass ul .tires-pro-me-cl-li.active p {

	background-color: #da8a67;

}



.tires-pro-me-cl.tbrs-agri ul .tires-pro-me-cl-li.active p {

	background-color: #658248;

}



.tires-pro-me-cl.tbrs-otr ul .tires-pro-me-cl-li.active p {

	background-color: #F1DB88;

	color: #000000;

}



.tires-pro-me-cl.tbrs-mland ul .tires-pro-me-cl-li.active p {

	background-color: #CEBD67;

}



.table-panel {

	border-top: 5px solid #ed3237;

	background-color: #e6e7e8;

	padding-top: 30px;

	padding-bottom: 30px;

	position: relative;

}



.table-panel .left-tir-info {

	/* top: 75px; */

}



.table-header-filter h3 {

	color: #000000;

	font-size: 26px;

	font-weight: 700;

	line-height: 23px;

	text-transform: uppercase;

	letter-spacing: -1.79px;

	margin-bottom: 20px;

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	/* identical to box height */

	color: #424242;

}



.table-header-filter h3 span {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	/* identical to box height */

	color: #424242;

}



.table-pcr thead {

	background-color: #727376;

}



.table-pcr thead th {

	vertical-align: middle;

	padding: 0.9em;

	color: #ffffff;

	font-size: 11px;

	font-weight: 700;

	line-height: 14px;

	text-transform: uppercase;

	letter-spacing: 0.74px;

	text-align: center;

	border: 1px solid #bdbfc1;

}



.table-row-big > thead th {

	padding: 0.3em;

}



.tablethis td.rfvar {

	font-weight: bolder;

	font-size: 11px;

	color: #000000;

}



.arrow-table {

	position: absolute;

	left: 11px;

	top: 2px;

	color: #ed3237;

	font-size: 18px;

}



.tablethis  tr.data-table-tr td {

	background-color: #d2d3d5;

}



.tablethis  tr.data-table-tr tbody tr td {

	background-color: #ffffff;

	border: 1px solid #bdbfc1;

}



.tablethis  tbody tr {

	cursor: pointer;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	height: auto !important;

}



.tablethis  tbody tr:hover {

	background-color: rgb(169 171 174 / 25%);

}



.tablethis tbody tr.active {

	background-color: rgba(169, 171, 174, 0.6);

}



.tablethis tbody::before {

	/* content: ""; */

	/* display: block; */

	/* margin-bottom: 9px; */

}



.btn-tr {

	font-size: 43px;

	color: #ed3237;

	margin-top: 10px;

	line-height: 12px;

	float: left;

	width: 11%;

}



.btn-tr:hover {

	color: #ed3237;

}



.btn-tr:focus {

	box-shadow: none;

}



.btn-table {

	width: auto;

	height: 36px;

	border-radius: 5px;

	border: 1px solid #424242;

	color: #373435;

	font-size: 17px;

	font-weight: 700;

	line-height: 17px;

	letter-spacing: 1.17px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	margin-right: 12px;

	margin-bottom: 20px;

}



.btn-table.active {

	background-color: #e31e24;

	color: #ffffff;

	border-color: transparent;

}



.btn-table:hover {

	background-color: #e31e24;

	color: #ffffff;

	border-color: transparent;

}



.btn-table:focus {

	box-shadow: none;

}



.table-checkbox-main {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	margin-bottom: 20px;

}



.table-cek {

	width: 24%;

}



.table-cek .custom-control-label {

	color: #000000;

	font-size: 16px;

	font-weight: 700;

}



.table-cek .text-icon-s {

	width: auto;

	margin-left: 14px;

	line-height: 34px;

}



.table-cek .custom-control-label::before {

	border: 1px solid #a9abae;

}

.table-cek .custom-control-input:checked~

.custom-control-label::before {

	background-color: transparent;

}

.table-cek .custom-control-input:checked~

.custom-control-label::after {

	background-image: url(../img/icon/tick.svg);

	background-size: cover;

}

.table-cek .custom-control-label::after {

	top: 8px;

	left: -19px;

}

.product-map {

	position: relative;

	width: 100%;

	height: 858px;

	background-color: #000000;

	padding-top: 75px;

}



h3.mp-ytit, h3.pr-dovl {

	color: #ffffff;

	font-size: 29px;

	font-weight: 700;

	line-height: 23px;

}



.map-p-img {

	width: 100%;

	margin-top: 30px;

}



.map-p-img img {

	display: block;

	margin: auto;

}



.product-dowland {

	position: relative;

	margin-top: 75px;

}



.product-map .left-tir-info, .product-dowland .left-tir-info {

	top: 75px;

}



h3.pr-dovl {

	color: #373435;

}



.pro-dowl-main {

	margin-top: 65px;

	display: flex;

	justify-content: flex-end;

	flex-wrap: wrap;

}



.pro-dowl-main > .dwl-item-card {

	margin-bottom: 55px;

	margin-left: 18px;

}



.pro-dowl-main > .dwl-item-card h3 {

	color: #353233;

	text-align: center;

}



.pro-dowl-main > .dwl-item-card > .dwl-uit-02-03 {

	border: 1px solid #bdbfc1;

}



.pro-dowl-main > .dwl-item-card > .dwl-uit-02-03 > .dwl-grp-01 a > span {

	color: #a9abae;

}



.tires-pro-me-cl::-webkit-scrollbar {

	width: 6px;

	height: 6px;

}



.tires-pro-me-cl::-webkit-scrollbar-thumb {

	background: #5f5f5fd3;

	border: 0px none #5f5f5fd3;

	border-radius: 50px;

}



.tires-pro-me-cl::-webkit-scrollbar-thumb:hover {

	background: #5f5f5fd3;

}



.tires-pro-me-cl::-webkit-scrollbar-thumb:active {

	background: transparent;

}



.tires-pro-me-cl::-webkit-scrollbar-track {

	background: transparent;

	border: 0px none #ffffff;

	border-radius: 15px;

}



.tires-pro-me-cl::-webkit-scrollbar-track:active {

	background: #5f5f5fd3;

}



.tires-pro-me-cl::-webkit-scrollbar-corner {

	background: transparent;

}



.table-pcr-context {

	float: left;

	width: 80%;

}



.table-auto-device {

	width: 80%;

	margin: auto;

}



/****** PAGE PRODUCT DETAIL STYLES END ******/



.footerson {

	padding-top: 60px;

	padding-bottom: 20px;

	background: #000000;

}

.footerson h4 {

	font-weight: bold;

	font-size: 24px;

	line-height: 29px;

	color: #fff;

	margin-bottom: 15px;

}

.footerson ul {



}

.footerson ul li {

	list-style: none;

}

.footerson ul li a {

	font-weight: 100;

	font-size: 16px;

	line-height: 17px;

	color: #FFFFFF;

	line-height: 30px;

}

.foot1 {

	border-right: 1px solid #ffffff6e;

}

.foot2 {

	padding-left: 80px;

	border-right: 1px solid #ffffff6e;

}

.foot3 {

	padding-left: 50px;

	border-right: 1px solid #ffffff6e;

}

.foot4 {

	padding-left: 50px;

}

.footerenaltdiv .row {

	margin-top: 70px;

}

.footerenaltdiv .col-lg-10 {

	border-bottom: 1px solid #fff;

	padding-right: 0;

}

.footerenaltdiv .col-lg-10 ul {

	float: right;

}



.footerenaltdiv .col-lg-10 ul li {

	display: inline-block;

	margin: 0px 0px 0px 20px;

}

.footercopyright {

	margin-top: 20px !important;

}

.footercopyright div {

	text-align: right;

	padding-right: 0;

}

.footercopyright p {

	color: #fff;

	font-weight: 100;

}

.owl-tire-footer .summerikon::before {

	content: "";

	width: 25px;

	height: 25px;

	position: absolute;

	top: 4px;

	left: 0px;

	background-image: url(../img/summerikon.png);

	background-size: contain;

	background-repeat: no-repeat;

}



.owl-tire-footer .allweatherikon::before {

	content: "";

	width: 25px;

	height: 25px;

	position: absolute;

	top: 4px;

	left: 0px;

	background-image: url(../img/allweatherikon.png);

	background-size: contain;

	background-repeat: no-repeat;

}

.owl-tire-footer .winterikon::before {

	content: "";

	width: 25px;

	height: 25px;

	position: absolute;

	top: 4px;

	left: 0px;

	background-image: url(../img/winterikon.png);

	background-size: contain;

	background-repeat: no-repeat;

}



.owl-tire:hover {

	/* padding: 20px 0px 30px 80px; */

	border: 1px solid transparent;

	border-radius: 8px;

	background: rgba(255, 255, 255, 0.4);

	border-radius: 7px;

}

.detailokcss {

	width: 10px !important;

	margin-right: 10px;

}

.sliderdetailbuton .btn-owl-more {

	border: 2px solid #ffffff;

	box-sizing: border-box;

	border-radius: 5px;

	padding: 8px 0px 8px 15px;

	height: auto;

	margin-top: 15px;

}

.sliderdetailbuton .btn-owl-more:hover {

	background: transparent;

	color: #fff;

}



.owl-tire:hover .sliderdetailbuton .btn-owl-more {

	background: #E1251B;

	transition: 0.5s;

}



#backtotop {

	display: none;

	position: fixed;

	bottom: 20px;

	right: 30px;

	z-index: 99999999;

	font-size: 18px;

	border: none;

	outline: none;

	background-color: red;

	color: white;

	cursor: pointer;

	padding: 0px 5px 0px 4px;

	width: 50px;

	height: 50px;

	border-radius: 50px;

}



#backtotop:hover {

	background-color: #555;

	transition: 0.5s;

}

#backtotop img {

	width: 25px;

}



.history-year-group > ul > li::after {

	background-image: url('../img/tarihcedotlar.png');

	content: "";

	width: 18px;

	height: 18px;

	position: absolute;

	top: 40px;

	background-size: contain;

	margin-left: -38px;

}

.tarihcardlari {

	background: #fff;

	width: 100% !important;

}

.tarihcardlari .card-history-text-01 {



}

.tarihcardlari .card-history-text-01 h5 {

	font-weight: bold;

	font-size: 20px;

	line-height: 36px;

	color: #E1251B;

	margin-top: 15px;

	border-bottom: 1px solid #00000085;

	width: fit-content;

}

.tarihcardlari .card-history-text-01 h6 {

	font-weight: bold;

	font-size: 16px;

	color: #464646;

	height: 30px;

	margin-bottom: 0;

}

.tarihcardlari .card-history-text-01 p {

	font-weight: 300;

	font-size: 12px !important;

	color: #6B6B6B;

	text-align: left;

	height: 250px;

	font-weight: 100;

}

.fa-caret-up:before {



	display: none;

}

.fa-caret-down:before {



	display: none;

}

.shared-values-tab-yeni {

}

.shared-values-tab-yeni h3 {

	color: #ffffff;

	font-size: 45px;

	font-weight: 500;

	margin-top: 30px;

}

.shared-values-tab-yeni ul {

	margin-top: 30px;

}

.shared-values-tab-yeni ul li {

	color: #bdbfc1;

	font-weight: 300;

	font-size: 15px;

	display: block;

	margin-bottom: 10px;

	list-style: none;

	cursor: pointer;

}

.shared-values-tab-yeni ul li .sh-okustclass {

	float: right;

	margin-right: 100px;

	background: #ffffff;

	padding: 12px;

	border-radius: 50px;

	width: 10px;

	height: 10px;

}

.shared-values-tab-yeni ul li .sh-okustclass span {

	position: relative;

	display: block;

	bottom: 8px;

	font-size: 13px;

	color: #000;

	transform: rotate(180deg);

	left: 6px;

	font-weight: bold;

}

.shared-card {

	margin-top: 80px;

}

.shared-card .shcardbg1 {

	background: #C4C4C4;

	border-radius: 7px 7px 0px 0px;

	padding: 10px;

}

.shared-card .shcardbg1 h5 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #464646;

	margin-bottom: 0;

}

.shared-card .shcardbg2 {

	background: #E1251B;

	border-radius: 0px 0px 7px 7px;

	padding: 10px;

	height: 100%;

}

.shared-card .shcardbg2 p {

	font-weight: 100;

	font-size: 16px;

	line-height: 20px;

	color: #FFFFFF;

	padding-top: 15px;

	text-align: justify;

}



.sharedbuton.activee  .sh-okustclass {

	background: #e1251b;

}

.sharedbuton.activee  .sh-okustclass span {

	bottom: 10px;

	transform: rotate(0);

	left: -6px;

	color: #fff;

}

.certificatecard {

	border: 2px solid #FFFFFF;

	box-sizing: border-box;

	border-radius: 7px;

	padding: 20px;

	text-align: center;

	width: 80%;

	margin: auto;

	margin-top: 50px;

	background: #414141;

}



.certificatecard .srtsiyahicon {

	display: none !important;

}

.certificatecard .srtbeyazicon {

	width: 50px !important;

	margin: auto;

	margin-bottom: 20px;

	margin-top: 20px;

}

.certificatecard h6 {

	font-style: normal;

	font-weight: 100;

	font-size: 12px;

	line-height: 15px;

	color: #FFFFFF;

	height: 50px;

}



.certificatecard ul {

	opacity: 1;

	height: 20px;

	margin-top: 25px;

	transition: 0.5s;

	color: #fff;

}

.certificatecard ul li {

	display: inline-block;

}

.certificatecard ul li a {

	font-size: 15px;

	line-height: 9px;

	text-decoration: underline;

	color: #fff;

}

.certificatecard ul li img {

	width: 15px !important;

	margin-bottom: -2px;

}



.owlsertifikalar .owl-next {

	position: absolute;

	top: 50%;

	right: -5%;

}

.owlsertifikalar .owl-prev {

	position: absolute;

	top: 50%;

	left: -5%;

}

.certificatecard:hover {

	cursor: pointer;

	background: #fff;

}

.certificatecard:hover h6 {

	font-weight: 100;

	color: #59595C;

}

.certificatecard:hover  ul {

	opacity: 1;

	transition: 0.5s;

	margin-top: 25px;

	height: 20px;

}



.certificatecard:hover .srtsiyahicon {

	display: inline !important;

	width: 50px !important;

	transition: 0.5s;

	margin: auto;

	margin-bottom: 20px;

	margin-top: 20px;

}



.certificatecard:hover .srtbeyazicon {

	display: none !important;

}

.job-opp-list {



}



.job-opp-list ul {

	text-align: center;

}

.job-opp-list ul li {

	display: inline-block;

	margin: 0px 5px;

	border: 1px solid #E1251B;

	box-sizing: border-box;

	border-radius: 5px;

	padding: 5px 20px;

	cursor: pointer;

	width: 240px;

}



.job-opp-list ul li.activee {

	background: #E1251B;

	box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.35);

	color: #fff;

}

.jobpoportunustdiv {

	margin-top: 30px;

	margin-bottom: 30px;

}



.jobpoportunustdiv .col-lg-10 {

	border-left: 1px solid;

	padding-left: 40px;

}

.jobpoportunustdiv .col-lg-10 h6 {

	font-weight: bold;

	font-size: 14px;

	line-height: 160%;

	letter-spacing: 0.02em;

	color: #2D2D2D;

}

.jobpoportunustdiv .col-lg-10 p {

	font-size: 13px;

	line-height: 180%;

	letter-spacing: 0.02em;

	color: #2D2D2D;

	text-align: justify;

}

.isbasvurubaslik {

	font-style: normal;

	font-weight: bold;

	font-size: 36px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

}

.isbavruruformuinputlar {

	margin-top: 50px;

}

.isbavruruformuinputlar p {

	font-style: normal;

	font-weight: bold;

	font-size: 16px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	margin-bottom: 10px;

}

.isbavruruformuinputlar input {

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	width: 100%;

	height: 55px;

	padding-left: 10px;

	font-style: normal;

	font-weight: 300;

	font-size: 14px;

	line-height: 180%;

	outline: none;

	color: #474747;

	margin-bottom: 30px;

}

.isbavruruformuinputlar select {

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	width: 100%;

	height: 55px;

	padding-left: 10px;

	font-style: normal;

	font-weight: 300;

	font-size: 14px;

	line-height: 180%;

	outline: none;

	color: #474747;

	margin-bottom: 30px;

}

.isbasvurucvportfbutonlari {

	margin-top: 30px;

}

.isbasvurucvportfbutonlari .jobpppbutonlar {

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	padding: 12px 24px;

}

.isbasvurucvportfbutonlari .jobpppbutonlar:hover {

	border: 2px solid #ed2027;

	background: #000;

	transition: 0.5s;

	color: #fff;

}

.isbasvurucvportfbutonlari img {

	position: absolute;

	left: 35px;

	top: 18px;

}

.materialbankliste {

	text-align: center;

	margin-bottom: 30px;

}

.materialbankliste li {

	display: inline-block;

	margin: 0px 10px;

}

.materialbankliste li select {

	background: #E1251B;

	border-radius: 5px;

	padding: 12px 24px;

	border: none;

	font-style: normal;

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	outline: none;

}

.materialcard {

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center;

	height: 500px;

	width: 90%;

	border-radius: 7px;

	margin: auto;

	margin-top: 70px;

}

.materialcard .matcardopdiv {

	position: absolute;

	bottom: 15px;

	width: 90%;

	background: #fff;

	padding: 20px;

	border-radius: 0px 0px 7px 7px;

	height: 90px;

	opacity: 0;

	transition: 0.5s;

}

.materialcard h5 {

	font-style: normal;

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	color: #000000;

	float: left;

	display: inline-block;

	margin-top: 10px;

}



.materialcard ul {

	text-align: center;

	position: relative;

	opacity: 0;

	transition: 0.5s;

	bottom: 55%;

}

.materialcard li {

	display: inline-block;

	margin: 0px 5px;

}

.materialcard li img {

	width: 60px !important;

}



.materialcard .matpetlaslogo {

	width: 20px !important;

	float: right;

	display: inline-block !important;

}

.materialcard:hover {

	cursor: pointer;

}

.materialcard:hover ul {

	opacity: 1;

	transition: 0.5s;

	z-index: 9999999999999999999999;

}



.materialcard:hover .matcardopdiv {

	opacity: 1;

	transition: 0.5s;

}

.materialcardresim {

	height: 100%;

	object-fit: contain;

}

.materialcard:hover .materialcardresim {

	filter: grayscale(70%);

	-webkit-filter: grayscale(70%);

}

.owlmaterial .owl-nav {

	display: block !important;

}

.owlmaterial .owl-prev {

	position: absolute;

	left: -5%;

	top: 40%;

}

.owlmaterial .owl-next {

	position: absolute;

	right: -5%;

	top: 40%;

}

/*--*/

.dropdownmat {

	position: relative;

	display: inline-block;

	height: 50px;

}



.dropdown-contentmat {

	display: none;

	position: absolute;

	background-color: #f9f9f9;

	min-width: 160px;

	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

	padding: 12px 16px;

	z-index: 99999;

}



.dropdownmat:hover .dropdown-contentmat {

	display: block;

	cursor: pointer;

	height: 160px;

	overflow: auto;

}

/*--*/

.dropdownmat span {

	background: #E1251B;

	border-radius: 5px;

	font-style: normal;

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 12px 24px;

}

.dropdownmat img {

	margin-left: 10px;

}

.dropdown-contentmat ul {

	text-align: left;

}

.dropdown-contentmat ul li {

	display: block;

}

.merch-body {

	padding-bottom: 30px;

}

.owlmer .owl-nav {

	display: block !important;

}

.owlmer .owl-next {

	position: absolute;

	top: 50%;

	right: -5%;

}

.owlmer .owl-prev {

	position: absolute;

	top: 50%;

	left: -5%;

}

.contactforminputlar {



}



.contactforminputlar p {

	font-style: normal;

	font-weight: bold;

	font-size: 16px;

	line-height: 140%;

	/* or 22px */

	letter-spacing: 0.02em;

	color: #FFFFFF;

	margin-bottom: 10px;

}



.contactforminputlar input {

	font-style: normal;

	font-weight: 300;

	font-size: 14px;

	line-height: 180%;

	/* or 25px */



	/* Black Text Color */

	color: #474747;

	padding-left: 10px;

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	outline: none;

	height: 45px;

	width: 100%;

	margin-bottom: 30px;

}



.contactforminputlar select {

	font-style: normal;

	font-weight: 300;

	font-size: 14px;

	line-height: 180%;

	color: #474747;

	padding-left: 10px;

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	outline: none;

	height: 45px;

	width: 100%;

	margin-bottom: 30px;

}



.contactforminputlar textarea {

	font-style: normal;

	font-weight: 300;

	font-size: 14px;

	line-height: 180%;

	color: #474747;

	padding-left: 10px;

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	outline: none;

	height: 150px;

	width: 100%;

	margin-bottom: 30px;

	padding-top: 10px;

}

.contactsiyahbuton {

	background: rgba(0, 0, 0, 0.9);

	border-radius: 7px;

	font-style: normal;

	font-weight: 900;

	font-size: 16px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FAFAFA;

	padding: 16px 44px;

	border: 1px solid #000;

}

.contactsiyahbuton:hover {

	border: 1px solid #000;

	background: #fff;

	color: #9e0700;

	transition: 0.5s;

}

#newsletterbg {

	background-image: url('../img/newsletterbg.jpg');

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;

}

#newsletterbg h1 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #FFFFFF;

	margin-bottom: 20px;

}

#newsletterbg p {

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	/* identical to box height, or 121% */

	text-align: justify;

	color: #FFFFFF;

}

.newsletterinput {

	margin-top: 50px;

}

.newsletterinput .newsinput {

	outline: none;

	background: #FFFFFF;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 4px;

	width: 70%;

	height: 45px;

	padding-left: 10px;

	font-weight: 100;

}

.newsletterinput .newscheck {

	margin-top: 30px;

}

.newsletterinput p {

	font-size: 13px !important;

	letter-spacing: 0.02em;

	margin-bottom: 10px !important;

}

.newsletterinput label {

	font-size: 13px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	cursor: pointer;

}

.newsletterbuton {

	background: #E1251B;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 7px;

	font-weight: 900;

	font-size: 16px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	padding: 12px 34px;

	margin-left: 10px;

}

.newsletterbuton:hover {

	border: 2px solid #E1251B;

	background: #fff;

	color: #E1251B;

	transition: 0.5s;

}

.newsicinputwidth input {

	width: 90% !important;

	margin-bottom: 30px;

}

.newslettercheckboxlist {

	margin-top: 30px;

}

.newslettercheckboxlist h4 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #FFFFFF;

	margin-bottom: 20px;

}

.newslettercheckboxlist ul {

	padding-left: 0;

}

.newslettercheckboxlist ul li {

	line-height: 30px;

}

.newslettercheckboxlist ul li label {

	font-weight: 300;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	cursor: pointer;

}

.newslettercheckboxlist .newsletterbuton {

	margin-left: 0 !important;

}



.uptoicbtn.activee::after {

	content: "";

	background-image: url(../img/Page/update/button-active.png);

	position: absolute;

	width: 101%;

	height: 4px;

	left: -1px;

	bottom: -5px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}

.corporateliste {

	margin-top: 20px;

	margin-bottom: 20px;

}

.corporateliste h4 {

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	text-align: justify;

	color: #000000;

	margin-bottom: 10px;

}

.corporateliste p {

	font-weight: 300;

	font-size: 12px;

	line-height: 17px;

	text-align: justify;

	text-decoration-line: underline;

	color: #000;

	margin-bottom: 10px;

}

.showallbuton {

	background: #E1251B;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 7px;

	font-weight: 900;

	font-size: 16px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	padding: 12px 24px;

}

.showallbuton:hover {

	border: 2px solid #E1251B;

	background: #fff;

	color: #E1251B;

	transition: 0.5s;

}

#corporateicbg {

	background-image: url('../img/cr_icbg.jpg');

	padding-top: 50px;

	padding-bottom: 50px;

	background-size: cover;

	/* overflow: hidden; */

	background-position: center;

}

#corporateicbg h2 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #424242;

}

.checkboxmargintop {

	margin-top: 50px;

}

.crcheckboxlari {



}

.crcheckboxlari label {

	font-size: 16px;

	line-height: 17px;

	color: #696F79;

	font-weight: 100;

	margin-bottom: 20px;

	cursor: pointer;

}

.cricinputdroparama {

	margin-top: 30px;

}

.cricinputdroparama .btn-filter-year {

	background: #FFFFFF;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 4px;

	font-weight: 100;

	font-size: 16px;

	line-height: 17px;

	display: flex;

	align-items: center;

	color: #000000;

}

.cricinputdroparama input {

	height: 35px;

	width: 80%;

	background: #FFFFFF;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 4px;

	padding-left: 10px;

	font-weight: 100;

	outline: none;

	padding-right: 40px;

}

.cricinputdroparama img {

	margin-left: -35px;

}



.cricinputdroparama .btn-filter-year.dropdown-toggle::after {

	border: none;

	background-image: url(../img/asgikucuksiyahok.png);

	position: absolute;

	width: 14px;

	height: 14px;

	right: 8px;

	top: 0px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

}

#cricpetlasaciklama {

	padding-top: 50px;

	padding-bottom: 100px;

}

#cricpetlasaciklama .row {

	margin-bottom: 30px;

}



#cricpetlasaciklama h5 {

	font-weight: 300;

	font-size: 14px;

	line-height: 17px;

	text-align: justify;

	color: #000000;

}

#cricpetlasaciklama h6 {

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	text-align: justify;

	color: #000000;

}

#cricpetlasaciklama h4 {

	font-weight: bold;

	font-size: 16px;

	line-height: 17px;

	text-align: justify;

	color: #464646;

}

#cricpetlasaciklama p {

	font-weight: 300;

	font-size: 12px;

	line-height: 17px;

	text-align: justify;

	color: #424242;

}



.kucukslickoklari .slick-prev, .kucukslickoklari .slick-next {

	display: none !important;

}



.slider-for .solok {

	position: absolute;

	top: 50%;

	right: -5%;

}



.slider-for .sagok {

	position: absolute;

	top: 50%;

	left: -5%;

}



.slick-slider {



	z-index: 999999;

}



.kirmizibg {

	background-color: #ed2027;

}

.grid-01-columns-01 h3, .grid-01-columns-01 p {

	color: #fff;

}



.grid-01-columns-02:hover h3, .grid-01-columns-02:hover p {

	color: #ed2027 !important;

}



.bussbuton.activee .sh-okustclass {

	background: #e1251b;

}

.bussbuton.activee .sh-okustclass span {

	transform: rotate(0);

	left: -6px;

	color: #fff;

	bottom: 10px;

}

.owlenvironment .owl-nav {

	display: block !important;

}



.footerenaltdiv .col-lg-2 img {

	width: 100%;

}

.with-tire-main-loop:hover .with-tire-img img {

	transform: scale(1.1);

	transition: 0.5s;

	margin-top: 15px;

}



.with-tire-main-loop {

	transition: 0.5s !important;

}

.noproductfound {

	display: none;

}

/*----*/

.btn-petlas {

	color: #ed2027 !important;

	position: relative;

	display: inline-block;

	background-color: #ed2027;

	border-radius: 8px;

	padding: 8px 14px;

	text-align: center;

	text-decoration: none;

	border: 1px solid #ed2027;

	overflow: hidden;

}

.btn-petlas span {

	position: absolute;

	display: block;

	width: 0;

	height: 0;

	border-radius: 50%;

	background-color: #fff;

	-moz-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-o-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-webkit-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

.btn-petlas p {

	display: inline;

	color: #fff;

	position: relative;

	font-weight: bold;
    
	font-size:15px;
}

.btn-petlas:hover p {

	color: #ed2027 !important;

	z-index: 999999999999;

}

.btn-petlas:hover span {

	width: 300px;

	height: 200px;

	z-index: 1;

}



/*----*/



.btn-petlas-outline {

	position: relative;

	display: inline-block;

	background-color: #ffffff;

	border-radius: 8px;

	padding: 8px 14px;

	text-align: center;

	text-decoration: none;

	border: 1px solid #ed2027;

	overflow: hidden;

}

.btn-petlas-outline span {

	position: absolute;

	display: block;

	width: 0;

	height: 0;

	border-radius: 50%;

	background-color: #ed2027;

	-moz-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-o-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-webkit-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

.btn-petlas-outline p {

	display: inline;

	color: #ed2027;

	position: relative;

	font-weight: bold;

}

.btn-petlas-outline:hover p {

	color: #fff;

	z-index: 999999999999;

}

.btn-petlas-outline:hover span {

	width: 300px;

	height: 200px;

	z-index: 1;

}

/*---*/

.filter-button .btn-petlas {

	padding: 14px 65px;

}



.owl-tire {

	background: rgba(255, 255, 255, 0.4);

	border: 2px solid #FFFFFF;

	box-sizing: border-box;

	border-radius: 7px;

}

.owl-tire:hover {

	background: rgba(255, 255, 255, 0.7);

	border: 2px solid #FFFFFF;

	box-sizing: border-box;

	border-radius: 7px;

	cursor: pointer;

	transition: 1s !important;

}



.owl-tire:hover .owl-tire-title h3 {

	color: #000;

}

.owl-tire:hover .owl-tire-title span {

	color: #000;

}

.owl-tire:hover .owl-tire-footer .summer {

	color: #000;

}



.owl-tire:hover .owl-tire-footer p {

	color: #000;

}

/*----*/

.materiailkutu {

	position: relative;

	height: 430px;

	overflow: hidden;

	border-radius: 7px;

	transition: 0.7s;

	width: 90%;

	margin: auto;

	margin-bottom: 30px;

}

.materiailkutu .kutumatresim {

	height: 100%;

	transition: 0.7s;

}

.materiailkutu:hover {

	cursor: pointer;

	transition: 0.7s;

	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

	overflow: hidden;

}

.materiailkutu:hover .kutumatresim {

	transform: scale(1.1);

	transition: 0.7s;

}

.materiailkutu:hover .overlaymat .aciklama {

	/* bottom: 70px; */

	transition: 0.7s;

}



.materiailkutu:hover .overlaymat {

	opacity: 1;

}

.materiailkutu:hover .overlaymat .butonlar {

	/* top: 35%; */

	opacity: 1;

	transition: 0.7s;

}

.overlaymat {

	width: 100%;

	position: absolute;

	top: 0;

	background-color: rgba(0,0,0,0.1);

	height: 500px;

	opacity: 1;

	transition: 0.7s;

}

.overlaymat .butonlar {

	position: relative;

	top: 0%;

	opacity: 1;

	transition: 0.7s;

	top: 35%;

}

.overlaymat .butonlar ul {

	text-align: center;

	margin: auto;

}

.overlaymat .butonlar ul li {

	display: inline-block;

	margin: auto;

	margin-right: 5px;

	margin-left: 5px;

}

.overlaymat .aciklama {

	position: absolute;

	background: #fff;

	width: 100%;

	padding: 10px;

	border-radius: 0px 0px 7px 7px;

	height: 80px;

	transition: 0.7s;

	bottom: 70px;

}



.overlaymat .aciklama ul {



}

.overlaymat .aciklama ul li {

	display: block;

}



.overlaymat .aciklama ul li img {

	display: block;

	position: absolute;

	right: 10px;

	width: 20px;

}

/*----*/



.butonust {

	background: #000;

	border: 1px solid;

	font-size: 30px;

	color: #fff;

	padding: 5px 10px 5px 10px;

	border-radius: 50%;

	width: 50px;

	height: 50px;

	overflow: hidden;

}

.butonust .matokbutonlarright {

	position: absolute;

	top: 9px;

	font-size: 21px;

	left: 15px;

}



.butonust .matokbutonlarleft {

	position: absolute;

	top: 9px;

	font-size: 21px;

	left: 15px;

}

.butonust:hover .matokbutonlarright {

	left: 25px;

	overflow: hidden;

}

.butonust:hover .matokbutonlarleft {



}



.load:hover #loading {

	-webkit-animation: rotation 2s infinite linear;

}



@-webkit-keyframes rotation {

from {

	-webkit-transform: rotate(0deg);

}

to {

	-webkit-transform: rotate(359deg);

}

}

.accordion ul li:hover {

	transition: 0.5s;

}

.subscribebtndiv {

	display: inline-block;

	position: absolute;

	margin-left: 15px;

	margin-top: -2px;

}

.subscribebtndiv a {

	padding: 12px 30px;

}

/*---tarihceee---*/



.cardtarihce {

	border: none;

	max-width: 70%;

	margin: auto;

	transition: 0.5s;

	cursor: pointer;

	filter: grayscale(100%);

}



.cardtarihce img {



	width: 100%;

}



.cardtarihce .card-body {

	padding: 5px 0px 30px 0px;

}

.cardtarihce .card-body h5 {

	font-weight: bold;

	font-size: 20px;

	line-height: 36px;

	color: #E1251B;

	border-bottom: 1px solid #000;

	width: fit-content;

	margin-bottom: 5px;

}

.cardtarihce .card-body h4 {

	font-weight: bold;

	font-size: 14px;

	line-height: 15px;

	color: #464646;

	margin-bottom: 5px;

}

.cardtarihce .card-body p {

	font-weight: 300;

	font-size: 10px;

	line-height: 14px;

	color: #6B6B6B;

	height: 180px;

}

.slick-center {

	font-weight: bold;

	font-size: 30px;

	line-height: 30px;

	color: #E1251B;

}

.slick-center .cardtarihce {

	transform: scale(1.7);

	margin-top: 110px;

	transition: 0.5s;

}

.slick-slide {

	outline: none;

}



.slick-initialized .slick-slide {



	margin-bottom: 10px;

}

.solok {

	position: absolute;

	top: -14%;

	z-index: 9999999;

	left: -9%;

	cursor: pointer;

	width: 45px;

}



.sagok {

	position: absolute;

	top: -14%;

	z-index: 9999999;

	right: -9%;

	cursor: pointer;

	width: 45px;

}

.tarihce-nav {

	margin-bottom: 50px;

	font-style: normal;

	font-weight: 500;

	font-size: 20px;

	line-height: 19px;

	color: #E8E8E8;

	cursor: pointer;

}

.tarihce-cizgi hr {

	position: absolute;

	background: #000;

	width: 86rem;

	margin-top: 60px;

}

.tarihce-nav img {

	margin-top: 27px;

	margin-left: -16px;

}

.tarihce-baslik {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #464646;

	margin-bottom: 0px;

	text-align: center;

}

#tarihce-petlas {

	padding-top: 30px;

	padding-bottom: 30px;

	z-index: 1;

}

/*---tarihceee---*/

#newst a {

	color: #fff;

}

/*---*/



.animatetransformzero {

}

.animatetransformup7 {

	transform: translateY(-140px);

	transition: 0.7s !important;

	opacity: 0;

}

.animatetransformup6 {

}

.animatetransformup5 {

}

.animatetransformup4 {

	transform: translateY(-110px);

	transition: 0.7s !important;

	opacity: 0;

}

.animatetransformup3 {

}

.animatetransformup2 {

}

.animatetransformup1 {

}



/*---*/

#menu-tab li .item {

margin-left: 1490px;

transition: 1s !important;

opacity: 0;
}

.margin-top-sifirla {

	margin-left: 0px !important;

	transition: 1s !important;

	opacity: 1 !important;

}

/*----ANASAYFA CARDLAR--*/

.buton1 {

	position: relative;

	display: inline-block;

	padding: 10px;

	text-decoration: none;

	text-transform: uppercase;

	color: rgba(255,255,255,0.4);

	background: #2462d5;

	letter-spacing: 2px;

	font-size: 16px;

	width: 150px;

	height: 152px;

	border-radius: 10px;

	border: 2px solid #cbcbcb;

	background-color: #ffffff;

	cursor: pointer;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}

.buton1:hover {



	color: #fff;

	border: 2px solid transparent;

}



.buton1 span {

	display: block;

	position: absolute;

	background: #E1222C;

}

.buton1 span:nth-child(1) {

	left: 0;

	bottom: 0;

	width: 2px;

	height: 100%;

	transform: scaleY(0);

	transition: transform 0.2s;

	transform-origin: bottom;

}

.buton1:hover span:nth-child(1) {

	transform: scaleY(1);

	transform-origin: bottom;

	transition: transform 0.5s;

}

.buton1 span:nth-child(2) {

	left: 0;

	bottom: 0;

	width: 100%;

	height: 2px;

	transform: scaleX(0);

	transition: transform 0.5s;

	transform-origin: left;

}

.buton1:hover span:nth-child(2) {

	transform: scaleX(1);

	transform-origin: left;

	transition: transform 0.5s;

}

.buton1 span:nth-child(3) {

	right: 0;

	top: 0;

	width: 2px;

	height: 100%;

	transform: scaleY(0);

	transform-origin: top;

	transition: transform 0.5s;

}

.buton1:hover span:nth-child(3) {

	transform: scaleY(1);

	transform-origin: top;

	transition: transform 0.5s;

}

.buton1 span:nth-child(4) {

	left: 0;

	top: 0;

	width: 100%;

	height: 2px;

	transform: scaleX(0);

	transform-origin: right;

	transition: transform 0.5s;

}

.buton1:hover span:nth-child(4) {

	transform: scaleX(1);

	transform-origin: right;

	transition: transform 0.5s;

}

#browsetyrescards {

padding-top: 0;

padding-bottom: 50px;

overflow: hidden;
}

#browsetyrescards h4 {

	font-style: normal;

	font-size: 20px;

	line-height: 24px;

	color: #E1222C;

	text-align: center;

	margin-bottom: 40px;

	font-weight: bold;

}

.browseimg {



	text-align: center;

}

.browseimg img {



	padding-top: 25px;

}

.browseaciklama {



}

.browseaciklama h6 {

	color: #343434;

	font-size: 13px;

	font-weight: 500;

	text-transform: uppercase;

	text-align: center;

	margin-top: 36px;

	letter-spacing: 1px;

}

.browsecardcol2 {



	flex: 0 0 14.666667%;

	max-width: 13.666667%;

	margin: auto;

}

/*---------------------------*/



.okanimation {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	position: relative;

	overflow: hidden;

	border: 3px solid #fff;

}

.okanimation .okanimationsol {

	position: absolute;

	top: 12px;

	left: -28px;

	transition: 0.3s;

	transition-delay: 0.2s;

}

.okanimation .okanimationsol img {

	width: 20px;

}

.okanimation .okanimationsag {

	position: absolute;

	top: 10px;

	left: 12px;

	transition: 0.3s;

	transition-delay: 0.1s;

}

.okanimation .okanimationsag img {

	width: 20px;

}



.okanimation:hover {

	cursor: pointer;

	background: #727271;

	transition: 0.5s;

}



.okanimation:hover .okanimationsag {



	left: 50px;

	transition: 0.3s;

}



.okanimation:hover .okanimationsol {

	left: 12px;

	transition: 0.3s;

	top: 10px;

}



/*---------------------------*/



.owlmer .okanimation {

	border: 3px solid #000;

}

.cardtarihce:hover {

	cursor: pointer;

	filter: grayscale(0%);

	transition: 0.5s;

}

.active-60 .item-content.top15 {

	top: 15% !important;

	transition: 2s;

	transition-delay: 0.7s;

}

.cardtarihce {

	opacity: 0.2;

}

.slick-center .cardtarihce {

	opacity: 1;

}

.gribgparag {

	background: rgba(196, 196, 196, 0.6);

	border-radius: 3px;

	padding: 10px 0px 10px 4px;

	border: 3px solid #000;

}

.newssavebtn {

	padding: 14px 50px;

}

.newsletterinput .newsselect {

	outline: none;

	background: #FFFFFF;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 4px;

	width: 70%;

	height: 45px;

	padding-left: 10px;

	font-weight: 100;

	width: 90%;

}



.etch-slider-txt .owl-next {

	position: absolute !important;

	right: -10% !important;

}

.etch-slider-txt .owl-prev {

	position: absolute !important;

	left: -10% !important;

}

.etch-slider-txt .okanimation {

	border: 3px solid #e1251b;

}

.etch-slider-txt .kirmizisolok .okanimationsag {

	top: -5px !important;

}

.etch-slider-txt .kirmizisolok .okanimationsol {

	top: -5px !important;

}



.etch-slider-txt .okanimation .okanimationsag {

	top: -2px;

}

.etch-slider-txt .okanimation:hover .okanimationsol {

	top: -2px;

}

.etch-slider-txt .okanimation .okanimationsol {

	top: -2px;

}



/*--GENEL ACORDION--*/



.accordionkariyer {

	background-color: #eee;

	cursor: pointer;

	padding: 18px;

	width: 100%;

	border: none;

	text-align: left;

	outline: none !important;

	transition: 0.4s;

	color: #5b5b5b;

	font-size: 16px;

	font-weight: 500;

	box-shadow: 0 2px 5px #231f20;

	border-bottom: 2px solid #ffffff;

}



.activekariyer, .accordionkariyer:hover {

	/* background-color: #ccc; */

}



.accordionkariyer:after {

	content: ' ';

	background-image: url('../img/acyukariok.png');

	color: #777;

	font-weight: bold;

	float: left;

	margin-left: 5px;

	background-size: contain;

	display: block;

	width: 20px;

	height: 20px;

	background-repeat: no-repeat;

	margin-right: 10px;

}



.activekariyer:after {

	content: ' ';

	background-image: url('../img/acasagiok.png');

	color: #777;

	font-weight: bold;

	float: left;

	margin-left: 5px;

	background-size: contain;

	display: block;

	width: 20px;

	height: 20px;

	background-repeat: no-repeat;

}



.panelkariyer {

	padding: 0 18px;

	background-color: white;

	max-height: 0;

	overflow: hidden;

	transition: max-height 0.2s ease-out;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -0.17px;

	background-color: #d41e23;

	color: #fff;

	text-align: justify;

}

.acbg1 {

	box-shadow: 0 6px 4px rgba(28, 12, 12, 0.31);

	background-color: #d9dada;

	color: #2b2a29;

}

.acbg6 {



	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #727271;

	color: #2b2a29;

}



.acbg2 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #c5c6c6;

	color: #2b2a29;

}

.acbg3 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #b2b3b3;

	color: #2b2a29;

}



.acbg4 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #9d9e9e;

	color: #2b2a29;

}

.acbg5 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #898989;

	color: #2b2a29;

}

.panelkariyer ul {

	padding-left: 20px;

}

.panelkariyer ul li {

	list-style: outside;

}

.kariyerakordiyonmartop {

	max-height: 700px;

	overflow: auto;

}

.policyakordiyonmartop {

}

.policyacbaslik {

	display: block;

	font-size: 14px;

	width: 30%;

	position: absolute;

	left: 95px;

	margin-top: -5px;

}

.downloadiconu {

	display: inline-block;

	float: right;

}

.downloadiconu img {

	display: block;

	margin: auto;

}

.downloadiconu span {

	display: block;

	text-align: center;

	color: #e31e25;

	font-size: 10px;

	font-weight: 300;

	letter-spacing: 0.13px;

	margin-top: 5px;

}

.acbg7 {

	background-color: #4d4d4d;

}

.acbg8 {

	background-color: #313130;

}

.policyakordiyonmartop .accordionkariyer {

	color: #fff;

}

/*--GENEL ACORDION--*/

.owlenvironment .okanimation {

	border: 3px solid #264c00;

}

.tekerlekanasayfaowl .owl-tire-img img {

	width: 270px;

	height: 404px;

}

.footerson ul li a:hover {

	color: #e1251b;

	transition: 0.5s;

}

.martopmarbot {

	margin-top: 30px;

	margin-bottom: 0px;

}

.grid-career-img-middle img:hover {

	transform: scale(1.2);

	transition: 1s;

}



.aktifcompsliderbtn {

	transform: scale(1.2);

	transition: 1s;

}

.policiesgribg {

	background: #5b5b5b;

	padding-top: 30px;

	padding-bottom: 30px;

}

.policiesgribglistesi {

	padding-left: 0;

	margin-top: 10px;

}



.policiesgribglistesi li {

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	margin-bottom: 5px;

	display: inline-block;

}



.policieslistealt {

}

.policieslistealt li {

	display: block;

	margin: 0px 80px 0px 0px;

	line-height: 25px;

}

.policiesgribg h6 {

	display: block;

	color: #ffffff;

	letter-spacing: -0.17px;

	margin-bottom: 18px;

	font-weight: 100;

	font-size: 13px;

}



.policiesgribglistesi .ployaltlistcizgi:nth-child(1) {

}



.policiesgribglistesi .ployaltlistcizgi:nth-child(2) {

	border-right: 1px solid #ed2027;

	margin-left: 30px;

}

.policiesgribglistesi .ployaltlistcizgi:nth-child(3) {



	margin-left: 30px;

}

.society-loop:hover img {

	transform: scale(1.2);

	transition: 0.5s;

	cursor: pointer;

}

.society-loop-icon img {

	transition: 0.5s;

}



/*-------------*/

select {



	/* styling */

	background-color: white;

	border: thin solid blue;

	border-radius: 4px;

	display: inline-block;

	font: inherit;

	line-height: 1.5em;

	padding: 0.5em 3.5em 0.5em 1em;

	/* reset */



	margin: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-appearance: none;

	-moz-appearance: none;

}



/* arrows */



select.classic {

	background-image: linear-gradient(45deg, transparent 50%, blue 50%), linear-gradient(135deg, blue 50%, transparent 50%), linear-gradient(to right, skyblue, skyblue);

	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;

	background-size: 5px 5px, 5px 5px, 2.5em 2.5em;

	background-repeat: no-repeat;

}



select.classic:focus {

	background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray);

	background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;

	background-size: 5px 5px, 5px 5px, 2.5em 2.5em;

	background-repeat: no-repeat;

	border-color: grey;

	outline: 0;

}



select.round {

	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%);

	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;

	background-size: 5px 5px, 5px 5px, 1.5em 1.5em;

	background-repeat: no-repeat;

}



select.round:focus {

	background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), radial-gradient(gray 70%, transparent 72%);

	background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - .5em) .5em;

	background-size: 5px 5px, 5px 5px, 1.5em 1.5em;

	background-repeat: no-repeat;

	border-color: green;

	outline: 0;

}



select.minimal {

	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);

	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;

	background-size: 5px 5px, 5px 5px, 1px 1.5em;

	background-repeat: no-repeat;

}



select.minimal:focus {

	background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);

	background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;

	background-size: 5px 5px, 5px 5px, 1px 1.5em;

	background-repeat: no-repeat;

	border-color: green;

	outline: 0;

}



select:-moz-focusring {

	color: transparent;

	text-shadow: 0 0 0 #000;

}

.selectok {

	position: absolute;

	right: 40px;

	bottom: 47px;

}

.selectoknewselleric {

	position: absolute;

	right: 80px;

	bottom: 12px;

}

.slidericsayfaoklar .solok {

	width: 20px;

	left: 102%;

}

.slidericsayfaoklar .sagok {

	width: 20px;

}



.tarihceyenioklar .okanimation {

	top: -15%;

	right: -8%;

	position: absolute;

	border: 3px solid;

}

.etch-slider-txt .okanimation:hover {

	background: #fff;

}

.owlsertifikalar .okanimation:hover {

	background: #000;

}

.footergrayscale {

	filter: grayscale(1);

}

.footergrayscale:hover {

	filter: grayscale(0);

	transition: 0.5s;

}

.owlenvironment .okanimation:hover {

	background: #fff;

}

.owlmaterial .okanimation:hover {

	background: #000;

}

.owlmer .okanimation:hover {

	background: #e1251b;

}

.wyh-aciklama-div-sol {

	text-align: center;

}

.wyh-aciklama-div-sol h3 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #FFFFFF;

}

.wyh-aciklama-div-sol img {

	margin-top: 30px;

}

.wyh-aciklama-div-sag {

	border-left: 1px solid #fff;

	padding-left: 30px;

}

.wyh-aciklama-div-sag p {

	font-size: 13px;

	line-height: 14px;

	color: #FFFFFF;

}



.whypetlascard {

	text-align: center;

	padding: 15px 40px 60px 40px;

	border: 1px solid #E1251B;

	box-sizing: border-box;

	box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.35);

	border-radius: 7px;

	margin-bottom: 30px;

	cursor: pointer;

}

.whypetlascard img {



}

.whypetlascard h5 {

	font-style: normal;

	font-weight: bold;

	font-size: 16px;

	line-height: 17px;

	color: #FFFFFF;

	margin-top: 15px;

	height: 20px;

}

.whypetlascard p {

	font-weight: 300;

	font-size: 14px;

	line-height: 16px;

	color: #FFFFFF;

	height: 80px;

	margin-top: 25px;

}

.whypetlasbtn.activee {

	box-shadow: 10px 10px 10px rgb(255 255 255 / 35%);

}

.whycardcolor1 {

	background: #272727;

}



.whycardcolor2 {

	background: #9E0700;

}

.whycardcolor3 {

	background: #919291;

}



.whycardcolor4 {

	background: #fff;

}



.whycardcolor5 {

	background: #272727;

}



.whycardcolor6 {

	background: #9E0700;

}



.whycardcolor7 {

	background: #919291;

}



.whycardcolor8 {

	background: #fff;

}

.whycardcolor4 h5, .whycardcolor8 h5 {

	color: #E1251B;

}

.whycardcolor4 p, .whycardcolor8 p {

	color: #464646;

}

.driving-tips {

	overflow: hidden;

}

.driving-tips .card-rb-img {

	width: 100%;

	height: 580px;

}

.tire-types .nav-lopp-5 .nav-item {

	width: 14.285%;

}



.tire-types .nav-lopp-5 .nav-item a {

	font-size: 12px;

}



.tire-types .tb-cr-sft {



	height: 550px;

}

.tire-types .card-rb-img {



	height: 550px;

}

.paddingleftcarsafety {

	padding-left: 60px;

}

.driving-tips-ust-div .card-rb-text {

	width: 75%;

}



.driving-tips-ust-div {

	height: auto;

}



.driving-tips-ust-div .card-rb-img img {

	width: 100%;

	object-fit: cover;

	height: auto;

}

.tire-types .card-rb-text p {

	width: 80%;

	color: #212529;

}



/*---------*/



.accordiontiretype {

	/* background-color: #eee; */

	color: #444;

	cursor: pointer;

	padding: 0px;

	width: 100%;

	border: none;

	text-align: left;

	outline: none;

	font-size: 15px;

	transition: 0.4s;

}



.activetiretype, .accordiontiretype:hover {

	/* background-color: #ccc; */

}



.accordiontiretype:after {

	content: ' ';

	background-image: url('../img/care/ul-arrow.svg');

	float: left;

	margin-left: 0px;

	background-size: contain;

	height: 15px;

	width: 15px;

	background-repeat: no-repeat;

	display: block;

	margin-top: 5px;

	margin-right: 10px;

}



.activetiretype:after {

	content: " ";

	background-image: url('../img/care/ul-arrow.svg');

	transform: rotate(90deg);

}



.paneltiretype {

	padding: 5px 0px 0px 25px;

	max-height: 0;

	overflow: hidden;

	transition: max-height 0.2s ease-out;

}



/*---------*/



.paragrafrotationdisnone {

	display: none;

}

.tkn-menu-blue {

	background-color: #003399;

}

.eulabelguide-first {

	background: #262626;

	padding-top: 30px;

}



.eulabelsagaciklamakutu {

	background: #FFFFFF;

	border-radius: 7px 7px 7px 7px;

	border: 2px solid #e1251b;

	height: 350px;

	overflow: auto;

}

.eulabelsagaciklamakutu .aciklamaaltbaslik {

	background: #C4C4C4;

	border-radius: 7px 7px 0px 0px;

	padding: 10px;

}

.eulabelsagaciklamakutu .aciklamaaltbaslik h5 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #464646;

	margin-top: 5px;

	padding-left: 10px;

}



.eulabelsagaciklamakutu .aciklamaparagraflar {

	background: #FFFFFF;

	border-radius: 7px;

	padding: 20px 20px 30px 20px;

}

.eulabelsagaciklamakutu .aciklamaparagraflar p {

	font-weight: 300;

	font-size: 16px;

	line-height: 20px;

	text-align: justify;

	color: #424242;

}

.eulabeldetails {

	padding-top: 30px;

	padding-bottom: 30px;

}

.labeldetailsicerik h2 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #424242;

}



.labeldetailsicerik h6 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #E1251B;

	margin-top: 20px;

	margin-bottom: 20px;

}



.labeldetailsicerik p {

	font-size: 16px;

	line-height: 20px;

	color: #424242;

}

.eulabelform {

	background: #262626;

	padding-top: 100px;

	padding-bottom: 100px;

}

.eulabelform h2 {

	font-weight: bold;

	font-size: 36px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	margin-bottom: 30px;

}



.eulabelform p {

	font-weight: bold;

	font-size: 16px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	margin-bottom: 10px;

}



.eulabelform select {

	background: #FFFFFF;

	border: 2px solid #FF0000;

	box-sizing: border-box;

	border-radius: 4px;

	width: 100%;

	margin-bottom: 20px;

	outline: none;

	height: 50px;

}

.selecteulabel {

	position: absolute;

	right: 35px;

	display: block;

	margin-top: 15px;

}

.eulabelfaq {

	background: #D9DADA;

	padding-top: 30px;

	padding-bottom: 0;

}

.faqbaslik {

	text-align: center;

	padding: 6px 12px;

	background: #e42313;

	margin: auto;

	width: 300px;

	height: 50px;

	margin-bottom: 40px;

}

.faqbaslik h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #FFFFFF;

}

.faq-red-bg {

	background: #e42313;

	height: 80px;

	line-height: 80px;

	margin-top: 50px;

}

.faq-left span {

	color: #fff;

	display: inline-block;

	margin-right: 10px;

}

.faq-left img {

	display: inline-block;

	margin-bottom: 15px;

}

.faq-right p {

	color: #fff;

	line-height: 20px;

	margin-top: 20px;

}

.pcr-select-beyaz-ok {

	display: none;

}

.btn-filp:hover .pcr-select-beyaz-ok {

	display: inline;

}

.btn-filp:hover .pcr-select-kirmizi-ok {

	display: none;

}

.pcr-filtre-baslik {

	font-weight: bold;

	border-bottom: 2px solid;

	padding-bottom: 10px;

	font-size: 22px;

	line-height: 24px;

	/* identical to box height */

	color: #FFFFFF;

}

.martop-pcr {



	margin-top: 70px;

}

.pcr-cards {

	margin-top: 70px;

}

.pcr-cards .owl-tire-img img {

	width: 100%;

}

.pcr-cards h3 {

	font-weight: bold;

	font-size: 18px;

	line-height: 16px;

}



.pcr-cards .owl-tire-footer span {

	font-weight: bold;

	font-size: 16px;

	color: #FFFFFF;

}



.pcr-cards p {

	font-weight: 500;

	font-size: 16px;

	color: #FFFFFF;

}

.banner-pcr-detail-parag {

	margin-top: 10px;

	font-weight: 500;

	font-size: 14px;

	line-height: 18px;

	/* or 129% */

	color: #FFFFFF;

}



.pcr-det-mavi-ok {

	display: none;

}

.tires-pro-me-cl-li:hover .pcr-det-beyaz-ok {



	display: none;

	transition: 0.5s;

}

.tires-pro-me-cl-li:hover .pcr-det-mavi-ok {

	display: inline-block;

	transition: 0.5s;

}

.tires-pro-me-cl ul .tires-pro-me-cl-li.active .pcr-det-mavi-ok {

	display: inline;

}

.tires-pro-me-cl ul .tires-pro-me-cl-li.active .pcr-det-beyaz-ok {

	display: none;

}

.tires-pro-me-cl-li img {

}

.pcr-download-div {

	background: #fff;

	padding-top: 30px;

}

.pcr-download-div .bank-header h3 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #424242;

	text-align: left;

	padding-left: 30px;

}

.pcr-download-div .bank-header {

	padding-top: 20px;

}



.pcr-download-div .materiailkutu {

	margin-top: 50px;

}



.pcr-download-div .okanimation {

	border: 3px solid #e1251b;

	background: gray;

}



.kalp-01-ust {

	position: absolute;

	right: 18.5%;

	top: 9.5%;

	transform: rotate(6deg);

	z-index: 1;

}

.kalp-02-ust {

	position: absolute;

	right: 18.5%;

	top: 22.5%;

	transform: rotate(15deg);

	z-index: 1;

}

.kalp-03-ust {

	position: absolute;

	right: 16.5%;

	top: 58.5%;

	transform: rotate(6deg);

	z-index: 1;

}



.kalp-04-ust {

	position: absolute;

	right: 6.5%;

	top: -8.6%;

	transform: rotate(46deg);

}

.kalp-05-ust {

	position: absolute;

	right: 6.5%;

	top: 22.4%;

	transform: rotate(46deg);

	z-index: 0;

}

.kalp-06-ust {

	position: absolute;

	right: 12.5%;

	top: 65.4%;

	transform: rotate(19deg);

	z-index: 0;

}



.kalp-01-ust .kalpbeyaz img {

	position: absolute;

	width: 120px;

}

.kalp-02-ust .kalpbeyaz img {

	position: absolute;

	width: 180px;

}

.kalp-03-ust .kalpbeyaz img {

	position: absolute;

	width: 180px;

}

.kalp-04-ust .kalpbeyaz img {

	width: 160px;

	position: absolute;

}

.kalp-05-ust .kalpbeyaz img {

	width: 300px;

	position: absolute;

}

.kalp-06-ust .kalpbeyaz img {

	width: 320px;

	position: absolute;

}



.kalp-01-ust .kalpkirmizi {



	animation: kalp1 1s linear infinite;

	animation-delay: 2s;

}

.kalp-02-ust .kalpkirmizi {



	animation: kalp2 1s linear infinite;

	animation-delay: 1.5s;

}

.kalp-03-ust .kalpkirmizi {



	animation: kalp2 1s linear infinite;

	animation-delay: 1.7s;

}

.kalp-01-ust .kalpkirmizi img {

	position: absolute;

	width: 120px;

}

.kalp-02-ust .kalpkirmizi img {

	position: absolute;

	width: 180px;

}

.kalp-03-ust .kalpkirmizi img {

	position: absolute;

	width: 180px;

}



@keyframes kalp1{

0%{

opacity:1;



}

100%{

opacity:0;



}

}

@keyframes kalp2{

0%{

opacity:1;



}

100%{

opacity:0;



}

}



.ug-igne {

	position: absolute;

	bottom: 105%;

	left: 47%;

}

.ug-igne img {



}

/*---*/

.ug-igne-column1 {

	margin-top: 50px;

	text-align: center;

}

.ug-igne-column1 .column-g-1 {

	background: #003399;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

}

.ug-igne-column1 .column-g-2 {

	background: #989898;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

}

.ug-igne-column1 .column-g-3 {

	background: #989898;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

}

.ug-igne-column2 .column-g-1 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

	background: #00246D;

	border: 1px solid #000000;

}

.ug-igne-column2 .column-g-2 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #676766;

	border: 1px solid #000000;

}

.ug-igne-column2 .column-g-3 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #676766;

	border: 1px solid #000000;

}

.ug-igne-column2 {

	margin-top: 50px;

	text-align: center;

}

.ug-igne-column3 .column-g-1 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

	background: #001642;

	border: 1px solid #000000;

}

.ug-igne-column3 .column-g-2 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #4D4D4D;

	border: 1px solid #000000;

}

.ug-igne-column3 .column-g-3 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #4D4D4D;

	border: 1px solid #000000;

}

.ug-igne-column3 {

	margin-top: 50px;

	text-align: center;

}

.eulabelseachbuton a {



	border: 2px solid #ed2027;

	height: 50px;

	border-radius: 4px;

	width: 17%;

}

.eulabelseachbuton p {

	font-weight: bold;

	font-size: 14px;

	line-height: 30px;

	color: #262626;

}

.tiremanuel-load-guide-bg {

	background-image: url(../img/loadguide-tire-manuel-bg.png);

}

.load-guide-kirmizi-1 .column-g-1 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

	background: #E31E24;

	border: 1px solid #000000;

}



.load-guide-kirmizi-1 .column-g-2 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #989898;

	border: 1px solid #000000;

}

.load-guide-kirmizi-1 .column-g-3 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #989898;

	border: 1px solid #000000;

}



/*--------*/



.load-guide-kirmizi-2 .column-g-1 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

	background: #AD2826;

	border: 1px solid #000000;

}



.load-guide-kirmizi-2 .column-g-2 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #676766;

	border: 1px solid #000000;

}

.load-guide-kirmizi-2 .column-g-3 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #676766;

	border: 1px solid #000000;

}



/*--------*/



.load-guide-kirmizi-3 .column-g-1 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

	background: #7B2622;

	border: 1px solid #000000;

}



.load-guide-kirmizi-3 .column-g-2 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #4D4D4D;

	border: 1px solid #000000;

}

.load-guide-kirmizi-3 .column-g-3 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #4D4D4D;

	border: 1px solid #000000;

}

.tbr-load-care-first-tab-menu {

	width: 33.33% !important; 

}

.width-load-care-mounting-tab {

	width: 33.33% !important;

}

.load-care-tire-damages-mar-bot {

	/* margin-bottom: 20px; */

	background-color: #ECECEC;

}

.width-yirmi-tire-damages-tab {

	width: 20% !important;

}

.width-33-loadtekno {

	width: 33.33%;

	text-align: center;

}

.pcr-search-btn {

	width: 195px;

	height: 40px;

	border-radius: 5px;

	border: 2px solid #fff;

}

.sliderdetailbuton ul {

	padding-left: 0;

}

.sliderdetailbuton ul li {

	display: inline-block;

	margin: 0px 0px 20px 10px;

}

.sliderdetailbuton ul li img {



}

.dropdown-toggle::after {

	width: 12px;

	/* background-image: url(http://temp.webatolyeniz.com/petlass/assets/img/header-dil-asagi-ok-beyaz.png); */

	content: " ";

	height: 12px;

	float: right;

	background-size: contain;

	background-repeat: no-repeat;

	margin-top: 13px;

	margin-right: 2px;

	transition: 0.5s;

	display: inline-block;

	margin-left: 5px;

	margin-top: 10px;

	border: none;

}

.fieldtekno-tab-menu-width {



	width: 33.33%;

	text-align: center;

}

.yesil-igne-bg-1 {

	background: #6F9850 !important;

}

.yesil-igne-bg-2 {

	background: #28804A !important;

}

.yesil-igne-bg-3 {

	background: #2D4D38 !important;

}

.agr-traktor-tire-manuel-bg {

	background-image: url('../img/agr-traktor-tire-manuel-bg.png');

}



.pg-cr-t-s .beyaz-mar-bot-cizgi {

	border-top: 1px solid #fff;

	/* margin-bottom: 50px; */

	height: auto;

}

.agr-tire-balance-link-width {

	width: 33.33% !important;

}

.foot-print-differens-list li {

	color: #464646;

	line-height: 35px;

}

.bias-radial-title {

	background: #E31E24;

	border-radius: 10px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #FFFFFF;

	width: 52%;

	margin: auto;

	padding: 12px 10px;

}

.bias-radial-ayrim-cizgi {



}

.bias-radial-ayrim-cizgi img {



}

.bias-left-title-1 {

	background: #AD2826;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	width: 60%;

	margin: auto;

	padding: 10px 10px;

}

.bias-left-title-2 {

	background: #7B2622;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	width: 60%;

	margin: auto;

	padding: 10px 10px;

}

.bias-left-desc-1 {

	background: #C8C8C8;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	/* identical to box height, or 142% */

	color: #000000;

	margin-top: 10px;

	padding: 6px 10px;

}

.bias-left-desc-2 {

	background: #C5C6C6;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #000000;

	margin-top: 10px;

	padding: 6px 10px;

}

.bias-left-desc-3 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #000000;

	margin-top: 10px;

	padding: 6px 10px;

	background: #AEAFB0;

}

.bias-left-desc-4 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #fff;

	margin-top: 10px;

	padding: 6px 10px;

	background: #989898;

}

.bias-left-desc-5 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #fff;

	margin-top: 10px;

	padding: 6px 10px;

	background: #818181;

}

.bias-left-desc-6 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #fff;

	margin-top: 10px;

	padding: 6px 10px;

	background: #676766;

}

.bias-left-desc-7 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #fff;

	margin-top: 10px;

	padding: 6px 10px;

	background: #4D4D4D;

}

.bias-left-desc-8 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #fff;

	margin-top: 10px;

	padding: 6px 10px;

	background: #313130;

}

.fieldguide-dropcenter {

}

.fieldguide-dropcenter h5 {



	/* identical to box height */

}

.fieldguide-dropcenter h6 {

	font-style: normal;

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	/* identical to box height */

	color: #464646;

}

.fieldguide-dropcenter p {

	font-style: normal;

	margin-bottom: 30px;

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	/* identical to box height */

	color: #464646;

}

.fieldguide-dropcenter img {

	width: 60%;

	margin-bottom: 50px;

}

.height-auto-drop {

	height: auto;

}

.drop-center-table-1 thead {

	background: #575756;

}

.drop-center-table-1 tbody::before {

	margin-bottom: 0;

}

.drop-center-table-1 td:first-child {

	background-color: transparent;

}

.drop-center-table-1 thead th {



	text-transform: none;

}

.drop-center-table-1 .table {



	margin-bottom: 0;

	margin-top: 1rem;

}

.drop-center-table-1 span {

	font-size: 12px;

}

.field-guard-five-tab {

	padding-top: 50px;

	padding-bottom: 50px;

}

.field-guard-five-tab h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}

.field-guide-spec-title {

}

.use-of-liquid-desc {

	padding-left: 10%;

	margin-top: auto;

	margin-bottom: auto;

}

.use-of-liquid-desc h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #464646;

	margin-bottom: 30px;

}

.use-of-liquid-desc p {

	font-weight: 500;

	font-size: 13px;

	line-height: 17px;

	text-align: justify;

	color: #464646;

}

.use-of-liquid-image img {

	width: 100%;

}

.use-of-liq-left-part {

	padding-left: 10%;

	padding-right: 10%;

}

.use-of-liq-right-part {

	padding-left: 10%;

	padding-right: 10%;

}

.care-and-safety-bg {

	background: #EDEEEE;

	padding-bottom: 30px;

}

.widt-eight-box-for {



	width: 12.5% !important;

}

.widt-eight-box-for .nav-link {



	font-size: 13px !important;

	padding: 11px 5.75px !important;

}

.tire-damages-agrcare {

	height: auto;

	background: #D9DADA;

	overflow: hidden;

}



.tire-damages-agrcare h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #424242;

	margin-bottom: 30px;

}



.tire-damages-agrcare p {

	font-size: 13px;

	line-height: 17px;

	color: #464646;

	text-align: justify;

}

.tire-damages-last-desc-pad {

	margin-top: auto;

	margin-bottom: auto;

	padding-left: 100px;

}

.lang .dropdown-toggle::after {

	width: 12px;

	background-image: url({{ url('/') }}/assets/img/header-dil-asagi-ok-beyaz.png);

	content: " ";

	height: 12px;

	float: right;

	background-size: contain;

	background-repeat: no-repeat;

	margin-top: 13px;

	margin-right: 2px;

	transition: 0.5s;

	display: inline-block;

	margin-left: 5px;

	margin-top: 10px;

	border: none;

}

.agr-search-filter-button {

	padding: 0px 0px 0px 10px;

}

.agr-btn-search {

	margin-top: 6px;

	position: absolute;

}

.yesil-kesik-buton-ic {

background: #035C16;

padding: 9px 20px 6px 26px;

float: right;

clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%);

position: absolute;

right: 0;

top: 0;
}

.agr-cards h3 {



	line-height: 22px;

}

.ozel-agr-bg {

	background-position: center;

}

.pcr-utlra-tekno-nav-widdht {

	width: 16.66666666666%;

	text-align: center;

}

.otr-power-tekno-three-div {

	width: 33.33%;

	text-align: center;

}

.sari-igne-bg-1 {

	background: #E08700 !important;

}

.sari-igne-bg-2 {

	background: #D27F02 !important;

}

.sari-igne-bg-3 {

	background: #C67701 !important;

}

.link-tab-menu-width-100 {

	width: 100% !important;

}

.otr-traktor-tire-manuel-bg {

	background-image: url(../img/otr-traktor-tire-manuel-bg.png);

}

.headerdiller-kismi {

	margin-left: 35px;

}

.anasayfa-video {

	margin-bottom: -6px;

}

.anasayfa-video video {

	width: 100%;

	height: 700px;

}

.turuncu-igne-bg-1 {

	background: #FF5E03 !important;

}

.turuncu-igne-bg-2 {

	background: #E1580A !important;

}

.turuncu-igne-bg-3 {

	background: #CA4900 !important;

}

.forklift-tire-manuel-bg {

	background-image: url('../img/forklift-tire-manuel-bg.png');

}



.forklift-tire-damages-width {

	width: 14.28% !important;

}

.military-mar-auto-top {

	margin: auto;

	margin-top: 50px;

}

.military-igne-bg-1 {

	background: #337811 !important;

}

.military-igne-bg-2 {

	background: #205A03 !important;

}

.defence-tire-manuel-bg {

	background-image: url('../img/defence-tire-manuel-bg.png');

}

.air-tire-manuel-bg {

	background-image: url('../img/air-tire-manuel-bg.png');

}

.air-guide-right-and-left {

	background: #ECECEC;

}

.air-guide-right-and-left h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #464646;

	margin-bottom: 40px;

}

.air-guide-right-and-left p {

	font-size: 13px;

	line-height: 17px;

	text-align: justify;

	color: #464646;

}

.air-guide-right-and-left .pad-left-right {

	padding-left: 5%;

	padding-right: 10%;

}

.w-20 {



	width: 20% !important;

}

.solok-tarihce-ozel {

	transform: rotate(180deg);

	left: -8%;

}

.tarihce-nav span {

	position: relative;

	left: -30px;

}



.update-all-years-btn::after {



	right: 4px !important;

	top: 0px !important;

}

.contact-regional-sales-btn.dropdown-toggle::after {



	right: 8px;

	top: -10px;

	width: 18px;

}

.tires-pro-me-cl.tbrs-mland ul .m-detail.active p {

	background-color: #248eb7;

}

.tires-pro-me-cl.tbrs-mland ul .m-detail:hover p {

	background-color: #248eb7;

}

.certificatecard:hover ul li a {

	color: #59595C;

}

.card-rb-text p {

}



/*----*/



.tablethis tr:first-child {

	background: #727376 !important;

	color: #fff !important;

	vertical-align: middle !important;

}

.tablethis tr:nth-child(2) {

	background: #727376 !important;

	color: #fff !important;

	vertical-align: middle !important;

}

.tablethis table {

	display: none;

}

.tablethis table:first-child {

	display: table;

}

.tablethis tr:nth-child(2) {



}



.tablethis  table:first-child tr {

	display: table-row;

}

.tablethis  table:first-chil tr:nth-child(2) {

	display: table-row;

}

.tablethis table tr td:first-child {

	display: none;

}

.tablethis table tr:nth-child(2) td:first-child {

	display: table-cell;

}

.tablethis table tr.gostertekilki  td:first-child {

	display: table-cell;

}



/*----*/

.go-d-s01 .icon-ic-kirmizi {

	display: none;

}

.go-d-s01.active .icon-ic-beyaz {

	display: none;

	transition: 0.5s;
	width:100%;

}

.go-d-s01.active .icon-ic-kirmizi {

	display: inline;

	transition: 0.5s;
	width:100%;

}

.tbrbgicin {

	width: 677px;

	height: 677px;

}

.aircrafticinwidthheight {

	width: 740px;

	height: 710px;

}

.defecenicinwidthheight {

	width: 754px;

	height: 754px;

}



.forklifticinheight {

	width: 750px;

	height: 740px;

}

.pcricinheight {

	width: 750px;

}



.otricinheight {

	width: 750px;

	height: 750px;

}



.btnmateryal {

background: #E1251B;

outline: none;

border: none;

padding: 10px 4px;

color: #fff;

font-weight: 500;

width: 240px;

height: 50px;
}

.tekresim-ise-height-width {

	width: 400px;

	height: 400px;

	object-fit: contain;

}

.ico-left-01 img {

	width: 40px;

	height: 40px;

	object-fit: contain;

}

.ico-right-01 img {

	width: 40px;

	height: 40px;

	object-fit: contain;

}

.video-anasayfa-baslik-ozel {

	background: #000;

}

.video-anasayfa-baslik-ozel h3 {

	color: #fff;

	margin-bottom: 0;

	text-align: center;

	padding-top: 20px;

	padding-bottom: 20px;

	font-size: 34px;

	font-weight: 700;

}

.tablethis tr:nth-of-type(1) td {

	color: #fff;

}

.tablethis tr:nth-of-type(2) td {

	color: #fff;

}



.tablethis table:first-child tr:nth-child(even) {

background-color: rgba(169, 171, 174, 0.6);

}

.tablethis.tablethisagr  table:first-child tr.tekliback {

	
	background-color: rgba(169, 171, 174, 0.6);

}
 

.text-tab p {

	font-size: 14px;

	color: #bdbfc1;

}

.collapse {

	z-index: 1;

}



.tkn-menu-item a img {



	width: 100px;

	height: 100px;

	object-fit: contain;

}

@font-face {

	font-family: 'Gotham';

	src: local('Gotham-Ultra'), url('../fonts/Gotham/Gotham-Ultra.otf') format('truetype');

	font-style: normal;

	font-weight: bolder;

}



@font-face {

	font-family: 'Gotham';

	src: local('Gotham-Bold'), url('../fonts/Gotham/Gotham-Bold.otf') format('truetype');

	font-style: normal;

	font-weight: 700;

}



@font-face {

	font-family: 'Gotham';

	src: local('Gotham-Medium'), url('../fonts/Gotham/Gothamtb-Medium.ttf') format('truetype');

	font-style: normal;

	font-weight: 500;

}



@font-face {

	font-family: 'Gotham';

	src: local('Gotham-Book'), url('../fonts/Gotham/Gotham-Book.otf') format('truetype');

	font-style: normal;

	font-weight: 300;

}

html {

	scroll-behavior: smooth;

}



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



ul {

	list-style: none;

	margin: 0px;

	padding: 0;

}



a {

	text-decoration: none !important;

	color: white;

}



p {

	margin-bottom: 0px;

}



body {

	font-family: 'Gotham', sans-serif;

	font-size: 13px;

	font-weight: 300;

}



/****** NAVBAR START ******/



.navbar-nav .nav-item {

	position: relative;

}



.navbar-brand .logo {

	width: 188px;

	height: 66px;

}



svg .a {

	fill: #ed2027;

}



svg .b {

	fill: #ffffff;

}



.navbar-nav .nav-item:not(:last-child) {margin-right: 100px;}



.navbar-dark .nav-item .nav-link {

}



.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {

	color: #e31e24;

	border-bottom: 2px solid #e31e24;

}



.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {

	color: #e31e24;

	border-bottom: 2px solid #e31e24;

}



.navbar-nav .nav-item .nav-sub {

	position: absolute;

	width: 184px;

	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.36) 31%, rgba(16, 16, 16, 0.81) 100%);

	left: 0;

	top: 28px;

	padding-top: 14px;

	padding-bottom: 5px;

	z-index: 999999;

	opacity: 0;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	display: none;

}



.navbar-nav .nav-item:hover .nav-sub {

}



.navbar-nav .nav-item .nav-sub li {

	margin-bottom: 5px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.navbar-nav .nav-item .nav-sub li:hover {

	background-color: #e31e24;

}



.navbar-nav .nav-item .nav-sub li a {

	padding-left: 18px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 700;

	display: block;

}



.btn-contact {

	width: 112px;

	height: 37px;

	border-radius: 5px;

	background-color: #ed2027;

	color: #ffffff;

	font-size: 16px;

	font-weight: 700;

	margin-left: 26px;

	margin-right: 10px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-finder {

	width: 140px;

	height: 37px;

	border-radius: 5px;

	background-color: #ffffff;

	color: #ed2027;

	font-size: 16px;

	font-weight: 700;

	margin-right: 43px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	border: 2px solid transparent;

}



.btn-contact:hover {

	background-color: #bb0006;

	color: #ffffff;

}



.btn-finder:hover {

	color: #ffffff;

	background-color: transparent;

	border: 2px solid #ffffff;

}



.btn-lang {

	color: #ffffff;

	font-size: 15px;

	font-weight: 500;

}



.btn-lang:focus, .btn-contact:focus, .btn-lang:focus {

	box-shadow: none;

}



.btn-lang:hover {

	color: #ffffff;

}



.lang .dropdown-menu {

	background-color: #000000;

	min-width: 6rem;

	border: 1px solid #e31e24;

	color: #ffffff;

	border-radius: 5px;

}



.lang .dropdown-menu .dropdown-item {

	color: #ffffff;

	padding:                                           .18rem 1.2 rem;

	font-size: 13px;

	font-weight: 300;

}



.dropdown-item:focus, .dropdown-item:hover {

	color: #e31e24 !important;

	background-color: #d5d5d5;

	font-weight: bold !important;

}



.lang-img {

	margin-top: -4px;

	margin-right: 5px;

}



.search {

	position: relative;

	z-index: 9;

	margin-right: 35px;

}



.btn-search {

	font-size: 19px;

	color: #ffffff;

	margin-left: 35px;

	margin-top: 5px;

}



.btn-search:hover {

	color: #ec2127;

}



.btn-search:focus, .search-input .form-control:focus {

	outline: none;

	box-shadow: none;

}



.search-panel {

	position: absolute;

	width: 45px;

	right: 0;

	top: 6px;

	z-index: -1;

	-webkit-transition: width 0.4s ease-in-out;

	transition: width 0.4s ease-in-out;

}



.search-panel.active {

	width: 550px;

}



.search-input .form-control {

	border-radius: 5px;

	border: 1px solid #ec2127;

	background-color: #000000;

	opacity: 0;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	text-transform: uppercase;

	opacity: 0;

}



.search-panel.active .search-input .form-control {

	opacity: 1;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.search-result {

	position: absolute;

	top: 50px;

	width: 100%;

	height: 163px;

	border-radius: 5px;

	border: 1px solid #ec2127;

	background-color: #000000;

	padding-top: 22px;

	padding-bottom: 17px;

	overflow: auto;

	scrollbar-color: #ec2127 #000000;

	scrollbar-width: thin;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	opacity: 0;

	display: none;

}



.search-result.result-active {

	opacity: 1;

	display: block;

}



.search-result ul li a {

	padding-left: 24px;

	font-size: 14px;

	font-weight: 300;

	color: #ffffff;

	display: block;

	padding-top: 8px;

	padding-bottom: 3px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.search-result ul li a:hover {

	background-color: #ec2127;

}



.search-result::-webkit-scrollbar {

	width: 6px;

	height: 6px;

}



.search-result::-webkit-scrollbar-button {

	width: 0px;

	height: 0px;

}



.search-result::-webkit-scrollbar-thumb {

	background: #ec2127;

	border: 0px none #ec2127;

	border-radius: 50px;

}



.search-result::-webkit-scrollbar-thumb:hover {

	background: #ec2127;

}



.search-result::-webkit-scrollbar-thumb:active {

	background: #000000;

}



.search-result::-webkit-scrollbar-track {

	background: #000000;

	border: 0px none #ffffff;

	border-radius: 15px;

}



.search-result::-webkit-scrollbar-track:active {

	background: #ec2127;

}



.search-result::-webkit-scrollbar-corner {

	background: transparent;

}



/****** NAVBAR END ******/



/****** BORDER START ******/



.middle-border {

	width: 100%;

	height: 5px;

	background-color: #898989;

}



/****** BORDER END ******/



/****** ACCORDION START ******/



.accordion {

	width: 100%;

	height: calc(100vh - 120px);

	background: #000;

	overflow: hidden !important;

}



.accordion ul {

	width: 100%;

	display: table;

	table-layout: fixed;

	margin: 0;

	padding: 0;

}



.accordion ul li {

	display: table-cell;

	vertical-align: top;

	position: relative;

	width: 3%;

	height: calc(100vh - 120px);

	cursor: pointer;

}



.accordion ul li.active-8 {

	width: 3%;

	border-left: 2px solid #ffffff;

	-webkit-transition: width 0.7s;

	transition: width 0.7s;

}



.accordion ul li.active-60 {



	/* For Safari 3.1 to 6.0 */

}



.accordion ul li .item {

position: relative;
}



.active-60 .item-content {

	position: absolute;

	top: 0%;

	left: 20%;

	transform: translate(-20%, -15%);

	transition: 0.5s;

}



.item-opacity {

}



.accordion ul li:hover .item-opacity {

	z-index: -1;

}



.active-60 .item-opacity {

	z-index: -1;

}



.item .item-body {

}



.dropdown-menu li {

	cursor: pointer;

	padding-left: 5px;

}

.dropdown-menu li:hover {

	background-color: #d5d5d5;

}



.item-accordion-passenger {

	background-color: #6b0e0e;

}



.item-accordion-tbr {

	background-color: #a31212;

}



.item-accordion-agri {

	background-color: #ed3237;

}



.item-accordion-otr {

	background-color: #bdbfc1;

}



.item-accordion-forklit {

	background-color: #737373;

}



.item-accordion-millitary {

	background-color: #262626;

}



.item-accordion-fly {

	background-color: #201e1e;

}



.item-accordion-img {

}



.maintitle-1 {

	text-shadow: 1px 1px 2px rgba(8, 8, 8, 0.5);

	color: #ffffff;

	font-size: 68px;

	font-weight: 700;

}



.maintitle-2 {

	text-shadow: 1px 1px 2px rgba(8, 8, 8, 0.5);

	color: #d43439;

	font-size: 65px;

	font-weight: 700;

	margin-top: -20px;

}



.maintext {

	width: 55%;

	color: #ffffff;

	font-size: 20px;

	font-weight: 500;

}



.filter-left {

}



.passenger-filter-left {

	width: 100%;

	height: 100%;

	background-color: #6b0e0e;

}



.tbr-filter-left {

	width: 100%;

	height: 100%;

	background-color: #a31212;

}



.agri-filter-left {

	width: 100%;

	height: 100%;

	background-color: #ed3237;

}



.otr-filter-left {

	width: 100%;

	height: 100%;

	background-color: #606062;

}



.forklit-filter-left {

	width: 100%;

	height: 100%;

	background-color: #737373;

}



.millitary-filter-left {

	width: 100%;

	height: 100%;

	background-color: #262626;

}



.fly-filter-left {

	width: 100%;

	height: 100%;

	background-color: #201e1e;

}



.filter-border {

	width: 10px;

	height: 100%;

}



.passenger-filter-border {

	background-image: linear-gradient(to top, rgba(107, 14, 14, 0) 10%, rgba(107, 14, 14, 0) 11%, #6b0e0e 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.tbr-filter-border {

	background-image: linear-gradient(to top, rgba(163, 18, 18, 0) 10%, rgba(163, 18, 18, 0) 11%, #a31212 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.agri-filter-border {

	background-image: linear-gradient(to top, rgba(237, 50, 55, 0) 10%, rgba(237, 50, 55, 0) 11%, #ed3237 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.otr-filter-border {

	background-image: linear-gradient(to top, rgba(96, 96, 98, 0) 10%, rgba(96, 96, 98, 0) 11%, #606062 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.forklit-filter-border {

	background-image: linear-gradient(to top, rgba(115, 115, 115, 0) 10%, rgba(115, 115, 115, 0) 11%, #737373 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.millitary-filter-border {

	background-image: linear-gradient(to top, rgba(38, 38, 38, 0) 10%, rgba(38, 38, 38, 0) 11%, #262626 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.fly-filter-border {

	background-image: linear-gradient(to top, rgba(32, 30, 30, 0) 10%, rgba(32, 30, 30, 0) 11%, #201e1e 100%);

	border-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);

	border-image-slice: 1;

	border-width: 1px;

	border-style: solid;

	border-top: 0;

}



.filter-header {

	margin-left: 27px;

	margin-bottom: 20px;

	opacity: 0;

}



.small, small {

	font-weight: 300;

}



.filter-menu {

	opacity: 0;

}



.active-60 .filter-header, .active-60 .filter-menu {

	opacity: 1;

}



.filter-header h3 {

	color: #ffffff;

	font-size: 20px;

	font-weight: 500;

	text-transform: uppercase;

	white-space: pre-line;

	margin-top: 10px;

}



.filter-header h3 strong {

	font-size: 20px;

	font-weight: 700;

}



.icon-arrow-circle {

	width: 20px;

	height: 20px;

	position: absolute;

	right: 21px;

	top: 7px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	background-color: #ffffff;

	-webkit-mask: url(../img/icon/arrow-circle.svg) no-repeat;

	-webkit-mask-size: 100%;

}



.icon-arrow-circle-st {

	width: 20px;

	height: 20px;

	background-color: #ffffff;

	position: absolute;

	left: 14px;

	top: 7px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	-webkit-mask: url(../img/icon/arrow-circle.svg) no-repeat;

	-webkit-mask-size: 100%;

}



.border-f {

	width: 177px;

	height: 5px;

	background-image: linear-gradient(to left, #ffffff 36%, rgba(255, 255, 255, 0) 100%);

	margin-top: 4px;

	margin-bottom: 5px;

}



.icon-link {

	position: relative;

	margin-bottom: 8px;

	margin-left: 27px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.icon-link a {

	display: block;

}



.filter-menu-body:hover .icon-arrow-circle {

	right: 15px;

}



.icon-link img {

	margin: auto;

}



.filter-menu-body span {

	color: #e6e7e8;

	font-size: 14px;

	font-weight: 300;

	text-align: left;

	display: block;

	margin-left: 25px;

}



.btn-more {

position: relative;

height: auto;

border-radius: 14px;

border: 2px solid #ffffff;

color: #ffffff;

font-size: 14px;

font-weight: 500;

letter-spacing: 0.31px;

padding-left: 42px;

padding-right: 25px;

margin-left: 27px;

margin-top: 26px;

line-height: 15px;

-webkit-transition: all .2s ease-in;

transition: all .2s ease-in;
}



.btn-more:focus {

	box-shadow: none;

}



.btn-more:hover {

	color: #000000;

	background-color: #ffffff;

}



.btn-more:hover .icon-arrow-circle-st {

	background-color: #000000;

}



.content {

}



.accordin-text {

position: absolute;

bottom: 14%;

left: 41px;

transform: translateY(-6%);
}



.accordin-text h3 {

	width: 367px;

	text-shadow: 0 5px 10px rgba(8, 8, 8, 0.5);

	color: #ffffff;

	font-size: 57px;

	font-weight: 700;

	line-height: 55px;

}



.accordin-text h3.black {

	color: #373435;

}



.accordin-button {

margin-top: 40px;
}



.btn-accordion-go {

width: 230px;

height: auto;

border-radius: 11px;

border: 2px solid #ffffff;

color: #ffffff;

font-size: 14px;

font-weight: 500;

line-height: 22px;

position: relative;

text-align: left;

padding-left: 29px;

-webkit-transition: all .2s ease-in;

transition: all .2s ease-in;
}



.btn-accordion-go:last-child {

	margin-left: 17px;

	width: 256px;

}



.btn-accordion-go:hover {

	background: #ffffff;

	color: #000000;

	border: 2px solid #ffffff !important;

}



.btn-black {

	border: 2px solid #000000;

}



.arrow-red {

	width: 11px;

	height: 13px;

	background-image: url(../img/icon/arro-red.png);

	position: absolute;

	left: 9px;

	top: 11px;

}



.btn-accordion-go:focus {

	box-shadow: none;

}



.menu-right {

}



.tires {

	position: absolute;

	bottom: 0px;

	right: 0px;

}



.menu-text {

	position: absolute;

	top: 24px;

	display: block;

	left: 0;

	width: 75px;

	z-index: 2;

}



.menu-icon {

	height: 33px;

	display: flex;

	align-items: center;

}



.menu-icon img {

	display: block;

	margin: auto;

}



.arrowwhite {

	width: 16px;

	height: 14px;

	background-image: url(../img/icon/passenger/downwhitearrow.png);

	background-repeat: no-repeat;

	margin: auto;

	margin-top: 6px;

	margin-bottom: 4px;

}



.menu-d {

	position: relative;

	width: 13px;

}
.agr-top h3{
	
top: 133px !important;
}


.menu-d h3 {

	white-space: nowrap;

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	-moz-transform: rotate(-90deg);

	-webkit-transform: rotate(-90deg);

	transform: rotate(-90deg);

	position: absolute;

	top: 229px;

	right: 0;

	text-align: center;

	left: 38px;

	margin-top: 20px;

}

.tbr-top h3{
	
top: 285px;
}

.pcr-top h3 {

top: 180px;
}



.agrtires-top h3 {

top: 100px;
}



.otr-top h3 {

top: 166px;
}



.lift-top h3 {

top: 244px;
}



.mland-top h3 {

top: 286px;
}



.airland-top h3 {

top: 233px;
}



/****** ACCORDION END ******/



/****** FILTER START ******/



.filter-home {

	width: 100%;

	margin-top: 40px;

	margin-bottom: 40px;

	background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

}



.filter-01-text h3 {

	text-align: center;

	color: #464646;

	font-size: 25px;

	font-weight: 700;

	text-transform: uppercase;

}



.filter-tab-01 {

	margin-top: 30px;

}



.filter-tab-01 .nav {

	justify-content: center;

}



.filter-tab-01 .nav-pills .nav-item:nth-child(odd) {

	margin-right: 14px;

}



.filter-tab-01 .nav-pills .nav-link {

	color: #343434;

	font-size: 20px;

	font-weight: bold;

	line-height: 4.5px;

	letter-spacing: 0.21px;

	text-align: center;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	border-radius: 0;

	background: transparent;

	padding: 0;

	padding-bottom: 12px;

	margin-right: 64px;

	border-bottom: 2px solid transparent;

}



.filter-tab-02 .nav-pills .nav-link {

	margin-right: 0;

	color: #e31e23;

}



.filter-tab-02 .nav-pills .nav-link.active, .filter-tab-01 .nav-pills .show > .nav-link {

	border-bottom: 2px solid transparent;

}



.filter-tab-01 .nav-pills .nav-link.active, .filter-tab-01 .nav-pills .show > .nav-link {

	color: #e31e23;

	/* border-bottom: 2px solid #e31e23; */

}



.filter-tab-01 .nav-pills .nav-link:hover {

	color: #e31e23;

	/* border-bottom: 2px solid #e31e23; */

}



.filter-tab-02 .nav-pills .nav-link:hover {

	border-bottom: 2px solid transparent;

}



.filter-tab-01 .tab-content {

	width: 100%;

	padding-top: 30px;

	padding-bottom: 30px;

}



.filter-01-dropdown {

	position: relative;

	width: 209px;

}



.filter-01-dropdown:not(:last-child) {

margin-right: 14px;

}



.btn-filter {

	width: 209px;

	height: 54px;

	border-radius: 10px;

	border: 2px solid #cbcbcb;

	background-color: #ffffff;

	position: relative;

	text-align: left;

	color: #343434;

	font-size: 14px;

	font-weight: 300;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-filter .up {

	color: #cbcbcb;

	font-size: 12px;

	font-weight: 300;

	display: block;

}



.drop-down {

	position: absolute;

	bottom: 15px;

	right: 11px;

	color: #cbcbcb;

	font-size: 16px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-filter:hover {

	border: 2px solid #e31e23;

	color: #e31e23;

}



.filter-active .btn-filter {

	border: 2px solid #e31e23;

	color: #e31e23;

}



.filter-active .drop-down {

	color: #e31e23;

}



.btn-filter:hover .drop-down {

	color: #e31e23;

}



.filter-01-body {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

}



.filter-01-dropdown-menu {

	position: absolute;

	top: 60px;

	width: 100%;

	height: 199px;

	margin-bottom: 50px;

	overflow: hidden;

	overflow-y: auto;

	display: none;

	opacity: 0;

	z-index: 1;

	box-shadow: 0 3px 10px rgba(227, 30, 35, 0.17);

	border-radius: 10px;

	background-color: #ffffff;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.filter-01-dropdown-menu.show-menu {

	display: block;

	opacity: 1;

}



.filter-01-dropdown-menu ul {

	padding-top: 5px;

}



.filter-01-dropdown-menu ul li {

	cursor: pointer;

	position: relative;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	padding: 5px 0px;

}



.filter-01-dropdown-menu ul li:hover {

	background-color: #d5d5d5;

}



.filter-01-dropdown-menu ul li:hover span {

	color: #e31e23;

	font-weight: bold;

}



.filter-01-dropdown-menu ul li span {

	margin-left: 13px;

	color: #343434;

	font-size: 14px;

	font-weight: 300;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-go {

	width: 216px;

	height: 53px;

	color: #ffffff;

	border-radius: 10px;

	background-color: #e31e23;

	font-size: 22px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-go:hover {

	color: #ffffff;

	box-shadow: 0 3px 7px rgba(227, 30, 35, 0.3);

}



.btn-filter:focus, .btn-go:focus {

	box-shadow: none;

}



.filter-icon ul {

	display: flex;

	justify-content: center;

	align-items: center;

}



.filter-icon ul li:not(:last-child) {

	margin-right: 15px;

}



.filter-icon ul li {

	width: 150px;

	height: 152px;

	border-radius: 10px;

	border: 2px solid #cbcbcb;

	background-color: #ffffff;

	cursor: pointer;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.filter-icon ul li:hover {

	border: 2px solid #e31e23;

}



.filter-icon ul li:hover a span {

	color: #e31e23;

}



.filter-icon ul li a span {

	color: #343434;

	font-size: 13px;

	font-weight: 300;

	text-transform: uppercase;

	text-align: center;

	margin-top: 36px;

	display: block;

}



.filter-icon-01_img {

	display: flex;

	justify-content: center;

	align-items: center;

	height: 50px;

}



.filter-icon-01_img img {

	display: block;

	margin-top: 33px;

}



.filter-icon ul li a span {

	display: block;

}



/****** FILTER END ******/



/****** HOME PRODUCT START ******/



.product-home {

	width: 100%;

	background-image: url(../img/homeproduct.png);

	background-position: 50% 50%;

	background-repeat: no-repeat;

	background-size: cover;

	padding-top: 30px;

	background-attachment: fixed;

	padding-bottom: 50px;

}



.prodcut-01-header {

	text-align: center;

}



.prodcut-01-header h3 {

}



.prodcut-01-header p {

	color: #c5c6c6;

	font-size: 18px;

	font-weight: 500;

	letter-spacing: 0.04px;

}



.product-01-owl {

	position: relative;

	margin-top: 87px;

}



.owl-tire {

	cursor: pointer;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	/* padding: 20px 0px 30px 80px; */

	border: 1px solid transparent;

	padding: 10px 20px 10px 20px;

	transition: 1s !important;

}



.owl-tire-title {

	margin-bottom: 12px;

}



.owl-tire-title h3 {

}



.owl-tire-title span {

	color: #c5c6c6;

	font-size: 18px;

	font-weight: 500;

	letter-spacing: 0.03px;

}



.owl-tire-footer {

	margin-top: 20px;

}



.owl-tire-footer .summer {

	display: block;

	position: relative;

	color: #ebecec;

	font-size: 20px;

	font-weight: 500;

	padding-left: 33px;

	padding-top: 5px;

}



.owl-tire-footer .summer::before {

	content: "";

	width: 18px;

	height: 18px;

	position: absolute;

	top: 4px;

	left: 0;

	background-image: url(../img/icon/summer.png);

}



.owl-tire-footer p {

	width: 160px;

	color: #ffffff;

	font-size: 16px;

	font-weight: 100;

	margin-bottom: 19px;

	margin-top: 12px;

	width: 100%;

	margin-bottom: 40px;

}



.btn-owl-more {

	display: flex;

	align-items: flex-start;

	width: 163px;

	height: 39px;

	border-radius: 7px;

	border: 3px solid #ffffff;

	color: #ffffff;

	font-size: 17px;

	font-weight: 500;

	line-height: 19px;

	text-align: left;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.btn-owl-more:hover {

	color: #de2c26;

	background-color: #ffffff;

	;

}



.owl-arrow {

	width: 8px;

	height: 10px;

	background-image: url(../img/icon/tire-right.png);

	display: block;

	margin-right: 5px;

	margin-top: 4px;

}



.owl-tire-img {

	/* width: 150px; */

	/*height: 240px;*/

	overflow: hidden;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	margin: auto;

}



.owl-tire:hover .owl-tire-img {

	transform: scale(1.18);

}



.product-01-owl .owl-dots {

	margin-top: 68px !important;

}



.product-01-owl .owl-dots .owl-dot span {

	background-color: #ffffff !important;

	margin: 5px 2px !important;

}



.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {

	outline: none;

}



/****** HOME PRODUCT END ******/



/****** HOME UPTODATE START ******/



.home-uptodate {

	padding-top: 30px;

	background-color: #eceaeb;

	padding-bottom: 30px;

}



.uptodate-header {

	text-align: center;

}



.uptodate-header h3 {

	color: #000000;

	font-size: 34px;

	font-weight: 700;

	margin-bottom: 30px;

}



.uptodate-header p {

	color: #727271;

	font-size: 16px;

	font-weight: 500;

	margin-top: 15px;

	margin-bottom: 26px;

}



.uptodate-grid {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	margin-bottom: 46px;

}



.grid-01-columns {

	width: 209px;

}



.grid-01-columns-01 {

	position: relative;

	width: 100%;

	height: 210px;

	background-color: #ed2027;

	cursor: pointer;

	border: 2px solid #fff;

}



.grid-01-columns-02 {

	position: relative;

	width: 100%;

	height: 210px;

	background-color: #000000;

	cursor: pointer;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	border: 2px solid #fff;

}



._01-text {

	position: absolute;

	top: 50%;

	left: 23px;

	right: 0;

	transform: translateY(-50%);

}



._01-text h3 {

	color: #fff;

	font-size: 20px;

	font-weight: 500;

	letter-spacing: 0.05px;

	margin-bottom: 0;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



._01-text p {

	color: #fff;

	font-size: 16px;

	font-weight: 500;

	letter-spacing: 0.08px;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.grid-01-columns-01:hover ._01-text h3, .grid-01-columns-01:hover ._01-text p {

	color: #000000;

}



.grid-01-columns-02:hover ._01-text h3, .grid-01-columns-02:hover ._01-text p {

	color: #ffffff;

}



.grid-02-columns {

	width: 423px;

	height: 420px;

	position: relative;

	cursor: pointer;

}



.grid-02-columns-02-img {

	width: 100%;

	height: 420px;

	overflow: hidden;

	border: 2px solid #fff;

}



.grid-02-columns-02-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.grid-02-columns-02-img:hover img {

	transform: scale(1.1);

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}



.grid-02-columns-02-text {

	width: 100%;

	position: absolute;

	bottom: 0;

	background-color: rgba(227, 30, 36, 0.5);

	padding-left: 26px;

	padding-bottom: 19px;

	border: 2px solid #fff;

	border-top: 2px solid transparent;

}



.grid-02-columns-02-text h3 {

color: #ffffff;

font-size: 29px;

font-weight: 500;

letter-spacing: 0.05px;

margin-bottom: 0;

margin-top: 22px;

padding-right: 2%;
}



.grid-02-columns-02-text p {

	color: #ffffff;

	font-size: 19px;

	font-weight: 500;

	letter-spacing: 0.08px;

}



.grid-03-columns {

	cursor: pointer;

	width: 423px;

	height: 420px;

	background-color: #ffffff;

	position: relative;

}



.grid-03-columns-03-text {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 55px;

	width: 301px;

	border: 2px solid #fff;

}



.grid-03-columns-03-text h3 {

	color: #000000;

	font-size: 26px;

	font-weight: 500;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.grid-03-columns-03-text:hover h3 {

	color: #e31e23;

}



.grid-04-columns {

	cursor: pointer;

	position: relative;

	width: 316px;

}



.grid-04-columns-01 {

	width: 100%;

	height: 419px;

	background-color: #ffffff;

	padding-top: 36px;

	padding-left: 27px;

	border-top: 5px solid #ECEAEB;

}



.grid-04-columns-01 h3 {

	width: 200px;

	color: #000000;

	font-size: 32px;

	font-weight: 500;

	letter-spacing: 0.06px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	font-weight: bold;

}



.grid-04-columns-01:hover h3 {

	color: #e31e23;

}



.grid-04-columns-02 {

	position: relative;

	width: 100%;

	height: 302px;

	background: #000;

	border-right: 5px solid #ECEAEB;

}



.grid-04-columns-02 p {

	text-align: left;

	color: #ffffff;

	font-size: 15px;

	font-weight: 500;

	position: absolute;

	bottom: 40px;

	right: 17px;

	width: 250px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.grid-04-columns-02:hover p {

	color: #e31e23;

}



.grid-05-columns {

	width: 316px;

	cursor: pointer;

	overflow: hidden;

}



.grid-05-columns-01 {

	position: relative;

	width: 100%;

	height: 323px;

}



.grid-05-columns-01-img {

	width: 100%;

	height: 323px;

	overflow: hidden;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	border-top: 5px solid #ECEAEB;

}



.grid-05-columns-01-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.grid-05-columns-01-img:hover img {

	transform: scale(1.1);

}



.grid-05-columns-01-text {

	position: absolute;

	top: 36px;

	left: 0;

	right: 0;

	text-align: center;

}



.grid-05-columns-01-text h3 {

	color: #000000;

	font-size: 15px;

	font-weight: 500;

	letter-spacing: 0.05px;

}



.grid-05-columns-02 {

	width: 100%;

	height: 398px;

	background-color: #d41e23;

	position: relative;

	overflow: hidden;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.grid-05-columns-02-text {

	position: absolute;

	top: 75px;

	left: 0;

	right: 0;

}



.grid-05-columns-02-text h3 {

width: 90%;

margin: auto;

color: #ffffff;

font-size: 42px;

font-weight: 500;

letter-spacing: -0.48px;

margin-top: -12px;
}



.grid-05-columns-02-text small {

opacity: 0.8;

color: #ffffff;

font-size: 18px;

font-weight: 500;

letter-spacing: -0.47px;

width: 90%;

margin: auto;

display: block;
}



.grid-05-columns-02-img {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	text-align: center;

	overflow: hidden;

}



.grid-05-columns-02:hover {

	transform: scale(1.1);

	overflow: hidden;

}



.grid-06-columns {

	position: relative;

	width: 425px;

	height: 419px;

	cursor: pointer;

}



.grid-06-columns-01 {

	position: relative;

	width: 100%;

	height: 419px;

	background: #000;

	border-top: 5px solid #ECEAEB;

	border-left: 5px solid #ECEAEB;

}



.columns-right-border-01 {

	position: absolute;

	top: 25px;

	right: 0;

	width: 1px;

	height: 124px;

	background-color: #000000;

	display: none;

}

.anasayfaaramaicinfilter .filterbutton2, .anasayfaaramaicinfilter .filterbutton3, .anasayfaaramaicinfilter .filterbutton4 {



	display: none;

}



.anasayfaaramaicinfilter .filterbutton2.active, .anasayfaaramaicinfilter .filterbutton3.active, .anasayfaaramaicinfilter .filterbutton4.active {



	display: block;

}

.columns-right-border-02 {

	position: absolute;

	bottom: 21px;

	right: 0;

	width: 1px;

	height: 124px;

	background-color: #000000;

	display: none;

}



.grid-06-columns-01-text {

position: absolute;

top: 50%;

transform: translateY(-50%);

left: 22px;

color: #fff;
}



.grid-06-columns-01-text h3 {

	color: #ffffff;

	font-size: 31px;

	font-weight: 500;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	font-weight: bold;

}



.grid-06-columns-01-text p {

	width: 230px;

	color: #ffffff;

	font-size: 19px;

	font-weight: 500;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	font-weight: bold;

}



.grid-06-columns-01-text:hover h3, .grid-06-columns-01-text:hover p {

	color: #e31e23;

}



.grid-06-columns-02-img {

	width: 100%;

	height: 302px;

	overflow: hidden;

	border-top: 5px solid #ECEAEB;

	border-left: 5px solid #ECEAEB;

}



.grid-06-columns-02-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.grid-06-columns-02-img:hover img {

	transform: scale(1.1);

}



/****** HOME UPTODATE END ******/



/****** FOOTER START ******/



.footer {

	position: relative;

	width: 100%;

	background-color: #000000;

	padding-top: 59px;

	padding-bottom: 23px;

}



.foot-logo svg {

	width: 144px;

	height: 47px;

}



.foot-menu-main {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.foot-menu-main > li:first-child {

	margin-left: 0;

}



.foot-menu-main > li {

	margin-left: 70px;

}



.foot-menu-main > li > a {

	color: #e5e5e5;

	font-size: 17px;

	font-weight: 700;

}



.submenu-01 {

	margin-top: 33px;

}



.submenu-01 > li > a {

	color: #e5e5e5;

	font-size: 13px;

	font-weight: 300;

	margin-bottom: 5px;

	display: block;

}



.foot-logo {

	margin-top: 32px;

	text-align: right;

}



.foot-copry {

	margin-left: 104px;

	color: #e5e5e5;

	font-size: 14px;

	font-weight: 300;

}



/****** PAGE STYLES START ******/



.page-header {

	width: 100%;

	border-bottom: 5px solid #898989;

	padding-left: 63px;

	padding-right: 47px;

	background-color: #eceaeb;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.page-header .breadcrumb {

	margin-bottom: 0;

	padding:                                           .75rem 0rem;

	border-radius: 0;

	background: transparent;

}



.page-header .breadcrumb .breadcrumb-item a {

	font-size: 14px;

	font-weight: 600;

	color: #464646;

}



.breadcrumb-item+ .breadcrumb-item::before {

	color: #000000;

}



.breadcrumb-item.active {

	color: #000000;

}



.page-header-text {

	position: relative;

	background-color: #ed2024;

	overflow: hidden;

}



.page-header-text::before {

	content: "";

	position: absolute;

	transform: rotate(-28deg);

	top: 3px;

	left: -46px;

	border-color: rgba(251, 251, 251, 0);

	border-top-color: #eceaeb;

	border-style: solid;

	border-width: 50px;

}



.page-header-text h1 {

	font-size: 18px;

	font-weight: 500;

	padding-top: 12px;

	opacity: 0.7;

	color: #ffffff;

	padding-left: 53px;

	padding-right: 68px;

}



.page-header-text::after {

	content: "";

	position: absolute;

	transform: rotate(-77deg);

	top: 3px;

	right: -80px;

	border-color: rgba(251, 251, 251, 0);

	border-top-color: #eceaeb;

	border-style: solid;

	border-width: 47px;

}



.about-border {

	position: absolute;

	top: -4px;

	width: 6px;

	height: 124%;

	right: 19px;

	background: white;

	transform: rotateZ(14deg);

}



.page-fixed-bar {

	position: fixed;

	top: 0;

	width: 100%;

	height: 70px;

	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.27);

	background-color: #000000;

	z-index: -11;

	padding-left: 63px;

	opacity: 0;

	transition: opacity .5s;

}



.page-fixed-bar-a {

	opacity: 1;

	z-index: 9999999999999999999999999999999;

}



.page-fixed-content {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.page-fixed-logo-menu {

	width: 45%;

	display: inline-flex;

	justify-content: space-between;

}



.logo-fix {

	display: block;

	width: 169px;

	height: auto;

	margin-top: 20px;

}



.fixed-drop-menu {

	margin-top: 30px;

	margin-left: auto;

}



.fixed-drop-menu > ul > li {

	position: relative;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.fixed-drop-menu .fx-item {

	color: #ffffff !important;

	font-size: 14px;

	font-weight: 300;

}



.fixed-drop-menu .fx-item i {

	margin-left: 13px;

	color: #e21f25;

}



.page-submenu {

	position: absolute;

	left: -53px;

	top: -60px;

	width: 228px;

	background-image: linear-gradient(180deg, rgba(57, 57, 57, 0.24) 0%, #4a4a4a 39%, #434342 100%);

	z-index: -1;

	padding-top: 102px;

	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);

	padding-bottom: 13px;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.fixed-drop-menu:hover ul li .page-submenu {

	opacity: 1;

	visibility: visible;

}



.page-submenu > li {

	width: 100%;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.page-submenu > li:hover {

	background-color: #e21f25;

}



.page-submenu > li > a {

	color: #ffffff;

	font-size: 12px;

	font-weight: 300;

	display: block;

	padding-left: 32px;

}



.pg-fx-border .svg {

	width: 49px;

	height: 70px;

	margin-left: 93px;

}



.pg-fx-menu > ul {

	display: flex;

	background-image: linear-gradient(270deg, #525252 0%, #434342 42%, #40403f 71%, rgba(57, 57, 56, 0.58) 89%, rgba(13, 13, 13, 0) 100%);

	padding-left: 70px;

}



.pg-btn-fx {

	color: #b2b2b3;

	font-size: 14px;

	font-weight: 300;

	text-transform: uppercase;

	margin-right: 20px;

	border-radius: 0;

	transform: skewX(-30deg);

	display: flex;

	justify-content: center;

	align-items: center;

	height: 55px;

}



.pg-btn-fx span {

	transform: skewX(30deg);

}



.pg-btn-fx:hover {

	background-color: #e21f25;

	color: #ffffff;

}



.pg-btn-fx:focus {

	box-shadow: none;

}



.pg-btn-active {

	background-color: #e21f25;

	color: #ffffff;

}



.header-grid {

	width: 100%;

	height: 70vh;

	position: relative;

}



.header-page-down {

	width: 100%;

	padding-left: 63px;

	padding-top: 23px;

	padding-bottom: 28px;

	background-color: #5b5b5b;

}



.header-page-down h3 {

	color: #ffffff;

	font-size: 24px;

	font-weight: 700;

	margin-bottom: 15px;

}



.header-page-down p {

	width: 600px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

}



.header-grid-100 {

	width: 100%;

	height: 100%;

	background: #000;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.header-grid-50 {

	width: 50%;

	height: 100%;

	position: relative;

	overflow: hidden;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.header-grid-60 {

	width: 60% !important;

}



.header-grid-50-01 {

	width: 50% !important;

}



.header-grid-40 {

	width: 40% !important;

}



.header-grid-30 {

	width: 30% !important;

}



.header-grid-50-100 {

	position: relative;

	width: 100%;

	height: 100%;

	border-right: 4px solid #ffffff;

}



.grid-border-right {

	border-right: 4px solid #ffffff;

}



.img-hover {

	position: relative;

	width: 100%;

	overflow: hidden;

}



.grid-menu {

	cursor: pointer;

}



.img-50-100 {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	transform: scale(1);

	-webkit-transition: all .5s ease-in;

	transition: all .5s ease-in;

}



.img-hover:hover .img-50-100 {

	transform: scale(1.2);

}



.grid-text-50-100 {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	padding-left: 63px;

	padding-top: 15px;

}



.grid-text-50-100 > h1 {

	color: #ffffff;

	font-size: 16px;

	font-weight: 700;

}



.text-order {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: 27px;

}



.grid-slogan span {

	font-size: 39px;

	font-weight: 700;

	display: block;

}



.grid-slogan span:nth-child(1) {

	color: #e31e24;

	text-align: justify;

}



.grid-slogan span:nth-child(2) {

	color: #c5c6c6;

	margin-top: -16px;

}



.cr-lng-wdt {

	width: 478px;

	color: #ffffff !important;

	font-size: 13px !important;

	font-weight: 600 !important;

}



.grid-bottom-text {

	position: absolute;

	bottom: 27px;

	width: 100%;

}



.grid-bottom-text > p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

	width: 90%;

}



.layer-green {

	position: relative;

	width: 100%;

	height: 100%;

}



.layer-green::after {

	content: "";

	width: 100%;

	height: 100%;

	background-color: #1f9c3d;

	opacity: 0.2;

	position: absolute;

}



.slogan-text p {

	width: 342px;

	font-size: 14px;

	font-weight: 300;

	color: #ffffff;

	text-align: justify;

	margin-right: 31px;

}



.card-red {

	width: 372px;

	height: 230px;

	border-radius: 15px 15px 0 0;

	background-color: #ed1c24;

	position: absolute;

	bottom: 0;

	right: 25px;

	border: 3px solid #ffffff;

	border-bottom: 0;

	padding: 15px 12px;

}



.card-red p {

	width: 248px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	margin-left: auto;

	text-align: justify;

}



.card-blue {

	width: 368px;

	height: 185px;

	border-radius: 15px 15px 0 0;

	background-image: url(../img/Page/about/card-blue.png);

	background-repeat: no-repeat;

	border: 3px solid #ffffff;

	border-bottom: 0;

	background-size: cover;

	position: absolute;

	bottom: 0;

	background-color: #273e67;

	right: 303px;

	padding: 11px 18px;

}



.card-blue p {

	width: 100%;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.card-blue-50 {

	width: 50%;

	left: 0;

	height: 278px;

	background-color: rgba(227, 30, 36, 0.5);

	background-image: none;

	border-radius: 0;

	border-right: 0;

	border-left: 0;

	border-color: rgba(255, 255, 255, 0.4);

	padding-top: 30px;

}



.card-blue-50 p {

	width: 100%;

	margin-left: auto;

	font-size: 14px;

}



.card-red-50 {

	width: 50%;

	right: 0;

	height: 278px;

	background-image: none;

	background-color: rgba(114, 114, 113, 0.5);

	border-radius: 0;

	border-right: 0;

	border-left: 0;

	border-color: rgba(255, 255, 255, 0.4);

	padding-top: 30px;

}



.card-red-50 p {

	width: 100%;

	margin-right: auto;

	font-size: 14px;

}



.header-grid-50-50 {

	width: 50%;

	position: relative;

}



.header-grid-50-50-card-01 {

	position: relative;

	width: 100%;

	height: 50%;

	border-bottom: 4px solid #ffffff;

}



.header-grid-50-50-card-01-right {

	border-right: 4px solid #ffffff;

}



.header-grid-50-50-card-02 {

	position: relative;

	width: 100%;

	height: 50%;

}



.header-grid-50-50-card-01 h1 {

	color: #ffffff;

	font-size: 16px;

	font-weight: 700;

	position: absolute;

	top: 11px;

	left: 16px;

	width: 190px;

}



.header-grid-50-50-card-02 h1 {

	color: #000000;

	font-size: 16px;

	font-weight: 700;

	position: absolute;

	top: 11px;

	left: 16px;

	width: 190px;

}



.card-01-text {

	border-radius: 12px 0 0 12px;

	background-color: #ed2027;

	position: absolute;

	right: 0;

	bottom: 45px;

	padding: 15px 6px 16px 15px;

}



.card-01-text h3 {

	color: #ffffff;

	font-size: 25px;

	font-weight: 500;

	margin-bottom: 0;

}



.card-01-text span {

	display: block;

	text-align: right;

	color: #ffffff;

	font-size: 15px;

	font-weight: 300;

}



.card-02-text {

	width: 100%;

	background-color: rgba(227, 30, 36, 0.5);

	position: absolute;

	bottom: 0;

	padding-bottom: 13px;

	padding-top: 11px;

	padding-right: 5px;

}



.card-02-text span {

	display: block;

	text-align: right;

	color: #ffffff;

	font-weight: 500;

}



.title-02-01 {

	font-size: 18px;

}



.title-02-02 {

	font-size: 22px;

}



.header-grid-50-50-100 {

	position: relative;

	width: 100%;

	height: 100%;

	border-left: 4px solid #ffffff;

}



.header-grid-50-50-100 h1 {

	color: #ffffff;

	font-size: 16px;

	font-weight: 700;

	position: absolute;

	top: 11px;

	left: 16px;

	width: 190px;

}



.card-text-50-50-01 {

	position: absolute;

	top: 65px;

	left: 16px

}



.card-text-50-50-01 h3 {

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	margin-bottom: 0;

}



.card-text-50-50-01 span {

	color: #ffffff;

	font-size: 30px;

	font-weight: 500;

}



.grd-none-flex {

	display: block;

}



.grd-none-flex .slogan-text p {

	text-align: left;

}



/****** GRID TEXT STYLES START ******/



.grd-text-sl-red {

	color: #e31e24 !important;

}



.gr-white-text {

	color: #ffffff !important;

}



.gr-white-02-text {

	color: #ffffff !important;

}



/****** GRID TEXT STYLES END ******/



.with-main {

	position: relative;

	width: 100%;

	height: 550px;

	background-color: #eceaeb;

}



.with-main-layer {

	position: absolute;

	bottom: 0;

	width: 100%;

	height: 260px;

	background-image: linear-gradient(to top, #727271 0%, rgba(114, 114, 113, 0) 100%);

	z-index: 9;

}



.with-main-img {

width: 100%;

height: 100%;

background-image: url(../img/Page/about/Petlas_with_numbers.png);

background-repeat: no-repeat;

background-position: 50% 50%;

background-size: cover;

background-attachment: fixed;

overflow: hidden;
}



.with-tire {

	position: absolute;

	width: 100%;

	top: 57px;

	left: 0;

	right: 0;

}



.with-tire-main > h3 {

	text-align: center;

	color: #e31e24;

	font-size: 30px;

	font-weight: bold;

}



.with-tire-main-card {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: 70px;

}



.with-tire-main-loop {

	width: 23%;

	height: 350px;

	padding: 13px 20px;

	cursor: pointer;

	border-radius: 7px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	position: relative;

	top: 0;

}



.with-tire-main-loop:hover {

	box-shadow: 0 17px 15px rgba(35, 31, 32, 0.5);

	background-color: #ffffff;

	top: -17px;

	transition: 0.5s !important;

}



.with-tire-img {

	width: 100%;

	height: 133px;

}



.with-tire-img img {

	width: 100%;

	height: 100%;

	object-fit: contain;

}



.with-tire-text p {

margin-top: 25px;

color: #223642;

font-size: 16px;

font-weight: 500;

text-align: center;

margin-bottom: 12px;

margin-top: 40px;
}



.with-tire-main-loop:hover .with-tire-text p {

	color: #000000;

	margin-top: 70px;

}



.vision-section {

	width: 100%;

	position: relative;

	background-color: #eceaeb;

}



.vision-section > h3 {

	/* color: #ffffff;

	 font-size: 23px;

	 font-weight: 500;

	 position: absolute;

	 top: -53px;

	 left: 0;

	 right: 0;

	 text-align: center;

	 z-index: 10; */

	text-align: center;

	z-index: 10;

	padding-top: 30px;

	margin-bottom: 30px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.vision-border {

	width: 100%;

	height: 19px;

	background-color: #727271;

	position: relative;

}



.tab-content-first {

	width: 100%;

	height: 380px;

	background-color: #000000;

	background-image: url(../img/Page/about/tab-img.png);

	background-repeat: no-repeat;

	background-position: left;

}



.nav-new-item {

	width: 20%;

}



.nav-new-item .nav-link {

	border-radius: 0;

	color: #ffffff;

	font-size: 15px;

	font-weight: 500;

	text-align: center;

}



.nav-new-item .nav-link.active {

	background-color: initial;

	position: relative;

}



.nav-new-item .nav-link.active::after {

	content: "";

	position: absolute;

	width: 100%;

	height: 4px;

	left: 0;

	bottom: -4px;

	background-image: url(../img/Page/about/active-tab-layer.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



.nav-new-red-01 {

	background-color: #e31e24 !important;

}



.nav-new-red-02 {

	background-color: #ad2826 !important;

}



.nav-new-red-03 {

	background-color: #7b2622 !important;

}



.nav-new-grey-01 {

	background-color: #898989 !important;

}



.nav-new-grey-02 {

	background-color: #363535 !important;

}



.text-tab .text-tab-title {

	color: #ffffff;

	font-size: 45px;

	font-weight: 500;

	margin-top: 30px;

}



.text-tab-p {

}



.visson-down-icon ul {

	display: inline-flex;

	padding: 0;

	margin: 0;

	margin-top: 39px;

}



.visson-down-icon ul li {

	margin-right: 10px;

}



.tab-img {

	position: absolute;

	/* top: 41px; */

	top: 0;

	width: 100%;

	height: 380px;

	background-repeat: no-repeat;

	right: 0;

	background-position: right;

	background-size: contain;

}



.tab-ul {

	margin-top: 10px;

}



.tab-ul li {

	display: inline-flex;

	align-items: baseline;

}



.tab-ul li i {

	color: #ec1f26;

	margin-right: 8px;

}



.tab-ul li span {

	width: 546px;

	color: #bdbfc1;

	font-weight: 300;

	font-size: 15px;

	display: block;

	margin-bottom: 10px;

}



.tab-ul-right {

	margin-top: 39px;

}



.tab-ul-right li {

	margin-bottom: 13px;

	cursor: pointer;

	display: inline-flex;

	width: 100%;

	justify-content: flex-start;

	align-items: end;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tab-ul-right li span {

	color: #ffffff;

	font-size: 15px;

	font-weight: 300;

	letter-spacing: -0.15px;

	margin-right: 10px;

	width: 40%;

}



.cryle {

	display: inline-block;

	width: 22px;

	height: 22px;

	border-radius: 50%;

	background-color: #bbbdbf;

	font-size: 21px;

	color: #81806e;

	text-align: center;

	padding-top: 1px;

	padding-left: 2px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tab-ul-right li:hover .cryle {

	color: #ffffff;

	background-color: #ec1f26;

}



.tab-ul-right .add .cryle {

	color: #ffffff;

	background-color: #ec1f26;

}



.tab-data-menu {

	position: absolute;

	height: 199px;

	width: 32%;

	right: 5%;

	top: 35%;

}



.tab-data-header {

	width: 100%;

	box-shadow: 0 6px 3px rgba(35, 31, 32, 0.4);

	background-color: #96989a;

	padding-top: 12px;

	padding-left: 12px;

	padding-bottom: 8px;

	background: #C4C4C4;

	border-radius: 7px 7px 0px 0px;

}



.tab-data-header > h3 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	/* identical to box height */

	color: #464646;

}



.tab-data-body {

	width: 100%;

	background-color: #ed3237;

	padding: 10px;

	position: relative;

	background: #E1251B;

	border-radius: 0px 0px 7px 7px;

}



.tab-data-body-scroll {

	width: 79%;

	height: 138px;

	/* overflow: hidden; */

	/* overflow-y: scroll; */

}



.tab-data-body-scroll::-webkit-scrollbar {

	display: none;

}



.tab-data-body-scroll p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

}



.scroll-icon {

	position: absolute;

	right: 95px;

	top: 20px;

}



.btn-page-scroll {

	display: block;

	background: transparent;

	padding: 0;

	margin: 0;

	border: none;

	outline: none;

	font-size: 20px;

	color: #ffffff;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.arrow_down_scroll {

	margin-top: 29px;

}



.btn-page-scroll:hover {

	color: #000000;

}



.btn-page-scroll:focus {

	outline: none;

}



.tire-about {

width: 100%;

background-color: #eceaeb;

padding-top: 30px;

padding-bottom: 100px;

overflow: hidden;
}



.tire-about h3 {

	text-align: center;

	padding-bottom: 46px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.tire-card {

	display: flex;

	justify-content: space-around;

	flex-wrap: wrap;

}



.tire-card-loop {

	width: 120px;

	height: 264px;

	position: relative;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	top: 0;

}



.tire-card-loop:hover {

	top: -20px;

}



.tire-card-loop a {

	display: block;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tire-card-border {

	position: relative;

	width: 100%;

	height: 161px;

	border-radius: 12px;

	border: 1px solid #848688;

	padding-top: 10px;

	text-align: center;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.icon-svg {

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	display: inline-flex;

	align-content: center;

}



.icon-svg .svg {

	width: 65px;

	height: 65px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tire-card-img {

	position: relative;

	top: -78px;

	text-align: center;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.border-arrow {

	position: absolute;

	top: -24px;

	right: 0;

	left: 0;

	font-size: 35px;

	color: #848688;

	z-index: 9;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tire-card-img span {

color: #848688;

font-size: 14px;

font-weight: 500;

display: block;

margin-top: 22px;

-webkit-transition: all .3s ease-in;

transition: all .3s ease-in;

line-height: 16px;
}



.tire-card-loop a:hover .tire-card-border {

	border: 1px solid #ed3237;

}



.tire-card-loop a:hover .border-arrow {

	color: #ed3237;

}



.tire-card-loop a:hover .icon-svg path {

	fill: #ed3237;

	;

}



.tire-card-loop a:hover .tire-card-img span {

	color: #ed3237;

}



.history-main {

	width: 100%;

	height: 915px;

	background-color: #ffffff;

	position: relative;

	margin-bottom: 2px;

}



.histoty-bg {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	/* background-image: url(../img/Page/about/history-bg.png); */

	background-size: cover;

	background-position: top;

	background-repeat: no-repeat;

}



.history-main h3 {

	text-align: center;

	padding-top: 50px;

	font-style: normal;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.history-bar {

	width: 100%;

	margin-top: 55px;

}



.history-year-group {

	width: 100%;

	border-bottom: 1px solid #6B6B6B;

	margin: auto;

	padding-bottom: 10px;

}



.history-year-group > ul {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	height: 40px;

	align-items: baseline;

}



.history-year-group > ul > li {

	cursor: pointer;

	font-weight: 500;

	font-size: 20px;

	line-height: 19px;

	color: #E8E8E8;

	margin: auto;

}



.history-year-group > ul > li:nth-child(1) {

	opacity: 1;

	padding-left: 150px;

}



.history-year-group > ul > li:nth-child(2) {

	opacity: 1;

}



.history-year-group > ul > li:nth-child(3) {

	opacity: 0.6;

}



.history-year-group > ul > li:nth-child(4) {

	opacity: 1;

}



.history-year-group > ul > li.active-year {

	opacity: 1;

	font-weight: bold;

	font-size: 30px;

	line-height: 29px;

	/* identical to box height */

	color: #E1251B;

}



.history-slider {

	margin-top: 24px;

	width: 959px;

	height: 650px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

}



.card-history {

	position: relative;

	cursor: pointer;

}



.card-history-header > h3 {

	color: #ffffff;

	font-size: 25px;

	font-weight: 500;

	letter-spacing: -0.22px;

	text-align: right;

	padding-top: 11px;

	margin-right: 12px;

}



.card-history-header > p {

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	letter-spacing: -0.14px;

	text-align: right;

	margin-right: 14px;

	margin-top: 23px;

	width: 80%;

	margin-left: auto;

}



.card-history-text-01 > p {

	color: #ffffff;

	font-size: 7px;

	font-weight: 300;

	letter-spacing: -0.07px;

	text-align: right;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-right: 3px;

}



.card-history-text-02 > p {

	background-color: #870f31;

	color: #ffffff;

	font-size: 13px;

	font-weight: 500;

	letter-spacing: -0.14px;

	padding: 16px 9px;

	text-align: right;

}



.card-history-text-03 > h3 {

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	letter-spacing: -0.14px;

	text-align: right;

	padding-right: 9px;

	margin-top: 17px;

}



.card-history-text-03 > p {

	color: #ffffff;

	font-size: 7px;

	font-weight: 300;

	margin-top: 6px;

	padding-bottom: 14px;

	text-align: right;

	padding-right: 9px;

}



.card-history-img > img {

	width: 100%;

}



.class-1976 {

	width: auto;

}



.class-1976 .card-history-header {

	width: 100%;

	padding-bottom: 35px;

	background-color: #ac3335;

}



.class-1976 .card-history-body {

	width: 100%;

	background-color: #ca3438;

	padding: 10px 3px 10px 10px;

}



.class-1993 {

	width: auto;

	margin-top: 54px;

}



.class-1993 .card-history-header {

	width: 100%;

	padding-bottom: 35px;

	background-color: #a41f44;

}



.class-1997 {

	width: auto;

}



.class-1997 .card-history-header {

	width: 100%;

	padding-bottom: 35px;

	background-color: #52658c;

}



.class-1997 .card-history-body {

	background-color: #889fac;

}



.class-1997 .card-history-body .card-history-text-01 > p {

	margin-right: 12px;

	width: 197px;

	margin-left: auto;

}



.class-1998 {

	width: auto;

}



.class-1998 .card-history-header {

	width: 100%;

	background-color: #ac3335;

	padding-bottom: 35px;

}



.class-1998 .card-history-body {

	background-color: #ca3438;

}



.class-1998 .card-history-body .card-history-text-01 > p {

	margin-top: 0;

	margin-right: 7px;

	margin-left: auto;

	width: 133px;

}



.class-1999 {

	width: auto;

	margin-top: 60px;

}



.class-1999 .card-history-header {

	width: 100%;

	padding-bottom: 35px;

	background-color: #858474;

}



.class-1999 .card-history-body {

	background-color: #605f54;

}



#hstry .owl-item {

	transform: scale(.9);

	transition: .6s ease;

	opacity: 0;

}



#hstry .cloned {

	transform: scale(.9);

	transition: .6s ease;

	opacity: 0;

}



#hstry .active {

	transform: scale(.9);

	transition: .6s ease;

	opacity: 0.4;

}



#hstry .active.center {

	transform: scale(1.2);

	opacity: 1;

	z-index: 999;

}



#hstry .active.center .card-history {

	width: 300px;

}



#hstry .active.center .card-history-text-01 > p, #hstry .active.center .card-history-text-03 > p {

	font-size: 14px;

	width: 100%;

	margin-right: 0;

	/* padding-left: 13px; */

	/* padding-right: 13px; */

}



#hstry .active.center .card-history-header > p {

	font-size: 20px;

}



#hstry .active.center .card-history-text-02 > p {

	font-size: 14px;

}



.slider-navs {

	position: absolute;

	width: 100%;

	top: 22px;

}



.navs-left, .navs-right {

	position: absolute;

}



.navs-left:focus, .navs-right:focus {

	box-shadow: none;

}



.navs-left {

	left: -80px;

}



.navs-right {

	right: -40px;

}



/****** PAGE STYLES END ******/



/****** PAGE POLICIES STYLES START ******/



.etcihal-main {

	width: 100%;

	height: 700px;

	background-color: #eceaeb;

	position: relative;

	padding-top: 30px;

}



.etcihal-main::before {

	content: "";

	position: absolute;

	width: 100%;

	background-image: linear-gradient(to top, #b2b3b3 0%, rgba(178, 179, 179, 0) 100%);

	height: 260px;

	bottom: 0;

}



.etcihal-main > h3 {

	color: #e31e24;

	font-size: 30px;

	text-align: center;

	font-weight: bold;

}



.etcihal-mn-card {

	margin: auto;

	width: 1045px;

	position: relative;

	margin-top: 0px;

}



.tch-ne-left {

	position: absolute;

	top: -3px;

	left: 0;

}



.tch-ne-right {

	position: absolute;

	top: -3px;

	right: 0;

}



.tch-mn-img {

	text-align: center;

}



.tch-ne-lft-btn, .tch-ne-rgh-btn {

	width: 215px;

	height: 75px;

	border-radius: 38px;

	background-color: #ad2826;

	display: flex;

	justify-content: space-between;

	cursor: pointer;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	transform: scale(1);

	position: relative;

	transition: 1s;

}



.tch-ne-lft-btn {

	right: 0;

}



.tch-ne-rgh-btn {

	left: 0;

}



.tch-ne-lft-btn:hover {

	transform: scale(1.1);

	box-shadow: 0 3px 10px rgba(227, 30, 35, 0.17);

	right: 15px;

	transition: 1s;

}



.tch-ne-rgh-btn:hover {

	transform: scale(1.1);

	box-shadow: 0 3px 10px rgba(227, 30, 35, 0.17);

	left: 15px;

}



.tch-ne-lft-btn:nth-of-type(2), .tch-ne-rgh-btn:nth-of-type(2) {

	margin-top: 37px;

	margin-bottom: 40px;

}



.tch-ne-lft-btn .-text span, .tch-ne-rgh-btn .-text span {

color: #ffffff;

font-size: 12px;

font-weight: 500;

width: 110px;

display: block;

margin-left: 24px;

margin-top: 23px;

line-height: 13px;
}



.tch-ne-rgh-btn .-text span {

	margin-left: 0;

	margin-right: 24px;

	margin-top: 15px;

	text-align: right;

}



.tch-ne-lft-btn .-icon, .tch-ne-rgh-btn .-icon {

	width: 63px;

	height: 63px;

	background-image: linear-gradient(-40deg, #e6e7e8 0%, #ffffff 100%);

	border-radius: 50%;

	margin-top: 6px;

	margin-right: 8px;

	margin-left: 8px;

	position: relative;

}



.tch-ne-lft-btn .-icon img, .tch-ne-rgh-btn .-icon img {

	display: block;

	margin: auto;

	position: absolute;

	top: 25%;

	left: 0;

	right: 0;

}



.etch-slider-txt {

	position: relative;

	width: 100%;

}



.etch-slider-txt .owl-nav {

	position: absolute;

	top: 44%;

	width: 100%;

}



.etch-slider-txt .owl-nav button.owl-next {

	position: absolute;

	right: -30px;

}



.etch-slider-txt .owl-nav button.owl-prev {

	position: absolute;

	left: -30px;

}



.etch-slider-txt .owl-nav button.owl-next, .etch-slider-txt .owl-nav button.owl-prev {

	font-size: 30px;

	color: #e31e24;

}



.etch-slider-txt .owl-nav [class*=owl-]:hover {

	background: transparent;

	color: #e31e24;

}



.txt-card {

}



.txt-card > h3 {

}



.txt-card > p {

	width: 100%;

	color: #000000;

	font-size: 14px;

	font-weight: 300;

	margin: 0 auto;

	text-align: justify;

}



.quality-main {

	background-color: #eceaeb;

	padding-top: 24px;

}



.quality-main > h3 {

	color: #000000;

	font-size: 30px;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: -0.47px;

	text-align: center;

}



.qult-mng-card {

	width: 100%;

	height: 50vh;

	background-image: url(../img/Page/policies/mng-bg.png);

	background-repeat: no-repeat;

	background-size: cover;

	margin-top: 20px;

}



.qult-mng-cd-body {

	margin-top: 68px;

}



.qult-mng-cd-body > h3 {

	color: #ffffff;

	font-size: 21px;

	font-weight: 500;

}



.qult-mng-cd-body > p {

	width: 440px;

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	letter-spacing: -0.13px;

	text-align: justify;

}



.qult-mng-card-gry {

	width: 100%;

	background-color: #5b5b5b;

	padding: 31px 0;

}



.qult-mng-card-gry-txt span {

	display: block;

	color: #ffffff;

	font-size: 14px;

	font-weight: 6500;

	letter-spacing: -0.17px;

	margin-bottom: 18px;

}



.lbl-txt label {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	width: 12%;

	margin-bottom: 5px;

}



.qult-prmd {

	padding-top: 30px;

	padding-bottom: 30px;

	position: relative;

	border-top: 2px solid #000000;

}



.new-container {

	max-width: 1200px;

}



.qult-prmd-card-1 {

	width: 70%;

	border-radius: 26px;

	border: 2px solid #898989;

	padding: 19px 25px;

}



.qult-prmd-card-title {

	color: #000000;

	font-size: 21px;

	font-weight: 500;

}



.qult-prmd-card-prg {

	width: 440px;

	color: #000000;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -0.39px;

	text-align: justify;

}



.qult-prmd-card-2 {

	margin-top: 5px;

	padding: 19px 25px;

}



.qult-prmd-img {

	position: absolute;

	z-index: 9;

	top: -139px;

	right: 10%;

}



.tab-mng {

	width: 100%;

	height: auto;

}



.pl-item {

	width: 50%;

}



.tab-content {

	position: relative;

}



.tab-content-pl {

	width: 100%;

	height: 100%;

	background-image: url(../img/Page/policies/pl-tab.png);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	padding-top: 50px;

	padding-bottom: 50px;

}



.pl-tab-txt-tlt {

	color: #ffffff;

	font-size: 47px;

	font-weight: 500;

	margin-bottom: 0;

}



.pl-tab-txt-tlt-dn {

	color: #ffffff;

	font-size: 21px;

	font-weight: 500;

	display: block;

	text-align: justify;

}



.pl-text-p-01 {

	width: 765px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	margin-top: 23px;

	text-align: justify;

}



.pl-text-p-02 {

	width: 593px;

	margin-top: 43px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.sp-wid {

	width: 762px;

}



.pl-p-mt {

	margin-top: 12px;

	width: 875px;

}



.text-pl-underline {

}



.crtf-dowland-button {

	width: 100%;

	background-color: #e31e24;

	padding-top: 30px;

	padding-bottom: 40px;

	text-align: center;

	/* border-bottom: 13px solid #5b5b5b; */

}



.crtf-dowland-button > h3 {

	font-style: normal;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #FFFFFF;

	margin-bottom: 0;

}



.crtf-dowland-button > span {

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	letter-spacing: 0.13px;

}



.crtf-button-group {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: 23px;

}



.crtf-button-group a {

	display: block;

}



.crtf-button-group a .-text {

	width: 137px;

	color: #ffffff;

	font-size: 13px;

	font-weight: 500;

	letter-spacing: 0.13px;

	margin-top: 21px;

}



.accrodion-certfica {

	width: 100%;

	background-color: #ffffff;

	background-image: url(../img/Page/policies/certifika.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	padding-bottom: 30px;

}



.accordion-title {

	text-align: center;

	padding-top: 37px;

}



.accordion-title > h3 {

	color: #ffffff;

	font-size: 23px;

	font-weight: 500;

	letter-spacing: 0.28px;

	margin-bottom: 0px;

}



.accordion-card {

	width: 1221px;

	position: relative;

	margin: 0 auto;

	padding: 80px 0;

	display: flex;

	justify-content: space-around;

}



.accordion-card::before {

	content: "";

	position: absolute;

	bottom: 33px;

	width: 100%;

	height: 158px;

	border-radius: 67px;

	border-bottom: 12px solid #000000;

	opacity: 0.2;

}



.accordion-card-right, .accordion-card-left {

	width: 95%;

	height: 900px;

	box-shadow: 0 2px 8px rgba(35, 31, 32, 0.5);

	border-radius: 17px;

	background-color: #ebecec;

	z-index: 99;

	padding-bottom: 0px;

	margin: auto;

}



.accordion-card-title {

	position: relative;

	width: 325px;

	height: 42px;

	border-radius: 16px;

	background-color: #ffffff;

	text-align: center;

	margin: auto;

	top: -22px;

}



.accordion-card-title::before {

	content: "";

	position: absolute;

	top: 3px;

	width: 100%;

	height: 100%;

	background-color: #000000;

	opacity: 0.3;

	left: 0;

	border-radius: 16px;

	z-index: -1;

}



.accordion-card-title > h3 {

	padding-top: 8px;

	color: #e31e25;

	font-size: 21px;

	font-weight: 700;

}



.new-card .card-header {

	display: flex;

	justify-content: space-between;

	align-items: center;

	box-shadow: 0 2px 5px #231f20;

	border-bottom: 2px solid #ffffff;

	z-index: 1;

}



.card-color-01 {

	background-color: #d9dada;

}



.card-color-02 {

	background-color: #c5c6c6;

}



.card-color-03 {

	background-color: #aeafb0;

}



.card-color-04 {

	background-color: #989898;

}



.card-color-05 {

	background-color: #818181;

}



.card-color-06 {

	background-color: #676766;

}



.card-color-07 {

	background-color: #4d4d4d;

}



.card-color-08 {

	background-color: #313130;

}



.new-card .card-header h5 {

	width: 345px;

}



.new-card .card-header .btn-link {

	position: relative;

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	text-decoration: none;

	text-align: left;

}



.new-card .card-header.card-color-01 .btn-link {

	color: #5b5b5b;

}



.new-card .card-header .btn-link img {

	position: absolute;

	top: 20px;

	left: -11px;

	transform: rotate(181deg);

}



.new-card .card-header .btn-link.collapsed img {

	transform: none

}



.new-card .card-header a {

	display: block;

	text-align: center;

}



.new-card .card-header .clck-dow {

	display: block;

	text-align: center;

	color: #e31e25;

	font-size: 10px;

	font-weight: 300;

	letter-spacing: 0.13px;

	margin-top: 5px;

}



.new-card .card-body {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -0.17px;

	background-color: #d41e23;

}



.right-body-accd {

	width: 100%;

	height: 95%;

	background-image: url(../img/Page/policies/card-footer.png);

	margin-top: 0px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: contain;

	position: relative;

}



.-center {

	position: absolute;

	width: 100%;

	top: 50%;

	transform: translateY(-50%);

	left: 0;

	right: 0;

	text-align: center;

}



.-center > p {

	width: 70%;

	color: #000000;

	font-size: 13px;

	font-weight: 300;

	text-align: left;

	margin: 0 auto;

	margin-bottom: 30px;

	text-align: justify;

}



.-center > a {

	display: block;

	color: #e31e25;

	font-size: 10px;

	font-weight: 300;

	letter-spacing: 0.13px;

	width: 20%;

	margin: auto;

}



.-center > a > img {

	display: block;

	margin: 21px auto;

}



/****** PAGE POLICIES STYLES END ******/



/****** PAGE CSR STYLES START ******/



.environment-main {

	width: 100%;

	background-color: #eceaeb;

}



.env-header-card {

	width: 100%;

	padding-bottom: 41px;

	border-bottom: 5px solid #434242;

}



.env-header-card > h3 {

	text-align: center;

	color: #7b2622;

	font-size: 30px;

	font-weight: 700;

	padding-top: 30px;

	padding-bottom: 17px;

}



.env-header-card > p {

	width: 773px;

	color: #727271;

	font-size: 15px;

	font-weight: 300;

	margin: auto;

	text-align: center;

}



.env-sliders-card {

	width: 100%;

	height: 606px;

	background-image: url(../img/Page/csr/md-slider-bg.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	border-bottom: 5px solid #434242;

}



.env-sld-header {

	text-align: center;

	margin-top: 49px;

}



.env-sld-header > h3 {

	color: #000000;

	font-size: 30px;

	font-weight: 700;

}



.env-sld-header > p {

	color: #434242;

	font-size: 17px;

	font-weight: 300;

}



.env-sld-body {

	position: relative;

	margin-top: 48px;

}



#envsld {

	width: 50%;

	margin: 0 auto;

}



.item-img-sld {

	width: 140px;

	height: 140px;

	margin: auto;

}



.item-text-sld > p {

	width: 250px;

	color: #000000;

	font-size: 15px;

	font-weight: 300;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	margin-top: 63px;

}



#envsld .owl-nav {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 100%;

}



#envsld .owl-nav button.owl-next {

	position: absolute;

	right: 15%;

}



#envsld .owl-nav button.owl-prev {

	position: absolute;

	left: 15%;

}



#envsld .owl-nav [class*=owl-]:hover {

	background: transparent;

}



#envsld .owl-dots {

	position: absolute;

	width: 100%;

	bottom: -143px;

}



#envsld .owl-dots .owl-dot.active span, #envsld .owl-dots .owl-dot:hover span {

	background: #731012;

}



#envsld .owl-dots .owl-dot span {

	width: 12px;

	height: 12px;

	margin: 5px 3px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	background-color: #ab2023;

	;

}



.env-tab-slider {

	width: 100%;

	position: relative;

	border-bottom: 5px solid #434242;

}



.item-tab-slider {

	position: relative;

}



.no-js .sync1, .sync1.owl-loaded {

	display: flex;

	flex-wrap: wrap-reverse;

}



.item-tab-card {

	position: relative;

	width: 100%;

	height: 484px;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	align-items: center;

}



.item-tab-card-gray {

	background-color: #eceaeb;

}



.item-tab-card-white {

	background-color: #ffffff;

}



.sync1 .owl-thumbs {

	width: 100%;

}



.sync1 .owl-thumb-item {

	position: relative;

	width: 33.33%;

	height: 36px;

	background-color: #ed1c24;

	border: none;

	outline: none;

	color: #ffffff;

	font-size: 17px;

	font-weight: 700;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.sync1 .owl-thumb-item:hover {

	background-color: #731012;

}



.sync1 .owl-thumb-item.active {

	background-color: #731012;

}



.sync1 .owl-thumb-item.active::after {

	content: "";

	position: absolute;

	background-image: url(../img/Page/csr/button-active.png);

	width: 100%;

	height: 5px;

	left: 0;

	bottom: -5px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}



.sync1 .owl-thumb-item:not(:last-child) {

border-right: 3px solid #eceaeb;

}



.sync1 .owl-nav {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 100%;

}



.sync1 .owl-nav button.owl-next {

	position: absolute;

	right: 70px;

}



.sync1 .owl-nav button.owl-prev {

	position: absolute;

	left: 70px;

}



.sync1 .owl-nav [class*=owl-]:hover {

	background: transparent;

}



.sync1 .owl-dots {

	position: absolute;

	width: 100%;

	bottom: 24px;

}



.sync1 .owl-dots .owl-dot.active span, .sync1 .owl-dots .owl-dot:hover span {

	background: #731012;

}



.sync1 .owl-dots .owl-dot span {

	width: 12px;

	height: 12px;

	margin: 5px 3px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	background-color: #ab2023;

	;

}



.img-s {

	width: 727px;

	background-repeat: no-repeat;

	background-position: 50% 50%;

	height: 100%;

}



.sync1 .owl-item img {

	width: auto;

}



.s-text {

	width: 650px;

	text-align: justify;

}



.s-text > p {

	color: #808285;

	font-size: 14px;

	font-weight: 300;

}



.people-main {

	width: 100%;

	height: 700px;

	background-image: url(../img/Page/csr/heart-people.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	border-bottom: 5px solid #9d9e9e;

	position: relative;

	overflow: hidden;

}



.title-ppl > h3 {

	text-align: center;

	color: #58595b;

	font-size: 30px;

	font-weight: 700;

	text-transform: uppercase;

	padding-top: 50px;

}



.ppl-hert-card {

width: 100%;

text-align: center;

margin-top: 50px;

padding-left: 15px;
}
.ppl-hert-card p{
	
padding-left: 340px;
	
width: 80%;
	
text-align: left;
}


.ppl-hert-sp-tit {

color: #58595b;

font-size: 30px;

font-weight: 700;

letter-spacing: 0.5px;

width: 50%;

display: block;

text-align: left;

margin: 0 auto;

line-height: 37.09px;
}



.ppl-p {

	width: 680px;

	color: #58595b;

	font-size: 14px;

	font-weight: 300;

	margin: 0 auto;

	margin-top: 30px;

	text-align: justify;

}



.society-main {

	width: 100%;

	background-image: url(../img/Page/csr/society.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

	border-bottom: 5px solid #808285;

}



.title-society > h3 {

	color: #ffffff;

	font-size: 30px;

	font-weight: 700;

	padding-top: 31px;

	text-align: center;

}



.society-crd-main > span {

color: #ffffff;

font-weight: 700;

text-align: center;

display: block;

margin-top: 30px;

margin-bottom: 30px;

line-height: 35px;
}



.society-crd-main > p {

	text-align: center;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 15.09px;

	letter-spacing: -0.1px;

	margin-bottom: 30px;

}



.society-card-kutu {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.society-loop {

	width: 25%;

	padding-left: 75px;

}



.society-lp-bg01 {

	background-color: #ed1c24;

}



.society-lp-bg02 {

	background-color: #d1d3d4;

}



.society-lp-bg03 {

	background-color: #9c9c9c;

}



.society-lp-bg04 {

	background-color: #727372;

}



.society-color10 {

	color: #686766 !important;

}



.society-loop-icon {

	padding-top: 20px;

}



.society-loop-icon > h3 {

	color: #ffffff;

	font-size: 18px;

	font-weight: 700;

}



.society-loop-icon > p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 15.09px;

	padding-bottom: 30px;

	width: 248px;

	height: 94px;

	margin-top: 19px

}



.human-main {

	background-color: #eceaeb;

	padding-top: 30px;

	padding-bottom: 30px;

}



.human-title > h3 {

	text-align: center;

	color: #ed1c24;

	font-size: 30px;

	font-weight: 700;

}



.human-header > span {

	color: #58595b;

	font-size: 20px;

	font-weight: 700;

	line-height: 24.59px;

	display: block;

	text-align: justify;

	margin-top: 20px;

	margin-bottom: 20px;

}



.human-header > p {

	color: #58595b;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.humna-img {

	width: 100%;

	margin-top: 30px;

}



.product-main {

	width: 100%;

	background-color: #4e565a;

	margin-bottom: 5px;

}



.img-responsive {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.prodcut-card {

	width: 100%;

	padding-left: 30px;

}



.product-card-title > h3 {

	margin-top: 45px;

	color: #e5e5e5;

	font-size: 30px;

	font-weight: 700;

}



.product-card-body {

	padding-left: 100px;

}



.product-card-body > p {

	width: 70%;

	color: #e5e5e5;

	font-size: 18px;

	font-weight: 500;

	margin-top: 100px;

	text-align: justify;

}



.product-card-body ul {

	list-style: none;

	color: #ffffff;

	margin-top: 30px;

	margin-bottom: 30px;

}



.product-card-body ul li::before {

	content: "\2022";

	color: white;

	font-weight: bold;

	display: inline-block;

	width: 1em;

	margin-left: -1em;

	font-size: 15px;

}



.product-card-body ul li {

	color: #e5e5e5;

	font-size: 14px;

	font-weight: 300;

	line-height: 24.49px;

}



/****** PAGE CSR STYLES END ******/



/****** PAGE CAREER STYLES START ******/



.grid-50-career {

	padding: 0;

}



.grid-career-top {

	background-color: #252423;

	padding-top: 15px;

	padding-left: 64px;

	padding-bottom: 22px;

}



.grid-career-top h1 {

	color: #ffffff;

	font-size: 15px;

	font-weight: 500;

}



.grid-career-top p {

	color: #ffffff;

	font-size: 27px;

	font-weight: 700;

	letter-spacing: 0.96px;

	line-height: 33px;

	margin-top: 30px;

}



.grid-career-img-middle {

	width: 100%;

	height: 219px;

	overflow: hidden;

}



.grid-career-img-middle img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: 1s;

	cursor: pointer;

}



.grid-career-down {

	background-color: #252423;

	padding-top: 22px;

	padding-left: 64px;

	padding-bottom: 37px;

	padding-right: 30px;

	height: 125px;

	position: absolute;

	bottom: 0;

}



.grid-career-down p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.career-icon {

	position: absolute;

	bottom: 105px;

	left: 50%;

	transform: translateX(-50%);

}



.policy-bg {

	position: relative;

	width: 100%;

	height: auto;

	background-color: #eceaeb;

	padding-bottom: 10px;

}



.policy-header {

	padding-top: 27px;

	text-align: center;

}



.policy-header h3 {

	letter-spacing: 0.47px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #E32026;

}



.policy-accordion {

	width: 418px;

	margin-top: 50px;

}



.card {

	border-radius: 0;

}



.card-policy .card-header:first-child {

	border-radius: 0;

}



.card-policy .card-header {

	z-index: 1;

}



.card-policy-colo-01 {

	box-shadow: 0 6px 4px rgba(28, 12, 12, 0.31);

	background-color: #d9dada;

}



.card-policy-colo-02 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #c5c6c6;

}



.card-policy-colo-03 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #b2b3b3;

}



.card-policy-colo-04 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #9d9e9e;

}



.card-policy-colo-05 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #898989;

}



.card-policy-colo-06 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #727271;

}



.new-card .card-header.card-policy-colo-01 .btn-link {

	color: #5b5b5b;

}



.new-card .card-header.card-policy-colo-02 .btn-link, .new-card .card-header.card-policy-colo-03 .btn-link, .new-card .card-header.card-policy-colo-04 .btn-link, .new-card .card-header.card-policy-colo-05 .btn-link, .new-card .card-header.card-policy-colo-06 .btn-link {

	color: #2b2a29;

}



.card-policy .card-header .btn-link img {

	top: 11px;

}



.policy-img {

	position: absolute;

	right: 0;

	top: 50%;

	width: 100%;

	height: 806px;

	background-image: url(../img/Page/career/policy.png);

	background-position: right;

	background-repeat: no-repeat;

	transform: translateY(-50%);

	background-size: 55%;

}



.development-header {

	width: 100%;

	height: 83px;

	background-color: #ed2027;

	margin-top: 5px;

	text-align: center;

	padding: 30px 0;

}



.development-header h3 {

	letter-spacing: 0.43px;

	font-weight: bold;

	font-size: 30px;

	line-height: 26px;

	/* identical to box height */

	color: #FFFFFF;

}



.development-content {

	width: 100%;

	height: 630px;

	background-color: #0b0a0f;

	background-image: url(../img/Page/career/developer.png);

	background-position: right;

	background-repeat: no-repeat;

	background-size: cover;

}



.development-text h3 {

	width: 631px;

	margin-top: 30px;

	color: #ffffff;

	font-size: 29px;

	font-weight: 700;

	line-height: 37px;

	letter-spacing: 0.51px;

}



.icon-developer {

margin-top: 25px;

margin-bottom: 25px;
}
.icon-developer img{
	
width: 100px;
	
height: 100px;
	
object-fit: contain;
}


.text-dv {

	width: 419px;

	color: #ffffff;

	font-size: 15px;

	font-weight: 300;

	letter-spacing: -0.15px;

	line-height: 20px;

	text-align: justify;

}



.text-dv1 {

	width: 419px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	margin-top: 10px;

	text-align: justify;

}



.safeyt-main {

	width: 100%;

	height: 80vh;

	background-image: url(../img/Page/career/health.png);

	background-position: top;

	background-repeat: no-repeat;

	background-size: cover;

}



.safeyt-main {

	margin-top: 12px;

}



.safeyt-header {

	text-align: center;

	padding-top: 44px;

	margin-bottom: 30px;

}



.safeyt-header h3 {

	color: #ffffff;

	font-size: 23px;

	font-weight: 700;

	letter-spacing: 0.43px;

}



.safety-tex-1 {

	width: 610px;

	color: #ffffff;

	font-size: 18px;

	font-weight: 700;

	letter-spacing: 0.3px;

	margin-bottom: 20px;

	margin-top: 0%;

}



.safety-tex-2 {

	width: 479px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 20px;

	text-align: justify;

}



.job-main {

	width: 100%;

	/* background-color: #eceaeb; */

	padding-bottom: 30px;

}



.job-header {

	text-align: center;

	padding-top: 30px;

}



.job-header h3 {

	letter-spacing: 0.34px;

	padding-bottom: 10px;

	font-weight: bold;

	font-size: 30px;

	line-height: 65px;

	/* identical to box height, or 217% */

	color: #464646;

}



.nav-job {

	display: flex;

	justify-content: center;

}



.nav-job .nav-link {

	width: 151px;

	height: 61px;

	box-shadow: 0 2px 2px rgba(28, 12, 12, 0.44);

	color: #ffffff;

	font-size: 15px;

	font-weight: 700;

	letter-spacing: 0.29px;

	background-color: #be2d2a;

	margin-right: 18px;

	text-align: center;

}



.nav-job .nav-link.active, .nav-job .show > .nav-link {

	position: relative;

	background-color: #be2d2a;

}



.nav-job .nav-link.active::before {

	content: "";

	position: absolute;

	width: 100%;

	height: 5px;

	background-color: #727271;

	left: 0;

	bottom: -10px;

}



.job-tab-body {

	width: 100%;

	height: 250px;

	margin-top: 32px;

	background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.02) 50%, #ffffff 100%);

}



.job-body-tab {

	display: flex;

	justify-content: center;

	padding-top: 33px;

}



.jb-bd-txt-bld p {

	width: 269px;

	color: #434242;

	font-size: 17px;

	font-weight: 700;

	letter-spacing: 0.34px;

	margin-top: 45px;

	line-height: 21.5px;

}



.jb-bd-txt-rg p {

	width: 333px;

	color: #434242;

	font-size: 12px;

	font-weight: 300;

	margin-top: 43px;

}



.jb-bd-img {

	width: 169px;

	height: 169px;

	box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.5);

	background-color: #eceaeb;

	border-radius: 50%;

	padding: 1px;

	margin-left: 41px;

	margin-right: 45px;

}



.jb-bd-img img {

	width: 100%;

}



.join-main {

	width: 100%;

	margin-bottom: 0;

	background-color: #5b5b5b;

	background-image: url('../img/fabrika-arka-plan 1.jpg');

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding-top: 50px;

	background-attachment: fixed;

	padding-bottom: 50px;

}



.join-header {

	text-align: center;

	padding-top: 64px;

}



.join-header h3 {

	color: #e31e24;

	font-size: 23px;

	font-weight: 700;

	letter-spacing: 0.43px;

}



.join-body {

	width: 395px;

	margin: 60px auto;

}



.join-form {

	margin-top: 22px;

}



.join-form .form-group {

	margin-bottom: 10px;

}



.form-join {

	width: 100%;

	height: 30px;

	border-radius: 3px;

	background-color: #ffffff;

	color: #cfcfcf;

	font-size: 10px;

	font-weight: 300;

}



.form-join::placeholder {

	color: #cfcfcf;

}



.btn-file {

	width: 108px;

	height: 30px;

	border-radius: 3px;

	border: 1px solid #da7f7f;

	background-color: #7e2525;

	color: #ffffff;

	font-size: 11px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: -0.31px;

	line-height: 17px;

}



.btn-file:hover {

	color: #ffffff;

}



.file-goup {

	margin-top: 44px;

	margin-bottom: 78px;

}



.file-label {

	color: #cfcfcf;

	font-size: 14px;

	font-weight: 300;

	line-height: 11.51px;

	text-transform: uppercase;

	letter-spacing: -0.52px;

}



.cv-g span {

	color: #cfcfcf;

	font-size: 10px;

	font-weight: 300;

	line-height: 13.6px;

	letter-spacing: -0.31px;

	display: inline-block;

	margin-left: 18px;

}



.btn-join-send {

	width: 108px;

	height: 30px;

	border-radius: 3px;

	border: 1px solid #acacac;

	background-color: #ed1c24;

	color: #ffffff;

	font-size: 11px;

	font-weight: 300;

	line-height: 17px;

	text-transform: uppercase;

}



.join-body-header .pp {

	display: inline-block;

	color: #ffffff;

	font-size: 17px;

	font-weight: 500;

	line-height: 22.98px;

	letter-spacing: -0.31px;

	margin-left: 22px;

}



/****** PAGE CAREER STYLES END ******/



/****** PAGE IDENTITY STYLES START ******/



.corporate-identity {

	width: 100%;

	overflow: hidden;

}



.copr-ident-header {

	margin-top: 46px;

	text-align: center;

}



.copr-ident-header h3 {

}



.logo-identity h3 {

	text-align: center;

	color: #000000;

	font-size: 19px;

	font-weight: 500;

	text-transform: uppercase;

	margin-top: 30px;

}



.logo-card-ident {

}



.c-logo-one {

	margin-right: 50px;

	margin-top: 12px;

}



.logo-dowlnad {

	position: relative;

	width: 80%;

	margin: auto;

	border-bottom: 1px solid #b2b3b3;

	padding-bottom: 20px;

	margin-bottom: 10px;

}



.logo-dwln-menu {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.format-icon {

	width: 39px;

	height: 38px;

	margin: 0 auto;

}



.format-icon img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-filter: grayscale(100%);

	filter: grayscale(100%);

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.fr-dowl-text {

	text-align: center;

	margin-top: 19px;

}



.fr-dowl-text span {

	display: block;

	color: #727271;

	font-size: 12px;

	font-weight: 300;

	margin-top: 8px;

}



.logo-dwln-menu li a:hover img {

	-webkit-filter: grayscale(0%);

	filter: grayscale(0%);

}



.bank-main {

}



.bank-header {

	text-align: center;

	padding-top: 44px;

}



.bank-header h3 {



	/* identical to box height */

}



.bank-body {

	width: 830px;

	margin-left: auto;

	margin-right: auto;

}



.filter-identity {

	display: flex;

	justify-content: space-between;

}



.btn-fil-ident {

	width: 250px;

	height: 30px;

	border-radius: 6px;

	background-color: #9d9e9e;

	color: #ffffff;

	font-size: 14px;

	font-weight: 500;

	text-transform: uppercase;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	position: relative;

	line-height: 14px;

}



.btn-fil-ident:hover {

	background-color: #e31e24;

	color: #ffffff;

}



.btn-fil-ident:focus {

	box-shadow: none;

	background-color: #e31e24;

	color: #ffffff;

}



.btn-fil-ident.dropdown-toggle::after {

	width: 14px;

	height: 11px;

	background-image: url(../img/Page/identity/filter-arrow.svg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	position: absolute;

	border: none;

	right: 11px;

	top: 9px;

}



.fil-dropdown-menu {

	min-width: 100%;

}



.fil-dropdown-menu .dropdown-item {

	font-size: 12px;

	font-weight: 300;

	text-transform: uppercase;

	color: #727271;

}



.fil-dropdown-menu .dropdown-item:focus, .fil-dropdown-menu .dropdown-item:hover {

	color: #ffffff;

}



.slider-identity {

	margin-top: 53px;

	position: relative;

}



.sld-ident-item {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.ps-item {

	position: relative;

	width: 190px;

	margin-bottom: 61px;

}



.ps-item-img {

	width: 100%;

	height: 218px;

	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);

	background-color: #ffffff;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	overflow: hidden;

}



.ps-item-img > img {

	width: 100%;

	height: 100%;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.ps-item-img:hover img {

	transform: scale(1.09);

}



.ps-item-dow {

	text-align: center;

}



.ps-item-dow img {

	position: relative;

	bottom: 10px;

}



.ps-item a:hover .ps-item-img {

	background-color: #8c2138;

}



.ps-item-dow span {

	display: block;

	color: #000000;

	font-size: 13px;

	font-weight: 700;

	margin-top: -5px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.ps-item:hover .ps-item-dow span {

	color: #e31e24;

}



.slider-arrow {

	position: absolute;

	top: 41%;

	transform: translateY(-45%);

	width: 100%;

}



.btn-sld-left {

	position: absolute;

	left: -50px;

}



.btn-sld-right {

	position: absolute;

	right: -50px;

}



.merch-header {

	position: relative;

	text-align: center;

	margin-top: 30px;

}



.merch-header h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #000000;

}



.merch-body h3 {

	margin-top: 10px;

	margin-bottom: 20px;

	text-align: center;

	font-style: normal;

	font-size: 16px;

	line-height: 17px;

	color: #000000;

}



.merch-filter {

	width: 100%;

	border-top: 1px solid #b2b3b3;

	border-bottom: 1px solid #b2b3b3;

	padding-top: 24px;

	padding-bottom: 19px;

}



.merc-filter-content, .merch-slider {

	width: 830px;

	margin-left: auto;

	margin-right: auto

}



.merch-sld-ident-item .ps-item-img img {

	border: 1px solid #c5c6c6

}



.merch-sld-ident-item a:hover .ps-item-img {

	background-color: #e31e24;

}



/****** PAGE IDENTITY STYLES END ******/



/****** PAGE UPTODATE STYLES START ******/



.pes-ct {

	position: absolute;

	background-color: #252423;

	width: 100%;

	bottom: 0;

	padding-left: 63px;

	padding-bottom: 20px;

}



.pes-ct h3 {

	color: #ffffff;

	font-size: 23px;

	font-weight: 700;

	margin-top: 15px;

}



.pes-ct p {

	width: 300px;

	font-size: 14px;

	font-weight: 300;

	color: #ffffff;

	margin: 10px 0;

}



.ino-ok {

	display: flex;

	justify-content: flex-start;

}



.ino-ok span {

	display: block;

	color: #ffffff;

	margin-right: 30px;

	font-weight: 300;

	font-size: 15px;

}



.ino-ok a {

	display: block;

	color: #ffffff;

	font-weight: 300;

	font-size: 15px;

	margin-bottom: 5px;

}



.ino-ok a bdi {

	margin-left: 5px;

}



.filter-uptodate {

	position: relative;

	width: 100%;

	margin-top: 30px;

	margin-bottom: 30px;

	display: flex;

	justify-content: space-between;

}



.filter-up-group ul {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}

.filter-up-group ul li {



}



.btn-filter-up {

	position: relative;

	width: 270px;

	height: 35px;

	border-radius: 0;

	color: #ffffff;

	font-size: 13px;

	font-weight: 500;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-filter-up.up-active::after {

	content: "";

	background-image: url(../img/Page/update/button-active.png);

	position: absolute;

	width: 101%;

	height: 4px;

	left: -1px;

	bottom: -5px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



.filter-up-red {

	background-color: #E31E24;

}



.filter-up-red-01 {

	background-color: #AD2826;

}



.filter-up-green {

	background-color: #7B2622;

}



.filter-up-blue {

	background-color: #898989;

}



.filter-up-purple {

	background-color: #363535;

}



.btn-filter-up:hover, .btn-filter-year:hover {

	color: #ffffff;

}



.btn-filter-up:focus, .btn-filter-year:focus {

	box-shadow: none;

}



.btn-filter-year {

position: relative;

width: 160px;

height: 35px;

border-radius: 4px;

background-color: #e31e24;

color: #ffffff;

font-size: 13px;

font-weight: 500;

text-align: left;
}



.btn-filter-year.dropdown-toggle::after {

	border: none;

	background-image: url(../img/asagibeyazok.png);

	position: absolute;

	width: 14px;

	height: 14px;

	right: 8px;

	top: 10px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

}



.dropdown-filter-year {

	min-width: 100%;

}



.dropdown-filter-year .dropdown-item {

	font-size: 13px;

	font-weight: 300;

}



.filter-card {

	margin-bottom: 96px;

	transition: all .5s ease-in-out;

	column-gap: 30px;

	column-count: 4;

	column-fill: initial;

}



.filter-card-item {

	width: 100%;

	overflow: hidden;

	display: inline-block;

}



.flt-crd-item-img {

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.flt-crd-item-img img {

	width: 100%;

	-webkit-filter: grayscale(100%);

	filter: grayscale(100%);

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.flt-text {

	position: absolute;

	bottom: 0;

	width: 100%;

	height: 50%;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	transform: translateY(95%);

}



.flt-text-layer {

	width: 100%;

	height: 100%;

	opacity: 0.7;

}



.flt-text-content {

	position: absolute;

	top: 10px;

	left: 13px;

	opacity: 0;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.flt-text-content h3 {

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	margin-top: 10px;

	line-height: 16px;

}



.flt-text-content p {

	color: #ffffff;

	font-size: 12px;

	font-weight: 300;

	line-height: 16.24px;

}



.filter-card-item a:hover .flt-crd-item-img img {

	-webkit-filter: grayscale(0%);

	filter: grayscale(0%);

	transform: scale(1.2);

}



.filter-card-item a:hover .flt-text {

	transform: translateY(0%);

}



.filter-card-item a:hover .flt-text-content {

	opacity: 1;

}



.dt-main {

	width: 100%;

	position: relative;

	background-color: #262626;

}



.detail-up-one {

	width: 100%;

	position: relative;

	background-color: #262626;

	padding-top: 30px;

	padding-bottom: 30px;

}



.detail-container {

	width: 885px;

	max-width: 885px;

	margin-right: auto;

	margin-left: auto;

}



.detail-one-header h3 {

	color: #ffffff;

	font-size: 34px;

	font-weight: 700;

}



.detail-one-header p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	margin-top: 20px;

	text-align: justify;

}



.detail-one-header span {

	color: #ffffff;

	font-size: 21px;

	font-weight: 700;

	display: block;

	margin-top: 38px;

}



.detail-slider {

	margin-top: 20px;

}



.detail-slider .item {

	width: 100%;

	height: 505px;

	position: relative;

	border: 1px solid #ffffff;

}



.detail-slider .item > img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.detail-slider .item .item-lyaer {

	position: absolute;

	bottom: 0;

	width: 100%;

}



.detail-slider .item .item-lyaer > img {

	width: 100%;

}



.detail-slider .owl-thumbs {

	margin-top: 13px;

}



.detail-slider .owl-thumbs .owl-thumb-item {

	width: 105px;

	height: 100px;

	background-color: transparent;

	padding: 0;

	margin: 0;

	border: 1px solid #ffffff;

	outline: none;

	cursor: pointer;

	margin-right: 5px;

	opacity: 0.5;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.detail-slider .owl-thumbs .owl-thumb-item.active {

	opacity: 1;

}



.detail-slider .owl-thumbs .owl-thumb-item:hover {

	opacity: 1;

}



.thumb-img {

	width: 100%;

	height: 100%;

}



.thumb-img > img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.detail-slider .owl-nav {

	position: absolute;

	top: 40%;

	width: 100%;

}



.detail-slider .owl-nav button.owl-next {

	position: absolute;

	right: -37px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.detail-slider .owl-nav button.owl-prev {

	position: absolute;

	left: -37px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.detail-slider .owl-nav button.owl-next:hover {

	background-color: transparent;

	right: -40px;

}



.detail-slider .owl-nav button.owl-prev:hover {

	background-color: transparent;

	left: -40px;

}



.detail-up-two {

	width: 100%;

	background-color: #ffffff;

	padding-top: 30px;

	padding-bottom: 30px;

}



.detail-up-flex {

	display: flex;

	justify-content: space-around;

}



.dt-50 {

	width: 48%;

}



.dt-dwn-100 {

	width: 100%;

	height: 455px;

	border: 1px solid #ffffff;

}



.dt-dwn-100 > img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.dt-dwn-txt > h3 {

	margin-top: 24px;

	margin-bottom: 50px;

	color: #ffffff;

	font-size: 21px;

	font-weight: 700;

	letter-spacing: 0.22px;

}



.dt-dwn-txt > p {

	color: #000000;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.dt-100-text > p {

	color: #000000;

	font-size: 14px;

	font-weight: 300;

	text-align: justify;

}



.dt-100-img {

	width: 100%;

	height: 193px;

	border: 1px solid #ffffff;

	margin-top: 49px;

}



.dt-100-img > img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.left-dt {

	position: absolute;

	top: 70%;

	width: 17%;

	height: 385px;

	background-image: url(../img/tekerizi.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}



.right-dt {

	position: absolute;

	top: 33%;

	right: 0;

	width: 17%;

	height: 385px;

	background-image: url(../img/tekerizi.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: 50% 50%;

}



/****** PAGE UPTODATE STYLES END ******/



/****** PAGE CONTACT STYLES START ******/



.header-contact-grid {

	padding-top: 28px;

	padding-bottom: 36px;

	background-color: #5b5b5b;

}



.contact-header-card {

	/* display: flex; */

	/* justify-content: space-between; */

}



.ct-hd-card-ct {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.ct-hd-card-ct h3 {

	color: #ffffff;

	font-size: 22px;

	font-weight: 700;

	text-decoration: underline;

	width: 100%;

	margin-bottom: 22px;

}



.ct-hd-info-1 p {

	width: 169px;

	color: #ffffff;

	font-size: 12px;

	font-weight: 300;

	line-height: 15px;

	margin-right: 29px;

}



.ct-hd-info-2 p {

	width: 140px;

	color: #ffffff;

	font-size: 12px;

	font-weight: 300;

	line-height: 15px;

}



.region-header-page {

	margin-top: 30px;

	margin-bottom: 30px;

	text-align: center;

}



.region-header-page h3 {

	color: #e31e24;

	font-size: 23px;

	font-weight: 700;

}



.region-filter {

width: 90%;

margin: 0 auto;

border-top: 1px solid #b2b3b3;

border-bottom: 1px solid #b2b3b3;
}



.rg-ft-bd-button {

	margin-top: 30px;

	margin-bottom: 39px;

}



.rg-sp {

	color: #9d9e9e;

	font-size: 10px;

	font-weight: 300;

	font-style: italic;

	text-transform: uppercase;

	letter-spacing: -0.2px;

	display: block;

}



.region-filter-body {

	display: flex;

	justify-content: space-around;

	flex-wrap: wrap;

}



.btn-rg-f {

	position: relative;

	width: 254px;

	height: 35px;

	border-radius: 5px;

	background-color: #e31e24;

	color: #ffffff;

	font-size: 15px;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: -0.3px;

	margin-top: 8px;

	border: none;

}



.btn-rg-f:focus {

	box-shadow: none;

}



.btn-rg-f:hover {

	color: #ffffff;

}



.btn-rg-f-menu {

	min-width: 100%;

}



.btn-rg-f.dropdown-toggle::after {

	border: none;

	position: absolute;

	right: 0;

	top: 0;

	width: 57px;

	height: 100%;

	border-radius: 0 5px 5px 0;

	background-color: #e31e24;

	background-image: url(../img/asagibeyazok.png);

	background-repeat: no-repeat;

	background-position: center;

}



.btn-rg-f-menu .dropdown-item {

	font-size: 14px;

	font-weight: 300;

}



.rg-ft-bd-region, .rg-ft-bd-name {

}



.img-is-rg {

	position: relative;

}



.img-is-rg .d-s-s--s {

width: 69px;

height: 127px;
}



.img-is-rg .d-a-r {

position: absolute;

left: 50px;

top: 46%;
}



.rg-text-info {

text-align: center;

float: left;

position: absolute;

top: 35px;

margin-left: 0;

width: 100%;
}



.rg-text-info h3 {

color: #9d9e9e;

font-size: 23px;

font-weight: 700;

text-transform: uppercase;
}



.rg-text-info span {

	display: block;

	color: #9d9e9e;

	font-size: 15px;

	font-weight: 300;

}


.rg-img-info {
    width: 71px;
    height: 71px;
    border: 1px solid #0a0b0b;
    border-radius: 50%;
    margin-left: 50px;
    position: absolute;
    right: 0;
    top: 30px;
}



.rg-img-info > img {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	object-fit: cover;

}



.main-map {

}



.main-map img {

}



.main-contact {

	width: 100%;

	height: 745px;

	;

	margin-bottom: 4px;

	background-image: url(../img/Page/contact/contact-form.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}



.mn-ct-header {

	text-align: center;

	padding-top: 38px;

}



.mn-ct-header h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 140%;

	/* identical to box height, or 42px */

	letter-spacing: 0.02em;

	color: #FFFFFF;

}



.mn-ct-md-text {

	text-align: center;

	margin-top: 180px;

}



.mn-ct-md-text h3 {

	color: #ffffff;

	font-size: 18px;

	font-weight: 500;

}



.mn-ct-md-text p {

	width: 325px;

	margin-bottom: 12px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 19px;

	margin-left: auto;

	margin-right: auto;

}







.cont-form-container {

	width: 666px;

	margin: auto;

}



.frm-ct-grp {

	margin-bottom: 10px;

}



.frm-ct-grp label {

	color: #ffffff;

	font-size: 12px;

	font-weight: 300;

}



.form-ct-in {

	width: 100%;

	height: 28px;

	background-color: #ffffff;

	font-weight: 300;

	border-radius: 0;

	font-size: 12px;

	background-clip: border-box;

}



.vlt {

	color: #ffffff;

	font-size: 10px;

	font-weight: 300;

	letter-spacing: 0.05px;

}



.fr-txt-area {

	height: 160px !important;

	resize: none;

}



.form-button {

	width: 666px;

	margin: auto;

	text-align: right;

}



.btn-ct-snd {

	color: #ffffff;

	font-size: 18px;

	font-weight: 300;

	line-height: 14px;

	text-transform: uppercase;

	margin-top: 19px;

	padding-right: 0;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-ct-snd:focus {

	box-shadow: none;

}



.btn-ct-snd:hover {

	color: #9e0700;

	text-decoration: underline;

}



/****** PAGE CONTACT STYLES END ******/



/****** PAGE WHY STYLES START ******/



.page-header-p {

width: 100%;

height: 361px;

background-color: #24202c;

position: relative;

background-image: url(../img/Page/why/why-banner.jpg);

background-repeat: no-repeat;

background-position: 80% 0%;

background-size: cover;
}



.pag-hd-h1 {

	position: absolute;

	bottom: 22%;

	left: 28%;

}



.pag-hd-h1 h3 {

	color: #ffffff;

	font-size: 47px;

	font-weight: 700;

}



.page-header-p-d {

	border-top: 5px solid #ffffff;

	border-bottom: 6px solid #ffffff;

	background-color: #636363;

	padding-top: 39px;

	padding-bottom: 30px;

}



.page-header-p-d p {

	width: 58%;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 20px;

	letter-spacing: 0.03px;

	text-align: center;

	margin: 0 auto;

}



.pnl-one-why {

position: relative;

width: 100%;

/* height: 795px; */

background-image: url(../img/Page/why/bg-01.png);

background-position: 50% 30%;

background-repeat: no-repeat;

background-size: cover;

padding-top: 50px;

padding-bottom: 50px;

overflow: hidden;
}



.pnl-on-why-container {

	width: 1172px;

	margin: auto;

	position: relative;

}



.pnl-sld-crd {

	padding-top: 80px;

}



.cr-pl-itm {

	position: relative;

	width: 100%;

	cursor: pointer;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	top: 0;

	padding: 10px 0;

}



.-gh-po {

	width: 100%;

	position: relative;

}



.-gh-po h3 {

	width: 150px;

	text-align: center;

	color: #ffffff;

	font-size: 20px;

	font-weight: 700;

	line-height: 24px;

	letter-spacing: -0.82px;

	margin-left: auto;

	margin-right: auto;

}



.tir-ckh {

	position: absolute;

	top: 12px;

	right: 0;

}



.-gh-bf {

	margin-top: 18px;

	width: 100%;

	height: 262px;

	border-radius: 19px;

	background-image: linear-gradient(to top, #ffffff 25%, rgba(255, 255, 255, 0.99) 26%, rgba(255, 255, 255, 0.6) 100%);

}



.-gh-icon {

	text-align: center;

	padding-top: 48px;

	margin-bottom: 23px;

	width: 84px;

	height: 138px;

	margin-left: auto;

	margin-right: auto;

}



.-gh-icon img {

	width: 100%;

	height: 100%;

	object-fit: contain;

	display: block;

	margin: auto;

}



.-gh-text p {

	text-align: center;

	color: #000000;

	font-size: 14px;

	font-weight: 700;

	line-height: 15px;

}



.btn-rd-m {

	color: #e31e24;

	font-size: 14px;

	font-weight: 700;

	line-height: 15px;

	margin-top: 10px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.cr-pl-itm:hover {

	top: -10px;

}



.cr-pl-itm:hover .btn-rd-m {

	color: #ffffff;

}



.ol-arrow {

	position: absolute;

	top: 55%;

	width: 100%;

}



.btn-dff-l {

	position: absolute;

	left: -75px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-dff-r {

	position: absolute;

	right: -75px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-dff-r:focus, .btn-dff-l:focus {

	box-shadow: none;

}



.btn-dff-l svg, .btn-dff-r svg {

	width: 29px;

}



.btn-dff-l svg path, .btn-dff-r svg path {

	fill: #ffffff;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-dff-l:hover svg path, .btn-dff-r:hover svg path {

	fill: #e31e24;

}



.pnl-two-why {

	position: relative;

	width: 100%;

	/* height: 572px; */

	background-color: #E1251B;

	padding-top: 50px;

	padding-bottom: 50px;

}



.pnl-d-p01 {

	position: absolute;

	bottom: 0;

	right: 0;

	background-image: url(../img/Page/why/bg-02.png);

	width: 611px;

	height: 442px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}



.pnl-h21 .-gh-po h3 {

	color: #898989;

	width: 160px;

}



.pnl-h21 .-gh-bf {

	background: transparent;

	border: 1px solid #9d9e9e;

}



.pnl-h21:hover .btn-rd-m {

	color: #898989;

}



.lop-ds .btn-dff-l svg path, .lop-ds .btn-dff-r svg path {

	fill: #898989;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.lop-ds .btn-dff-l:hover svg path, .lop-ds .btn-dff-r:hover svg path {

	fill: #e31e24;

}



.ng-dl {

	position: absolute;

	bottom: 5px;

	width: 100%;

	height: 9px;

	/* box-shadow: 0 2px 2px rgba(35, 31, 32, 0.4); */

	/* background-color: #d9dada; */

}



.data-panel-d {

	position: relative;

	width: 100%;

}



.dt-hd-hdra {

	width: 100%;

	height: 9px;

	/* box-shadow: 0 2px 2px rgba(35, 31, 32, 0.4); */

	/* background-color: #ebecec; */

	z-index: 1;

	position: absolute;

	top: 0;

}



.dt-pnl-by {

	width: 100%;

	height: 0px;

	background-color: #727271;

	-webkit-transition: all .6s ease-in;

	transition: all .6s ease-in;

}



.dt-pnl-by.hy {

	height: 410px;

}



.dt-hd-ftr {

	width: 100%;

	height: 9px;

	box-shadow: 0 2px 2px rgba(35, 31, 32, 0.4);

	background-color: #ebecec;

	position: absolute;

	bottom: 0px;

	z-index: -1;

	opacity: 0;

	-webkit-transition: all .6s ease-in;

	transition: all .6s ease-in;

}



.dt-hd-ftr.opl {

	z-index: 1;

	opacity: 1;

}



.df-kct {

	width: 1170px;

	margin: 0 auto;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	padding-top: 36px;

}



.pl-pl-ld {

	width: 30%;

}



.pl-pl-ld h3 {

	color: #ffffff;

	font-size: 30px;

	font-weight: 700;

	line-height: 24px;

	letter-spacing: -1.83px;

	margin-bottom: 53px;

	text-align: center;

}



.pl-pl-ld img {

	display: block;

	margin: auto;

}



.pl-pl-op {

	width: 70%;

	overflow: hidden;

	overflow-y: scroll;

	height: 352px;

	padding-right: 15px;

}



.pl-pl-op::-webkit-scrollbar {

	width: 8px

}



.pl-pl-op::-webkit-scrollbar-track {

	background: #727271;

	border-radius: 0px

}



.pl-pl-op::-webkit-scrollbar-thumb {

	background: #ffffff;

	border-radius: 5px

}



.pl-pl-op p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -1.08px;

}



/****** PAGE WHY STYLES END ******/



/****** PAGE TECHNOLOGY STYLES START ******/



.tkn-header {

	width: 100%;

	position: relative;

	/* margin-bottom: 6px; */

}



.tkn-hd-title {

	width: 100%;

	background-color: #5b5b5b;

	padding-left: 63px;

	padding-top: 10px;

	padding-bottom: 10px;

}



.tkn-hd-title h3 {

	color: #ffffff;

	font-size: 23px;

	font-weight: 700;

	margin-bottom: 0;

}



.tkn-hd-border {

	width: 100%;

	/* height: 6px; */

	/* background-image: linear-gradient(to right, rgba(43, 42, 41, 0) 0%, rgba(43, 42, 41, 0.97) 36%, #2b2a29 37%); */

}



.tkn-body {

	width: 100%;

	position: relative;

}



.tkn-bd-img-txt {

	width: 100%;

	height: 352px;

	position: relative;

	background-repeat: no-repeat;

	background-size: cover;

}



.txt-ok-02 {

	width: 432px;

	position: absolute;

	right: 167px;

	top: 35%;

	text-align: right;

	display: none;

}



.txt-ok-02 h3 {

	text-shadow: -2px 4px 6px rgba(28, 12, 12, 0.2);

	color: #ffffff;

	font-size: 61px;

	font-weight: 500;

}



.txt-ok-02 span {

	position: absolute;

	left: -17px;

	color: #ffffff;

	font-size: 21px;

	font-weight: 500;

	letter-spacing: 27.3px;

}



.tkn-pst-button {

	margin-bottom: 3px;

}



.bnt-do-lk {

	padding-left: 52px;

	position: absolute;

	bottom: 10px;

	width: 100%;

}



.bnt-1-40 {

	position: absolute;

	bottom: 0;

	right: 167px;

}



.nb-kls {

	display: inline-block;

	height: 36px;

	border-radius: 5px;

	background-color: #FF0000;

	color: #ffffff;

	font-size: 15px;

	font-weight: 700;

	text-align: center;

	line-height: 33px;

	padding: 0 15px;

	cursor: pointer;

	margin-left: 11px;

	border: 2px solid #fff;

}

.nb-kls a:hover{
	color:#fff;
}


.btn-bor-ok {

	position: absolute;

	bottom: -2px;

	width: 100%;

	background: #FF0000;

	height: 14px;

}



.btn-bor-ok img {

	width: 100%;

	display: none;

}







.tkn-menu-item {

	width: 24.88%;

	height: 281px;

	text-align: center;

	margin-left: 3px;

	position: relative;

}





.tkn-menu.menukucuktopy .tkn-menu-item {

	height: 40px;

}

.tkn-menu.menukucuktopy .tkn-menu-item img {

	display: none;

}

.tkn-menu-item:first-child {

	margin-left: 0px;

}



.tkn-menu-black {

	background-color: #000000;

}



.tkn-menu-red {

	background-color: #9e0700;

}



.tkn-menu-gray {

	background-color: #919291;

}



.tkn-menu-item a {

	display: block;

	position: relative;

}



.hv-ac-br {

	width: 0;

	height: 3px;

	background-color: #ed3b31;

	position: absolute;

	bottom: -20px;

	left: 0;

	right: 0;

	margin: auto;

	-webkit-transition: width 1s;

	transition: width 1s;

}



.tkn-menu-item a.active .hv-ac-br {

	width: 174px;

}



.tkn-menu-item a:hover .hv-ac-br {

	width: 174px;

}



.tkn-menu-item a h3, .tkn-menu-item h3 {

	position: relative;

	margin-top: 25px;

	margin-bottom: 35px;

	z-index: 1;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

}



.bg-kl {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



/****** PAGE TECHNOLOGY STYLES END ******/



/****** PAGE TECHNOLOGY PCR  STYLES START ******/



.pcr-tkn-body {

	width: 100%;

	background-image: linear-gradient(to bottom, #f2f2f2 0%, rgb(255, 255, 255) 100%);

}



.pcr-sxem {

	width: 100%;

	margin-top: 61px;

	margin-bottom: 88px;

}



.pcr-sxem img {

	display: block;

	margin: auto;

	width: 100%;

}



.pcr-nav {

	width: 100%;

	/* justify-content: center; */

}



.pcr-nav-start {

	justify-content: center;

}



.pcr-nav-start .nav-item {

	width: 16.66%;

}



.pcr-nav-start .nav-link {

	text-align: center;

}



.pcr-nav .nav-link {

border-radius: 0;

color: #ffffff;

font-size: 14px;

font-weight: 700;

letter-spacing: -0.25px;

-webkit-transition: all .3s ease-in;

transition: all .3s ease-in;

/* padding: .5rem 258px; */

width: 100%;

outline: none;

border: none;
}



.pcr-nav .nav-link.active, .pcr-nav.show > .nav-link {

	background-color: #e31e24 !important;

	position: relative;

}



.pcr-nav .nav-link.active::after {

	content: "";

	position: absolute;

	width: 100%;

	height: 4px;

	left: 0;

	bottom: 0px;

	background-image: url(../img/care/active-tab-layer.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	z-index: 555;

}



.pcr-nav .nav-link:hover {

	background-color: #e31e24 !important;

}



.tb-con-one, .tb-con-two {

	margin-top: 50px;

	margin-bottom: 50px;

}



.tg-on-flex {

	display: flex;

	justify-content: space-between;

}



.tg-on-50 {

	width: 50%;

}



.tg-on-40 {

	width: 40%;

}



.tg-on-50 > h3, .tb-two-title {

	text-transform: uppercase;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.tg-on-50 p.tbs-su {

	color: #797b7a;

	font-size: 14px;

	font-weight: 100;

	line-height: 22px;

	margin-top: 20px;

	margin-bottom: 20px;

}



.tg-on-50 p.tb-desc {

	color: #797b7a;

	font-size: 14px;

	font-weight: 100;

}



.img-lop-model {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: 51px;

}



.img-model-01 img {

	width: 100%;

}



.d-6623, .d-6624 {

	width: 49%;

}



.d-6623 img, .d-6624 img {

	width: 100%;

}



.d-6623 span, .d-6624 span {

	display: block;

	text-align: center;

	color: #000000;

	font-size: 17px;

	font-weight: bold;

	margin-top: 28px;

}



.tbs-su {

	font-weight: 100;

	margin-top: 10px;

	margin-bottom: 10px;

	font-size: 16px;

	line-height: 17px;

	/* or 106% */

	color: #464646;

}



.tb-two-img {

	width: 100%;

	border-top: 3px solid #e31e24;

	border-bottom: 3px solid #e31e24;

	;

}



.tb-desc {

	margin-top: 10px;

	color: #797b7a;

	font-size: 14px;

	font-weight: 300;

}



.mdolp-img-01 {

	display: block;

	margin: 22px auto;

	/* width: 100%; */

}



.tb-two-title-02 {

	color: #000000;

	font-size: 18px;

	font-weight: 700;

	margin-top: 25px;

}



.mdolp-img-02 {

	width: 100%;

}



/****** PAGE TECHNOLOGY PCR  STYLES END ******/



/****** PAGE TBR TIRES CARE  STYLES START ******/



.care-body {

	width: 100%;

	background-image: linear-gradient(to top, rgba(235, 236, 236, 0) 0%, #ebecec 100%);

}



.cr-menu {

	margin-bottom: 0;

}



.care-sxem {

	width: 750px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 30px;

	padding-top: 30px;

}



.care-sxem img {

	width: 100%;

	margin-top: 0px;

}



.pg-cr-t-s {

	overflow: hidden;

}



.pg-cr-t-s .tab-content {

	/* margin-top: 26px; */

	border-top: 4px solid #898989;

	background-color: #d9dada;

	height: 496px;

}



.tb-pgr-text {

	padding-left: 120px;

	height: 480px;

	overflow: auto;

}



.tb-pgr-text h3 {

	margin-top: 40px;

	margin-bottom: 30px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.tb-pgr-text p {

	color: #5b5b5b;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -0.08px;

	text-align: justify;

	width: 70%;

}



.tb-pgr-img {

	width: 100%;

	height: 492px;

}



.pg-mt-sect {

	padding-top: 30px;

	background: #fff;

}



.pg-mt-sect > h3 {

	font-weight: 700;

	text-align: center;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #424242;

	margin-bottom: 30px;

}



.pg-mt-sect > p {

	width: 55%;

	color: #5b5b5b;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: 0.03px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	margin-bottom: 40px;

}



.nav-cr-stf .nav-item {

	width: 50%;

}



.nav-lopp-5 .nav-item {

	width: 25%;

}



.nav-cr-stf .nav-link {

border-radius: 0;

color: #ffffff;

font-size: 13px;

font-weight: 700;

letter-spacing: -0.25px;

-webkit-transition: all .3s ease-in;

transition: all .3s ease-in;

padding: 11px 17.75px;

text-align: center;

z-index: 9;

width: 100%;

outline: none;

border: none;

height: 60px;
}



.nav-cr-stf .nav-link.active, .nav-cr-stf.show > .nav-link {

background-color: #e31e24 !important;

position: relative;
}



.nav-cr-stf .nav-link.active::after {

	content: "";

	position: absolute;

	width: 100%;

	height: 8px;

	left: 0;

	bottom: -4px;

	background-image: url(../img/care/active-tab-layer.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	z-index: 5555;

}



.tb-cr-sft {

	width: 100%;

	height: 450px;

	background-color: #d9dada;

}



.tab-card-car-saf {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.card-rb-img {

	width: 50%;

	height: 450px;

}



.card-rb-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.card-rb-text {

	width: 45%;

	margin-left: 30px;

}



.card-rb-text h3 {

	margin-top: 30px;

	letter-spacing: -1.51px;

	/* identical to box height */

	margin-bottom: 10px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #424242;

}



.card-rb-text > ul {

	margin-top: 24px;

	margin-left: 0;

	position: relative;

}



.card-rb-text > ul > li {

	display: inline-block;

	align-items: baseline;

	width: 100%;

	margin-bottom: 5px;

	justify-content: flex-start;

	padding-left: 20px;

}



.card-rb-text > ul > li > .svg {

	width: 16px;

	margin-right: 5px;

}



.card-rb-text > ul > li > span {

	color: #5b5b5b;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -0.08px;

	display: block;

	position: relative;

	top: -3px;

	margin-bottom: 5px;

	width: 100%;

	margin-left: 0;

}



.pg-tread {

	width: 100%;

	background-color: #ffffff;

	padding-top: 44px;

	padding-bottom: 60px;

}



.pg-tread-text h3 {

	color: #5b5b5b;

	font-size: 23px;

	font-weight: 700;

	margin-bottom: 76px;

}



.pg-tread-text p {

	color: #5b5b5b;

	font-size: 14px;

	font-weight: 300;

}



.pg-tread-img img {

	width: 100%;

}



.pg-age-tire {

	width: 100%;

	/* background-color: #d9dada; */

	padding-top: 90px;

	padding-bottom: 60px;

	margin-top: 10px;

}



.cd-lk-032s h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

	text-align: center;

	margin-bottom: 50px;

}



.middle-dsp-01 {

	position: relative;

	width: 100%;

	height: 415px;

}



.us-1 {

	width: 275px;

	height: 54px;

	background-image: url(../img/care/tbr/us-1.png);

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	margin: auto;

}



.md-1 {

	width: 325px;

	height: 326px;

	background-image: url(../img/care/tbr/tire_middle.png);

	position: absolute;

	top: 43px;

	left: 0;

	right: 0;

	margin: auto;

}



.us-2 {

	width: 275px;

	height: 54px;

	background-image: url(../img/care/tbr/us-2.png);

	position: absolute;

	bottom: 9px;

	left: 0;

	right: 0;

	margin: auto;

}



.lft-1 {

	width: 337px;

	height: 141px;

	background-image: url(../img/care/tbr/1.png);

	position: absolute;

	left: 110px;

	top: 58px;

}



.lft-2 {

	width: 358px;

	height: 140px;

	background-image: url(../img/care/tbr/2.png);

	position: absolute;

	left: 110px;

	top: 206px;

	background-repeat: no-repeat;

}



.rigt-1 {

	width: 337px;

	height: 140px;

	background-image: url(../img/care/tbr/3.png);

	position: absolute;

	right: 110px;

	top: 58px;

}



.rigt-2 {

	width: 337px;

	height: 140px;

	background-image: url(../img/care/tbr/4.png);

	position: absolute;

	right: 110px;

	top: 206px;

}



.lft-kutu {

	width: 216px;

	height: 33px;

	border-radius: 16px;

	background-color: #96a7b1;

	position: absolute;

	top: 11px;

	left: -32px;

}



.lft-kutu > h3, .rgh-kutu > h3 {

	color: #ffffff;

	font-size: 22px;

	font-weight: 700;

	text-align: center;

	padding-top: 3px;

}



.lft-1 p, .lft-2 p {

	position: absolute;

	width: 224px;

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	line-height: 15.2px;

	right: 73px;

	top: 47px;

}



.rigt-1 p, .rigt-2 p {

	width: 204px;

	color: #ffffff;

	font-size: 13px;

	font-weight: 300;

	line-height: 14.2px;

	left: 84px;

	top: 10px;

	position: absolute;

}



.rgh-kutu {

	width: 216px;

	height: 33px;

	border-radius: 16px;

	background-color: #96a7b1;

	position: absolute;

	bottom: 13px;

	right: -38px;

}



.pg-sidewall {

	width: 100%;

	height: 365px;

	background-color: #727271;

}



.pg-side-text h3 {

	color: #ffffff;

	font-size: 23px;

	font-weight: 700;

	margin-top: 35px;

}



.pg-side-text p {

	margin-top: 67px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

}



.pg-side-img {

	width: calc(100vh - 33px);

	height: 365px;

}



.pg-side-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.pg-tired {

	width: 100%;

	background-color: #ffffff;

	padding-top: 30px;

}



.pg-tired .og-haerdas > h3 {

	text-align: center;

	font-weight: bold;

	/* identical to box height */

	margin-bottom: 30px;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #424242;

}



.pg-rotation {

	margin-top: 32px;

	margin-bottom: 51px;

}



.pg-rota-text > h3 {

	color: #5b5b5b;

	font-size: 23px;

	font-weight: 700;

	margin-bottom: 41px;

}



.pg-rota-text > p {

	color: #5b5b5b;

	font-size: 14px;

	font-weight: 300;

}



#loadrotation {

	width: 147px;

	margin: auto;

}



.pg-rota-img {

	width: 147px;

	height: 228px;

}



.pg-rota-img img {

	width: 147px;

	height: 228px;

	display: block;

	margin-top: 70px;

	margin-left: auto;

	margin-right: auto;

	object-fit: cover;

}



#loadrotation .owl-nav {

	position: absolute;

	width: 100%;

	top: 50%;

}



#loadrotation .owl-nav button.owl-next {

	position: absolute;

	right: -52px;

}



#loadrotation .owl-nav button.owl-prev {

	position: absolute;

	left: -52px;

}



#loadrotation .owl-nav [class*=owl-]:hover {

	background-color: transparent;

}



/****** PAGE TBR TIRES CARE  STYLES END ******/



/****** PAGE PCR TIRES GUIDE  STYLES START ******/



.pcr-hd-m {

	width: 100%;

	background: #ECECEC;

	padding-top: 30px;

	padding-bottom: 30px;

	position: relative;

}



.pcr-by-main h3 {

	margin-bottom: 10px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}



.pcr-by-main img {

	width: 100%;

}



.table-guide {

	border: 1px solid #363636;

	margin-top: 65px;

	padding-top: 33px;

	padding-left: 42px;

	padding-right: 42px;

}



.table-ne-guide thead th {

	border-left: 1px solid #000000;

	border-top: 0;

	border-bottom: 1px solid #000000;

	color: #1a1212;

	font-size: 15px;

	font-weight: 700;

}



.table-ne-guide thead th:first-child, .table-ne-guide td:first-child {

	border-left: 0;

}



.table-ne-guide td, .table-ne-guide th {

	text-align: center;

	border-left: 1px solid #000000;

	border-top: 1px solid #000000;

	color: #1a1212;

	font-size: 14px;

	font-weight: 300;

}



.pcr-tire-post {

	position: relative;

	height: 840px;

	/* margin-top: 2px; */

}



.pcr-tire-ci > h3 {

	margin-top: 30px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #FFFFFF;

	height: 40px;

}



.db-bk-crv {

	width: 345px;

	height: 345px;

	background-image: url(../img/tireguide/layer.png);

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	background-size: cover;

}



.db-bk-crv-text {

	width: 264px;

	height: 264px;

	box-shadow: 2px 5px 4px 5px rgba(28, 12, 12, 0.05);

	background-color: #e31e24;

	position: absolute;

	top: 48%;

	left: 53%;

	transform: translate(-50%, -50%);

	border-radius: 50%;

}



.db-bk-crv-text span {

display: block;

color: #ffffff;

font-size: 23px;

font-weight: 700;

margin-top: 83px;

margin-bottom: 15px;

width: 90%;

margin-left: auto;

margin-right: auto;

text-align: center;

line-height: 23px;
}



.db-bk-crv-text p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	width: 113px;

	margin: auto;

	text-align: center

}



.dn-btng ul li {

	width: 33px;

	height: 34px;

	border: 1px solid #ffffff;

	background-color: #707070;

	border-radius: 50%;

	position: absolute;

	opacity: 0.45;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	overflow: hidden;

}



.btn-dn-d {

	width: 26px;

	height: 26px;

	background-color: #e31e24;

	border-radius: 50%;

	position: absolute;

	left: 9%;

	top: 10%;

	color: #ffffff;

	padding: 0;

	font-weight: 300;

}



.dn-btng ul li.active {

	opacity: 1;

	transform: scale(1.2);

}



.dn-btng ul li:hover {

	opacity: 1;

	transform: scale(1.2);

}



.dn-btng ul li:hover .btn-dn-d {

	color: #ffffff;

}



.dn-btng ul li.btn-1 {

	right: 262px;

	top: 77px;

}



.dn-btng ul li.btn-2 {

	right: 216px;

	top: 133px;

}



.dn-btng ul li.btn-3 {

	top: 352px;

	right: 78px;

}



.dn-btng ul li.btn-4 {

	bottom: 231px;

	right: 135px;

}



.dn-btng ul li.btn-5 {

	bottom: 81px;

	right: 340px;

}



.dn-btng ul li.btn-6 {

	bottom: 104px;

	right: 471px;

}



.dn-btng ul li.btn-7 {

	bottom: 257px;

	left: 157px;

}



.dn-btng ul li.btn-8 {

	top: 498px;

	left: 562px;

}



.dn-btng ul li.btn-9 {

	top: 501px;

	left: 404px;

}



.dn-btng ul li.btn-10 {

	top: 322px;

	left: 92px;

}



.dn-btng ul li.btn-11 {

	top: 542px;

	left: 396px;

}



.dn-btng ul li.btn-12 {

top: 358px;

left: 555px;
}

.dn-btng ul li.btn-13 {

top: 118px;

left: 359px;
}

.dn-btng ul li.btn-14 {

top: 198px;

left: 135px;
}

.dn-btng ul li.btn-15 {

	top: 258px;

	left: 105px;

}

.dn-btng ul li.btn-16 {

	top: 358px;

	left: 45px;

}



.dn-btng ul li.btn-17 {

	top: 28px;

	left: 235px;

}



.dowland-pcr {

	width: 100%;

	height: 530px;

	background-image: url(../img/tireguide/pcr/black_car.png);

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat;

}



.dowland-pcr-header h3 {

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 30px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #FFFFFF;

}



.dwl-item-card {

	width: 194px;

	margin-left: 75px;

	cursor: pointer;

	position: relative;

	top: 0;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.dwl-item-card:hover {

	top: -10px;

}



.dwl-item-card h3 {

	color: #ffffff;

	font-size: 14px;

	font-weight: 700;

	margin-bottom: 13px;

}



.dwl-uit-02-03 {

	width: 100%;

	height: 291px;

	border-radius: 14px;

	border: 1px solid #ffffff;

	padding-top: 21px;

	padding-left: 17px;

	padding-right: 17px;

	padding-bottom: 18px;

}



.dwl-grp-01 {

	display: flex;

	justify-content: flex-end;

	margin-top: 12px;

}



.dwl-grp-01 a {

	color: #ffffff;

	font-size: 14px;

	font-weight: 700;

	display: flex;

	align-items: flex-end;

}



.dwl-grp-01 a > span {

	display: block;

	position: relative;

	right: 8px;

	top: -5px;

}



/****** PAGE PCR TIRES GUIDE  STYLES END ******/



/****** PAGE PRODUCT STYLES START ******/



.tkn-hd-menu {

	position: absolute;

	right: 58px;

	top: 13px;

}



.tkn-hd-menu ul {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.tkn-hd-menu ul li a .svg {

	width: 47px;

	height: 21px;

	margin-left: 24px;

}



.tkn-hd-menu ul li a .svg path {

	fill: #ffffff;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tkn-hd-menu ul li a:hover .svg path {

	fill: #de2c26;

}



.tkn-hd-menu ul li a.activesvg .svg path {

	fill: #de2c26;

}



.pr-fil-01 {

	width: 100%;

	background-color: #2B2A29;

	padding-top: 12px;

	padding-bottom: 12px;

	margin-bottom: -3px;

}



.filter-prd {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.btn-filp {

position: relative;

width: 240px;

height: 40px;

border-radius: 5px;

border: 2px solid #ffffff;

color: #fff;

font-size: 15px;

font-weight: 700;

-webkit-transition: all .3s ease-in;

transition: all .3s ease-in;

text-align: left;
}



.btn-filp:hover {

	background-color: #e31e24;

	color: #ffffff;

	border-color: #e31e24;

}



.btn-filp:focus {

	box-shadow: none;

}



.btn-filp.dropdown-toggle::after {

	border: none;

}



.hg-csd {

	position: absolute;

	right: 10px;

	top: 5px;

}



.btn-filp .svg path {

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-filp:hover .svg path {

	fill: #ffffff;

}



.filp-dropdown-menu {

	min-width: 100%;

}



.filp-dropdown-menu .dropdown-item {

	font-weight: 300;

}



.pcr-bg {

width: 100%;

height: 100%;

background-size: cover;

background-repeat: no-repeat;

padding-bottom: 90px;

overflow: hidden;
}



.padding-left {

	padding-left: 63px;

}



.padding-right {

	padding-right: 167px;

}



.tire-count {

	margin-top: 55px;

}



.tire-count-cion h3 {

	color: #c5c6c6;

	font-size: 18px;

	font-weight: 700;

}



.tire-count-cion h3 strong {

	color: #ffffff;

	font-weight: 700;

}



.tire-card {

	width: 100%;

	position: relative;

}



.tire-card-header {

	margin-top: 30px;

	margin-bottom: 39px;

}



.tire-card-header h3 {

	width: 100%;

	color: #ffffff;

	font-size: 18px;

	font-weight: 700;

}



.br-jko-s {

	width: 100%;

	height: 3px;

	background-color: #898989;

}



.tire-card-body {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-bottom: 100px;

}



.fil-prc-d {

	margin-top: 55px;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.fil-prc-50 {

	width: 50%;

}



.go-d-s01 {

	margin-bottom: 24px;

}

.go-d-s01.gostermepasif, .custom-control.custom-checkbox.cjk-new.gostermepasif {

	cursor: not-allowed;

	opacity: 0.4;

	cursor: none;

	pointer-events: none;

}



.pc-ico-go {

	display: block;

	width: 65px;

}



.agricvg .pc-ico-go .svg {

	width: 65px;

	height: 45px;

}



.pc-ico-go .svg path {

	fill: #ffffff;

}

.go-d-s01 .yesilbtnfor-rusca-icin-height{
	
height: 40px;
}

.btn-go-ds {

width: 236px;

height: auto;

border-radius: 5px;

border: 2px solid #fff;

color: #fff;

font-size: 13px;

font-weight: 700;

-webkit-transition: all .3s ease-in;

transition: all .3s ease-in;

margin-top: 10px;

text-align: left;

position: relative;
}



.btn-go-ds:hover {

	background-color: #e31e24;

	color: #ffffff;

	border-color: #e31e24;

}



.btn-go-ds:focus {

	box-shadow: none;

}



.go-d-s01.active .btn-go-ds {

	background-color: #ff0000;

	color: #ffffff;

	border-color: #ff0000;

}



.go-d-s01.active .pc-ico-go .svg path, .go-d-s01.active .pc-ico-go .svg polyline, .go-d-s01.active .pc-ico-go .svg polygon {

	fill: #e31e24;

}



.fil-che {

	margin-top: 47px;

}



.fil-text span {

	display: block;

	font-size: 15px;

	text-decoration: none;

	color: #ebecec;

	margin-bottom: 15px;

	font-weight: bold;

}



.cjk-new {

	margin-bottom: 19px;

}



.cjk-new .custom-control-label {

	cursor: pointer;

	display: flex;

	align-items: baseline;

	font-weight: 500;

	font-size: 14px;

	line-height: 13px;

	color: #FFFFFF;

}



.cjk-new .custom-control-label::before {

	width: 25px;

	height: 25px;

	border-radius: 5px;

	border: 2px solid #ebecec;

	background-color: transparent;

}



.custom-control-input:checked~

.custom-control-label::before {

	border-color: #e31e24;

	background-color: #e31e24;

}



.custom-checkbox .custom-control-input:checked~

.custom-control-label::after {

	background-image: none;

}



.custom-control-input:focus~

.custom-control-label::before {

	box-shadow: none;

}



.icon-filter-chck {

	display: inline-block;

	width: 20px;

	height: 25px;

	margin-left: 15px;

	margin-right: 20px;

	position: relative;

	line-height: 28px;

}



.ico-left-01 {

	display: inline-block;

	width: 47px;

	margin-left: 17px;

}



.ico-right-01 {

	display: inline-block;

	width: 38px;

	margin-left: 38px;

}



.icon-filter-chck .svg path, .ico-left-01 .svg path, .ico-right-01 .svg path .cls-1 {

	fill: #ffffff;

}



.text-icon-s {

	margin-left: 17px;

	display: inline-block;

	width: 90px;

	line-height: 32px;

}



.run-flat {

	margin-top: 45px;

}



.filt-ck-text {

	display: inline-block;

	position: relative;

	top: 10px;

	margin-left: 15px;

}



.fil-rest {

	margin-top: 54px;

}



.btn-rs {

	width: 101px;

	height: 37px;

	border-radius: 7px;

	background-color: #000000;

	color: #ebecec;

	font-size: 16px;

	font-weight: 700;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.btn-rs:hover {

	background-color: #e31e24;

	color: #ffffff;

	border-color: #e31e24;

}



.btn-rs:focus {

	box-shadow: none;

}



.tire-count-cion {

	position: relative;

}



.tire-count-cion span {

	position: absolute;

	left: -16px;

	top: 0;

}



/* .agr-tops-label {

 position: relative;

 top: 6px;

 } */



.filter-prd-2 {

	justify-content: flex-start;

}



.filter-prd-2 .dropdown:last-child {

	margin-left: 200px;

}



.fil-prc-50-drop .btn-filp {

	width: 236px;

	height: 43px;

	margin-top: 54px;

	text-align: left;

}



.fil-prc-50-drop .filp-dropdown-menu {

	min-width: 236px;

}



.p-vrt-card .tire-card-body {

	margin-top: 51px;

	justify-content: space-between;

}



.p-vrt-card .tire-card-body .owl-tire {

	width: 22%;

	margin-bottom: 105px;

}



/****** PAGE PRODUCT STYLES END ******/



/****** PAGE PRODUCT DETAIL STYLES START ******/



.pro-det-banner {

	position: relative;

	width: 100%;

	height: 450px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.p-det-bn-text {

	width: 20%;

	margin-top: 70px;

	border-bottom: 1px solid #fff;

	padding-bottom: 5px;

}

.p-det-bn-text h1 {

	font-weight: bold;

	font-size: 45px;

	/* identical to box height, or 125% */

	color: #E1251B;

}

.p-det-bn-text h4 {



	/* identical to box height, or 325% */

	font-weight: bold;

	font-size: 20px;

	line-height: 20px;

	/* identical to box height, or 100% */

	color: #FFFFFF;

}



.p-256-01, .p-256-02 {

	display: inline-block;

	color: #ffffff;

	font-weight: 700;

	background-color: rgba(55, 52, 53, 0.5);

	padding: 5px 10px;

}



.p-256-01 {

	font-size: 28px;

	letter-spacing: 0.35px;

}



.p-256-02 {

	font-size: 71px;

	letter-spacing: 0.17px;

	line-height: 60px;

}



.p-257-dp {

	margin-top: 21px;

	margin-bottom: 16px;

}



.p-257-01 {

	background-color: rgba(55, 52, 53, 0.5);

	color: #ffffff;

	font-size: 27px;

	font-weight: 700;

	letter-spacing: 0.32px;

	padding: 5px 6px;

	display: inline-block;

}



.p-t-257-01 {

	font-size: 17px;

	font-weight: 300;

	line-height: 23px;

}



.p-258-01 {

	display: inline-block;

	color: #ffffff;

	font-size: 17px;

	font-weight: 500;

	line-height: 23px;

	padding: 9px 7px;

	background-color: rgba(55, 52, 53, 0.5);

}



.p-t-258-01 {

	font-size: 20px;

	font-weight: 700;

}



.pro-menu-dt {

	position: absolute;

	bottom: 0;

	width: 100%;

	background: rgba(55, 52, 53, 0.5);

	border-top: 5px solid #E1251B;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.pro-menu-dt-fixed {

	position: fixed;

	top: 0;

	z-index: 9;

	background-color: #000;

	height: 51px;

}



.pr-grop-01 {

	display: flex;

}



.pro-mn-icon-01-left {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.por-icon-v01 {

	width: 62px;

	height: 46px;

	background-color: #E1251B;

	margin-right: 20px;

	position: relative;

}



.icon-pro-02361 {

	position: absolute;

	left: 0;

	right: 0;

	margin: auto;

	top: 50%;

	transform: translateY(-50%);

}



.pro-mn-icon-01-right {

	position: absolute;

	right: 58px;

	top: 0;

	width: 62px;

	height: 46px;

	background-color: #727376;

}



.type-cion > img {

position: relative;

left: 0;

right: 0;

display: block;

margin: auto;

top: -25px;

-webkit-transition: all .3s ease-in;

transition: all .3s ease-in;

width: 40px;
}



.pro-menu-dt-fixed .type-cion > img {

	top: 5px;

	width: 32px;

	height: 32px;

}



.type-cion > span {

display: block;

color: #ffffff;

font-size: 12px;

font-weight: 500;

margin-top: -18px;

text-align: center;

-webkit-transition: all .3s ease-in;

transition: all .3s ease-in;

line-height: 12px;
}



.pro-menu-dt-fixed .type-cion > span {

	opacity: 0;

}



.pro-mn-txt > ul {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	margin-left: 28px;

}



.pro-mn-txt > ul > li > .btn-p-men {

	color: #ffffff;

	font-size: 14px;

	font-weight: 500;

	cursor: pointer;

	border-radius: 0;

	height: 46px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.pro-mn-txt > ul > li > .btn-p-men.active {

	/* background-color: #ed3237; */

}



.pro-mn-txt > ul > li > .btn-p-men:hover {

	background-color: #ed3237;

}



.pro-mn-txt > ul > li > .btn-p-men:focus {

	box-shadow: none;

}



.tech-headers {

width: 100%;

height: auto;

background-color: #373435;

padding-bottom: 10px;
}



.ty-thr-dfex {

	position: relative;

	display: flex;

}

.tx-0-236636 {

	margin-left: 105px;

}

.tx-0-236636 p {

	margin-top: 10px;

	width: 60%;

	color: #ffffff;

	font-size: 12px;

	letter-spacing: -0.22px;

	line-height: 18px;

	font-weight: bold;

}



.thyi-2366 {

	position: absolute;

	top: -270px;

	right: 0;

}



.threesixty-down {

	width: 455px;

	height: 164px;

	background-image: url(../img/product/360down.png);

	position: absolute;

	bottom: -60px;

	right: -51px;

	z-index: 1;

}



.threesixty {

	position: relative;

	z-index: 2;

	left: 15px;

}



.threesixty .nav_bar.top-right {

	display: none;

}



.tech-boys {

	background-image: url(../img/product/pcr/detail/bg.png);

	background-color: #212121;

	height: 751px;

	width: 100%;

	padding-top: 138px;

	background-repeat: no-repeat;

	/* background-position: center -452px; */

	background-size: cover;

}



.tech-top {

	position: relative;

}



.left-tir-info {

	position: absolute;

	left: 0;

	/* top: 0; */

	width: 36px;

	height: 153px;

	transform: rotate(-180deg);

	border-top-left-radius: 12px;

	background: #E1251B;

	border-radius: 5px 0px 0px 5px;

	display: none;

}



.left-tir-info span {

	position: absolute;

	left: -60px;

	transform: rotate(-269deg);

	z-index: 1;

	width: 153px;

	top: 69px;

	text-align: center;

	/* identical to box height, or 167% */

	font-weight: bold;

	font-size: 12px;

	line-height: 20px;

	/* identical to box height, or 167% */

	color: #FFFFFF;

}



.tires-ds-l215 h3 {

	color: #ffffff;

	font-size: 29px;

	font-weight: 700;

	line-height: 23px;

	margin-bottom: 79px;

}



.p-ter-clik img {

	display: block;

	margin-left: auto;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	width: 100%;

	height: 540px;

	object-fit: contain;

}



.tires-pro-me-cl {

	overflow: hidden;

	height: 596px;

	overflow-y: auto;

}



.tires-pro-me-cl ul {

	margin-top: 69px;

	margin-right: 10px;

}



.tires-pro-me-cl ul .tires-pro-me-cl-li {

	display: flex;

	justify-content: flex-end;

	cursor: pointer;

	align-items: baseline;

	margin-bottom: 28px;

}



.tires-pro-me-cl .tires-pro-me-cl-li span .svg {

	margin-right: 32px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

}



.tires-pro-me-cl .tires-pro-me-cl-li p {

	width: 80%;

	color: #ffffff;

	font-size: 14px;

	font-weight: 300;

	line-height: 18px;

	border-radius: 16px;

	padding-top: 18px;

	padding-left: 16px;

	padding-right: 10px;

	padding-bottom: 16px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	display: inline-block;

}



.tires-pro-me-cl .tires-pro-me-cl-li:hover span .svg {

	transform: rotate(-180deg);

}



.tires-pro-me-cl .tires-pro-me-cl-li:hover span .svg path {

	fill: #007297;

}



.tires-pro-me-cl.tbrs-ass ul .tires-pro-me-cl-li:hover span .svg path {

	fill: #da8a67;

}



.tires-pro-me-cl.tbrs-agri ul .tires-pro-me-cl-li:hover span .svg path {

	fill: #658248;

}



.tires-pro-me-cl.tbrs-otr ul .tires-pro-me-cl-li:hover span .svg path {

	fill: #eed883;

}



.tires-pro-me-cl.tbrs-mland ul .tires-pro-me-cl-li:hover span .svg path {

	fill: #88ad84;

}



.tires-pro-me-cl .tires-pro-me-cl-li:hover p {

	background: #044D67;

	border-radius: 5px;

	width: 80%;

	display: inline-block;

}



.tires-pro-me-cl.tbrs-ass ul .tires-pro-me-cl-li:hover p {

	background-color: #da8a67;

}



.tires-pro-me-cl.tbrs-agri ul .tires-pro-me-cl-li:hover p {

	background-color: #658248;

}



.tires-pro-me-cl.tbrs-otr ul .tires-pro-me-cl-li:hover p {

	background-color: #eed883;

	color: #000000;

}



.tires-pro-me-cl.tbrs-mland ul .tires-pro-me-cl-li:hover p {

	background-color: #CEBD67;

}



.tires-pro-me-cl ul .tires-pro-me-cl-li.active span .svg {

	transform: rotate(-180deg);

}



.tires-pro-me-cl ul .tires-pro-me-cl-li.active span .svg path {

	fill: #007297;

}



.tires-pro-me-cl.tbrs-ass ul .tires-pro-me-cl-li.active span .svg path {

	fill: #da8a67;

}



.tires-pro-me-cl.tbrs-agri ul .tires-pro-me-cl-li.active span .svg path {

	fill: #658248;

}



.tires-pro-me-cl.tbrs-otr ul .tires-pro-me-cl-li.active span .svg path {

	fill: #eed883;

}



.tires-pro-me-cl.tbrs-mland ul .tires-pro-me-cl-li.active span .svg path {

	fill: #88ad84;

}



.tires-pro-me-cl ul .tires-pro-me-cl-li.active p {

	background: #248EB7;

	border-radius: 5px;

}



.tires-pro-me-cl.tbrs-ass ul .tires-pro-me-cl-li.active p {

	background-color: #da8a67;

}



.tires-pro-me-cl.tbrs-agri ul .tires-pro-me-cl-li.active p {

	background-color: #658248;

}



.tires-pro-me-cl.tbrs-otr ul .tires-pro-me-cl-li.active p {

	background-color: #F1DB88;

	color: #000000;

}



.tires-pro-me-cl.tbrs-mland ul .tires-pro-me-cl-li.active p {

	background-color: #CEBD67;

}



.table-panel {

	border-top: 5px solid #ed3237;

	background-color: #e6e7e8;

	padding-top: 30px;

	padding-bottom: 30px;

	position: relative;

}



.table-panel .left-tir-info {

	top: 75px;

}



.table-header-filter h3 {

	color: #000000;

	font-size: 26px;

	font-weight: 700;

	line-height: 23px;

	text-transform: uppercase;

	letter-spacing: -1.79px;

	margin-bottom: 20px;

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	/* identical to box height */

	color: #424242;

}



.table-header-filter h3 span {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	/* identical to box height */

	color: #424242;

}



.table-pcr thead {

	background-color: #727376;

}



.table-pcr thead th {

	vertical-align: middle;

	padding: 0.9em;

	color: #ffffff;

	font-size: 11px;

	font-weight: 700;

	line-height: 14px;

	text-transform: uppercase;

	letter-spacing: 0.74px;

	text-align: center;

	border: 1px solid #bdbfc1;

}



.table-row-big > thead th {

	padding: 0.3em;

}



.tablethis td {

	position: relative;

	border: 1px solid #a9abae;

	text-align: center;

	color: #373435;

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 0.32px;

	height: 40px;

	padding: 2px;

	width: auto !important;

	max-width: 140px;

}

.tablethis td.rfvar {

	font-size: 11px;

	color: red;

	font-weight: 600;

}



.arrow-table {

	position: absolute;

	left: 11px;

	top: 2px;

	color: #ed3237;

	font-size: 18px;

}



.tablethis  tr.data-table-tr td {

	background-color: #d2d3d5;

}



.tablethis  tr.data-table-tr tbody tr td {

	background-color: #ffffff;

	border: 1px solid #bdbfc1;

}



.tablethis  tbody tr {

cursor: pointer;

-webkit-transition: all .3s ease-in;

transition: all .3s ease-in;

height: auto !important;

position: relative;
}



.tablethis  tbody tr:hover {

	background-color: rgb(169 171 174 / 25%);

}



.tablethis tbody tr.active {

	background-color: rgba(169, 171, 174, 0.6);

}



.tablethis tbody::before {

	/* content: ""; */

	/* display: block; */

	/* margin-bottom: 9px; */

}



.btn-tr {

	font-size: 43px;

	color: #ed3237;

	margin-top: 10px;

	line-height: 12px;

	float: left;

	width: 11%;

}



.btn-tr:hover {

	color: #ed3237;

}



.btn-tr:focus {

	box-shadow: none;

}



.btn-table {

	width: auto;

	height: 36px;

	border-radius: 5px;

	border: 1px solid #424242;

	color: #373435;

	font-size: 17px;

	font-weight: 700;

	line-height: 17px;

	letter-spacing: 1.17px;

	-webkit-transition: all .3s ease-in;

	transition: all .3s ease-in;

	margin-right: 12px;

	margin-bottom: 20px;

}



.btn-table.active {

	background-color: #e31e24;

	color: #ffffff;

	border-color: transparent;

}



.btn-table:hover {

	background-color: #e31e24;

	color: #ffffff;

	border-color: transparent;

}



.btn-table:focus {

	box-shadow: none;

}



.table-checkbox-main {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	margin-bottom: 20px;

}



.table-cek {

	width: 24%;

}



.table-cek .custom-control-label {

	color: #000000;

	font-size: 16px;

	font-weight: 700;

}



.table-cek .text-icon-s {

width: auto;

margin-left: 14px;

line-height: 25px;
}



.table-cek .custom-control-label::before {

	border: 1px solid #a9abae;

}

.table-cek .custom-control-input:checked~

.custom-control-label::before {

	background-color: transparent;

}

.table-cek .custom-control-input:checked~

.custom-control-label::after {

	background-image: url(../img/icon/tick.svg);

	background-size: cover;

}

.table-cek .custom-control-label::after {

	top: 8px;

	left: -19px;

}

.product-map {

position: relative;

width: 100%;

height: auto;

background-color: #000000;

padding-top: 75px;

padding-bottom: 75px;
}



h3.mp-ytit, h3.pr-dovl {

	color: #ffffff;

	font-size: 29px;

	font-weight: 700;

	line-height: 23px;

}



.map-p-img {

	width: 100%;

	margin-top: 30px;

}



.map-p-img img {

	display: block;

	margin: auto;

}



.product-dowland {

	position: relative;

	margin-top: 75px;

}



.product-map .left-tir-info, .product-dowland .left-tir-info {

	top: 75px;

}



h3.pr-dovl {

	color: #373435;

}



.pro-dowl-main {

	margin-top: 65px;

	display: flex;

	justify-content: flex-end;

	flex-wrap: wrap;

}



.pro-dowl-main > .dwl-item-card {

	margin-bottom: 55px;

	margin-left: 18px;

}



.pro-dowl-main > .dwl-item-card h3 {

	color: #353233;

	text-align: center;

}



.pro-dowl-main > .dwl-item-card > .dwl-uit-02-03 {

	border: 1px solid #bdbfc1;

}



.pro-dowl-main > .dwl-item-card > .dwl-uit-02-03 > .dwl-grp-01 a > span {

	color: #a9abae;

}



.tires-pro-me-cl::-webkit-scrollbar {

	width: 6px;

	height: 6px;

}



.tires-pro-me-cl::-webkit-scrollbar-thumb {

	background: #5f5f5fd3;

	border: 0px none #5f5f5fd3;

	border-radius: 50px;

}



.tires-pro-me-cl::-webkit-scrollbar-thumb:hover {

	background: #5f5f5fd3;

}



.tires-pro-me-cl::-webkit-scrollbar-thumb:active {

	background: transparent;

}



.tires-pro-me-cl::-webkit-scrollbar-track {

	background: transparent;

	border: 0px none #ffffff;

	border-radius: 15px;

}



.tires-pro-me-cl::-webkit-scrollbar-track:active {

	background: #5f5f5fd3;

}



.tires-pro-me-cl::-webkit-scrollbar-corner {

	background: transparent;

}



.table-pcr-context {

	float: left;

	width: 80%;

}



.table-auto-device {

	width: 80%;

	margin: auto;

}



/****** PAGE PRODUCT DETAIL STYLES END ******/



.footerson {

	padding-top: 60px;

	padding-bottom: 20px;

	background: #000000;

}

.footerson h4 {

	font-weight: bold;

	font-size: 24px;

	line-height: 29px;

	color: #fff;

	margin-bottom: 15px;

}

.footerson ul {



}

.footerson ul li {

	list-style: none;

}

.footerson ul li a {

	font-size: 16px;

	line-height: 17px;

	color: #FFFFFF;

	line-height: 30px; 

}

.foot1 {

	border-right: 1px solid #ffffff6e;

}

.foot2 {

	padding-left: 80px;

	border-right: 1px solid #ffffff6e;

}

.foot3 {

	padding-left: 50px;

	border-right: 1px solid #ffffff6e;

}

.foot4 {

	padding-left: 50px;

}

.footerenaltdiv .row {

	margin-top: 70px;

}

.footerenaltdiv .col-lg-10 {

	border-bottom: 1px solid #fff;

	padding-right: 0;

}

.footerenaltdiv .col-lg-10 ul {

	float: right;

}



.footerenaltdiv .col-lg-10 ul li {

	display: inline-block;

	margin: 0px 0px 0px 20px;

}

.footercopyright {

	margin-top: 20px !important;

}

.footercopyright div {

	text-align: right;

	padding-right: 0;

}

.footercopyright p {

	color: #fff;

	font-weight: 100;

}

.owl-tire-footer .summerikon::before {

	content: "";

	width: 25px;

	height: 25px;

	position: absolute;

	top: 4px;

	left: 0px;

	background-image: url(../img/summerikon.png);

	background-size: contain;

	background-repeat: no-repeat;

}



.owl-tire-footer .allweatherikon::before {

	content: "";

	width: 25px;

	height: 25px;

	position: absolute;

	top: 4px;

	left: 0px;

	background-image: url(../img/allweatherikon.png);

	background-size: contain;

	background-repeat: no-repeat;

}

.owl-tire-footer .winterikon::before {

	content: "";

	width: 25px;

	height: 25px;

	position: absolute;

	top: 4px;

	left: 0px;

	background-image: url(../img/winterikon.png);

	background-size: contain;

	background-repeat: no-repeat;

}



.owl-tire:hover {

	/* padding: 20px 0px 30px 80px; */

	border: 1px solid transparent;

	border-radius: 8px;

	background: rgba(255, 255, 255, 0.4);

	border-radius: 7px;

}

.detailokcss {

	width: 10px !important;

	margin-right: 10px;

}

.sliderdetailbuton .btn-owl-more {

	border: 2px solid #ffffff;

	box-sizing: border-box;

	border-radius: 5px;

	padding: 8px 0px 8px 15px;

	height: auto;

	margin-top: 15px;

}

.sliderdetailbuton .btn-owl-more:hover {

	background: transparent;

	color: #fff;

}



.owl-tire:hover .sliderdetailbuton .btn-owl-more {

	background: #E1251B;

	transition: 0.5s;

}







#backtotop:hover {

	background-color: #555;

	transition: 0.5s;

}

#backtotop img {

	width: 25px;

}



.history-year-group > ul > li::after {

	background-image: url('../img/tarihcedotlar.png');

	content: "";

	width: 18px;

	height: 18px;

	position: absolute;

	top: 40px;

	background-size: contain;

	margin-left: -38px;

}

.tarihcardlari {

	background: #fff;

	width: 100% !important;

}

.tarihcardlari .card-history-text-01 {



}

.tarihcardlari .card-history-text-01 h5 {

	font-weight: bold;

	font-size: 20px;

	line-height: 36px;

	color: #E1251B;

	margin-top: 15px;

	border-bottom: 1px solid #00000085;

	width: fit-content;

}

.tarihcardlari .card-history-text-01 h6 {

	font-weight: bold;

	font-size: 16px;

	color: #464646;

	height: 30px;

	margin-bottom: 0;

}

.tarihcardlari .card-history-text-01 p {

	font-weight: 300;

	font-size: 12px !important;

	color: #6B6B6B;

	text-align: left;

	height: 250px;

	font-weight: 100;

}

.fa-caret-up:before {



	display: none;

}

.fa-caret-down:before {



	display: none;

}

.shared-values-tab-yeni {

}

.shared-values-tab-yeni h3 {

	color: #ffffff;

	font-size: 45px;

	font-weight: 500;

	margin-top: 30px;

}

.shared-values-tab-yeni ul {

	margin-top: 30px;

}

.shared-values-tab-yeni ul li {

	color: #bdbfc1;

	font-weight: 300;

	font-size: 15px;

	display: block;

	margin-bottom: 10px;

	list-style: none;

	cursor: pointer;

}

.shared-values-tab-yeni ul li .sh-okustclass {

	float: right;

	margin-right: 100px;

	background: #ffffff;

	padding: 12px;

	border-radius: 50px;

	width: 10px;

	height: 10px;

}

.shared-values-tab-yeni ul li .sh-okustclass span {

	position: relative;

	display: block;

	bottom: 8px;

	font-size: 14px;

	color: #000;

	transform: rotate(180deg);

	left: 6px;

	font-weight: bold;

}

.shared-card {

	margin-top: 80px;

}

.shared-card .shcardbg1 {

	background: #C4C4C4;

	border-radius: 7px 7px 0px 0px;

	padding: 10px;

}

.shared-card .shcardbg1 h5 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #464646;

	margin-bottom: 0;

}

.shared-card .shcardbg2 {

	background: #E1251B;

	border-radius: 0px 0px 7px 7px;

	padding: 10px;

	height: 200px;

	overflow: auto;

}

.shared-card .shcardbg2 p {

	font-weight: 100;

	font-size: 16px;

	line-height: 20px;

	color: #FFFFFF;

	padding-top: 10px;

	padding-left: 35px;

	padding-right: 35px;

	text-align: justify;

}



.sharedbuton.activee  .sh-okustclass {

	background: #e1251b;

}

.sharedbuton.activee  .sh-okustclass span {

	bottom: 10px;

	transform: rotate(0);

	left: -6px;

	color: #fff;

}

.certificatecard {

}



.certificatecard .srtsiyahicon {

	display: none !important;

}

.certificatecard .srtbeyazicon {

	width: 50px !important;

	margin: auto;

	margin-bottom: 20px;

	margin-top: 20px;

}

.certificatecard h6 {

}



.certificatecard ul {

	opacity: 1;

	height: 20px;

	margin-top: 25px;

	transition: 0.5s;

	color: #fff;

}

.certificatecard ul li {

	display: inline-block;

}

.certificatecard ul li a {

	font-size: 15px;

	line-height: 9px;

	text-decoration: underline;

	color: #fff;

}

.certificatecard ul li img {

	width: 15px !important;

	margin-bottom: -2px;

}



.owlsertifikalar .owl-next {

	position: absolute;

	top: 50%;

	right: -5%;

}

.owlsertifikalar .owl-prev {

	position: absolute;

	top: 50%;

	left: -5%;

}

.certificatecard:hover {

	cursor: pointer;

	background: #fff;

}

.certificatecard:hover h6 {

}

.certificatecard:hover  ul {

	opacity: 1;

	transition: 0.5s;

	margin-top: 25px;

	height: 20px;

}



.certificatecard:hover .srtsiyahicon {

	display: inline !important;

	width: 50px !important;

	transition: 0.5s;

	margin: auto;

	margin-bottom: 20px;

	margin-top: 20px;

}



.certificatecard:hover .srtbeyazicon {

	display: none !important;

}

.job-opp-list {



}



.job-opp-list ul {

	text-align: center;

}

.job-opp-list ul li {

	display: inline-block;

	margin: 0px 5px;

	border: 1px solid #E1251B;

	box-sizing: border-box;

	border-radius: 5px;

	padding: 5px 20px;

	cursor: pointer;

	width: 240px;

}



.job-opp-list ul li.activee {

	background: #E1251B;

	box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.35);

	color: #fff;

}

.jobpoportunustdiv {

	margin-top: 30px;

	margin-bottom: 30px;

}



.jobpoportunustdiv .col-lg-10 {

	border-left: 1px solid;

	padding-left: 40px;

}

.jobpoportunustdiv .col-lg-10 h6 {

	font-weight: bold;

	font-size: 14px;

	line-height: 160%;

	letter-spacing: 0.02em;

	color: #2D2D2D;

}

.jobpoportunustdiv .col-lg-10 p {

	font-size: 13px;

	line-height: 180%;

	letter-spacing: 0.02em;

	color: #2D2D2D;

	text-align: justify;

}

.isbasvurubaslik {

	font-style: normal;

	font-weight: bold;

	font-size: 36px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

}

.isbavruruformuinputlar {

	margin-top: 50px;

}

.isbavruruformuinputlar p {

	font-style: normal;

	font-weight: bold;

	font-size: 16px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	margin-bottom: 10px;

}

.isbavruruformuinputlar input {

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	width: 100%;

	height: 55px;

	padding-left: 10px;

	font-style: normal;

	font-weight: 300;

	font-size: 14px;

	line-height: 180%;

	outline: none;

	color: #474747;

	margin-bottom: 30px;

}

.isbavruruformuinputlar select {

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	width: 100%;

	height: 55px;

	padding-left: 10px;

	font-style: normal;

	font-weight: 300;

	font-size: 14px;

	line-height: 180%;

	outline: none;

	color: #474747;

	margin-bottom: 30px;

}

.isbasvurucvportfbutonlari {

	margin-top: 30px;

}

.isbasvurucvportfbutonlari .jobpppbutonlar {

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	padding: 12px 24px;

}

.isbasvurucvportfbutonlari .jobpppbutonlar:hover {

	border: 2px solid #ed2027;

	background: #000;

	transition: 0.5s;

	color: #fff;

}

.isbasvurucvportfbutonlari img {

	position: absolute;

	left: 35px;

	top: 18px;

}

.materialbankliste {

	text-align: center;

	margin-bottom: 30px;

}

.materialbankliste li {

	display: inline-block;

	margin: 0px 10px;

}

.materialbankliste li select {

	background: #E1251B;

	border-radius: 5px;

	padding: 12px 24px;

	border: none;

	font-style: normal;

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	outline: none;

}

.materialcard {

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center;

	height: 500px;

	width: 90%;

	border-radius: 7px;

	margin: auto;

	margin-top: 70px;

}

.materialcard .matcardopdiv {

	position: absolute;

	bottom: 15px;

	width: 90%;

	background: #fff;

	padding: 20px;

	border-radius: 0px 0px 7px 7px;

	height: 90px;

	opacity: 0;

	transition: 0.5s;

}

.materialcard h5 {

	font-style: normal;

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	color: #000000;

	float: left;

	display: inline-block;

	margin-top: 10px;

}



.materialcard ul {

	text-align: center;

	position: relative;

	opacity: 0;

	transition: 0.5s;

	bottom: 55%;

}

.materialcard li {

	display: inline-block;

	margin: 0px 5px;

}

.materialcard li img {

	width: 60px !important;

}



.materialcard .matpetlaslogo {

	width: 20px !important;

	float: right;

	display: inline-block !important;

}

.materialcard:hover {

	cursor: pointer;

}

.materialcard:hover ul {

	opacity: 1;

	transition: 0.5s;

	z-index: 9999999999999999999999;

}



.materialcard:hover .matcardopdiv {

	opacity: 1;

	transition: 0.5s;

}

.materialcardresim {

	height: 100%;

	object-fit: contain;

}

.materialcard:hover .materialcardresim {

	filter: grayscale(70%);

	-webkit-filter: grayscale(70%);

}

.owlmaterial .owl-nav {

	display: block !important;

}

.owlmaterial .owl-prev {

	position: absolute;

	left: -5%;

	top: 40%;

}

.owlmaterial .owl-next {

	position: absolute;

	right: -5%;

	top: 40%;

}

/*--*/

.dropdownmat {

	position: relative;

	display: inline-block;

	height: 50px;

}



.dropdown-contentmat {

	display: none;

	position: absolute;

	background-color: #f9f9f9;

	min-width: 160px;

	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

	padding: 12px 4px;

	z-index: 99999;

	height: 300px;

	overflow: auto;

}



.dropdownmat:hover .dropdown-contentmat {

	display: block;

	cursor: pointer;

}

/*--*/

.dropdownmat span {

	background: #E1251B;

	border-radius: 5px;

	font-style: normal;

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 12px 24px;

}

.dropdownmat img {

	margin-left: 10px;

}

.dropdown-contentmat ul {

	text-align: left;

}

.dropdown-contentmat ul li {

	display: block;

	

}

.dropdown-contentmat ul li:hover {

	background: #d5d5d5;

	color: #e1251b;

	font-weight: bold;

}



.merch-body {

	padding-bottom: 30px;

}

.owlmer .owl-nav {

	display: block !important;

}

.owlmer .owl-next {

	position: absolute;

	top: 50%;

	right: -5%;

}

.owlmer .owl-prev {

	position: absolute;

	top: 50%;

	left: -5%;

}

.contactforminputlar {



}



.contactforminputlar p {

	font-style: normal;

	font-weight: bold;

	font-size: 16px;

	line-height: 140%;

	/* or 22px */

	letter-spacing: 0.02em;

	color: #FFFFFF;

	margin-bottom: 10px;

}



.contactforminputlar input {

	font-style: normal;

	font-weight: 300;

	font-size: 14px;

	line-height: 180%;

	/* or 25px */



	/* Black Text Color */

	color: #474747;

	padding-left: 10px;

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	outline: none;

	height: 45px;

	width: 100%;

	margin-bottom: 30px;

}



.contactforminputlar select {

	font-style: normal;

	font-weight: 300;

	font-size: 14px;

	line-height: 180%;

	color: #474747;

	padding-left: 10px;

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	outline: none;

	height: 45px;

	width: 100%;

	margin-bottom: 30px;

}



.contactforminputlar textarea {

	font-style: normal;

	font-weight: 300;

	font-size: 14px;

	line-height: 180%;

	color: #474747;

	padding-left: 10px;

	background: #FFFFFF;

	border: 2px solid #000000;

	box-sizing: border-box;

	border-radius: 4px;

	outline: none;

	height: 150px;

	width: 100%;

	margin-bottom: 30px;

	padding-top: 10px;

}

.contactsiyahbuton {

	background: rgba(0, 0, 0, 0.9);

	border-radius: 7px;

	font-style: normal;

	font-weight: 900;

	font-size: 16px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FAFAFA;

	padding: 16px 44px;

	border: 1px solid #000;

}

.contactsiyahbuton:hover {

	border: 1px solid #000;

	background: #fff;

	color: #9e0700;

	transition: 0.5s;

}

#newsletterbg {

	background-image: url('../img/newsletterbg.jpg');

	padding-top: 200px;

	padding-bottom: 200px;

	background-size: cover;

}

#newsletterbg h1 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #FFFFFF;

	margin-bottom: 20px;

}

#newsletterbg p {

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	/* identical to box height, or 121% */

	text-align: justify;

	color: #FFFFFF;

}

.newsletterinput {

	margin-top: 50px;

}

.newsletterinput .newsinput {

	outline: none;

	background: #FFFFFF;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 4px;

	width: 70%;

	height: 45px;

	padding-left: 10px;

	font-weight: 100;

}

.newsletterinput .newscheck {

	margin-top: 30px;

}

.newsletterinput p {

	font-size: 13px !important;

	letter-spacing: 0.02em;

	margin-bottom: 10px !important;

}

.newsletterinput label {

	font-size: 13px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	cursor: pointer;

}

.newsletterbuton {

	background: #E1251B;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 7px;

	font-weight: 900;

	font-size: 16px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	padding: 12px 34px;

	margin-left: 10px;

}

.newsletterbuton:hover {

	border: 2px solid #E1251B;

	background: #fff;

	color: #E1251B;

	transition: 0.5s;

}

.newsicinputwidth input {

	width: 90% !important;

	margin-bottom: 30px;

}

.newslettercheckboxlist {

	margin-top: 30px;

}

.newslettercheckboxlist h4 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #FFFFFF;

	margin-bottom: 20px;

}

.newslettercheckboxlist ul {

	padding-left: 0;

}

.newslettercheckboxlist ul li {

	line-height: 30px;

}

.newslettercheckboxlist ul li label {

	font-weight: 300;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	cursor: pointer;

}

.newslettercheckboxlist .newsletterbuton {

	margin-left: 0 !important;

}



.uptoicbtn.activee::after {

	content: "";

	background-image: url(../img/Page/update/button-active.png);

	position: absolute;

	width: 101%;

	height: 4px;

	left: -1px;

	bottom: -5px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}

.corporateliste {

	margin-top: 20px;

	margin-bottom: 20px;

}

.corporateliste h4 {

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	text-align: justify;

	color: #000000;

	margin-bottom: 10px;

}

.corporateliste p {

	font-weight: 300;

	font-size: 12px;

	line-height: 17px;

	text-align: justify;

	text-decoration-line: underline;

	color: #000;

	margin-bottom: 10px;

}

.showallbuton {

	background: #E1251B;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 7px;

	font-weight: 900;

	font-size: 16px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	padding: 12px 24px;

}

.showallbuton:hover {

	border: 2px solid #E1251B;

	background: #fff;

	color: #E1251B;

	transition: 0.5s;

}

#corporateicbg {

	background-image: url('../img/cr_icbg.jpg');

	padding-top: 50px;

	padding-bottom: 50px;

	background-size: cover;

	/* overflow: hidden; */

	background-position: center;

}

#corporateicbg h2 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #424242;

}

.checkboxmargintop {

	margin-top: 50px;

}

.crcheckboxlari {



}

.crcheckboxlari label {

	font-size: 16px;

	line-height: 17px;

	color: #696F79;

	font-weight: 100;

	margin-bottom: 20px;

	cursor: pointer;

}

.cricinputdroparama {

	margin-top: 30px;

}

.cricinputdroparama .btn-filter-year {

	background: #FFFFFF;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 4px;

	font-weight: 100;

	font-size: 16px;

	line-height: 17px;

	display: flex;

	align-items: center;

	color: #000000;

}

.cricinputdroparama input {

	height: 35px;

	width: 80%;

	background: #FFFFFF;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 4px;

	padding-left: 10px;

	font-weight: 100;

	outline: none;

	padding-right: 40px;

}

.cricinputdroparama img {

	margin-left: -35px;

}



.cricinputdroparama .btn-filter-year.dropdown-toggle::after {

	border: none;

	background-image: url(../img/asgikucuksiyahok.png);

	position: absolute;

	width: 14px;

	height: 14px;

	right: 8px;

	top: 0px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

}

#cricpetlasaciklama {

	padding-top: 50px;

	padding-bottom: 100px;

}

#cricpetlasaciklama .row {

	margin-bottom: 30px;

}



#cricpetlasaciklama h5 {

	font-weight: 300;

	font-size: 14px;

	line-height: 17px;

	text-align: justify;

	color: #000000;

}

#cricpetlasaciklama h6 {

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	text-align: justify;

	color: #000000;

}

#cricpetlasaciklama h4 {

	font-weight: bold;

	font-size: 16px;

	line-height: 17px;

	text-align: justify;

	color: #464646;

}

#cricpetlasaciklama p {

	font-weight: 300;

	font-size: 12px;

	line-height: 17px;

	text-align: justify;

	color: #424242;

}



.kucukslickoklari .slick-prev, .kucukslickoklari .slick-next {

	display: none !important;

}



.slider-for .solok {

	position: absolute;

	top: 50%;

	right: -5%;

}



.slider-for .sagok {

	position: absolute;

	top: 50%;

	left: -5%;

}



.slick-slider {



	z-index: 999999;

}



.kirmizibg {

	background-color: #ed2027;

}

.grid-01-columns-01 h3, .grid-01-columns-01 p {

	color: #fff;

}



.grid-01-columns-02:hover h3, .grid-01-columns-02:hover p {

	color: #ed2027 !important;

}



.bussbuton.activee .sh-okustclass {

	background: #e1251b;

}

.bussbuton.activee .sh-okustclass span {

	transform: rotate(0);

	left: -6px;

	color: #fff;

	bottom: 10px;

}

.owlenvironment .owl-nav {

	display: block !important;

}



.footerenaltdiv .col-lg-2 img {

	width: 100%;

}

.with-tire-main-loop:hover .with-tire-img img {

	transform: scale(1.1);

	transition: 0.5s;

	margin-top: 15px;

}



.with-tire-main-loop {

	transition: 0.5s !important;

}



/*----*/

.btn-petlas {

	color: #ed2027 !important;

	position: relative;

	display: inline-block;

	background-color: #ed2027;

	border-radius: 8px;

	padding: 8px 14px;

	text-align: center;

	text-decoration: none;

	border: 1px solid #ed2027;

	overflow: hidden;

}

.btn-petlas span {

	position: absolute;

	display: block;

	width: 0;

	height: 0;

	border-radius: 50%;

	background-color: #fff;

	-moz-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-o-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-webkit-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

.btn-petlas p {

	display: inline;

	color: #fff;

	position: relative;

	font-weight: bold;

}

.btn-petlas:hover p {

	color: #ed2027 !important;

	z-index: 999999999999;

}

.btn-petlas:hover span {

	width: 300px;

	height: 200px;

	z-index: 1;

}



/*----*/



.btn-petlas-outline {

	position: relative;

	display: inline-block;

	background-color: #ffffff;

	border-radius: 8px;

	padding: 8px 14px;

	text-align: center;

	text-decoration: none;

	border: 1px solid #ed2027;

	overflow: hidden;

}

.btn-petlas-outline span {

	position: absolute;

	display: block;

	width: 0;

	height: 0;

	border-radius: 50%;

	background-color: #ed2027;

	-moz-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-o-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;

	-webkit-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

.btn-petlas-outline p {

	display: inline;

	color: #ed2027;

	position: relative;

	font-weight: bold;

}

.btn-petlas-outline:hover p {

	color: #fff;

	z-index: 999999999999;

}

.btn-petlas-outline:hover span {

	width: 300px;

	height: 200px;

	z-index: 1;

}

/*---*/

.filter-button .btn-petlas {

	padding: 14px 65px;

}



.owl-tire {

	background: rgba(255, 255, 255, 0.4);

	border: 2px solid #FFFFFF;

	box-sizing: border-box;

	border-radius: 7px;

}

.owl-tire:hover {

	background: rgba(255, 255, 255, 0.7);

	border: 2px solid #FFFFFF;

	box-sizing: border-box;

	border-radius: 7px;

	cursor: pointer;

	transition: 1s !important;

}



.owl-tire:hover .owl-tire-title h3 {

	color: #000;

}

.owl-tire:hover .owl-tire-title span {

	color: #000;

}

.owl-tire:hover .owl-tire-footer .summer {

	color: #000;

}



.owl-tire:hover .owl-tire-footer p {

	color: #000;

}

/*----*/

.materiailkutu {

	position: relative;

	height: 430px;

	overflow: hidden;

	border-radius: 7px;

	transition: 0.7s;

	width: 90%;

	margin: auto;

	margin-bottom: 30px;

	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

}

.materiailkutu .kutumatresim {

	height: 100%;

	transition: 0.7s;

}

.materiailkutu:hover {

	cursor: pointer;

	transition: 0.7s;

	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

	overflow: hidden;

}

.materiailkutu:hover .kutumatresim {

	transform: scale(1.1);

	transition: 0.7s;

}

.materiailkutu:hover .overlaymat .aciklama {

	/* bottom: 70px; */

	transition: 0.7s;

}



.materiailkutu:hover .overlaymat {

	opacity: 1;

}

.materiailkutu:hover .overlaymat .butonlar {

	/* top: 35%; */

	opacity: 1;

	transition: 0.7s; 

}



.overlaymat .butonlar {

	position: relative;

	top: 0%;

	opacity: 1;

	transition: 0.7s;

	top: 35%;

}

.overlaymat .butonlar ul {

	text-align: center;

	margin: auto;

}

.overlaymat .butonlar ul li {

	display: inline-block;

	margin: auto;

	margin-right: 5px;

	margin-left: 5px;

}

.overlaymat .aciklama {

}



.overlaymat .aciklama ul {



}

.overlaymat .aciklama ul li {

	display: block;

}

.overlaymat .aciklama ul li span {

	font-weight: bold;

	font-size: 14px;

	line-height: 17px;

	color: #000000;

	display: block;

	position: absolute;

	top: 20px;

	left: 20px;

	width: 80%;

}

.overlaymat .aciklama ul li img {

	display: block;

	position: absolute;

	right: 10px;

	width: 20px;

}

/*----*/



.butonust {

	background: #000;

	border: 1px solid;

	font-size: 30px;

	color: #fff;

	padding: 5px 10px 5px 10px;

	border-radius: 50%;

	width: 50px;

	height: 50px;

	overflow: hidden;

}

.butonust .matokbutonlarright {

	position: absolute;

	top: 9px;

	font-size: 21px;

	left: 15px;

}



.butonust .matokbutonlarleft {

	position: absolute;

	top: 9px;

	font-size: 21px;

	left: 15px;

}

.butonust:hover .matokbutonlarright {

	left: 25px;

	overflow: hidden;

}

.butonust:hover .matokbutonlarleft {



}



.load:hover #loading {

	-webkit-animation: rotation 2s infinite linear;

}



@-webkit-keyframes rotation {

from {

	-webkit-transform: rotate(0deg);

}

to {

	-webkit-transform: rotate(359deg);

}

}

.accordion ul li:hover {

	transition: 0.5s;

}

.subscribebtndiv {

	display: inline-block;

	position: absolute;

	margin-left: 15px;

	margin-top: -2px;

}

.subscribebtndiv a {

	padding: 12px 30px;

}

/*---tarihceee---*/



.cardtarihce {

	border: none;

	max-width: 70%;

	margin: auto;

	transition: 0.5s;

	cursor: pointer;

	filter: grayscale(100%);

}



.cardtarihce img {



	width: 100%;

}



.cardtarihce .card-body {

	padding: 5px 0px 30px 0px;

}

.cardtarihce .card-body h5 {

	font-weight: bold;

	font-size: 20px;

	line-height: 36px;

	color: #E1251B;

	border-bottom: 1px solid #000;

	width: fit-content;

	margin-bottom: 5px;

}

.cardtarihce .card-body h4 {

	font-weight: bold;

	font-size: 14px;

	line-height: 15px;

	color: #464646;

	margin-bottom: 5px;

}

.cardtarihce .card-body p {

	font-weight: 300;

	font-size: 10px;

	line-height: 14px;

	color: #6B6B6B;

	height: 180px;

}

.slick-center {

	font-weight: bold;

	font-size: 30px;

	line-height: 30px;

	color: #E1251B;

}

.slick-center .cardtarihce {

	transform: scale(1.7);

	margin-top: 110px;

	transition: 0.5s;

}

.slick-slide {

	outline: none;

}



.slick-initialized .slick-slide {



	margin-bottom: 10px;

}

.solok {

	position: absolute;

	top: -14%;

	z-index: 9999999;

	left: -9%;

	cursor: pointer;

	width: 45px;

}



.sagok {

	position: absolute;

	top: -14%;

	z-index: 9999999;

	right: -9%;

	cursor: pointer;

	width: 45px;

}

.tarihce-nav {

	margin-bottom: 50px;

	font-style: normal;

	font-weight: 500;

	font-size: 20px;

	line-height: 19px;

	color: #E8E8E8;

	cursor: pointer;

}

.tarihce-cizgi hr {

	position: absolute;

	background: #000;

	width: 86rem;

	margin-top: 60px;

}

.tarihce-nav img {

}

.tarihce-baslik {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #464646;

	margin-bottom: 0px;

	text-align: center;

}

#tarihce-petlas {

	padding-top: 30px;

	padding-bottom: 30px;

	z-index: 1;

}

/*---tarihceee---*/

#newst a {

	color: #fff;

}

/*---*/



.animatetransformzero {

	transform: translateY(0) !important;

	transition: 0.7s !important;

	opacity: 1 !important;

	transition-timing-function: ease;

}

.animatetransformup7 {

	transform: translateY(-140px);

	transition: 1s !important;

	opacity: 0;

	transition-timing-function: ease;

}

.animatetransformup6 {

	transform: translateY(-130px);

	transition: 0.7s !important;

	opacity: 0;

	transition-timing-function: ease;

}

.animatetransformup5 {

	transform: translateY(-120px);

	transition: 0.7s !important;

	opacity: 0;

	transition-timing-function: ease;

}

.animatetransformup4 {

	transform: translateY(-120px);

	transition: 0.7s !important;

	opacity: 0;

	transition-timing-function: ease;

}

.animatetransformup3 {

	transform: translateY(-100px);

	transition: 0.7s !important;

	transition-timing-function: ease;

	opacity: 0;

}

.animatetransformup2 {

	transform: translateY(-90px);

	transition: 0.7s !important;

	opacity: 0;

	transition-timing-function: ease;

}

.animatetransformup1 {

	transform: translateY(-80px);

	transition: 0.7s !important;

	opacity: 0;

	transition-timing-function: ease;

}



/*---*/

#menu-tab li .item {

}

.margin-top-sifirla {

}

/*----ANASAYFA CARDLAR--*/

.buton1 {

	position: relative;

	display: inline-block;

	padding: 10px;

	text-decoration: none;

	text-transform: uppercase;

	color: rgba(255,255,255,0.4);

	background: #2462d5;

	letter-spacing: 2px;

	font-size: 16px;

	width: 150px;

	height: 152px;

	border-radius: 10px;

	border: 2px solid #cbcbcb;

	background-color: #ffffff;

	cursor: pointer;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

}

.buton1:hover {



	color: #fff;

	border: 2px solid transparent;

}



.buton1 span {

	display: block;

	position: absolute;

	background: #E1222C;

}

.buton1 span:nth-child(1) {

	left: 0;

	bottom: 0;

	width: 2px;

	height: 100%;

	transform: scaleY(0);

	transition: transform 0.2s;

	transform-origin: bottom;

}

.buton1:hover span:nth-child(1) {

	transform: scaleY(1);

	transform-origin: bottom;

	transition: transform 0.5s;

}

.buton1 span:nth-child(2) {

	left: 0;

	bottom: 0;

	width: 100%;

	height: 2px;

	transform: scaleX(0);

	transition: transform 0.5s;

	transform-origin: left;

}

.buton1:hover span:nth-child(2) {

	transform: scaleX(1);

	transform-origin: left;

	transition: transform 0.5s;

}

.buton1 span:nth-child(3) {

	right: 0;

	top: 0;

	width: 2px;

	height: 100%;

	transform: scaleY(0);

	transform-origin: top;

	transition: transform 0.5s;

}

.buton1:hover span:nth-child(3) {

	transform: scaleY(1);

	transform-origin: top;

	transition: transform 0.5s;

}

.buton1 span:nth-child(4) {

	left: 0;

	top: 0;

	width: 100%;

	height: 2px;

	transform: scaleX(0);

	transform-origin: right;

	transition: transform 0.5s;

}

.buton1:hover span:nth-child(4) {

	transform: scaleX(1);

	transform-origin: right;

	transition: transform 0.5s;

}



#browsetyrescards h4 {

	font-style: normal;

	font-size: 20px;

	line-height: 24px;

	color: #E1222C;

	text-align: center;

	margin-bottom: 40px;

	font-weight: bold;

}

.browseimg {



	text-align: center;

}

.browseimg img {

	padding-top: 0;

	width: 70px;

	height: 70px;

	object-fit: contain;

}

.browseaciklama {



}

.browseaciklama h6 {

color: #343434;

font-size: 13px;

font-weight: 500;

text-transform: uppercase;

text-align: center;

margin-top: 5px;

letter-spacing: 1px;

line-height: 13px;
}

.browsecardcol2 {



	flex: 0 0 14.666667%;

	max-width: 13.666667%;

	margin: auto;

}

/*---------------------------*/



.okanimation {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	position: relative;

	overflow: hidden;

	border: 3px solid #fff;

}

.okanimation .okanimationsol {

	position: absolute;

	top: 12px;

	left: -28px;

	transition: 0.3s;

	transition-delay: 0.2s;

}

.okanimation .okanimationsol img {

	width: 20px;

}

.okanimation .okanimationsag {

position: absolute;

top: 12px;

left: 12px;

transition: 0.3s;

transition-delay: 0.1s;
}

.okanimation .okanimationsag img {

	width: 20px;

}



.okanimation:hover {

	cursor: pointer;

	background: #727271;

	transition: 0.5s;

}



.okanimation:hover .okanimationsag {



	left: 50px;

	transition: 0.3s;

}



.okanimation:hover .okanimationsol {

left: 12px;

transition: 0.3s;

top: 12px;
}



/*---------------------------*/



.owlmer .okanimation {

	border: 3px solid #000;

}

.cardtarihce:hover {

	cursor: pointer;

	filter: grayscale(0%);

	transition: 0.5s;

}

.active-60 .item-content.top15 {

	top: 15% !important;

	transition: 2s;

	transition-delay: 0.7s;

}

.cardtarihce {

	opacity: 0.2;

}

.slick-center .cardtarihce {

	opacity: 1;

}

.gribgparag {

	background: rgba(196, 196, 196, 0.6);

	border-radius: 3px;

	padding: 10px 0px 10px 4px;

	border: 3px solid #000;

}

.newssavebtn {

	padding: 14px 50px;

}

.newsletterinput .newsselect {

	outline: none;

	background: #FFFFFF;

	border: 2px solid #E1251B;

	box-sizing: border-box;

	border-radius: 4px;

	width: 70%;

	height: 45px;

	padding-left: 10px;

	font-weight: 100;

	width: 90%;

}



.etch-slider-txt .owl-next {

	position: absolute !important;

	right: -10% !important;

}

.etch-slider-txt .owl-prev {

	position: absolute !important;

	left: -10% !important;

}

.etch-slider-txt .okanimation {

	border: 3px solid #e1251b;

}

.etch-slider-txt .kirmizisolok .okanimationsag {

top: 12px !important;
}

.etch-slider-txt .kirmizisolok .okanimationsol {

top: 12px !important;
}



.etch-slider-txt .okanimation .okanimationsag {

top: 12px;
}

.etch-slider-txt .okanimation:hover .okanimationsol {

top: 12px;
}

.etch-slider-txt .okanimation .okanimationsol {

top: 12px;
}



/*--GENEL ACORDION--*/



.accordionkariyer {

	background-color: #eee;

	cursor: pointer;

	padding: 18px;

	width: 100%;

	border: none;

	text-align: left;

	outline: none !important;

	transition: 0.4s;

	color: #5b5b5b;

	font-size: 16px;

	font-weight: 500;

	box-shadow: 0 2px 5px #231f20;

	border-bottom: 2px solid #ffffff;

}



.activekariyer, .accordionkariyer:hover {

	/* background-color: #ccc; */

}



.accordionkariyer:after {

	content: ' ';

	background-image: url('../img/acyukariok.png');

	color: #777;

	font-weight: bold;

	float: left;

	margin-left: 5px;

	background-size: contain;

	display: block;

	width: 20px;

	height: 20px;

	background-repeat: no-repeat;

	margin-right: 10px;

}



.activekariyer:after {

	content: ' ';

	background-image: url('../img/acasagiok.png');

	color: #777;

	font-weight: bold;

	float: left;

	margin-left: 5px;

	background-size: contain;

	display: block;

	width: 20px;

	height: 20px;

	background-repeat: no-repeat;

}



.panelkariyer {

	padding: 0 18px;

	background-color: white;

	max-height: 0;

	overflow: hidden;

	transition: max-height 0.2s ease-out;

	font-size: 14px;

	font-weight: 300;

	letter-spacing: -0.17px;

	background-color: #d41e23;

	color: #fff;

	text-align: justify;

}

.acbg1 {

	box-shadow: 0 6px 4px rgba(28, 12, 12, 0.31);

	background-color: #d9dada;

	color: #2b2a29;

}

.acbg6 {



	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #727271;

	color: #2b2a29;

}



.acbg2 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #c5c6c6;

	color: #2b2a29;

}

.acbg3 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #b2b3b3;

	color: #2b2a29;

}



.acbg4 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #9d9e9e;

	color: #2b2a29;

}

.acbg5 {

	box-shadow: 0 9px 6px rgba(28, 12, 12, 0.31);

	background-color: #898989;

	color: #2b2a29;

}

.panelkariyer ul {

	padding-left: 20px;

}

.panelkariyer ul li {

	list-style: outside;

}

.kariyerakordiyonmartop {

	max-height: 700px;

	overflow: auto;

}

.policyakordiyonmartop {

}

.policyacbaslik {

	display: block;

	font-size: 14px;

	width: 30%;

	position: absolute;

	left: 95px;

	margin-top: -5px;

}

.downloadiconu {

	display: inline-block;

	float: right;

}

.downloadiconu img {

	display: block;

	margin: auto;

}

.downloadiconu span {

	display: block;

	text-align: center;

	color: #e31e25;

	font-size: 10px;

	font-weight: 300;

	letter-spacing: 0.13px;

	margin-top: 5px;

}

.acbg7 {

	background-color: #4d4d4d;

}

.acbg8 {

	background-color: #313130;

}

.policyakordiyonmartop .accordionkariyer {

	color: #fff;

}

/*--GENEL ACORDION--*/



.tekerlekanasayfaowl .owl-tire-img img {

	width: 270px;

	height: 404px;

}

.footerson ul li a:hover {

	color: #e1251b;

	transition: 0.5s;

}

.martopmarbot {

	margin-top: 30px;

	margin-bottom: 0px;

}

.grid-career-img-middle img:hover {

	transform: scale(1.2);

	transition: 1s;

}



.aktifcompsliderbtn {

	transform: scale(1.2);

	transition: 1s;

}

.policiesgribg {

	background: #5b5b5b;

	padding-top: 30px;

	padding-bottom: 30px;

}

.policiesgribglistesi {

	padding-left: 0;

	margin-top: 10px;

}



.policiesgribglistesi li {

}



.policieslistealt {

}

.policieslistealt li {

	display: block;

	margin: 0px 80px 0px 0px;

	line-height: 25px;

}

.policiesgribg h6 {

	display: block;

	color: #ffffff;

	letter-spacing: -0.17px;

	margin-bottom: 18px;

	font-weight: 100;

	font-size: 13px;

}



.policiesgribglistesi .ployaltlistcizgi:nth-child(1) {

}



.policiesgribglistesi .ployaltlistcizgi:nth-child(2) {

	border-right: 1px solid #ed2027;

	margin-left: 30px;

}

.policiesgribglistesi .ployaltlistcizgi:nth-child(3) {



	margin-left: 30px;

}

.society-loop:hover img {

	transform: scale(1.2);

	transition: 0.5s;

	cursor: pointer;

}

.society-loop-icon img {

	transition: 0.5s;

}



/*-------------*/

select {



	/* styling */

	background-color: white;

	border: thin solid blue;

	border-radius: 4px;

	display: inline-block;

	font: inherit;

	line-height: 1.5em;

	padding: 0.5em 3.5em 0.5em 1em;

	/* reset */



	margin: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-appearance: none;

	-moz-appearance: none;

}



/* arrows */



select.classic {

	background-image: linear-gradient(45deg, transparent 50%, blue 50%), linear-gradient(135deg, blue 50%, transparent 50%), linear-gradient(to right, skyblue, skyblue);

	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;

	background-size: 5px 5px, 5px 5px, 2.5em 2.5em;

	background-repeat: no-repeat;

}



select.classic:focus {

	background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray);

	background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;

	background-size: 5px 5px, 5px 5px, 2.5em 2.5em;

	background-repeat: no-repeat;

	border-color: grey;

	outline: 0;

}



select.round {

	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%);

	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;

	background-size: 5px 5px, 5px 5px, 1.5em 1.5em;

	background-repeat: no-repeat;

}



select.round:focus {

	background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), radial-gradient(gray 70%, transparent 72%);

	background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - .5em) .5em;

	background-size: 5px 5px, 5px 5px, 1.5em 1.5em;

	background-repeat: no-repeat;

	border-color: green;

	outline: 0;

}



select.minimal {

	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);

	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;

	background-size: 5px 5px, 5px 5px, 1px 1.5em;

	background-repeat: no-repeat;

}



select.minimal:focus {

	background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);

	background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;

	background-size: 5px 5px, 5px 5px, 1px 1.5em;

	background-repeat: no-repeat;

	border-color: green;

	outline: 0;

}



select:-moz-focusring {

	color: transparent;

	text-shadow: 0 0 0 #000;

}

.selectok {

	position: absolute;

	right: 40px;

	bottom: 47px;

}

.selectoknewselleric {

	position: absolute;

	right: 80px;

	bottom: 12px;

}

.slidericsayfaoklar .solok {

	width: 20px;

	left: 102%;

}

.slidericsayfaoklar .sagok {

	width: 20px;

}



.tarihceyenioklar .okanimation {

	top: -15%;

	right: -8%;

	position: absolute;

	border: 3px solid;

}

.etch-slider-txt .okanimation:hover {

	background: #fff;

}

.owlsertifikalar .okanimation:hover {

	background: #000;

}

.footergrayscale {

	filter: grayscale(1);

}

.footergrayscale:hover {

	filter: grayscale(0);

	transition: 0.5s;

}

.owlenvironment .okanimation:hover {

	background: #fff;

}

.owlmaterial .okanimation:hover {

	background: #000;

}

.owlmer .okanimation:hover {

	background: #e1251b;

}

.wyh-aciklama-div-sol {

	text-align: center;

}

.wyh-aciklama-div-sol h3 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #FFFFFF;

}

.wyh-aciklama-div-sol img {

	margin-top: 30px;

}

.wyh-aciklama-div-sag {

	border-left: 1px solid #fff;

	padding-left: 30px;

}

.wyh-aciklama-div-sag p {

	font-size: 13px;

	line-height: 14px;

	color: #FFFFFF;

}



.whypetlascard {

text-align: center;

padding: 15px 40px 20px 40px;

border: 1px solid #E1251B;

box-sizing: border-box;

box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.35);

border-radius: 7px;

margin-bottom: 30px;

cursor: pointer;
}

.whypetlascard img {



}

.whypetlascard h5 {

	font-style: normal;

	font-weight: bold;

	font-size: 16px;

	line-height: 17px;

	color: #FFFFFF;

	margin-top: 15px;

	height: 20px;

}

.whypetlascard p {

font-weight: 300;

font-size: 14px;

line-height: 16px;

color: #FFFFFF;

height: 150px;

margin-top: 25px;
}

.whypetlasbtn.activee {

	box-shadow: 10px 10px 10px rgb(255 255 255 / 35%);

}

.whycardcolor1 {

	background: #272727;

}



.whycardcolor2 {

	background: #9E0700;

}

.whycardcolor3 {

	background: #919291;

}



.whycardcolor4 {

	background: #fff;

}



.whycardcolor5 {

	background: #272727;

}



.whycardcolor6 {

	background: #9E0700;

}



.whycardcolor7 {

	background: #919291;

}



.whycardcolor8 {

	background: #fff;

}

.whycardcolor4 h5, .whycardcolor8 h5 {

	color: #E1251B;

}

.whycardcolor4 p, .whycardcolor8 p {

	color: #464646;

}

.driving-tips {

	overflow: hidden;

}

.driving-tips .card-rb-img {

	width: 100%;

	height: 580px;

}

.tire-types .nav-lopp-5 .nav-item {

	width: 14.285%;

}



.tire-types .nav-lopp-5 .nav-item a {

	font-size: 12px;

}



.tire-types .tb-cr-sft {



	height: 550px;

}

.tire-types .card-rb-img {



	height: 550px;

}

.paddingleftcarsafety {

	padding-left: 60px;

}

.driving-tips-ust-div .card-rb-text {

	width: 75%;

}



.driving-tips-ust-div {

	height: auto;

}



.driving-tips-ust-div .card-rb-img img {

	width: 100%;

	object-fit: cover;

	height: auto;

}

.tire-types .card-rb-text p {

	width: 80%;

	color: #212529;

}



/*---------*/



.accordiontiretype {

	/* background-color: #eee; */

	color: #444;

	cursor: pointer;

	padding: 0px;

	width: 100%;

	border: none;

	text-align: left;

	outline: none;

	font-size: 15px;

	transition: 0.4s;

}



.activetiretype, .accordiontiretype:hover {

	/* background-color: #ccc; */

}



.accordiontiretype:after {

	content: ' ';

	background-image: url('../img/care/ul-arrow.svg');

	float: left;

	margin-left: 0px;

	background-size: contain;

	height: 15px;

	width: 15px;

	background-repeat: no-repeat;

	display: block;

	margin-top: 5px;

	margin-right: 10px;

}



.activetiretype:after {

	content: " ";

	background-image: url('../img/care/ul-arrow.svg');

	transform: rotate(90deg);

}



.paneltiretype {

	padding: 5px 0px 0px 25px;

	max-height: 0;

	overflow: hidden;

	transition: max-height 0.2s ease-out;

}



/*---------*/



.paragrafrotationdisnone {

	display: none;

}

.tkn-menu-blue {

	background-color: #003399;

}

.eulabelguide-first {

	background: #262626;

	padding-top: 30px;

}



.eulabelsagaciklamakutu {

}

.eulabelsagaciklamakutu .aciklamaaltbaslik {

	background: #C4C4C4;

	border-radius: 7px 7px 0px 0px;

	padding: 10px;

}

.eulabelsagaciklamakutu .aciklamaaltbaslik h5 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #464646;

	margin-top: 5px;

	padding-left: 10px;

}



.eulabelsagaciklamakutu .aciklamaparagraflar {

	background: #FFFFFF;

	border-radius: 7px;

	padding: 20px 20px 30px 20px;

}

.eulabelsagaciklamakutu .aciklamaparagraflar p {

	font-weight: 300;

	font-size: 16px;

	line-height: 20px;

	text-align: justify;

	color: #424242;

}

.eulabeldetails {

	padding-top: 30px;

	padding-bottom: 30px;

}

.labeldetailsicerik h2 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #424242;

}



.labeldetailsicerik h6 {

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	color: #E1251B;

	margin-top: 20px;

	margin-bottom: 20px;

}



.labeldetailsicerik p {

	font-size: 16px;

	line-height: 20px;

	color: #424242;

}

.eulabelform {

	background: #262626;

	padding-top: 100px;

	padding-bottom: 100px;

}

.eulabelform h2 {

	font-weight: bold;

	font-size: 36px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	margin-bottom: 30px;

}



.eulabelform p {

	font-weight: bold;

	font-size: 16px;

	line-height: 140%;

	letter-spacing: 0.02em;

	color: #FFFFFF;

	margin-bottom: 10px;

}



.eulabelform select {

	background: #FFFFFF;

	border: 2px solid #FF0000;

	box-sizing: border-box;

	border-radius: 4px;

	width: 100%;

	margin-bottom: 20px;

	outline: none;

	height: 50px;

}

.selecteulabel {

	position: absolute;

	right: 35px;

	display: block;

	margin-top: 15px;

}

.eulabelfaq {

	background: #D9DADA;

	padding-top: 30px;

	padding-bottom: 0;

}

.faqbaslik {

	text-align: center;

	padding: 6px 12px;

	background: #e42313;

	margin: auto;

	width: 300px;

	height: 50px;

	margin-bottom: 40px;

}

.faqbaslik h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #FFFFFF;

}

.faq-red-bg {

	background: #e42313;

	height: 80px;

	line-height: 80px;

	margin-top: 50px;

}

.faq-left span {

	color: #fff;

	display: inline-block;

	margin-right: 10px;

}

.faq-left img {

	display: inline-block;

	margin-bottom: 15px;

}

.faq-right p {

	color: #fff;

	line-height: 20px;

	margin-top: 20px;

}

.pcr-select-beyaz-ok {

	display: none;

}

.btn-filp:hover .pcr-select-beyaz-ok {

	display: inline;

}

.btn-filp:hover .pcr-select-kirmizi-ok {

	display: none;

}

.pcr-filtre-baslik {

	font-weight: bold;

	border-bottom: 2px solid;

	padding-bottom: 10px;

	font-size: 22px;

	line-height: 24px;

	/* identical to box height */

	color: #FFFFFF;

}

.martop-pcr {



	margin-top: 70px;

}

.pcr-cards {

	margin-top: 70px;

}

.pcr-cards .owl-tire-img img {

	width: 100%;

}

.pcr-cards h3 {

	font-weight: bold;

	font-size: 18px;

	line-height: 16px;

}



.pcr-cards .owl-tire-footer span {

	font-weight: bold;

	font-size: 16px;

	color: #FFFFFF;

}



.pcr-cards p {

	font-weight: 500;

	font-size: 16px;

	color: #FFFFFF;

}

.banner-pcr-detail-parag {

	margin-top: 10px;

	font-weight: 500;

	font-size: 14px;

	line-height: 18px;

	/* or 129% */

	color: #FFFFFF;

}



.pcr-det-mavi-ok {

	display: none;

}

.tires-pro-me-cl-li:hover .pcr-det-beyaz-ok {



	display: none;

	transition: 0.5s;

}

.tires-pro-me-cl-li:hover .pcr-det-mavi-ok {

	display: inline-block;

	transition: 0.5s;

}

.tires-pro-me-cl ul .tires-pro-me-cl-li.active .pcr-det-mavi-ok {

	display: inline;

}

.tires-pro-me-cl ul .tires-pro-me-cl-li.active .pcr-det-beyaz-ok {

	display: none;

}

.tires-pro-me-cl-li img {

	margin-top: 0px;

	margin-right: 10px;

	width: 40px;

	height: 40px;

	object-fit: contain;

}

.pcr-download-div {

	background: #fff;

	padding-top: 30px;

}

.pcr-download-div .bank-header h3 {

}

.pcr-download-div .bank-header {

	padding-top: 20px;

}



.pcr-download-div .materiailkutu {

	margin-top: 50px;

}



.pcr-download-div .okanimation {

	border: 3px solid #e1251b;

	background: gray;

}



.kalp-01-ust {

	position: absolute;

	right: 18.5%;

	top: 9.5%;

	transform: rotate(6deg);

	z-index: 1;

}

.kalp-02-ust {

	position: absolute;

	right: 18.5%;

	top: 22.5%;

	transform: rotate(15deg);

	z-index: 1;

}

.kalp-03-ust {

	position: absolute;

	right: 16.5%;

	top: 58.5%;

	transform: rotate(6deg);

	z-index: 1;

}



.kalp-04-ust {

	position: absolute;

	right: 6.5%;

	top: -8.6%;

	transform: rotate(46deg);

}

.kalp-05-ust {

	position: absolute;

	right: 6.5%;

	top: 22.4%;

	transform: rotate(46deg);

	z-index: 0;

}

.kalp-06-ust {

	position: absolute;

	right: 12.5%;

	top: 65.4%;

	transform: rotate(19deg);

	z-index: 0;

}



.kalp-01-ust .kalpbeyaz img {

	position: absolute;

	width: 120px;

}

.kalp-02-ust .kalpbeyaz img {

	position: absolute;

	width: 180px;

}

.kalp-03-ust .kalpbeyaz img {

	position: absolute;

	width: 180px;

}

.kalp-04-ust .kalpbeyaz img {

	width: 160px;

	position: absolute;

}

.kalp-05-ust .kalpbeyaz img {

	width: 300px;

	position: absolute;

}

.kalp-06-ust .kalpbeyaz img {

	width: 320px;

	position: absolute;

}



.kalp-01-ust .kalpkirmizi {



	animation: kalp1 1s linear infinite;

	animation-delay: 2s;

}

.kalp-02-ust .kalpkirmizi {



	animation: kalp2 1s linear infinite;

	animation-delay: 1.5s;

}

.kalp-03-ust .kalpkirmizi {



	animation: kalp2 1s linear infinite;

	animation-delay: 1.7s;

}

.kalp-01-ust .kalpkirmizi img {

	position: absolute;

	width: 120px;

}

.kalp-02-ust .kalpkirmizi img {

	position: absolute;

	width: 180px;

}

.kalp-03-ust .kalpkirmizi img {

	position: absolute;

	width: 180px;

}



@keyframes kalp1{

0%{

opacity:1;



}

100%{

opacity:0;



}

}

@keyframes kalp2{

0%{

opacity:1;



}

100%{

opacity:0;



}

}



.ug-igne {

	position: absolute;

	bottom: 105%;

	left: 47%;

}

.ug-igne img {



}

/*---*/

.ug-igne-column1 {

	margin-top: 50px;

	text-align: center;

}

.ug-igne-column1 .column-g-1 {

	background: #003399;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

}

.ug-igne-column1 .column-g-2 {

	background: #989898;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

}

.ug-igne-column1 .column-g-3 {

	background: #989898;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

}

.ug-igne-column2 .column-g-1 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

	background: #00246D;

	border: 1px solid #000000;

}

.ug-igne-column2 .column-g-2 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #676766;

	border: 1px solid #000000;

}

.ug-igne-column2 .column-g-3 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #676766;

	border: 1px solid #000000;

}

.ug-igne-column2 {

	margin-top: 50px;

	text-align: center;

}

.ug-igne-column3 .column-g-1 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

	background: #001642;

	border: 1px solid #000000;

}

.ug-igne-column3 .column-g-2 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #4D4D4D;

	border: 1px solid #000000;

}

.ug-igne-column3 .column-g-3 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #4D4D4D;

	border: 1px solid #000000;

}

.ug-igne-column3 {

	margin-top: 50px;

	text-align: center;

}

.eulabelseachbuton a {



	border: 2px solid #ed2027;

	height: 50px;

	border-radius: 4px;

	width: 17%;

}

.eulabelseachbuton p {

	font-weight: bold;

	font-size: 14px;

	line-height: 30px;

	color: #262626;

}

.tiremanuel-load-guide-bg {

	background-image: url(../img/loadguide-tire-manuel-bg.png);

}

.load-guide-kirmizi-1 .column-g-1 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

	background: #E31E24;

	border: 1px solid #000000;

}



.load-guide-kirmizi-1 .column-g-2 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #989898;

	border: 1px solid #000000;

}

.load-guide-kirmizi-1 .column-g-3 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #989898;

	border: 1px solid #000000;

}



/*--------*/



.load-guide-kirmizi-2 .column-g-1 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

	background: #AD2826;

	border: 1px solid #000000;

}



.load-guide-kirmizi-2 .column-g-2 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #676766;

	border: 1px solid #000000;

}

.load-guide-kirmizi-2 .column-g-3 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #676766;

	border: 1px solid #000000;

}



/*--------*/



.load-guide-kirmizi-3 .column-g-1 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	padding: 12px;

	margin-bottom: 10px;

	background: #7B2622;

	border: 1px solid #000000;

}



.load-guide-kirmizi-3 .column-g-2 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #4D4D4D;

	border: 1px solid #000000;

}

.load-guide-kirmizi-3 .column-g-3 {

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: 500;

	font-size: 14px;

	line-height: 17px;

	color: #FFFFFF;

	padding: 6px;

	margin-bottom: 10px;

	background: #4D4D4D;

	border: 1px solid #000000;

}

.tbr-load-care-first-tab-menu {

	width: 33.33% !important;

}

.width-load-care-mounting-tab {

	width: 33.33% !important;

}

.load-care-tire-damages-mar-bot {

	/* margin-bottom: 20px; */

	background-color: #ECECEC;

}

.width-yirmi-tire-damages-tab {

	width: 20% !important;

}

.width-33-loadtekno {

	width: 33.33%;

	text-align: center;

}

.pcr-search-btn {

	width: 195px;

	height: 40px;

	border-radius: 5px;

	border: 2px solid #fff;

}

.sliderdetailbuton ul {

	padding-left: 0;

	height: 70px;

}

.sliderdetailbuton ul li {

	display: inline-block;

	margin: 0px 0px 20px 10px;

}

.sliderdetailbuton ul li img {



}

.dropdown-toggle::after {

	width: 12px;

	/* background-image: url(http://temp.webatolyeniz.com/petlass/assets/img/header-dil-asagi-ok-beyaz.png); */

	content: " ";

	height: 12px;

	float: right;

	background-size: contain;

	background-repeat: no-repeat;

	margin-top: 13px;

	margin-right: 2px;

	transition: 0.5s;

	display: inline-block;

	margin-left: 5px;

	margin-top: 10px;

	border: none;

}

.fieldtekno-tab-menu-width {



	width: 33.33%;

	text-align: center;

}

.yesil-igne-bg-1 {

	background: #6F9850 !important;

}

.yesil-igne-bg-2 {

	background: #28804A !important;

}

.yesil-igne-bg-3 {

	background: #2D4D38 !important;

}

.agr-traktor-tire-manuel-bg {

	background-image: url('../img/agr-traktor-tire-manuel-bg.png');

}



.pg-cr-t-s .beyaz-mar-bot-cizgi {

	border-top: 1px solid #fff;

	/* margin-bottom: 50px; */

	height: auto;

}

.agr-tire-balance-link-width {

	width: 33.33% !important;

}

.foot-print-differens-list li {

	color: #464646;

	line-height: 35px;

}

.bias-radial-title {

	background: #E31E24;

	border-radius: 10px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #FFFFFF;

	width: 52%;

	margin: auto;

	padding: 12px 10px;

}

.bias-radial-ayrim-cizgi {



}

.bias-radial-ayrim-cizgi img {



}

.bias-left-title-1 {

	background: #AD2826;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	width: 60%;

	margin: auto;

	padding: 10px 10px;

}

.bias-left-title-2 {

	background: #7B2622;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

	font-size: 16px;

	line-height: 19px;

	color: #FFFFFF;

	width: 60%;

	margin: auto;

	padding: 10px 10px;

}

.bias-left-desc-1 {

	background: #C8C8C8;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	/* identical to box height, or 142% */

	color: #000000;

	margin-top: 10px;

	padding: 6px 10px;

}

.bias-left-desc-2 {

	background: #C5C6C6;

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #000000;

	margin-top: 10px;

	padding: 6px 10px;

}

.bias-left-desc-3 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #000000;

	margin-top: 10px;

	padding: 6px 10px;

	background: #AEAFB0;

}

.bias-left-desc-4 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #fff;

	margin-top: 10px;

	padding: 6px 10px;

	background: #989898;

}

.bias-left-desc-5 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #fff;

	margin-top: 10px;

	padding: 6px 10px;

	background: #818181;

}

.bias-left-desc-6 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #fff;

	margin-top: 10px;

	padding: 6px 10px;

	background: #676766;

}

.bias-left-desc-7 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #fff;

	margin-top: 10px;

	padding: 6px 10px;

	background: #4D4D4D;

}

.bias-left-desc-8 {

	border: 1px solid #000000;

	box-sizing: border-box;

	border-radius: 5px;

	width: 60%;

	margin: auto;

	font-weight: 500;

	font-size: 12px;

	line-height: 17px;

	color: #fff;

	margin-top: 10px;

	padding: 6px 10px;

	background: #313130;

}

.fieldguide-dropcenter {

}

.fieldguide-dropcenter h5 {

	padding-bottom: 5px;

	margin-top: 0px;

	margin-bottom: 20px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}

.fieldguide-dropcenter h6 {

	font-style: normal;

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	/* identical to box height */

	color: #464646;

}

.fieldguide-dropcenter p {

	font-style: normal;

	margin-bottom: 30px;

	font-weight: bold;

	font-size: 20px;

	line-height: 24px;

	/* identical to box height */

	color: #464646;

}

.fieldguide-dropcenter img {

}

.height-auto-drop {

	height: auto;

}

.drop-center-table-1 thead {

	background: #575756;

}

.drop-center-table-1 tbody::before {

	margin-bottom: 0;

}

.drop-center-table-1 td:first-child {

	background-color: transparent;

}

.drop-center-table-1 thead th {



	text-transform: none;

}

.drop-center-table-1 .table {



	margin-bottom: 0;

	margin-top: 1rem;

}

.drop-center-table-1 span {

	font-size: 12px;

}

.field-guard-five-tab {

	padding-top: 50px;

	padding-bottom: 50px;

}

.field-guard-five-tab h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	/* identical to box height */

	color: #464646;

}

.field-guide-spec-title {

	padding-bottom: 5px;

	margin-top: 0px;

	margin-bottom: 20px;

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #464646;

	padding-left: 0;

}

.use-of-liquid-desc {

	padding-left: 10%;

	margin-top: auto;

	margin-bottom: auto;

}

.use-of-liquid-desc h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #464646;

	margin-bottom: 30px;

}

.use-of-liquid-desc p {

	font-weight: 500;

	font-size: 13px;

	line-height: 17px;

	text-align: justify;

	color: #464646;

}

.use-of-liquid-image img {

	width: 100%;

}

.use-of-liq-left-part {

	padding-left: 10%;

	padding-right: 10%;

}

.use-of-liq-right-part {

	padding-left: 10%;

	padding-right: 10%;

}

.care-and-safety-bg {

	background: #EDEEEE;

	padding-bottom: 30px;

}

.widt-eight-box-for {



	width: 12.5% !important;

}

.widt-eight-box-for .nav-link {



	font-size: 13px !important;

	padding: 11px 5.75px !important;

}

.tire-damages-agrcare {

	height: auto;

	background: #D9DADA;

	overflow: hidden;

}



.tire-damages-agrcare h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #424242;

	margin-bottom: 30px;

}



.tire-damages-last-desc-pad {

	margin-top: auto;

	margin-bottom: auto;

	padding-left: 100px;

}

.lang .dropdown-toggle::after {

	width: 12px;

	background-image: url({{ url('/') }}/assets/img/header-dil-asagi-ok-beyaz.png);

	content: " ";

	height: 12px;

	float: right;

	background-size: contain;

	background-repeat: no-repeat;

	margin-top: 13px;

	margin-right: 2px;

	transition: 0.5s;

	display: inline-block;

	margin-left: 5px;

	margin-top: 10px;

	border: none;

}

.agr-search-filter-button {

	padding: 0px 0px 0px 10px;

}

.agr-btn-search {

position: absolute;

top: 2px;
}

.yesil-kesik-buton-ic {

/* background: #035C16; */

/* padding: 6px 20px 6px 26px; */

/* float: right; */

/* clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%); */
}

.agr-cards h3 {



	line-height: 22px;

}

.ozel-agr-bg {

	background-position: center;

}

.pcr-utlra-tekno-nav-widdht {

	width: 16.66666666666%;

	text-align: center;

}

.otr-power-tekno-three-div {

	width: 33.33%;

	text-align: center;

}

.sari-igne-bg-1 {

	background: #E08700 !important;

}

.sari-igne-bg-2 {

	background: #D27F02 !important;

}

.sari-igne-bg-3 {

	background: #C67701 !important;

}

.link-tab-menu-width-100 {

	width: 100% !important;

}

.otr-traktor-tire-manuel-bg {

	background-image: url(../img/otr-traktor-tire-manuel-bg.png);

}

.headerdiller-kismi {

	margin-left: 35px;

}

.anasayfa-video {

	margin-bottom: -6px;

}

.anasayfa-video video {

	width: 100%;

	height: 700px;

}

.turuncu-igne-bg-1 {

	background: #FF5E03 !important;

}

.turuncu-igne-bg-2 {

	background: #E1580A !important;

}

.turuncu-igne-bg-3 {

	background: #CA4900 !important;

}

.forklift-tire-manuel-bg {

	background-image: url('../img/forklift-tire-manuel-bg.png');

}



.forklift-tire-damages-width {

	width: 14.28% !important;

}

.military-mar-auto-top {

	margin: auto;

	margin-top: 50px;

}

.military-igne-bg-1 {

	background: #337811 !important;

}

.military-igne-bg-2 {

	background: #205A03 !important;

}

.defence-tire-manuel-bg {

	background-image: url('../img/defence-tire-manuel-bg.png');

}

.air-tire-manuel-bg {

	background-image: url('../img/air-tire-manuel-bg.png');

}

.air-guide-right-and-left {

	background: #ECECEC;

}

.air-guide-right-and-left h3 {

	font-weight: bold;

	font-size: 30px;

	line-height: 36px;

	color: #464646;

	margin-bottom: 40px;

}



.air-guide-right-and-left .pad-left-right {

	padding-left: 5%;

	padding-right: 10%;

}

.w-20 {



	width: 20% !important;

}

.solok-tarihce-ozel {

	transform: rotate(180deg);

	left: -8%;

}

.tarihce-nav span {

	position: relative;

	left: -30px;

}



.update-all-years-btn::after {



	right: 4px !important;

	top: 0px !important;

}

.contact-regional-sales-btn.dropdown-toggle::after {



	right: 8px;

	top: -10px;

	width: 18px;

}

.tires-pro-me-cl.tbrs-mland ul .m-detail.active p {

	background-color: #248eb7;

}

.tires-pro-me-cl.tbrs-mland ul .m-detail:hover p {

	background-color: #248eb7;

}

.certificatecard:hover ul li a {

	color: #59595C;

}

.card-rb-text p {

	color: #212529;

}



/*----*/



.tablethis tr:first-child {

	background: #727376 !important;

	color: #fff !important;

	vertical-align: middle !important;

}

.tablethis tr:nth-child(2) {

	background: #727376 !important;

	color: #fff !important;

	vertical-align: middle !important;

}

.tablethis table {

	display: none;

}

.tablethis table:first-child {

	display: table;

}

.tablethis tr:nth-child(2) {

}



.tablethis  table:first-child tr {

	display: table-row;

}
.tablethisotr.nb70-l-3 table:first-child tr:first-child{

	display: table-row !important;	
}

.tablethisotr.nb70-l-3 table:first-child tr:first-child:nth-child(2){

	display: table-row !important;	
}

.tablethisotr.nb70-l-3 table:first-child tr:nth-child(3){

	display: table-row !important;	
}
.tablethisotr.nb38-e-3 table:first-child tr:nth-child(1){

	display: table-row !important;	
} 
.tablethisotr.nb38-e-3 table:first-child tr:nth-child(2){

	display: table-row !important;	
} 
.tablethis  table:first-chil tr:nth-child(2) {

	display: table-row;

}

.tablethis  table:first-child tr:nth-child(1)  td:nth-child(2) {

	min-width: 180px !important;

}

.tablethis table tr td:first-child {

	display: none;

}

.tablethis table tr:nth-child(2) td:first-child {

	display: table-cell;

}

.tablethis table tr.gostertekilki  td:first-child {

	display: table-cell;

}



/*----*/

.go-d-s01 .icon-ic-kirmizi {

	display: none;

}

.go-d-s01.active .icon-ic-beyaz {

	display: none;

	transition: 0.5s;
	width:100%;

}

.go-d-s01.active .icon-ic-kirmizi {

	display: inline;

	transition: 0.5s;
	width:100%;

}

.tbrbgicin {

	width: 677px;

	height: 677px;

}

.aircrafticinwidthheight {

	width: 740px;

	height: 710px;

}

.defecenicinwidthheight {

	width: 754px;

	height: 754px;

}



.forklifticinheight {

	width: 750px;

	height: 740px;

}

.pcricinheight {

	width: 750px;

}



.otricinheight {

	width: 750px;

	height: 750px;

}



.btnmateryal {

}

.tekresim-ise-height-width {

	width: 400px;

	height: 400px;

	object-fit: contain;

}

.ico-left-01 img {

	width: 40px;

	height: 40px;

	object-fit: contain;

}

.ico-right-01 img {

	width: 40px;

	height: 40px;

	object-fit: contain;

}

.video-anasayfa-baslik-ozel {

	background: #000;

}

.video-anasayfa-baslik-ozel h3 {

	color: #fff;

	margin-bottom: 0;

	text-align: center;

	padding-top: 20px;

	padding-bottom: 20px;

	font-size: 34px;

	font-weight: 700;

}

.tablethis tr:nth-of-type(1) td {

	color: #fff;

	padding: 10px;

}

.tablethis tr:nth-of-type(2) td {

	color: #fff;

}



.collapse {

	z-index: 1;

}



.tkn-menu-item a img {



	width: 100px;

	height: 100px;

	object-fit: contain;

}

.tablethis table:first-child tr:nth-child(even):hover {

	background-color: #37343587;

}



.tablethis table tr.sonradangelenfiltre td {

	background-color: #e6e7e887;

	color: #ffffff;

}



.tires-pro-me-cl li {

	margin-bottom: 30px;

	cursor: pointer;

}

.card-rb-text > ul > li:before {

	content: "";

	width: 12px;

	height: 12px;

	background-image: url("../img/polygon-red-icons.png");

	background-repeat: no-repeat;

	background-size: contain;

	display: block;

	left: 0;

	margin-top: 5px;

	margin-right: 5px;

	position: absolute;

}

.gizli-kirmizi-table .filterrowicin td:nth-of-type(2):after {

	content: "";

	background-image: url('../img/tablo-siyah-asagi-ok.png');

	background-size: contain;

	background-repeat: no-repeat;

	display: block;

	position: absolute;

	height: 7px;

	width: 7px;

	top: 18px;

	right: 4px;

}

.sonradangelenfiltre tr:nth-of-type(1) {

	background-color: #E1251A !important;

}

.sonradangelenfiltre tr:nth-of-type(1) td {

	background-color: #E1251A !important;

	color: #fff !important;

}

.sonradangelenfiltre tr:nth-of-type(2) {

	background-color: #E1251A !important;

}

.sonradangelenfiltre tr:nth-of-type(2) td {

	background-color: #E1251A !important;

	color: #fff !important;

}

.sonradangelenfiltre tr:nth-of-type(3) td {

	background-color: #E1251A !important;

	color: #fff !important;

}

.sonradangelenfiltre tr td {

	color: #373435 !important;

}

.gostertekilki td {

	background-color: #727376;

	color: #fff;

}

.foot-print-differens-list li:before {

	content: "";

	width: 12px;

	height: 12px;

	background-image: url(../img/polygon-red-icons.png);

	background-repeat: no-repeat;

	background-size: contain;

	display: inline-block;

	margin-right: 10px;

}

.takip-kartcik {

position: fixed;

top: 185px !important;

left: 0;

height: 150px;

text-align: center;

z-index: 5;
}

.left-tir-info:nth-of-type(1) {

	display: block;

}

.tkn-menu.menukucuktopy h3 {

	margin-top: 10px;

}

.tkn-menu.menukucuktopy .hv-ac-br {

	bottom: -10px;

}

.tkn-menu.menukucuktopy .tkn-menu-black {

	opacity: 0.7 !important;

}

.tkn-menu.menukucuktopy .tkn-menu-red {

	opacity: 0.7 !important;

}

.tkn-menu.menukucuktopy .tkn-menu-gray {

	opacity: 0.7 !important;

}

.tkn-menu.menukucuktopy .tkn-menu-blue {

	opacity: 0.7 !important;

}

.pl-tab-txt p {

	color: #fff;

}



.s-text h2 {

	font-size: 25px;

	font-weight: 700;

}

.kurumsal-kimlik-kitapcigi {

	text-align: center;

	padding-bottom: 20px;

	color: #e31e24;

	border: 1px solid;

	width: 40%;

	margin: auto;

	height: 40px;

	margin-bottom: 30px;

	margin-top: 30px;

}

.kurumsal-kimlik-kitapcigi a {

	padding-top: 10px;

	display: block;

	font-size: 15px;

	font-weight: bold;

	color: red;

}

.kurumsal-kimlik-kitapcigi a:hover {



}

.bank-main .overlaymat .aciklama {

	border-top: 5px solid #e1251b;

}

.merch-main .overlaymat .aciklama {

	border-top: 5px solid #e1251b;

}

.merch-main .overlaymat {

	background-color: rgba(0,0,0,0.21);

}

.contact-header-card .col-lg-4:nth-last-of-type(2) {

	border-right: 1px solid #fff;

}

.contact-header-card .col-lg-4:nth-last-of-type(3) {

	border-right: 1px solid #fff;

}

.cert-dowm-icon-black {

	display: none;

	transition: 0.5s;

}

.certificatecard:hover .cert-dowm-icon-white {

	display: none;

	transition: 0.5s;

}

.homepage-initial-slider-owl {

	z-index: 0;

}

.newst .pcr-download-div {

	padding-top: 0;

}

.newst .pcr-download-div .bank-header {

	padding-top: 0px;

}

.newst .bank-header h3 {

	margin-bottom: 0;

}

/*----harita----*/

.enerji_icon1 {

	width: 8%;

	position: absolute;

}

.tooltip-enerji {

	text-align: center;

	position: absolute;

	display: block;

	text-decoration: none;

	font-weight: bold;

	/* min-width: 125px; */

	color: #464545;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	visibility: hidden;

	opacity: 1;

	-webkit-transition: opacity .6s ease-in-out;

	z-index: 555555;

	font-weight: normal;

	font-size: 12px;

	/* min-height: 20px; */

	left: 26px;

	/* box-shadow: 2px 2px 7px rgb(32 59 90 / 70%); */

	top: 35px;

	height: 20px;

	border: none;

}

.enerji_grid2_ic_alan .tooltip-enerji {

	cursor: pointer;

	visibility: visible;

	opacity: 1;

	width: 100%;

	left: 0;

	top: 50px;

}

.tooltip_ic_icerik span {

	font-weight: 600;

	font-size: 12px;

	letter-spacing: 0.04em;

	color: #ffffff;

}



.urun-sayfalari-tkn-menu-takip #fixsed-top {

	opacity: 0;

}

.urun-sayfalari-tkn-menu-takip #fixsed-top.opacity {

	opacity: 1;

}

.urun-sayfalari-tkn-menu-takip #fixsed-top .pg-btn-fx {

	background: transparent;

	color: #fff;

}

.urun-sayfalari-tkn-menu-takip #fixsed-top .pg-btn-fx.bg-urunler-takip-menu-for-red {

	background: #e1251b;

}

.urun-tt-tg-cs-follow {position: absolute;left: -42px;padding: 10px;z-index: 1;border-radius: 0px 0px 10px 10px;top: 40%;width: 120px;height: 40px;margin: auto;transform: rotate(-90deg);}

.urun-tt-tg-cs-follow span {display: inline-block;color: #fff;font-size: 12px;text-align: center;width: 100%;font-weight: bold;}

.rg-ft-bd-button .dropdownmat {

position: absolute;

left: 40px;

top: 55px;
}

.rg-ft-bd-button .dropdownmat span img {



}



.contact-info-set-pos {

	position: relative;

	width: 80%;

}

.homepage-initial-slider-owl .item img {

	height: 100%;

}

.petlas-logo-urun-ic img {

	width: 50%;

	padding-top: 5px;

}

.opacity-zero-why-ptls .urun-sayfalari-tkn-menu-takip {

	opacity: 0;

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(5) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(9) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(13) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(17) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(21) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(25) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(29) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(33) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(37) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(41) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(45) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(49) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(53) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(57) {

	background-color: rgba(169, 171, 174, 0.6);

}

.gizli-kirmizi-table table .filterrowicin:nth-of-type(61) {

	background-color: rgba(169, 171, 174, 0.6);

}



.if-header-follow .anasayfa-navbar-takip-etsin.takip-et {

	position: fixed;

	width: 100%;

	height: 110px;

	top: 0;

	z-index: 55555;

	transition: 0.5s;

}



.pcr-bg-color {

	background: #003399;

}

.agr-bg-color {

	background: #28804a;

}

.otr-bg-color {

	background: #e08700;

}

.forklift-bg-color {

	background: #ff5e03;

}

.defence-bg-color {

	background: #28660a;

}

.flight-bg-color {

	background: #626262;

}

.dropdown-menu.show {

	height: auto;

	overflow: auto !important;

}

.absoluteicinstylever {

	position: absolute;

	left: 15%;

	top: 10%;

	font-size: 19px;

	font-weight: 700;

	font-size: 16px;

	text-transform: uppercase;

	letter-spacing: -1.79px;

	color: #424242;

}

.tablethis td a {

	color: #007bff;

}



.flight-care-owl .owl-next {



	position: absolute;

	right: 1%;

	top: -20px;

}

.flight-care-owl .owl-prev {



	position: absolute;

	left: 1%;

	top: -20px;

}



.flight-care-owl .owl-next span, .flight-care-owl .owl-prev span {

	font-size: 40px;

	color: #fff;

}

.flight-care-owl a {

	text-align: center;

}

.flight-care-owl a:hover {

	color: #fff;

}

.flight-care-tires-rack-div {

	height: 400px;

	overflow: auto;

}

.kurumsal-kimlik-kitapcigi a img {



width: 50px;

}

.kurumsal-kimlik-kitapcigi a:before {

	content: "";

	background-image: url('../img/download-identity-clikc.png');

	background-size: contain;

	background-repeat: no-repeat;

	width: 25px;

	height: 25px;

	display: inline-block;

	position: absolute;

	margin-left: -40px;

	margin-top: -5px;

}



/*----------*/



.tbr-tekerlek-hizala ul li.btn-1 {



	top: 30px;

	right: 320px;

}

.tbr-tekerlek-hizala ul li.btn-2 {

	top: 125px;

	right: 365px;

}

.tbr-tekerlek-hizala ul li.btn-3 {

	top: 190px;

	right: 165px;

}

.tbr-tekerlek-hizala ul li.btn-4 {

	bottom: 421px;

	right: 138px;

}

.tbr-tekerlek-hizala ul li.btn-5 {

	bottom: 381px;

	right: 126px;

}

.tbr-tekerlek-hizala ul li.btn-6 {

	bottom: 325px;

	right: 87px;

}

.tbr-tekerlek-hizala ul li.btn-7 {

	bottom: 427px;

	left: 597px;

}

.tbr-tekerlek-hizala ul li.btn-8 {

	top: 438px;

	left: 583px;

}

.tbr-tekerlek-hizala ul li.btn-9 {

	top: 421px;

	left: 500px;

}

.tbr-tekerlek-hizala ul li.btn-10 {

	top: 567px;

	left: 472px;

}

.tbr-tekerlek-hizala ul li.btn-11 {

	top: 510px;

	left: 400px;

}

.tbr-tekerlek-hizala ul li.btn-12 {

	top: 538px;

	left: 356px;

}

.tbr-tekerlek-hizala ul li.btn-13 {

	top: 488px;

	left: 208px;

}

.tbr-tekerlek-hizala ul li.btn-14 {

	top: 568px;

	left: 155px;

}

.tbr-tekerlek-hizala ul li.btn-15 {

	top: 308px;

	left: 28px;

}

.tbr-tekerlek-hizala ul li.btn-16 {

	top: 388px;

	left: 56px;

}

.tbr-tekerlek-hizala ul li.btn-17 {

	top: 278px;

	left: 118px;

}

.tbr-tekerlek-hizala ul li.btn-18 {

	top: 220px;

	left: 68px;

}



/*----------*/



.pcr-tekerlek-hizala ul li.btn-2 {

right: 196px;

top: 173px;
}

.pcr-tekerlek-hizala ul li.btn-3 {

	top: 292px;

	right: 64px;

}

.pcr-tekerlek-hizala ul li.btn-4 {

	bottom: 181px;

	right: 175px;

}

.pcr-tekerlek-hizala ul li.btn-5 {

	bottom: 31px;

	right: 334px;

}

.pcr-tekerlek-hizala ul li.btn-6 {

	bottom: 110px;

	right: 444px;

}

.pcr-tekerlek-hizala ul li.btn-7 {

	bottom: 137px;

	left: 227px;

}

.pcr-tekerlek-hizala ul li.btn-8 {

	top: 518px;

	left: 160px;

}

.pcr-tekerlek-hizala ul li.btn-9 {

	top: 421px;

	left: 118px;

}

.pcr-tekerlek-hizala ul li.btn-10 {

	top: 292px;

	left: 33px;

}

.pcr-tekerlek-hizala ul li.btn-11 {

	top: 332px;

	left: 106px;

}

.pcr-tekerlek-hizala ul li.btn-12 {

	top: 188px;

	left: 195px;

}



/*----------*/



.agr-tekerlek-hizala ul li.btn-1 {



	right: 352px;

	top: 84px;

}

.agr-tekerlek-hizala ul li.btn-2 {



	right: 616px;

	top: 363px;

}

.agr-tekerlek-hizala ul li.btn-3 {



	top: 630px;

	right: 361px;

}

.agr-tekerlek-hizala ul li.btn-4 {

	bottom: 161px;

	right: 530px;

}

.agr-tekerlek-hizala ul li.btn-5 {

	bottom: 191px;

	right: 461px;

}

.agr-tekerlek-hizala ul li.btn-6 {

	bottom: 197px;

	left: 157px;

}

.agr-tekerlek-hizala ul li.btn-7 {



bottom: 177px;



left: 407px;

}

.agr-tekerlek-hizala ul li.btn-8 {



top: 538px;



left: 562px;

}

.agr-tekerlek-hizala ul li.btn-9 {



top: 491px;



left: 494px;

}

.agr-tekerlek-hizala ul li.btn-10 {



top: 466px;



left: 604px;

}

.agr-tekerlek-hizala ul li.btn-11 {



top: 346px;



left: 634px;

}
.agr-tekerlek-hizala ul li.btn-12 {

top: 346px;

left: 544px;
}
.agr-tekerlek-hizala ul li.btn-13 {

top: 186px;

left: 564px;
}



/*------------*/



.otr-tekerlek-hizala ul li.btn-1 {



	right: 352px;

	top: 77px;

}

.otr-tekerlek-hizala ul li.btn-2 {



	right: 556px;

	top: 353px;

}

.otr-tekerlek-hizala ul li.btn-3 {

	top: 635px;

	right: 355px;

}

.otr-tekerlek-hizala ul li.btn-4 {



bottom: 111px;



right: 464px;

}

.otr-tekerlek-hizala ul li.btn-5 {



bottom: 185px;



right: 563px;

}

.otr-tekerlek-hizala ul li.btn-6 {



bottom: 197px;



left: 387px;

}

.otr-tekerlek-hizala ul li.btn-7 {



bottom: 187px;



left: 557px;

}

.otr-tekerlek-hizala ul li.btn-8 {



top: 477px;



left: 472px;

}

.otr-tekerlek-hizala ul li.btn-9 {



top: 458px;



left: 600px;

}

.otr-tekerlek-hizala ul li.btn-10 {



top: 362px;



left: 546px;

}
.otr-tekerlek-hizala ul li.btn-11 {

top: 352px;

left: 626px;
}
.otr-tekerlek-hizala ul li.btn-12 {

top: 192px;

left: 566px;
}


/*-----------*/



.lift-tekerlek-hizala ul li.btn-1 {



	right: 352px;

	top: 77px;

}

.lift-tekerlek-hizala ul li.btn-2 {



right: 615px;



top: 350px;

}

.lift-tekerlek-hizala ul li.btn-3 {



top: 600px;



right: 322px;

}

.lift-tekerlek-hizala ul li.btn-4 {



bottom: 348px;



right: 175px;

}

.lift-tekerlek-hizala ul li.btn-5 {



bottom: 475px;



right: 220px;

}

.lift-tekerlek-hizala ul li.btn-6 {



bottom: 504px;



right: 560px;

}

.lift-tekerlek-hizala ul li.btn-7 {



bottom: 244px;



left: 475px;

}

.lift-tekerlek-hizala ul li.btn-8 {

top: 494px;

left: 565px;
}
.lift-tekerlek-hizala ul li.btn-9 {

top: 501px;

left: 404px;
}



/*-----------*/



.defence-tekerlek-hizala ul li.btn-1 {

	right: 362px;

	top: 37px;

}

.defence-tekerlek-hizala ul li.btn-2 {

	right: 296px;

	top: 666px;

}

.defence-tekerlek-hizala ul li.btn-3 {

	top: 353px;

	right: 57px;

}

.defence-tekerlek-hizala ul li.btn-4 {

	bottom: 321px;

	right: 145px;

}

.defence-tekerlek-hizala ul li.btn-5 {

	bottom: 351px;

	right: 170px;

}

.defence-tekerlek-hizala ul li.btn-6 {

	bottom: 394px;

	right: 171px;

}

.defence-tekerlek-hizala ul li.btn-7 {

	bottom: 517px;

	left: 477px;

}

.defence-tekerlek-hizala ul li.btn-8 {

	top: 503px;

	left: 629px;

}

.defence-tekerlek-hizala ul li.btn-9 {

	top: 461px;

	left: 510px;

}

.defence-tekerlek-hizala ul li.btn-10 {

top: 540px;

left: 532px;
}

.defence-tekerlek-hizala ul li.btn-11 {

top: 550px;

left: 392px;
}
.defence-tekerlek-hizala ul li.btn-12 {

top: 510px;

left: 242px;
}
.defence-tekerlek-hizala ul li.btn-13 {

top: 460px;

left: 122px;
}
.defence-tekerlek-hizala ul li.btn-14 {

top: 340px;

left: 162px;
}
.defence-tekerlek-hizala ul li.btn-15 {

top: 260px;

left: 102px;
}
.defence-tekerlek-hizala ul li.btn-16 {

top: 372px;

left: 52px;
}


/*--------*/



.air-tekerlek-hizala ul li.btn-1 {



	right: 343px;

	top: 87px;

}

.air-tekerlek-hizala ul li.btn-2 {



	right: 137px;

	top: 104px;

}

.air-tekerlek-hizala ul li.btn-3 {



	top: 155px;

	right: 198px;

}

.air-tekerlek-hizala ul li.btn-4 {



	bottom: 441px;

	right: 125px;

}

.air-tekerlek-hizala ul li.btn-5 {



	bottom: 341px;

	right: 680px;

}

.air-tekerlek-hizala ul li.btn-6 {



	bottom: 344px;

	right: 580px;

}

.air-tekerlek-hizala ul li.btn-7 {



	bottom: 87px;

	left: 567px;

}

.air-tekerlek-hizala ul li.btn-8 {



	top: 452px;

	left: 572px;

}

.air-tekerlek-hizala ul li.btn-9 {



	top: 545px;

	left: 450px;

}

.air-tekerlek-hizala ul li.btn-10 {



	top: 572px;

	left: 413px;

}

.air-tekerlek-hizala ul li.btn-11 {



	top: 492px;

	left: 526px;

}

.air-tekerlek-hizala ul li.btn-12 {



	top: 522px;

	left: 487px;

}

.tbr-kartcik-bg-spec{

background:#f00;

}

.defence-tire-dmg-image-bg{

margin: auto;

    text-align: center;

    background: #fff;	

}

.tkn-hd-menu ul li:nth-of-type(6) a .svg g .st3{

	display:none;

}

.ortala{

	margin:auto;

	text-align:center;

}

.owlsertifikalar .owl-nav{

	display: none !important;

}

.agr-tire-damages-new-part{

	margin: auto;

    text-align: center;

    background: #fff;

    padding-bottom: 2%;



}
 
.flight-care-new-gray-bg-tire-dam{

	background: #898989;

    margin: auto;

    text-align: center;

}

.flight-care-owl {

	margin-bottom:-10px;

}

    

.otobusgorseliii{

	width:60px !important;

}

.dt-100-text p a{

	color:#333;

} 

.about-outstanding-perf-tires-images img{
max-width:124px;height: 180px;
}

.design-by-idemania{

text-align: left;

margin-left: -15px;

font-size: 11px;
}

.cricinputdroparama .btn-filter-year p{
font-size:14px;
}
.update-detail-slider-images-resize{
    height: 50vh;
    object-fit: cover;
}
.update-detail-slider-images-small-resize{
   height: 15vh;
    object-fit: cover;
    }
   
.qult-prmd-card-2 ul{

padding-left: 18px;
}
.qult-prmd-card-2 ul li{
	
list-style: disc;
}
.trdmgs-care-3{
    object-fit:contain;
}
    
    .aramasearch{
        
max-width: 95%;
        
margin: auto;
        
float: none;
        
display: block;
        
border-radius: 6px;
        
font-weight: 100;
        
font-size: 12px;
}
        
color: #000000;
        
padding-left: 4px;
        
height: 26px;
        
margin-bottom: 5px;
        
margin-left: 5px;
    }
    
    .countr-width-new{
        
width: 20%;
        }
    .countr-width-new .rg-text-info{
        
width: 95%;
        
top: 55px;
        
margin-left: 20px;
        }
        .pos-rel-width-100{
            position:relative;
            width:100%;
        }
        
        .lastikizislidernew{
        
height: 100%;
        
position: absolute;
        
bottom: 0;
        
width: 100%;
        
z-index: 0;
        }
        .lastikizislidernew .lastikizislidernewimage{
        
width: 100%;
        }
        
        .slider-new-desc-aciklama
        {
            
position: absolute;
            
width: 100%;
            
top: 15%;
            

            
padding-right: 15%;
            
padding-left: 15%;
            
left: 0;
            }
        .slider-new-desc-aciklama h3
        {
            
color: #fff;
            
font-size: 40px;
            }
        .slider-new-desc-aciklama p
        {
            
color: #fff;
            
font-size: 20px;
            }
            .new-slider-bg-parts{
                 height: 860px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;
                
                }
            
.absolute-sayi-slider-1{

}
.absolute-sayi-slider-2{
	
top: 5%;
}
.absolute-sayi-slider-3{
	
}
.absolute-sayi-slider-4{
	
top: 5%;
}
.absolute-sayi-slider-5{
	
}
.absolute-sayi-slider-6{
	
top: 5%;
}
.absolute-sayi-slider-7{
	
}
.absolute-sayi-slider-8{
	
top: 5%;
}
.absolute-sayi-slider-9{
	
}
.absolute-sayi-slider-10{
	
}
.absolute-sayi-slider-12{
	
}
.absolute-sayi-slider-13{
	
}
.absolute-sayi-slider-14{
	
}
.absolute-sayi-slider-15{
	
}
.powerguid-new-tab-menu-widths{
    width: 25% !important;
    }


/*--banner baslik----*/

.new-petlas-banner-titles {
    position: absolute;
    right: 6%;
    z-index: 1;
    bottom: 30%;
}
.new-petlas-banner-titles h1 {
    font-size: 85px;
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
}
.new-petlas-banner-titles h2 {
    color: #fff;
    font-size: 38px;
    letter-spacing: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}

/*--banner baslik----*/
#newslettersubscribe:hover{
	
background: #fff;
}


.pr-fil-01 .dropdownmenuupper1 .dropdown-menu.show {
    
    height: 220px !important;
    
}
.pr-fil-01 .dropdownmenuupper2  .dropdown-menu.show {
    
    height: 220px !important;
    
}
.pr-fil-01 .dropdownmenuupper3  .dropdown-menu.show {
    
    height: 220px !important;
    
}
.aktifmobiledil{
    color:red;
    }
    	.petlas-contact{
			
			position:fixed;
			right:30px;
			bottom:10%;
			border-radius: 50px 50px 0 50px;
			border:1px solid #333;
			background:red;
			transition:1s;		
		width: 80px;height: 80px;
		cursor:pointer;}
		.petlas-contact .bubble{
			
		text-align: center;}
		.petlas-contact .bubble .modalfoem img{
			
		position: absolute;left: 30%;bottom: 15%;}
		.petlas-contact .bubble .modalfoem{
			
		}
		.petlas-contact .bubble  span{
			color:#fff;
		opacity: 0;
		}
		.petlas-contact:hover{
			width:240px;						
		}
		.petlas-contact:hover .bubble  span{
		transition:1s;
		transition-delay:0.2s;
		opacity: 1;
									
		font-size: 25px;position: absolute;left: 35%;bottom: 30%;}
		.petlas-contact:hover .bubble .modalfoem img{
			left: 10%;
									
		}
		.petlas-contact:hover .modalfoem{
			display:inline-block;
			transition:1s;						
		}
		
		
		.modal-petlas {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-petlas-content {
    background-color: #e1251b;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
}

/* The Close Button */
.close-petlas {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-petlas:hover,
.close-petlas:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
#petlas-modals-btn{
	width:100%;
	height:100%;
	z-index: 999;
	background:transparent;
	border:none;
	outline:none;
	
}
#petlas-modals-btn:focus {
    outline: 0 !important;
}
.modal-formm{

}
.modal-formm input:focus {
    outline: 0 !important;
}
.modal-formm input::placeholder {
    color:#fff;
}
.modal-formm input {
    display: block;
    width: 100%;
    height: 45px;
    margin-top: 2%;
    background-color: #e1251b;
    border: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    border-radius: 5%;
    outline: none;
    padding-left:5%;
}
.modal-formm .sendbtn {
    width: 100%;
    text-align: center;
}
.modal-formm button:focus {
    outline: 0 !important;
}
.modal-formm .sendbtn button {
    margin-top: 2%;
    width: 30%;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #e1251b;transition:1s;
}
.modal-formm .sendbtn button:hover {
    box-shadow: 0px 4px 11px #333;
    transition:1s;
}
	@media (max-width: 1200px){
	    	.petlas-contact{ 
    			bottom:30%;
			}
	    }
	@media (max-width: 750px){
	    	.petlas-contact{
    			right:30px;
    			bottom:20%;
			}
	    }
	    	    .modal-formm textarea {
    display: block;
    width: 100%;
    height: 65px;
    margin-top: 2%;
    background-color: #e1251b;
    border: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    border-radius: 5%;
    outline: none;
    padding-left: 5%;
	color:#fff;
	
}
.modal-formm textarea:focus {
    outline: 0 !important;
}
.modal-formm textarea::placeholder {
    color:#fff;
}