/* rexa-user-custom.css
       powered by rexa
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');

body {font-family: 'Poppins', sans-serif;}

.overflow-class p, .overflow-class {overflow:visible !important;max-height:none;}

.right__main ul {
  list-style-type: square;
  list-style-position: inside;
}

.pageContent-Body ul {
  list-style-type: square;
  list-style-position: inside;
}

.tes{
	width:100%;
}


/* Menü */
.section-header .logo-container .logo img {
	max-height: 90px;
  	min-width: 160px;
}
.section-header.sticky .logo-container .logo img{
	max-height: 40px;
}
.sticky #navigation > ul > li, .lang-menu > ul > li {
	height: 60px;
}

.section-header .dropdown-menu {
	width: 260px;
}
.section-header li.dropdown .dropdown-menu li {
	position: relative;
	overflow: hidden;
	padding: 0;
}
.section-header li.dropdown .dropdown-menu li a {
	padding: 7.5px 5px;
}
.section-header li.dropdown .dropdown-menu li::after {
	content: '';
    position: absolute;
    width: 80%;
    height: 1px;
    background-color: #000;
    bottom: 0;
    transform: translateX(0);
	transition: all .3s;
}
.section-header li.dropdown .dropdown-menu li:hover::after {
    width: 100%;
}


.section-header li.dropdown .dropdown-menu li a:hover{
    background-position: bottom;
	background-size: 200% 200%;
}
.section-header li.dropdown .dropdown-menu li a {
    background: rgba(255, 255, 255);
    background: linear-gradient(to bottom, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 50%) top;
    background-size: 100% 200%;
    transition: all .4s;
}
.section-header li.dropdown .dropdown-menu li a:hover {
    color: #fff !important;
}

.section-header #navigation > ul > li a, .nav-right .select-language .lang-menu > ul > li > a {
	font-size: 14px;
}

