FİLTRE
‹13579...17li.has-sub.open>a:after {
content: "\4b"!important
}
#accordion ul ul li a {
padding: 14px 30px;
cursor: pointer;
z-index: 2;
font-size: 12px;
text-decoration: none;
color: #3F3E3D!important;
background: #fff;
box-shadow: 0 0 1px #ccc;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
font-weight: 600!important;
line-height: 19px
}
#accordion ul ul ul li a {
padding-left: 40px;
background: #fff;
font-family: 'Open Sans';font-weight: 500 !important;
}
#accordion ul ul ul li ul li a {
padding-left: 50px
}
#accordion ul ul li a:hover {
background: #f7f7f7;
color: #5d6982
}
.categories_boxes {
margin-top: -6rem;
margin-bottom:
}
.categories_boxes .row {
margin: 0;display:flex;flex-wrap: wrap;
}
.categories_boxes .item {
width: 31%;
box-shadow: 0 3px 12px rgb(0 0 0 / 8%);
margin-top: 2px;
margin-bottom: 22px;
margin-right: 13px;
border: 1px solid #eee;
}
.categories_boxes .boxes_section {
width: 73%
}
.boxes_section .title {
text-align: center;
padding-bottom: 60px
}
img.title_img {
width: 50px
}
.boxes_section .title h3 {
font-weight: 500;
font-size: 32px;
position: relative;
color: #1e90c9
}
.boxes_section .title h3:after {
content: "";
width: 80px;
height: 5px;
position: absolute;
bottom: 0;
left: 0;
background-color: #1e90c9;
margin: 0 auto;
right: 0;
top: 54px
}
.page_text .text {
width: 69%;
text-align: justify
}
.page_text .text p {
display: block
}
.page_text .galeri ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
padding: 0;
margin-right: -7px
}
.page_text .galeri ul li {
list-style: none;
width: 25%;
border: 1px solid #e1e1e1;
height: 170px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-top: 8px;
margin-right: 5px
}
.page_text .galeri ul li a {
width: 100%;
height: 100%;
display: block
}
.page_text .galeri ul li a img {
width: 100%;
padding: 0;
height: 100%;
object-fit: cover
}
.links_tree {
padding: 15px 0;
border-bottom: 1px solid rgb(232, 232, 232)
}
.links_tree ul {
margin-bottom: 0;
padding-left: 0
}
.links_tree ul li {
display: inline-block
}
.links_tree ul li a {
position: relative;
padding-right: 10px;
padding-left: 10px;
font-weight: 500;
color: rgb(146, 149, 161);
font-size: 15px
}
.links_tree ul li a::after {
content: "|";
position: absolute;
right: -5px;
color: rgb(146, 149, 161);
top: -4px;
font-size: 16px
}
.page_content .contact_part {
padding-top: 30px;
padding-bottom: 0
}
.page_content .contact_part .row {
margin: 0
}
.page_content .form_part {
width: 50%
}
.page_content .form_part h3 {
font-size: 32px;
font-weight: 700;
color: rgb(66, 66, 66)
}
.page_content .form_part p {
display: block;
font-size: 14px;
color: rgb(66, 66, 66)
}
.page_content .form_part .form_box .item:first-child {
margin-right: -14px
}
.page_content .form_part form input {
width: 48%;
display: inline;
margin-right: 10px;
margin-bottom: 20px;
padding: 24px 10px;
border: 1px solid rgb(234, 234, 234);
transition: all 0.3s ease 0s
}
.page_content .form_part form input:nth-child(2n) {
margin-right: 0
}
.page_content .form_part form input {
width: 48%;
display: inline;
margin-right: 10px;
margin-bottom: 20px;
padding: 24px 10px;
border: 1px solid rgb(234, 234, 234);
transition: all 0.3s ease 0s
}
.page_content .form_part form input:nth-child(2n) {
margin-right: 0
}
.page_content .form_part form textarea {
border: 1px solid rgb(234, 234, 234);
font-size: 14px;
transition: all 0.3s ease 0s
}
.page_content .form_part .button button {
padding: 10px 24px;
display: inline-block;
background: #363295;
color: rgb(255, 255, 255);
border: 1px solid #363295;
transition: all 0.3s ease 0s;
margin-top: 30px
}
.page_content .text_part {
width: 50%;
padding-left: 50px
}
.page_content .text_part .contact_information {
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
padding: 20px;
margin-top: 81px;
border: 1px solid rgb(238, 238, 238)
}
.page_content .text_part .contact_information span.adress {
display: block;
padding: 0 20px 20px;
border: 1px solid rgb(255, 255, 255);
margin-bottom: 30px;
box-shadow: rgba(0, 0, 0, .08) 0 3px 12px
}
.page_content .text_part .contact_information p {
display: block;
padding-left: 0;
color: rgb(66, 66, 66);
font-size: 15px;
margin-top: 0;
font-weight: 500
}
.page_content .text_part .contact_information h3 {
font-size: 32px;
font-weight: 700;
color: rgb(66, 66, 66)
}
.page_content .text_part .contact_information p {
display: block;
padding-left: 0;
color: rgb(66, 66, 66);
font-size: 15px;
margin-top: 0;
font-weight: 500
}
.footer-address {
color: rgb(255, 255, 255);
font-size: 14px;
position: relative;
padding-left: 0;
margin-top: 20px;
display: flex
}
.page_content .text_part .contact_information p i {
font-size: 17px;
padding-right: 10px;
color: #363295;
-webkit-text-fill-color: #363295
}
.page_content .text_part .contact_information .phone_numbers {
padding: 0
}
.page_content .text_part .contact_information .phone_numbers li {
list-style: none;
display: block;
width: 100%;
margin-bottom: 10px
}
.page_content .text_part .contact_information .phone_numbers li p {
margin-bottom: 0;
color: rgb(66, 66, 66)
}
.page_content .text_part .contact_information p {
display: block;
padding-left: 0;
color: rgb(66, 66, 66);
font-size: 15px;
margin-top: 0;
font-weight: 500
}
.page_content .text_part .contact_information .phone_numbers li p i {
padding-right: 0
}
.page_content .contact_part .row {
margin: 0
}
.map {
width: 100%
}
.map iframe {
width: 100%;
height: 350px;
border: 0
}
.page_content .text_part .contact_information .phone_numbers li p a {
padding-right: 0;
margin-left: 6px;
color: rgb(66, 66, 66)
}
.images_col {
margin-top: 30px
}
.refe_item {
width: 23%;
height: 160px;
display: inline-block;
margin: 5px;
border: 1px solid #eaeaea
}
.refe_item img {
width: 100%;
margin: 0 auto;
display: block;
height: 100%
}
.categories_boxes .item .content {
background-color: #fff;
padding-bottom: 0;
overflow: hidden;top: 0px;
}
.categories_boxes .item .content .img {
width: 100%;
position: relative;
transition: 0.5s
}
.categories_boxes .item .content .img img {
transition: 0.5s;
width: 100%;
height: 200px;
padding:5px;
object-fit:contain;
}
.categories_boxes .item .content .img:after {
background-color: #000000a1;
content: " ";
width: 100%;
height: 100%;
position: absolute;
transition: 0.5s;
opacity: 0
}
.categories_boxes .item:hover .content .img:after {
opacity: 1;
transition: 0.8s
}
.categories_boxes .item:hover .content .img img {
transform: scale(0.9) rotate(1deg);
transition: 0.5s
}
.categories_boxes .item .content .img .link {
position: absolute;
z-index: 9999;
display: none;
background: #144ea8;
left: 0;
right: 0;
top: 120px;
bottom: 0;
margin: 0 auto;
width: 60px;
height: 60px;
text-align: center;
opacity: 0;
transition: 0.5s
}
.categories_boxes .item:hover .content .img .link {
opacity: 1;
transition: 0.5s
}
.categories_boxes .item .content .img .link a {
font-size: 36px;
color: #fff;
padding-top: 4px;
display: block
}
.categories_boxes .item .content .text {
padding-left: 20px;
padding-right: 20px;
background-image: url(assets/img/t21.png);
background-size: contain;
background-position: right;
background-repeat: no-repeat;
position: relative;
background-color: #fff
}
.categories_boxes .item .content .text:after {
content: " ";
position: absolute;
top: 0;
background: #144ea8;
height: 0;
width: 100%;
left: 0;
transition: 0.5s;
display: none
}
.categories_boxes .item:hover .content .text:after {
height: 100%;
transition: 0.5s
}
.categories_boxes .item:hover .content .text h3 a {
color: #144ea8;
transition: 0.5s
}
.categories_boxes .item:hover .content .text p {
color: #fff;
transition: 0.5s
}
.categories_boxes .item .content .text h3 {
position: relative;
text-align: center;
color: #000;
font-weight: 600;
font-size: 11px;
transition: 0.5s;
/* padding: 8px 0; */
display: block;
font-family: 'Montserrat';
}
.categories_boxes .item .content .text span {
z-index: 9999;
font-size: 15px;
font-weight: 400;
display: inline-block;
color: #fff;
background: #144ea8;
z-index: 99;
top: -27px;
position: relative;
padding: 4px 10px;
box-shadow: 0 3px 12px rgba(0, 0, 0, .23)
}
.categories_boxes .item .content .text p {
color: #9b9b9b;
font-size: 14px;
font-weight: 400;
transition: 0.5s;
z-index: 9;
position: relative
}
.categories_boxes .item .content .view_product {
display: block;
margin-right: 21px;
margin-left: 21px;
margin-bottom: 21px;
border-top: 2px solid #e4e4e4
}
.categories_boxes .item .content .view_product a {
display: block;
padding: 18px 15px;
transition: 0.5s;
text-align: center
}
.categories_boxes .item .content .view_product a:hover {
background-color: #001040;
transition: 0.5s
}
.categories_boxes .item .content .view_product a span {
font-size: 18px;
color: #000;
font-weight: 600
}
.categories_boxes .item .content .view_product a i {
display: inline-block;
width: 27px;
height: 27px;
line-height: 29px;
border-radius: 50%;
text-align: center;
background-color: #001040;
color: #fff;
margin-left: 5px
}
.categories_boxes .link-box {
text-align: center;
display: block;
width: 100%;
margin-top: 10px
}
.side_menu .content ul {
border: 1px solid #E8E8E8;
padding: 0;
display: block
}
.side_menu .content ul li {
list-style: none;
display: block;
border-bottom: 1px solid #eee
}
.side_menu .content ul li a {
text-decoration: none;
color: #4f4f4f;
font-size: 14px;
font-weight: 400;
display: block;
padding: 11px 27px;
position: relative;
transition: 0.5s
}
.side_menu .content ul li a::after {
content: " ";
width: 11px;
display: block;
background-color: #fff;
position: absolute;
height: 43px;
left: 0;
top: 0;
transition: 0.5s
}
.links_tree {
padding: 15px 0;
border-bottom: 1px solid #e8e8e8
}
.links_tree ul {
margin-bottom: 0;
padding-left: 0
}
.links_tree ul li {
display: inline-block
}
.links_tree ul li a {
position: relative;
padding-right: 10px;
padding-left: 10px;
font-weight: 500;
color: #9295a1;
font-size: 15px
}
.links_tree ul li a.active {
color: #e30000
}
.links_tree ul li a:hover {
text-decoration: none;
color: #1e90c9
}
.links_tree ul li a:after {
content: "|";
position: absolute;
right: -5px;
color: #9295a1;
top: -4px;
font-size: 16px
}
.links_tree ul li:last-child a:after {
display: none
}
.accourdion_section {
margin-top: 2rem;
padding-bottom: 0
}
.side_menu {
width: 25%;
padding-top: 0;
margin-right: 20px
}
.side_menu h3 {
color: #000;
font-size: 16px;
padding: 10px 27px;
border: 1px solid #eee;
margin: 0;
position: relative;
border-bottom: 0;
font-weight: 700
}
.side_menu h3::after {
content: " ";
width: 11px;
display: block;
background-color: #1e90c9;
position: absolute;
height: 43px;
left: 0;
top: 0
}
.page_content {
padding-bottom: 8rem
}
.accourdion_section .detay_boxes {
width: 69%
}
.accourdion_section .row {
margin-right: 0;
margin-left: 0
}
.accourdion_section .title h3 {
font-size: 21px;
margin: 0;
font-weight: 600
}
.accourdion_section .galery_detay .galeri {
width: 100%
}
.accourdion_section .title h3:after {
content: " ";
width: 33%;
height: 3px;
background-color: #dbdbdb;
right: 0;
position: absolute;
margin-top: 13px
}
.accourdion_section .galery_box .main_img {
margin-top: 27px;
position: relative;
border: 1px solid #e3e3e3;
background-size: cover
}
.accourdion_section .galery_box .main_img img {
width: 100%
}
.accourdion_section .galery_detay .galery_box .main_img a {
width: 100%;
height: 100%;
display: block
}
.accourdion_section .galery_detay .galery_box .main_img a img {
width: 100%;
display: block;
height: 100%
}
.accourdion_section .items {
width: 100%
}
.accourdion_section .items .galery_detay {
padding-left: 30px
}
.accourdion_section .galery_detay .galery_box .galeri ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
padding: 0;
margin-right: -7px
}
.accourdion_section .galery_detay .galery_box .galeri ul li {
list-style: none;
width: 23%;
border: 1px solid #e1e1e1;
height: 80px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-top: 8px;
margin-right: 5px
}
.accourdion_section .galery_detay .galery_box .galeri ul li a {
width: 100%;
height: 100%;
display: block
}
.accourdion_section .galery_detay .galery_box .galeri ul li a img {
width: 100%;
padding: 0;
height: 100%;
object-fit: contain
}
.accourdion_section .bilgi_detay p {
display: block;
font-size: 15px;
color: #595959;
text-align: justify
}
.boxcarousel_section .text_section {
width: 30%;
padding-right: 30px;
font-size: 13px;
text-align: justify
}
.boxcarousel_section .text_section h3 {
font-weight: 600;
margin-top: 50px;
margin-bottom: 30px;
font-size: 22px;
display: block;
border-bottom: 1px solid #dadada;
padding-bottom: 15px;
color: #2b2171
}
.boxcarousel_section .box_section {
width: 70%;
height: initial
}
.boxcarousel_section .box_section .item .content {
overflow: hidden;
background-color: #fff;
transition: 0.5s;
display: inline-block;
font-weight: 700;
color: #828282;
box-shadow: 2px 3px 12px 2px #d4d4d4;
margin: 10px 0;
margin-left: auto;
width: 94%;
margin-right: auto
}
.boxcarousel_section .box_section .item .content .image {
overflow: hidden;
position: relative
}
.boxcarousel_section .box_section .item .content .img {
width: 100%;
height: 190px;
position: relative;
transition: 0.5s;
background-size: cover;
background-position: center
}
.boxcarousel_section .box_section .item .content .text {
padding-top: 0;
border-top: 1px solid #e6e6e6
}
.boxcarousel_section .box_section .item .content .text h3 {
padding: 0 15px;
font-size: 20px;
color: #666;
padding-top: 15px;
display: block;
margin-top: 5px
}
.boxcarousel_section .box_section .item .content .text p {
font-size: 12px;
color: #686868;
display: block;
padding: 0 15px;
margin-top: 15px;
margin-bottom: 10px;
font-weight: 500
}
.boxcarousel_section .owl-nav {
position: absolute;
bottom: 50px;
left: -255px
}
.boxcarousel_section .owl-nav button span {
display: none
}
.boxcarousel_section .owl-nav .owl-prev {
position: absolute;
left: -80px;
top: -40px;
font-size: 0;
border-radius: 0;
background-image: url(assets/img/icon35.png)!important;
background-repeat: none!important;
background-position: center!important;
background-size: 100%!important;
width: 17px;
height: 28px
}
.boxcarousel_section .owl-nav .owl-next {
position: absolute;
right: -80px;
top: -40px;
font-size: 0;
border-radius: 0;
background-image: url(assets/img/icon34.png)!important;
background-repeat: none!important;
background-position: center!important;
background-size: 100%!important;
width: 17px;
height: 28px
}
.boxcarousel_section .owl-dots {
position: absolute;
bottom: 53px;
left: -285px
}
.boxcarousel_section .owl-dots .owl-dot span {
display: block;
width: 16px;
height: 16px;
margin: 5px 7px;
opacity: .5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #e30614!important;
opacity: .5
}
.boxcarousel_section .owl-dots .owl-dot.active span {
opacity: 1
}
.news_section .title {
text-align: center;
padding-bottom: 10px;
padding-top: 50px
}
.news_section .title h3 {
font-weight: 700;
font-size: 34px;
color: #8a8a8a
}