/* Ürünler*/
#page-detail-section-2 .rg-wrapper .galleryInfo, #page-detail-section-3 .rg-wrapper .galleryInfo {
	padding: 0;
}
/*---------------------------*/
#page-detail-section-2 {
	padding: 70px 0 0 0;
}
#page-detail-section-2 .original-col:first-child {
    width: 66.66667%;
}
#page-detail-section-2 .original-col:last-child {
    width: 33.33333%;
}
#page-detail-section-2 .original-col .rg-wrapper {
    position: relative;
}
#page-detail-section-2 .original-col .rg-wrapper .rgw {
    position: relative;
    overflow: hidden;
	max-height: 370px;
	border-radius: 15px;
	transition: all .3s;
}
#page-detail-section-2 .original-col .rg-wrapper .rgw::before {
    content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 1;
	background: rgb(13,30,70);
	background: linear-gradient(180deg, rgba(13,30,70,0) 0%, rgba(0,0,0,.8) 100%);
	transition: all .3s;
}
#page-detail-section-2 .original-col:hover .rg-wrapper .rgw::before {
	opacity: 0;
}
#page-detail-section-2 .original-col .rg-wrapper .rgw img {
    border-radius: 15px;
	height: 370px;
}
#page-detail-section-2 .original-col .rg-wrapper .galleryInfo {
    position: absolute;
	bottom: 10px;
	left: 0;
	text-align: left;
	background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 50%);
    background-position: left;
    background-size: 0% 0%;
	transition: all .3s;
}
#page-detail-section-2 .original-col:hover .rg-wrapper .galleryInfo {
    background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 50%);
    background-position: left;
    background-size: 200% 200%;
}
#page-detail-section-2 .original-col .rg-wrapper .galleryInfo h5 {
	color: #fff;
    margin-bottom: 0;
    padding: 10px 0px 10px 30px;
	transition: all .3s;
}
#page-detail-section-2 .original-col:hover .rg-wrapper .galleryInfo h5 {
	color: #000;
}
/*---------------------------*/
#page-detail-section-3 {
	padding: 0;
}
#page-detail-section-3 .section-wrapper-title {
	display: none;
}
#page-detail-section-3 .original-col .rg-wrapper {
    position: relative;
}
#page-detail-section-3 .original-col .rg-wrapper .rgw {
    position: relative;
    overflow: hidden;
	max-height: 370px;
	border-radius: 15px;
	transition: all .3s;
}
#page-detail-section-3 .original-col .rg-wrapper .rgw::before {
    content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 1;
	background: rgb(13,30,70);
	background: linear-gradient(180deg, rgba(13,30,70,0) 0%, rgba(0,0,0,.8) 100%);
	transition: all .3s;
}
#page-detail-section-3 .original-col:hover .rg-wrapper .rgw::before {
	opacity: 0;
}
#page-detail-section-3 .original-col .rg-wrapper .rgw img {
    border-radius: 15px;
	height: 370px;
}
#page-detail-section-3 .original-col .rg-wrapper .galleryInfo {
    position: absolute;
	bottom: 10px;
	left: 0;
	text-align: left;
	background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 50%);
    background-position: left;
    background-size: 0% 0%;
	transition: all .3s;
}
#page-detail-section-3 .original-col:hover .rg-wrapper .galleryInfo {
    background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 50%);
    background-position: left;
    background-size: 200% 200%;
}
#page-detail-section-3 .original-col .rg-wrapper .galleryInfo h5 {
	color: #fff;
    margin-bottom: 0;
    padding: 10px 0px 10px 30px;
	transition: all .3s;
}
#page-detail-section-3 .original-col:hover .rg-wrapper .galleryInfo h5 {
	color: #000;
}
/*---------------------------*/
#page-detail-section-4 {
	padding: 0 0 70px 0;
}
#page-detail-section-4 .section-wrapper-title {
	display: none;
}
#page-detail-section-4 .original-col:last-child {
    width: 66.66667%;
}
#page-detail-section-4 .original-col:first-child {
    width: 33.33333%;
}
#page-detail-section-4 .original-col .rg-wrapper {
    position: relative;
}
#page-detail-section-4 .original-col .rg-wrapper .rgw {
    position: relative;
    overflow: hidden;
	max-height: 370px;
	border-radius: 15px;
	transition: all .3s;
}
#page-detail-section-4 .original-col .rg-wrapper .rgw::before {
    content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 1;
	background: rgb(13,30,70);
	background: linear-gradient(180deg, rgba(13,30,70,0) 0%, rgba(0,0,0,.8) 100%);
	transition: all .3s;
}
#page-detail-section-4 .original-col:hover .rg-wrapper .rgw::before {
	opacity: 0;
}
#page-detail-section-4 .original-col .rg-wrapper .rgw img {
    border-radius: 15px;
	height: 370px;
}
#page-detail-section-4 .original-col .rg-wrapper .galleryInfo {
    position: absolute;
	bottom: 10px;
	left: 0;
	padding: 0;
	text-align: left;
	background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 50%);
    background-position: left;
    background-size: 0% 0%;
	transition: all .3s;
}
#page-detail-section-4 .original-col:hover .rg-wrapper .galleryInfo {
    background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 50%);
    background-position: left;
    background-size: 200% 200%;
}
#page-detail-section-4 .original-col .rg-wrapper .galleryInfo h5 {
	color: #fff;
    margin-bottom: 0;
    padding: 10px 0px 10px 30px;
	transition: all .3s;
}
#page-detail-section-4 .original-col:hover .rg-wrapper .galleryInfo h5 {
	color: #000;
}

/* Referanslar */
#homeGalleryDetailContent_6 .original-col .rg-wrapper {
	border: 1px solid #cfcfcf;
	transition: all .3s;
}
#homeGalleryDetailContent_6 .original-col .rg-wrapper:hover {
	border: 1px solid #000000;
}
#homeGalleryDetailContent_6 .original-col .rg-wrapper .rgw {
	filter: grayscale(1);
	transition: all .3s;
}
#homeGalleryDetailContent_6 .original-col .rg-wrapper:hover .rgw {
	filter: grayscale(0);
}

@media(max-width: 768px){
	#page-detail-section-2 .original-col:first-child{
	width: 100%;
    }
    #page-detail-section-2 .original-col:last-child{
        width: 100%;
    }
  #page-detail-section-2 .original-col .rg-wrapper .rgw img{
  	height: auto;
  }
    #page-detail-section-3 .original-col .rg-wrapper .rgw img{
        height: auto;
    }
}