/*-------------------------------------------------------------- # Recent Blog Posts Section --------------------------------------------------------------*/ body { margin: 0; font-family: system-ui; } header { background: #fff; } .recent-posts article { background-color:white; padding: 30px; height: 100%; } .recent-posts .post-img { max-height: 240px; margin: -30px -30px 15px -30px; overflow: hidden; border-radius: 8px; border:none; } .recent-posts .post-category { font-size: 16px; color: #1A1A1A; margin-bottom: 10px; } .recent-posts .title { font-size: 22px; padding: 0; margin: 0 0 20px 0; } .recent-posts .title a { color: #1A1A1A; transition: 0.3s; } .recent-posts .title a:hover { color: #1A1A1A; } .recent-posts .post-author-img { width: 50px; border-radius: 50%; margin-right: 15px; } .recent-posts .post-author { margin-bottom: 5px; color: #1A1A1A; } .recent-posts .post-date { font-size: 14px; color: #1A1A1A; margin-bottom: 0; } /* Recent Posts Section Styles */ .recent-posts { padding: 80px 20px; color: #1A1A1A; } .recent-posts .section-header h2 { margin-bottom: 20px; } .recent-posts .section-header p { font-size: 1rem; margin-bottom: 40px; } .recent-posts .post-card { border-radius: 12px; overflow: hidden; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; } .recent-posts .post-card:hover { transform: translateY(-5px); box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.15); } .recent-posts .post-img img { width: 100%; height: auto; border-radius: 12px 12px 0 0; } .recent-posts .post-category { background: linear-gradient(45deg, #029b9b, #029b9b, #035e5e); color: #1A1A1A; display: inline-block; padding: 8px 15px; font-size: 0.9rem; font-weight: 600; border-radius: 30px; margin-top: 15px; } .recent-posts .post-title { font-size: 1.2rem; font-weight: bold; margin: 20px 0 10px 0; } .recent-posts .post-meta { font-size: 0.9rem; color: #888; } .recent-posts .post-meta p { margin: 0; padding: 0; } .recent-posts .post-meta .post-author { font-weight: bold; } @media (max-width: 768px) { .recent-posts .section-header h2 { font-size: 2rem; } .recent-posts .post-card { margin-bottom: 20px; } } .rollAlpha:hover { /*opacity: 0.9;*/ filter: brightness(110%); transition: 0.3s; } .modal-backdrop.show { opacity: 0.5 !important; } .modal-backdrop + .modal-backdrop { display: none !important; } .modal { background: rgba(0, 0, 0, 0.5); /* ใช้พื้นหลังที่ตัว modal เองแทน backdrop */ } .footer .footer-social li a { border: none !important; } .iconsociaf { font-size: 32px !important; } /* Slider start */ .inta_in_section.inta_in_vertical_align_top > .inta_in_port { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .inta_in_section > .inta_in_port { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .inta_in_section { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; color: red; background-color: red; } .inta_in_section > .inta_in_port .inta_in_cell { position: relative; } .inta_in_cell { width: 100%; } .inta_in_section { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; color: red; background-color: red; } .intskin { color: rgba(0,0,0,.7); background-color: #fff; } .inta_in_layout_wide .inta_in_cell .inta_in_cell_inner > .inta_in_row_wrapper:not([class*="inta_in_row_width_boxed_"]), .inta_in_layout_wide .inta_in_cell .inta_in_cell_inner > .inta_in_row_wrapper.inta_in_row_width_boxed_1200.inta_in_row_push_left, .inta_in_layout_wide .inta_in_cell .inta_in_cell_inner > .inta_in_row_wrapper.inta_in_row_width_boxed_1200.inta_in_row_push_right { overflow-x: clip; } .inta_in_row { margin: 0 -20px; color: red; background-color: red; } .inta_in_row { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .inta_in_row .inta_in_column.inta_in_vertical_align_top { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .inta_in_align_right .inta_in_align_left.inta_in_column, .inta_in_align_center .inta_in_align_left.inta_in_column, .inta_in_align_right .inta_in_align_left .inta_in_column, .inta_in_align_center .inta_in_align_left .inta_in_column, .inta_in_align_left.inta_in_column, .inta_in_align_left .inta_in_column, .inta_in_align_right .inta_in_align_left.inta_in_column_inner, .inta_in_align_center .inta_in_align_left.inta_in_column_inner, .inta_in_align_right .inta_in_align_left .inta_in_column_inner, .inta_in_align_center .inta_in_align_left .inta_in_column_inner, .inta_in_align_left.inta_in_column_inner, .inta_in_align_left .inta_in_column_inner { text-align: left; } .inta_in_row .inta_in_column { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; padding-left: 20px; padding-right: 20px; color: red; background-color: red; } .inta_in_row .inta_in_column .inta_in_column_content { color: red; background-color: red; } .inta_in_row .inta_in_column .inta_in_column_content { width: 100%; } .inta_in_group_color_scheme_1.inta_in_group { color: #ffffff; } .inta_in_group { display: flex; flex-direction: row; flex-wrap: wrap; min-height: 20em; } .inta_in_group_cols_4.inta_in_group .inta_in_group_item { flex-basis: 25%; } .inta_in_group .inta_in_group_item { flex-grow: 0; flex-shrink: 1; display: flex; overflow: hidden; } .inta_in_group .inta_in_group_item .inta_in_group_item_content { position: relative; display: flex; flex: 1 1 100%; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_image { z-index: 1; display: flex; flex: 1 1 100%; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_image a { display: flex; position: relative; flex: 1 1 100%; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_image .inta_in_group_item_background_color { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 1; transition: 500ms ease opacity; background-color: #e3581cd9; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_image .inta_in_group_item_background_color:hover { background: none; transition: all 1s; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_image .inta_in_group_item_background_image { flex: 1 1 100%; background-size: cover; background-position: center; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_image .inta_in_group_item_background_image img { height: 1px; width: 100%; display: block; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover { position: absolute; bottom: 0; left: 0; right: 2.5em; z-index: 2; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; align-items: flex-end; transition: 500ms ease all; transform: translateX(-100%); pointer-events: none; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover .inta_in_group_item_arrow { width: 4.063em; height: 4.063em; display: flex; justify-content: center; align-items: center; flex: 0 0 4.063em; background: #e3581c; transition: 500ms ease all; transition-delay: 150ms; border-radius: 10.1px; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover .inta_in_group_item_arrow:after { display: block; content: '\f105'; font-family: FontAwesome; font-size: 1.5em; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover .inta_in_group_item_content_hover_wrapper { background: #fff; color: rgba(0,0,0,.7); padding: 1.875em; flex: 1 1 auto; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover .inta_in_group_item_content_hover_wrapper .inta_in_group_item_content_title h3 { color: #000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } h1:after, h2:after, h3:after, h4:after, h5:after, h6:after { content: " "; display: table; width: 100%; clear: both; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover .inta_in_group_item_content_hover_wrapper .inta_in_group_item_content_text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.5em; max-height: 4.5em; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; color: #000; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover .inta_in_group_item_content_hover_wrapper { background: #fff; color: rgba(0,0,0,.7); padding: 1.875em; flex: 1 1 auto; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_no_hover { position: absolute; bottom: 0; padding: 0 5.625em 5em; z-index: 2; transition: 500ms ease all; transform: scale(1); width: 100%; pointer-events: none; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_no_hover .inta_in_group_item_content_title { pointer-events: none; } .inta_in_group_item_content_title h3 { font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .inta_in_group .inta_in_group_item:hover .inta_in_group_item_content .inta_in_group_item_content_hover { transform: translateX(0); border-radius: 10.1px; background: #fff; transition: 200ms ease all; transition-delay: 1ms; } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover .inta_in_group_item_content_hover_wrapper { background: #fff; color: rgba(0,0,0,.7); padding: 1.875em; flex: 1 1 auto; } .inta_in_group .inta_in_group_item:hover .inta_in_group_item_content .inta_in_group_item_content_no_hover { opacity: 0; transform: scale(1.1); } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_no_hover { position: absolute; bottom: 0; padding: 0 5.625em 5em; z-index: 2; transition: 500ms ease all; transform: scale(1); width: 100%; pointer-events: none; } @media (max-width: 640px) { .inta_in_group.inta_in_group_cols_1 .inta_in_group_item, .inta_in_group.inta_in_group_cols_2 .inta_in_group_item, .inta_in_group.inta_in_group_cols_3 .inta_in_group_item, .inta_in_group.inta_in_group_cols_4 .inta_in_group_item, .inta_in_group.inta_in_group_cols_5 .inta_in_group_item, .inta_in_group.inta_in_group_cols_6 .inta_in_group_item { flex-basis: 100%; height: 20em; } } @media (max-width: 768px) { .inta_in_group.inta_in_group_cols_2 .inta_in_group_item, .inta_in_group.inta_in_group_cols_3 .inta_in_group_item, .inta_in_group.inta_in_group_cols_4 .inta_in_group_item, .inta_in_group.inta_in_group_cols_5 .inta_in_group_item, .inta_in_group.inta_in_group_cols_6 .inta_in_group_item { flex-basis: 100%; height: 25em; } } @media (max-width: 992px) { .inta_in_group.inta_in_group_cols_3 .inta_in_group_item, .inta_in_group.inta_in_group_cols_4 .inta_in_group_item, .inta_in_group.inta_in_group_cols_5 .inta_in_group_item, .inta_in_group.inta_in_group_cols_6 .inta_in_group_item { flex-basis: 100%; height: 30em; } } @media (max-width: 1200px) { .inta_in_group.inta_in_group_cols_4 .inta_in_group_item, .inta_in_group.inta_in_group_cols_5 .inta_in_group_item, .inta_in_group.inta_in_group_cols_6 .inta_in_group_item { flex-basis: 100%; height: 30em; } } /* Slider finish */ .preloader { background: #fff; } /* Services & products */ .box-style .inta_in_group_item_content_hover { position: absolute; bottom: 0; left: 0; right: 2.5em; z-index: 2; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; align-items: flex-end; transition: 500ms ease all; transform: translateX(0%); pointer-events: none; overflow: hidden; background: #fff; border-radius: 10.1px; opacity: 0; } .box-style:hover .inta_in_group_item_content_hover { transform: translateX(0); background: #fff; border-radius: 10.1px; opacity: 1; overflow: hidden; } .box-style .inta_in_group_item_arrow { width: 4.063em; height: 4.063em; display: flex; justify-content: center; align-items: center; flex: 0 0 4.063em; background: #e3581c; transition: 500ms ease all; transition-delay: 150ms; border-radius: 10.1px; color: #fff; } .box-style .inta_in_group_item_arrow:after { display: block; content: '\f105'; font-family: FontAwesome; font-size: 1.5em; } .box-style .inta_in_group_item_content_hover_wrapper { background: #fff; color: rgba(0,0,0,.7); padding: 1.875em; flex: 1 1 auto; } .box-style .inta_in_group_item_content_title h3 { color: #000; font-family: "Poppins","Google Sans"; font-size: 23px; font-weight: 600; } .box-style h2 { font-family: "Poppins","Google Sans"; font-size: 23px; color: #fff; font-weight: 600; text-align: center; } .box-style p { font-family: "Poppins","Google Sans"; font-size: 15px; color: #fff; font-weight: 400; } /* Services & products Finish */ /* Header Social */ .header-social li a { width: 53px; height: 49px; line-height: 52px; display: inline-block; border: 1px solid #e3581cde; color: #fff; text-align: center; font-size: 13px; border-radius: 10.1px; background: #e3581c; } .header-social li { display: inline-block; margin-right: 10px; padding: 0; list-style: none; } .header-social i { color: #fff; font-size: 25px; } ul.header-social { position: relative; top: 6px; left: 17px; } .header-social li a:hover { background: #ba4b1a; border-color: transparent; } .header-social li a:hover, .header-social i:hover { color: #ffffff; } .aboutrotateslider { opacity: 0.8 !important; } section.bgic { position: relative; z-index: 1; background-image: linear-gradient(to left, #000, #e3581c); padding: 5rem 0 6rem; margin-top: -134px; border-radius: 10.1px; } img.comimage { position: absolute; left: 11px; } .testimon-text { padding-left: 149px; } .h2-baslik-hizmetler-2cc { padding-left: 103px; } @media (min-width: 844px) and (max-width: 896px) { .slider .main-slider .swiper-slide .container h1 { margin-right: 0px; margin-top: 88px; } } @media (min-width: 740px) and (max-width: 740px) { .slider .main-slider .swiper-slide .container h1 { margin-right: 0px; } } @media (min-width: 0px) and (max-width: 1279px) { .leftcounter, .rightcounter, img.comimage { display: none; } .testimon-text { padding-left: 0px; padding-right: 0px; } .h2-baslik-hizmetler-2cc { padding-left: 0px; padding-right: 0px; } ul.header-social { display: none; } } @media (min-width: 1745.45px) and (max-width: 1745.45px) { .leftcounter { position: absolute; bottom: 45%; left: 8%; } .rightcounter { position: absolute; bottom: 45%; right: 8%; z-index: 2; } .info-featured { margin-top: -178px; } .slider .main-slider .swiper-slide .container h1 { } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover .inta_in_group_item_content_hover_wrapper .inta_in_group_item_content_title h3 { font-size: 27px; } .inta_in_group_item_content_title h3 { font-size: 27px; } } @media (min-width: 1536px) and (max-width: 1536px) { .leftcounter { position: absolute; bottom: 45%; left: 2%; } .rightcounter { position: absolute; bottom: 45%; right: 2%; z-index: 2; } .slider .main-slider .swiper-slide .container h1 { } .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover .inta_in_group_item_content_hover_wrapper .inta_in_group_item_content_title h3 { font-size: 27px; } .inta_in_group_item_content_title h3 { font-size: 27px; } } @media (min-width: 1920px) and (max-width: 1920px) { .navbar .navbar-button { margin-left: 30px; margin-top: 4px; } .navbar .site-menu { } ul.header-social { position: relative; top: 6px; } .navbar .logo { margin-right: auto; padding: 21px 0; } } @media (min-width: 1280px) and (max-width: 1280px) { .inta_in_group .inta_in_group_item .inta_in_group_item_content .inta_in_group_item_content_hover .inta_in_group_item_content_hover_wrapper .inta_in_group_item_content_title h3 { font-size: 25px; } .inta_in_group_item_content_title h3 { font-size: 25px; } .counting { font-size: 35px; font-weight: 600; } .slider .main-slider .swiper-slide .container h1 { } .leftcounter { position: absolute; bottom: 37%; left: 1%; } .rightcounter { position: absolute; bottom: 37%; right: 1%; z-index: 2; } ul.header-social { width: 16%; position: relative; top: 6px; left: 23px; } section.bgic { margin-top: -156px; } .slider .main-slider .swiper-slide .container h1 { font-size: 39px; } .galeri__gorsel--3ab { border-radius: 10.1px; position: relative; z-index: 0; } } .boslukaltust { margin-top: 112px; } .part { width: 250px; top: 37%; left: 44%; z-index: 999999; transition: all 1s; position: fixed; } .svgpath { fill: #ffffff00; stroke: #e3581c; stroke-width: 2px; stroke-dasharray: 1000; stroke-linecap: round; z-index: 2; } .svgbg { fill: #ffffff00; z-index: 3; } #playload { animation: dash 2.5s reverse ease-in-out infinite; z-index: 4; } @keyframes dash { to { stroke-dashoffset: 2000; } } @media (min-width: 300px) and (max-width: 375px) { .part { width: 250px; top: 40%; left: 20%; z-index: 999999; transition: all 1s; position: fixed; } } @media (min-width: 412px) and (max-width: 414px) { .part { width: 250px; top: 40%; left: 20%; z-index: 999999; transition: all 1s; position: fixed; } } @media (min-width: 390px) and (max-width: 390px) { .part { width: 250px; top: 40%; left: 20%; z-index: 999999; transition: all 1s; position: fixed; } } @media (min-width: 667px) and (max-width: 667px) { .part { width: 250px; top: 40%; left: 35%; z-index: 999999; transition: all 1s; position: fixed; } } @media (min-width: 768px) and (max-width: 768px) { .part { width: 250px; top: 40%; left: 35%; z-index: 999999; transition: all 1s; position: fixed; } } @media (min-width: 820px) and (max-width: 851px) { .part { width: 250px; top: 40%; left: 35%; z-index: 999999; transition: all 1s; position: fixed; } } @media (min-width: 740px) and (max-width: 740px) { .part { width: 250px; top: 40%; left: 35%; z-index: 999999; transition: all 1s; position: fixed; } } @media (min-width: 1536px) and (max-width: 1536px) { .part { width: 250px; top: 35%; left: 43%; z-index: 999999; transition: all 1s; position: fixed; } } @media (min-width: 1280px) and (max-width: 1280px) { .part { width: 250px; top: 29%; left: 41%; z-index: 999999; transition: all 1s; position: fixed; } } .container45 { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 999999; pointer-events: none; background: #fff; transition: all 1s; } .fade22 { opacity: 0 !important; visibility: hidden !important; pointer-events: none; } .side-widget .site-menu ul li a { color: #000 !important; } .swiper-pagination-bullet { margin-left: 5px; } .navbar-nav .nav-link:hover { color: #e3581c; } .slider .main-slider .swiper-slide .container a { color: #ffffff; background: #e3581c; } .slider .main-slider .swiper-slide .container a:hover { background: #ba4b1a; } .navbar .navbar-button a { color: #e3581c; border: 2px solid #e3581c; } .navbar .navbar-button a:hover { color: #e3581c; } .slider .button-next:hover { background: #ba4b1a; color: #ffffff; border-radius: 10.1px; } .price-list-price { color: #e3581c; } .price-list-separator { border-bottom-color: #e3581c; } .custom-button { background: #e3581c; font-weight: 600; } .counter-box h6:after { display: none; } .hamburger-menu span { background: #e3581c; } .cardContent h2 { background: #e3581c; } .custom-button:hover { background: #ba4b1a; } .custom-button12 { background: #e3581c; font-weight: 600; } .iconsocia:hover { color: #e3581c; } .wpcf7-validates-as-date { border-bottom: 0.3rem solid #e3581c; border-radius: 10.1px; } .side-widget .address a { border: 1px solid #e3581c; border-radius: 10.1px; } .side-widget .address a:hover { border: 1px solid #e3581c; } .custom-button12:hover { background: #ba4b1a; } .custom-button-form { border-bottom: 0.3rem solid #e3581c; font-weight: 600; } .menueffect a:hover { color: #ba4b1a; } .slider .button-prev { background: #e3581c; color: #ffffff; border-radius: 10.1px; transform: rotate(90deg); } .slider .button-next { background: #e3581c; color: #ffffff; border-radius: 10.1px; transform: rotate(90deg); } .slider .button-prev:hover { background: #ba4b1a; color: #ffffff; border-radius: 10.1px; } p.dz { transform: rotate(272deg); width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 23px; cursor: pointer; } p.dzv { transform: rotate(-47deg); line-height: 0px; color: #fff; transition: .5s; font-size: 60px; padding: 6px 11px 16px 3px; margin: -4px -4px; position: relative; } .iconservice { background-image: linear-gradient(to left, #000, #e3581c); } .iconservice:hover { background-image: linear-gradient(to left, #000, #ba4b1a); } .sticky { position: fixed; left: 0; width: 100%; background: #fff !important; transition: all 0.9s; } img.efc { z-index: 2; position: absolute; left: 0; top: -105px; background-size: cover !important; background-position: center !important; opacity: 0.1; filter: revert; pointer-events: none; } i.flaticon-play.vdslidericon { font-size: 30px; text-align: center; line-height: 2000px; display: flex; flex-wrap: wrap; width: 100%; margin-left: 28px; margin-top: -5px; } .ahr { display: inline-flex; margin-right: 33px; position: relative; } .deptops { padding: 22px; border-radius: 5px; width: 100%; text-align: center; } .btnvdd { display: inline-flex; position: absolute; margin-top: 7px; } .phonecounttext { transform: translate(-50%,-50%); color: transparent; font-weight: 400; font-size: 50px; z-index: -1; -webkit-text-stroke: 1px #000000; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; font-family: "Poppins","Google Sans"; } .phonecounttext { border-bottom: 2px solid #bababa; } .phonecounttext:hover { color: #e3581c; border-bottom: 2px solid #e3581c; } .content-section { background: #e3581c; } .component-systemTabs .cards .card img { border: 6px solid #ffffff; } input#wp-block-search__input-1 { border-bottom: 0.3rem solid #e3581c; } .content-section.bottom-dark-spacing:after { background: #e3581c; } .section-title h2 { color: #e3581c; } .image-box .time { color: #e3581c; } .side-content form button[type="submit"] { color: #e3581c; } .side-image .side-timetable li b { color: #e3581c; } .side-member figcaption { background: #e3581c; } .custom-progress span { color: #e3581c; } .custom-progress .progress-bar .progress { background: #e3581c; } .tab-wrapper .tab-nav li.active a { background: #e3581c; } .tab-wrapper .tab-nav li.active a:hover { background: #ba4b1a; } .tab-wrapper .tab-item .tab-inner { background: #e3581c; } .tab-wrapper .tab-item .tab-inner ul li span { color: #e3581c; } .service-box { background: #e3581c; } .service-box:before { background: #e3581c; } .image-overlap-box figure { background: #e3581c; } .image-overlap-box .content a:hover { color: #ba4b1a; } .video { background: #e3581c; } .video a { color: #e3581c; } .class-box figure { background: #fff; } .ozellik-kutu-iletisim { border-radius: 10px; } .text-box h5 { color: #e3581c; } .recent-news figure { background: #e3581c; } .recent-news .content h3 a { color: #e3581c; } .recent-news .content small span { background: #e3581c; } .blog-box figure { background: #e3581c; } .blog-box .content h3 a { color: #e3581c; } .blog-box .content blockquote { color: #e3581c; } .sidebar .widget .widget-title { color: #e3581c; } .sidebar .widget .widget-title:before { background: #e3581c; } .sidebar .widget form input[type="submit"] { background: #e3581c; } .sidebar .widget .categories li a { color: #e3581c; } .branch-box h6 { color: #e3581c; } .branch-box a { color: #e3581c; } .member-box figcaption { background: #ba4b1a; } .icon { background: #e3581c; } .iconsv { background: #e3581c; } .iconk { color: #f5f5f5; } li a:hover { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .sidebar-service { background: none; } span.menu-service { background: #e3581c; } span.menu-service:hover { background: #ba4b1a; } span.menu-service.menuactive { background: #ba4b1a; } .iconleft { color: #e3581c; } .iconleft:hover { color: #ba4b1a; } a.menucolor { color: #e3581c; } a.menucolor:hover { color: #ba4b1a; } .pagination .page-item .page-link { color: #e3581c; } /*.footer .footer-info a { color: #ff; }*/ .footer .footer-social li a:hover { background: #ba4b1a; } .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } span.menu-service { color: #e3581c; } textarea#comment { border-bottom: 0.3rem solid #e3581c; } input#author { border-bottom: 0.3rem solid #e3581c; } input#email { border-bottom: 0.3rem solid #e3581c; } input#url { border-bottom: 0.3rem solid #e3581c; } .paketler2__on--arkayazi-1 { background: linear-gradient(to right bottom, #e3581c, #ba4b1ad7); } .form__input { border-bottom: 0.3rem solid #e3581c; border-radius: 10.1px; padding: 30px; } .form__input:focus { border-bottom: 0.3rem solid #e3581c; } .form__input:focus:invalid { border-bottom: 0.3rem solid #e3581c; } .form__radio-buton { border: 0.5rem solid #e3581c; } .form__radio-buton::after { background-color: #e3581c; border-radius: 50px; } .form-popup__input { border-bottom: 0.3rem solid #e3581c; border-radius: 10.1px; } .form-popup__input:focus { border-bottom: 0.3rem solid #e3581c; border-radius: 10.1px; } .form-popup__input:focus:invalid { border-bottom: 0.3rem solid #e3581c; } .hizmetler-kutu--icon { background-image: linear-gradient(to right, #e3581c,#ba4b1a); } .ozellik-kutu--icon { background-image: linear-gradient(to right, #e3581c,#ba4b1a); } .post-kutu--icon { background-image: linear-gradient(to right, #e3581c,#ba4b1a); } .yorum-kutu--icon { background-image: linear-gradient(to right, #e3581c,#ba4b1a); } .ozellik-kutu-iletisim--icon { background-image: linear-gradient(to right, #e3581c,#ba4b1a); } .baslik-4--icon { background-image: linear-gradient(to right, #e3581c,#ba4b1a); } .yukaricik { background-image: linear-gradient(to right bottom, #e3581c,#ba4b1a); } .footer-404 { background-image: linear-gradient(to right bottom, #e3581c,#ba4b1a); } .form-alani { background-image: linear-gradient(to right bottom,#e3581c,#ba4b1a); } .h2-baslik-hizmetler { background-image: linear-gradient(to right, #e3581c, #ba4b1a); } .h2-baslik-hizmetler__paragraf { color: #e3581c; } .h2-baslik-hizmetler-2 { color: #000000; } .side-widget small { color: #000; } .side-widget.active { background: #fff; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: transparent; border: 8px solid #e3581c; margin-left: 5px; } .swiper-pagination .swiper-pagination-bullet { background: #e3581c; border: 8px solid #ffffffd1; } ::-webkit-scrollbar-thumb { background: #e3581c; } .custom-buttonw1 { border-bottom: 0.3rem solid #e3581c; font-weight: 600; } .iconsocia { color: #e3581c; } .paketler3__gorsel--1 { background-image: linear-gradient(to right bottom, #e3581c, #ba4b1a) } .paketler3__on--arkayazi-1 { background-image: linear-gradient(to right bottom, #e3581c, #ba4b1a) } p.countb { background: #e3581c; } .icontops { background: #e3581c; border-radius: 30%; color: #fff; } .icontops:hover { background: #ba4b1a; border-radius: 30%; color: #fff; } .boslukpls { margin-top: -5rem; } h6.counts { font-size: 20px; font-weight: 600; } p.counttextt { color: #000 !important; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; padding: 0px 25px 0px 25px; } p.footerp { color: #000000; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; } input#submit { background: #e3581c; } .custom-buttonw:hover { background: #e3581c; } .comment-meta.commentmetadata a:hover { color: #ba4b1a; } a.comment-edit-link:hover { color: #ba4b1a; } p.logged-in-as a:hover { color: #ba4b1a; } .menu-item a:hover { color: #ba4b1a; } li a { color: #e3581c; } .tag-cloud-link { color: #e3581c; } .tagcloud a:hover { color: #ba4b1a; } li#recent-posts-5 a:hover { color: #ba4b1a; } input#s { border-bottom: 0.3rem solid #ba4b1a; } .telh { background: #e3581c; color: #ffffff; font-family: "Poppins","Google Sans"; } .telh:hover { background: #ba4b1a; } .shimmer { color: grey; display: inline-block; -webkit-mask: linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%; background-repeat: no-repeat; animation: shimmer 5.5s infinite; } @keyframes shimmer { 100% { -webkit-mask-position: left; } } .col-lg-3.infs1 { border-radius: 10.1px; } .col-lg-3.infss3 { position: relative; border-radius: 10.1px; } .col-lg-3.infs2 { border-radius: 10.1px; } .col-lg-3.infs1, .col-lg-3.infs2 { position: relative; } .col-lg-3.infs1:before, .col-lg-3.infs2:before, .col-lg-3.infss3:before { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; z-index: -1; border-radius: 10.1px; } .col-lg-3.infs1:before, .col-lg-3.infs2:before, .col-lg-3.infss3:before { bottom: 0; display: block; height: 100%; width: 0%; left: 0; content: ""; z-index: -1; background-color: #ba4b1a; border-radius: 10.1px; } .col-lg-3.infs1:hover:before, .col-lg-3.infs2:hover:before, .col-lg-3.infss3:hover:before { opacity: 1; width: 100%; } /* Dep VBefore After */ .col-lg-6.ds { position: relative; z-index: 2; pointer-events: auto; cursor: default; text-align: center; } .wpcf7-spinner { display: flex; } .about2 { background: #e3581c; } .about2 { padding: 1rem 0 3rem; position: relative; z-index: 1; margin-top: -14px; } .dep { position: relative; background: none; margin-bottom: 65px; } .dep:before { position: absolute; z-index: -1; background: #fff; border-radius: 5px; } .dep:before { bottom: 0; display: block; height: 100%; width: 0%; content: ""; z-index: -1; border-radius: 5px; left: 0; right: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .dep:hover:before { opacity: 1; width: 100%; left: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .fa-arrow-right:before { content: "\f061"; font-size: 25px; line-height: 57px; } .dep .arrowss { position: absolute; left: 50%; bottom: 0; margin: 0 0 -44px -30px; } .bosluk3se { margin-top: 31px; } .dep .arrowss i { background-color: #e3581c; box-shadow: none; width: 60px; height: 60px; font-size: 24px; border-radius: 50%; } .dep i:hover { background-color: #ba4b1a; box-shadow: none; width: 60px; height: 60px; font-size: 24px; border-radius: 50%; } .dep .iconss { background-color: #fff; padding: 13px; margin-top: -67px; display: inline-block; margin-bottom: -58px; position: relative; z-index: 2; border-radius: 50%; } .bosluk3pp1 { margin-top: -26px; } .dep .iconss2 { background-color: #fff; padding: 13px; margin-top: -49px; display: inline-block; margin-bottom: -11px; position: relative; z-index: 2; border-radius: 50%; } .dep .iconss2 i { width: 95px; height: 95px; line-height: 95px; background-color: #e3581c; color: #fff; font-size: 60px; display: inline-block; text-align: center; border-radius: inherit; transition: all ease 0.4s; } .dep .iconss i { width: 95px; height: 95px; line-height: 91px; background-color: #e3581c; color: #fff; font-size: 60px; display: inline-block; text-align: center; border-radius: inherit; transition: all ease 0.4s; } .ek-box_wrapper .ek-box { margin-top: 50px; } .ek-box { text-align: center; } .ek-box .ek-box__img { position: relative; margin-bottom: 73px; display: block; } .ek-box__img:hover { -webkit-animation: electricef2 0.4s both; animation: electricef2 0.4s linear; } .ek-box .ek-box__img img.ek-img-main { opacity: 1; -webkit-transition: opacity 0.5s ease-in-out 0s; transition: opacity 0.5s ease-in-out 0s; } .ek-box .ek-box__img img { height: auto; } .slick-slide img { display: block; } .slick-slide img { display: block; width: 100%; } .ek-box .ek-box__img:before { color: #ffffff; font-size: 54px; line-height: 1; position: absolute; z-index: 3; top: 47px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: color .2s linear; transition: color .2s linear; } .ek-box .ek-box__img .ek-light { background-color: #242835; display: inline-block; margin-left: auto; margin-right: auto; } .ek-box .ek-box__img img.ek-img-mask { position: absolute; z-index: 2; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; } .ek-box .tt-box02__img img { height: auto; } .col-lg-3.ds { position: relative; z-index: 2; pointer-events: auto; cursor: default; text-align: center; } @keyframes blinks { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /* Dep Finish */ .box-style.box-primary-color::before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 24, 32, 0)), color-stop(100%, #000000e0), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(180deg, #e3581c94 0%, #e3581c 100%, #e3581c 100%); border-radius: 10.1px; } .box-style::before { position: absolute; content: ""; left: 0; right: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(61.46%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.9))); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 61.46%, rgba(255, 255, 255, 0.9) 100%); bottom: 0; border-radius: 5px; } .box-style.box-primary-color::after { position: absolute; content: ""; left: 0; right: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 193, 148, 0)), color-stop(61.98%, #0000003b), to(#e3581c)); background: linear-gradient(180deg, rgba(0, 193, 148, 0) 0%, #0000003b 61.98%, #e3581c 100%); bottom: 0; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; visibility: hidden; border-radius: 5px; } .box-style.box-primary-color:hover::after { opacity: 1; visibility: visible; } .box-style:hover { -webkit-animation: electricef2 0.4s both; animation: electricef2 0.4s linear; } .box-style { position: relative; -webkit-transition: .5s; transition: var(--transition); width: 100%; height: 100%; } .descontent { z-index: 1; } .box-style .descontent { position: absolute; left: 0; right: 0; bottom: 0; padding: 0px 2px 9px 20px; } .box-style2.box-primary-color2::before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 24, 32, 0)), color-stop(100%, #ba4b1a), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(180deg, rgba(13, 24, 32, 0) 0%, #00000000 100%, rgba(0, 0, 0, 0.7) 100%); border-radius: 10.1px; } .box-style2::before { position: absolute; content: ""; left: 0; right: 0; width: 100%; height: 90%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(61.46%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.9))); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 61.46%, rgba(255, 255, 255, 0.9) 100%); bottom: 0; border-radius: 5px; } .box-style2.box-primary-color2::after { position: absolute; content: ""; left: 0; right: 0; width: 100%; height: 100%; bottom: 0; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; visibility: hidden; border-radius: 5px; } .box-style2.box-primary-color2:hover::after { opacity: 1; visibility: visible; } .box-style2:hover { -webkit-animation: electricef2 0.4s both; animation: electricef2 0.4s linear; } .box-style2 { position: relative; -webkit-transition: .5s; transition: var(--transition); width: 100%; height: 100%; color: #000; z-index: 2; } .box-style2 i { color: #fff; font-size: 60px; } .box-style2 h2 { font-size: 22px; margin-top: -20px; font-family: "Poppins","Google Sans"; font-weight: 600; color: #fff; } .descontent { z-index: 1; } .box-style:hover:before { background: none; transition: all 1s; } .descontent:before { position: absolute; content: ""; height: 105%; width: 100%; border-radius: 5px; transition: all .9s ease-in-out; z-index: -1; bottom: 0px; left: 0px; right: 0px; background: #e3581c; border-radius: 10.1px; transition: all .6s ease-in-out; overflow: hidden; } .box-style2 .descontent { position: absolute; left: 0; right: 0; bottom: 0; } .box-style2 .class-button { visibility: hidden; opacity: 0; margin-bottom: -80px; transition: all .3s ease-in-out; } .box-style2:hover .class-button { visibility: visible; opacity: 1; margin-bottom: -2px; } .descontent:after { position: absolute; content: ""; height: 115%; width: 100%; z-index: -1; bottom: 0px; left: 0px; right: 0px; border-radius: 5px; transition: all .6s ease-in-out; } /* Team */ .box { text-align: center !important; } .box .image:before, .box .image:after { content: ""; width: 100%; height: 100%; border-radius: 50%; box-shadow: 100px 0 0 #ffffff03 inset, 0 100px 0 rgb(255 255 255 / 1%) inset, -100px 0 0 rgb(255 255 255 / 1%) inset, 0 -100px 0 rgb(255 255 255 / 1%) inset; position: absolute; top: 0; left: 0; transition: all 300ms linear 0s; visibility: visible; } .box .image:after { transform: rotate(45deg); } .box:hover .image:after, .box:hover .image:before { box-shadow: 5px 0 0 rgb(255 255 255 / 50%) inset, 0 5px 0 rgb(255 255 255 / 50%) inset, -5px 0 0 rgb(255 255 255 / 50%) inset, 0 -5px 0 rgb(255 255 255 / 50%) inset; } .box .image img { width: 100%; height: 100%; transform: scale(1); transition: all 300ms linear 0s; } .box:hover .image img { transform: scale(1.1); } .box h3 { display: block; font-family: "Poppins","Google Sans"; font-size: 25px; font-weight: 600; color: #fff; } .box p { display: block; color: #fff; text-align: center; font-size: 17px; } .box .social { padding: 0; list-style: none; text-align: center; justify-content: center; display: flex; flex-wrap: wrap; margin-top: 8px; } .box .social li { display: inline-block; margin-right: 5px; } .box .social li a { display: block; width: 35px; height: 35px; line-height: 35px; border-radius: 0; font-size: 15px; color: #fff; transition: all 300ms linear 0s; } .box:hover .social li a { border-radius: 1%; color: #fff; } .box:hover .image { visibility: visible; transition: all 0.5s; } .container.sds { position: relative; z-index: 3; } @media only screen and (max-width: 767px) { .box { margin-bottom: 30px; } } .custom-button { border: 2px solid #fff !important; } /* Team Finish */ /* Button Effect Start */ [class^="btn-"] { position: relative; display: block; overflow: hidden; height: 80px; max-width: 250px; margin: 1rem auto; color: #ffffff; border: none !important; } @keyframes criss-cross-left { 0% { left: -10px; } 50% { left: 35%; width: 50px; height: 50px; } 70% { left: 20%; } 100% { background-color: #ba4b1a; left: 110%; width: 375px; height: 375px; color: #ffffff; } } @keyframes criss-cross-right { 0% { right: -20px; } 30% { right: 30%; width: 20px; height: 20px; } 40% { right: 20%; } 100% { right: 80%; width: 125px; height: 125px; } } .btn-1 { position: relative; background: #e3581c; color: #ffffff; font-family: "Poppins","Google Sans"; height: 75px; line-height: 70px; display: inline-block; color: #ffffff; padding: 0 21px; position: relative; font-size: 18px; font-weight: 600; border-radius: 10.1px; margin-top: 19px; padding-left: 24px; padding-right: 27px; border: none; } .btn-1:hover { font-family: "Poppins","Google Sans"; font-weight: 600; height: 75px; line-height: 70px; display: inline-block; color: #ffffff; padding: 0 21px; position: relative; font-size: 18px; font-weight: 600; border-radius: 10.1px; margin-top: 19px; padding-left: 24px; padding-right: 27px; background: #ba4b1a; } p.asdas { color: #fff; font-family: "Poppins","Google Sans"; font-weight: 600; z-index: 2; position: relative; display: flex; font-size: 18px; } /* Button Effect Finish */ /* custom button effect */ @keyframes criss-cross-left2 { 0% { left: -10px; } 50% { left: 35%; width: 50px; height: 50px; } 70% { left: 20%; } 100% { background-color: #ba4b1a; left: 110%; width: 375px; height: 375px; color: #ffffff; } } @keyframes criss-cross-right2 { 0% { right: -20px; } 30% { right: 30%; width: 20px; height: 20px; } 40% { right: 20%; } 100% { right: 80%; width: 125px; height: 125px; } } .btn-2 { position: relative; font-family: "Poppins","Google Sans"; font-weight: 600; background: #e3581c; height: 70px; line-height: 70px; display: inline-block; color: #fff; border: 2px solid; padding: 0 48px; position: relative; border-radius: 10.1px; font-size: 15px; text-transform: capitalize; } .btn-2:hover { background: #ba4b1a; } .ozld { border-radius: 1px; padding-top: 16px; padding-bottom: 16px; margin-top: 12px; width: 100%; } @keyframes criss-cross-left5 { 0% { left: -10px; } 50% { left: 35%; width: 50px; height: 50px; } 70% { left: 20%; } 100% { background-color: #e3581c; left: 110%; width: 375px; height: 375px; color: #ffffff; } } @keyframes criss-cross-right5 { 0% { right: -20px; } 30% { right: 30%; width: 20px; height: 20px; } 40% { right: 20%; } 100% { right: 80%; width: 125px; height: 125px; } } .btn-5 { position: relative; font-family: "Poppins","Google Sans"; font-weight: 600; background: #e3581c; height: 70px; line-height: 70px; display: inline-block; color: #fff; border: 2px solid; padding: 0 48px; position: relative; border-radius: 10.1px; font-size: 15px; text-transform: capitalize; } .btn-5:hover { font-family: "Poppins","Google Sans"; font-weight: 600; background: #ba4b1a; height: 70px; line-height: 70px; display: inline-block; color: #fff; border: 2px solid; padding: 0 48px; position: relative; border-radius: 10.1px; font-size: 15px; text-transform: capitalize; } p.btnn2 { color: #fff; font-family: "Poppins","Google Sans"; font-weight: 600; z-index: 2; position: relative; display: flex; } .btn-6 { position: relative; font-family: "Poppins","Google Sans"; font-weight: 600; background: #e3581c; height: 70px; line-height: 70px; display: inline-block; color: #fff; border: 2px solid; padding: 0 48px; position: relative; border-radius: 10.1px; font-size: 15px; text-transform: capitalize; border: 1px solid rgba(255, 255, 255, 0.3) !important; } .btn-6:hover { font-family: "Poppins","Google Sans"; font-weight: 600; background: #ba4b1a; height: 70px; line-height: 70px; display: inline-block; color: #fff; border: 2px solid; padding: 0 48px; position: relative; border-radius: 10.1px; font-size: 15px; text-transform: capitalize; border: 1px solid rgba(255, 255, 255, 0.3) !important; } /* custom button finish */ /* Slider button start */ @keyframes criss-cross-left3 { 0% { left: -10px; } 50% { left: 35%; width: 50px; height: 50px; } 70% { left: 20%; } 100% { background-color: #ba4b1a; left: 110%; width: 375px; height: 375px; color: #ffffff; } } @keyframes criss-cross-right3 { 0% { right: -20px; } 30% { right: 30%; width: 20px; height: 20px; } 40% { right: 20%; } 100% { right: 80%; width: 125px; height: 125px; } } .btn-3 { position: relative; font-family: "Poppins","Google Sans"; font-weight: 600; background: #e3581c; height: 70px; line-height: 70px; display: inline-block; color: #fff; border: 2px solid; padding: 0 50px; position: relative; border-radius: 10px; font-size: 15px; text-transform: capitalize; border: none; } .btn-3:hover { font-family: "Poppins","Google Sans"; font-weight: 600; background: #ba4b1a; height: 70px; line-height: 70px; display: inline-block; color: #fff; padding: 0 50px; position: relative; border-radius: 10px; font-size: 15px; text-transform: capitalize; } span.btnn3 { color: #fff; font-family: "Poppins","Google Sans"; font-weight: 600; z-index: 2; position: relative; display: flex; } /* Slider button finish */ .fq2 { background: #fff; } .col-xl-3.dd { margin-bottom: 20px; } .col-lg-4.infs1 { background: none; } .col-lg-4.infs8 { background: none; margin-bottom: 68px; } .col-lg-4.infs8 { position: relative; } .col-lg-4.infs8:before { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .col-lg-4.infs8:before { bottom: 0; display: block; height: 4px; width: 0%; left: 0; content: ""; background-color: #ffffff; } .col-lg-4.infs8:hover:before { opacity: 1; width: 100%; } .col-lg-4.infs2 { background: none; } .scal:hover { -ms-transform: rotateY(180deg); transform: rotateY(180deg); transition: all 1s linear; } .col-lg-4.infs3 { background: #ffffff; } .col-lg-4.infs4 { background: #ffffff; } .col-lg-4.infs5 { background: #ffffff; } .orta1 { text-align: center; } .hero6, .hero8 { position: relative; } .iconsociai { color: #e3581c; } .iconsociai:hover { color: #e3581c; } ::selection { background-color: #e3581c; } ::-webkit-scrollbar-thumb { background-color: #ba4b1a; } .ozellik-kutu-yorumlar--icon { background-image: linear-gradient(to right, #e3581c,#ba4b1a); } .services-kutu1--icon { background-image: linear-gradient(to right, #e3581c,#ba4b1a); } .services-kutu2--icon { background-image: linear-gradient(to right, #e3581c,#ba4b1a); } .services-kutu3--icon { background-image: linear-gradient(to right, #e3581c,#ba4b1a); } b.fn a:hover { color: #ba4b1a; } li a:hover { color: #ba4b1a; } select { border-bottom: 0.3rem solid #e3581c; margin-bottom: 17px; border-radius: 10.1px; } .wp-block-latest-posts__list a:hover { color: #e3581c; } #tabs li { color: #ffffff; border-bottom: 4px solid #e3581c; } .custom-buttonf { background: #e3581c; font-weight: 600; } .custom-buttonf:hover { background: #ba4b1a; } .beer-slider { border: 4px solid #e3581c; } .button-next1 { color: #e3581c; border: 2px solid #e3581c; border-radius: 10.1px; } .button-next1:hover { background: #e3581c; } .button-prev1 { color: #e3581c; border: 2px solid #e3581c; border-radius: 10.1px; } .button-prev1:hover { background: #e3581c; } .footer .footer-social li a { background-image: #e3581c; } .wp-post-image { height: 100%; width: 100%; border-radius: 10.1px; } .menueffect a:before { background-color: #ba4b1a; } .menueffect a:after { display: none; } .services-kutu2--yazi1 { width: 100%; } .footer .footer-menu li a { color: #fff; } .icon, .icon:hover { color: #e3581c !important; } h3.cente { text-align: center; font-family: "Poppins","Google Sans"; font-size: 22px; color: #000; font-weight: 600; } h3.cente2 { text-align: center; font-family: "Poppins","Google Sans"; font-size: 22px; color: #fff; font-weight: 600; } h3.prongl a { font-family: "Poppins","Google Sans"; font-size: 22px; color: #fff; font-weight: 600; } h3.prongl { font-family: "Poppins","Google Sans"; font-size: 22px; color: #000; font-weight: 600; } h3.prongl2 a { font-family: "Poppins","Google Sans"; font-size: 22px; color: #fff; font-weight: 600; } h3.prongl2 { font-family: "Poppins","Google Sans"; font-size: 22px; color: #fff; font-weight: 600; } .footer .footer-menu li:before { background: #e3581c; display: none; } .iconserv { color: #e3581c; margin-top: 27rem; margin-bottom: -10px; } .iconserv:hover { color: #ba4b1a; margin-top: 27rem; margin-bottom: -10px; } h3.businesss a { font-family: "Poppins","Google Sans"; font-size: 20px; color: #000000; font-weight: 600; } h3.pron a { font-family: "Poppins","Google Sans"; font-size: 22px; color: #fff; font-weight: 600; text-align: left; } h3.pron { font-family: "Poppins","Google Sans"; font-size: 22px; color: #fff; font-weight: 600; text-align: left; } h3.pron2 a { font-family: "Poppins","Google Sans"; font-size: 22px; color: #000000; font-weight: 600; } h3.pron2 { font-family: "Poppins","Google Sans"; font-size: 22px; color: #000000; font-weight: 600; } h3.businesss { font-family: "Poppins","Google Sans"; font-size: 15px; color: #000000; text-align: center; } p.businesss { font-family: "Poppins","Google Sans"; font-size: 15px; color: #000000; text-align: center; } .horstime { color: #e3581c; } .or56 { text-align: center; display: inline-block; flex-wrap: wrap; text-align: center; justify-content: center; align-items: center; } .horstime:hover { color: #ba4b1a; } .dep:hover { } .row.ff { background: #ffffff; border-radius: 10.1px; pointer-events: none; cursor: default; z-index: -1; } .dep { margin-top: 27px; margin-bottom: 86px; } .dep33 { background: #fff; padding: 9px; border-radius: 10.1px; box-shadow: 0px 0px 5px #b5b5b561; } .col-lg-2.d4 { margin-top: -10px; } .row.art4 { background: none; } .info-featured { margin-top: -168px; } @media (min-width: 0px) and (max-width: 1279px) { .info-featured { margin-top: 0px; } } .container.dd { position: relative; z-index: 3; } img.projectim { border-radius: 10.1px; width: 100%; } .bosluk3pp { margin-top: 20px; } .post-kutu { background: none; background: #f3f3f3; border: 2px solid #e3581c26; border-radius: 50px; } .post-kutu:hover { border: 2px solid #e3581c; } .custom-button, .custom-buttonf, .ozellik-kutu-iletisim, ul#menu-all-services a:hover { /*background: #e3581c !important;*/ background: #6c757d !important; } .custom-buttonf:hover, .custom-button:hover, .custom-buttonf:hover { background: #ba4b1a !important; } .custom-buttonf { border: none !important; } .form-popup__input, select { background: #fff; } .preloader figure { border: 1px solid #bababa; } .preloader figure:after { border-top: 3px solid #e3581c; } .hakkimizdaa-bolumu-anasayfa, .hizmetlerr-bolumu, .dep2, h2.widgettitle, .widget, ul#menu-all-services li, .hizmetler-detay-sayfasi-alani, .news-alani-sayfa, .iletisim-icon-alani, .iletisim-form-alani, .form4, { background-image: linear-gradient(to right, #000, #e3581c) !important; } .hakkimizda-bolumu-anasayfa, .markalar, .fq2 { background: #fff; } .serviceb-alani { /*background: #fff;*/ } .hakkimizda-bolumu-anasayfa2 { background-image: linear-gradient(to left, #000, #e3581c); } .team-section { background: #fff; } .team-section2 { background-image: linear-gradient(to left, #000, #e3581c); } .why-us { background: #fff; } .processs { background: #e3581c; } .special-paket-alani { background-image: linear-gradient(to left, #000, #e3581c); } .faqs { background-image: linear-gradient(to left, #000, #e3581c); } .bg-light { z-index: 8; background: none; } .fa, .fas { color: #e3581c; } .side-widget { z-index: 9; background: #fff !important; } .container.asa { padding-left: 0px; margin-left: -11px; } h3.baslik-2.h-yazi-margin-kucuk { font-size: 25px; font-weight: 600; } .hizmet-kutu .kutu-duzen .icon-box .border-layer { border: 2px solid #fff; } .hizmet-kutu .kutu-duzen .icon-box .border-layer:before { background: none; } .hizmet-kutu .kutu-duzen .icon-box .border-layer:hover { border: 2px solid #fff; } .hizmet-kutu .kutu-duzen .icon-box .border-layer:hover:before { background: none; } .hizmet-kutu .kutu-duzen h3 { font-family: "Poppins","Google Sans"; font-size: 20px; margin-bottom: 9px; font-weight: 600; color: #fff; } .hizmet-kutu .kutu-duzen p { font-family: "Poppins","Google Sans"; font-size: 15px; color: #fff; } .hizmet-kutu .kutu-duzen:hover { background: none; } .hizmet-kutu .kutu-duzen .icon-box .border-layer.sa:after { position: absolute; content: ''; background: #fff; width: 12px; height: 12px; right: 44px; top: 9px; border-radius: 5%; background: none; } .hizmet-kutu .kutu-duzen .icon-box .border-layer.sa:after:hover { background: #ba4b1a; } .hizmet-kutu .kutu-duzen .icon-box .border-layer:after { position: absolute; content: ''; background: #fff; width: 12px; height: 12px; right: 16px; top: 9px; border-radius: 5%; background: none; } .hizmet-kutu .kutu-duzen .icon-box .border-layer:after:hover { background: #ba4b1a; } .hizmet-kutu .kutu-duzen .icon-box i { position: relative; display: inline-block; font-size: 70px; background: none; width: 120px; height: 120px; line-height: 138px; text-align: center; border-radius: 5%; color: #fff; box-shadow: 0 0 50px rgb(0 0 0 / 10%); } .hizmet-kutu .kutu-duzen .icon-box i:hover { color: #fff; } .hizmet-kutu.kutu-duzen:hover h3, .hizmet-kutu .kutu-duzen:hover h3 a, .hizmet-kutu .kutu-duzen:hover p { color: #fff; } .hizmet-kutu .kutu-duzen .icon-box .border-layer.sa { width: 220px; height: 220px; left: -10px; top: -10px; } .hizmet-kutu .kutu-duzen .icon-box .border-layer.sa:before { left: 48px; bottom: 7px; } .hizmet-kutu .kutu-duzen .icon-box i.sa { font-size: 85px; width: 200px; height: 200px; line-height: 216px; } ul#menu-all-services { display: inline-grid; flex-wrap: wrap; width: 100%; position: relative; padding: 10px; line-height: 35px; color: #000000; font-family: "Poppins","Google Sans"; font-size: 18px; z-index: 1; position: relative; } ul#menu-all-services a { padding-left: 24px; color: #000; } ul#menu-all-services a:hover { color: #fff; } ul#menu-all-services a:before { position: absolute; content: ''; top: 20px; left: 9px; width: 15px; height: 15px; border-radius: 10.1px; background-color: #ba4b1a; transition: all 200ms linear; transition-delay: 0.1s; } ul#menu-all-services li { position: relative; display: block; background: #ffffff; color: var(--thm-black); font-size: 18px; line-height: 28px; font-weight: 500; padding: 14px 16px 14px; padding-right: 20px; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 12%); transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } ul#menu-all-services a:hover:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left center; } ul#menu-all-services a:after { content: ""; position: absolute; top: 0; left: 0px; bottom: 0px; right: 0; background: #e3581c; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; transform-origin: right center; z-index: -1; } .paketler3__gorsel { background-size: cover; height: 23rem; background-blend-mode: color; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); } .bosluksv { margin-top: 2rem; } .footer .copyright:before { flex: 1; content: ""; height: 1px; width: 100%; z-index: 1; background-color: #fff; } .footer .copyright:after { flex: 1; content: ""; height: 1px; width: 100%; z-index: 1; background-color: #fff; } .menu-quick-links-container { text-align: center; justify-content: center; display: flex; width: 100%; } /* text primary */ .cardContent h2, .answer { font-family: "Poppins","Google Sans"; } .services-kutu2--yazi1ss { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; text-align: left; } .services-kutu2--wt { color: #000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; text-align: left; } .services-kutu2--wt13 { color: #fff; font-family: "Poppins","Google Sans"; font-weight: 400; } .icon-project-detail { font-size: 65px; color: #e3581c; } .icon-project-detail:hover { color: #ba4b1a; } img.prodetal { border-radius: 10.1px; } .sectionbars { background-image: linear-gradient(to left, #e3581c, #000); } .sectionbars2 { background-image: linear-gradient(to left, #e3581c, #000); } .sectionbars3 { background-image: linear-gradient(to left, #e3581c, #000); } .sectionbars4 { background: #fff; } .services-kutu2--wtbb { color: #fff; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; text-align: left; } .services-kutu2--wts3 { color: #fff; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; text-align: left; position: relative; } .component-systemTabs .cards .card .cardContent button { background: #e3581c; font-family: "Poppins","Google Sans"; } .person { color: #e3581c; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .ozellik-kutu-iletisim--yazi { color: #fff; font-family: "Poppins","Google Sans"; font-size: 18px; font-weight: 400; } .footer-info p { color: #fff; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; text-align: center; justify-content: center; align-items: center; display: flex; flex-wrap: wrap; } .dep3 { background: #fff; padding: 22px; border-radius: 10.1px; width: 100%; box-shadow: 0px 0px 25px #bdbdbd59; } .h2-baslik-hizmetler-21__paragraff { text-align: center; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; color: #000; } .h2-baslik-hizmetler-21__paragraff2 { text-align: center; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; color: #fff; } p { font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .h2-baslik-hizmetler-21__paragraf { font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .paketler3__icerik ul li { font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } body { overflow-y: scroll; overflow-x: hidden; color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .paragraf { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .paragraf-info { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } ul.post-categories a { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; } span.date { color: #000; font-family: "Poppins","Google Sans"; font-size: 15px; background: none; } h4.infostext { font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; color: #ffffff; } h4.infostextgl { font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; color: #000000; } h4.infostext2 { font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; color: #000000; } span.category { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; } span.tt { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .paragraf-info a { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .paragraf-sol-beyaz a { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .paragraf-sol-beyaz-orta a { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .paragraf-ahp a { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .paragraf-pdetay a { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .paragraf-404 a { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .h2-baslik-hizmetler-yorum__yorum { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .testimon-text { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .post-kutu p { text-align: center; margin-top: 11px; color: #000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .services-kutu2--yazi1 { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .h2-baslik-hizmetler-2__paragraf { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } .paragraf-popup { color: #000000; font-family: "Poppins","Google Sans"; font-size: 15px; font-weight: 400; } ul.post-categories { color: #e3581c; font-family: "Poppins","Google Sans"; font-size: 15px; } .services-kutu2--yazi { font-family: "Poppins","Google Sans"; font-size: 15px; } .b12px { margin-top: 10px; } .b6px { margin-top: 7px; } .b111px { margin-top: 18px; } /* headings */ .h2-baslik-forms { font-family: "Poppins","Google Sans"; font-size: 22px; font-weight: 600; background: #e3581c; position: relative; display: inline-block; padding: 15px 20px 15px 18px; border-radius: 10.1px; color: #fff; } h2.herrobigtitle { font-family: "Poppins","Google Sans"; font-size: 42px; font-weight: 600; color: #000000; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; } .flip-boxes h2 { font-size: 20px; color: #fff; font-family: "Poppins","Google Sans"; font-weight: 600; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; } .flip-boxes p { font-size: 15px; font-weight: 400; color: #fff; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; padding-left: 15px; padding-right: 5px; } .flip-boxes i { color: #fff; font-size: 63px; } .flip-box .backss, .flip-box .front, .flip-box2 .backss2, .flip-box2 .front2 { background #e3581c; border-radius: 10.1px; } .backss h2, .backss p, .backss2 h2, .backss2 p { color: #fff; } .flip-box .backss, .flip-box2 .backss2 { background: #ba4b1a; } .flip-box, .flip-box2 { z-index: 1; } .counter-box .odometer { color: #000 !important; } h2.wow.fadeInLeft { font-weight: 600; font-family: "Poppins","Google Sans"; } .h2-baslik-forms { font-family: "Poppins","Google Sans"; font-size: 22px; font-weight: 600; background: #e3581c; position: relative; display: inline-block; padding: 15px 20px 15px 18px; border-radius: 10.1px; color: #fff; } .iconsv1 { font-size: 64px !important; } .iconsv1 { /* background: #e3581c;*/ background: #6c757d; } .iconsv1 { width: 90px; height: 91px; line-height: 75px; color: #ffffff; font-size: 50px; -webkit-transition: .5s; transition: .5s; margin-left: auto; margin-right: auto; margin-bottom: 15px; font-size: 4rem; /* background: #e3581c;*/ background: #6c757d; padding: 10px; border-radius: 10.1px; text-align: center; } .iconpfooter1, .iconpfooter2, .iconpfooter3 { color: #ffffff; } .iconsv { font-size: 54px !important; } .h2-baslik-count { color: #fff; font-family: "Poppins","Google Sans"; font-size: 18px; font-weight: 400; } .h2-baslik-anasayfa-wtbb { color: #fff; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .countt { background: #e3581c; font-family: "Poppins","Google Sans"; } .countb { background: #e3581c; font-family: "Poppins","Google Sans"; } .h2-baslik-anasayfa-wt { color: #000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .component-systemTabs .cards .card .cardContent h2 { color: #000000; font-size: 21px; padding: 5px; margin-top: 25rem; font-family: "Poppins","Google Sans"; } .h2-baslik-anasayfa { color: #000000; border-bottom: .1rem solid #e3581c; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-anasayfa-ozel { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-hizmetler-223 { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-anasayfa-blog { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-ahb { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-bottom { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-404 { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-footer { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-iletisim-ozel { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-popup { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .baslik-3-h { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .baslik-33 { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .baslik-star { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-hizmetler-yorum { color: #000000; font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .baslik-3s { color: #000000; font-family: "Poppins","Google Sans"; } .baslik-3white { font-family: "Poppins","Google Sans"; } .baslik-orta { font-size: 23px; color: #000000; font-family: "Poppins","Google Sans"; font-weight: 600; } .baslik-4 { color: #fff; font-family: "Poppins","Google Sans"; font-weight: 600; } .slider .main-slider .swiper-slide .container h1 { font-family: "Poppins","Google Sans"; color: #fff; } .slider .main-slider .swiper-slide .container p { font-family: "Poppins","Google Sans"; color: #fff; } .slider .main-slider .swiper-slide .container a { font-family: "Poppins","Google Sans"; border-radius: 10px; border: none; } .slider .main-slider .swiper-slide .container a:hover { font-family: "Poppins","Google Sans"; border-radius: 10px; } .custom-button { font-family: "Poppins","Google Sans"; font-weight: 600; } .custom-buttonw { font-family: "Poppins","Google Sans"; } .question { font-family: "Poppins","Google Sans"; font-size: 18px; color: #000; } .answer { color: #000; } .baslik-sol { font-family: "Poppins","Google Sans"; } .member-box figcaption h6 { font-family: "Poppins","Google Sans"; } .member-box figcaption p { font-family: "Poppins","Google Sans"; } .side-widget .address { color: #000; } .counting { color: #fff; font-family: "Poppins","Google Sans"; font-size: 48px; font-weight: 600; } .h2-baslik-hizmetler-2 { font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-hizmetler-21 { font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .h2-baslik-hizmetler-2111 { color: #000000; font-size: 31px; font-weight: 600; } .baslik-3-service { font-family: "Poppins","Google Sans"; } .paketler3__pr-yazi { font-family: "Poppins","Google Sans"; } .paketler3__pr-degeri { font-family: "Poppins","Google Sans"; font-size: 31px; font-weight: 600; } .baslik-3 { font-size: 23px; color: #000; font-family: "Poppins","Google Sans"; } .footer .widget-title { color: #fff; font-family: "Poppins","Google Sans"; font-weight: 600; /*text-align: center;*/ } .page-header .container h2 { color: #000; font-family: "Poppins","Google Sans"; text-align: center !important; } .page-header .container p { color: #000; font-family: "Poppins","Google Sans"; text-align: center !important; } .page-header .container a { color: #000; font-family: "Poppins","Google Sans"; text-align: center !important; } .page-header .container a:hover { color: #000; font-family: "Poppins","Google Sans"; } .navbar .site-menu ul li a { font-family: "Poppins","Google Sans"; color: #000; padding: 11px; } ul.dropdown-menu { background: #fff; } .navbar-expand-md .navbar-nav .dropdown-menu a:hover { color: #000; } .navbar .site-menu ul li a:hover { color: #e3581c; } .navbar .site-menu ul li { display: flex; } .navbar .site-menu ul li a:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left; background: #e3581c; } .navbar .site-menu ul li a:before { content: ""; position: absolute; width: 0px; height: 3px; background: #e3581c; left: 11px; bottom: 5px; z-index: -1; border-radius: 10.1px; } .iconwr { background: none; transform: rotate(47deg); position: relative; z-index: 3; } .iconwr:before { content: ""; position: absolute; left: -9px; top: -4px; z-index: -1; -webkit-transform: rotate(313deg); -ms-transform: rotate(313deg); transform: rotate(313deg); -webkit-border-radius: 10.1px; -moz-border-radius: 10.1px; -ms-border-radius: 10.1px; -o-border-radius: 10.1px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; background: #e3581c; width: 95px; height: 95px; } .iconwr:hover:before { transition: all 0.2s ease-in-out 0s; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-transform: rotate(223deg); -ms-transform: rotate(223deg); transform: rotate(223deg); background: #ba4b1a; width: 95px; height: 95px; } .dep div { border-radius: 5px; width: 100%; overflow: hidden; } .dep:hover .imgst div { transform: scale(1.2); } .dep .imgst div { transform: scale(1); transition: all ease 0.4s; } .dep .imgst { overflow: hidden; border-radius: 50%; position: relative; } .dep { } .dep:hover { } .dep:hover .imgst:before { height: 100%; } .dep .imgst:before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 0; background-image: linear-gradient(to top, #e3581c 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.8; transition: all ease 0.4s; z-index: 1; } img:hover:before { height: 100%; } .menueffect * { box-sizing: revert; } .navbar-light .navbar-nav .nav-link { color: #000; padding: 11px; } @media (min-width: 1280px) and (max-width: 1280px) { .navbar-light .navbar-nav .nav-link { color: #000; padding: 8px; } .dep .iconss { margin-top: -326px; } } .dropdown-menu { min-width: 16rem; background: #e3581c; border-radius: 10px; } .navbar-expand-md .navbar-nav .dropdown-menu { padding-bottom: 5px; padding-top: 5px; } .counter-box { width: 100%; display: flex; flex-wrap: wrap; padding: 0px; text-align: center; border-radius: 10.1px; margin-top: -4rem; } .iconcount { font-size: 63px; color: #e3581c; } .iconcount:hover { color: #ba4b1a; } .iconcount2 { font-size: 63px; color: #fff; } .iconcount2:hover { color: #fff; } .oric { text-align: center; } .odometer { font-family: "Poppins","Google Sans"; font-size: 80px; } .counter-box h6 { font-family: "Poppins","Google Sans"; color: #000; } .iconp { display: flex; justify-content: center; color: #fff; align-items: center; border-radius: 50%; z-index: 2; position: relative; } img.imgsg { border-radius: 10.1px; } /* Event */ select { -webkit-appearance: none; -moz-appearance: none; background-size: 5px 5px, 5px 5px, 1px 29px; background-repeat: no-repeat; } select:focus { background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc); background-size: 5px 5px, 5px 5px, 1px 29px; background-repeat: no-repeat; border-color: gray; outline: 0; } input#search_keywords { font-size: 17px; color: #828279; } input#search_location { font-size: 17px; color: #828279; } button#drp_autogen0 { font-size: 17px; color: #828279; } select#search_categories { font-size: 17px; color: #828279; } select#search_event_types { font-size: 17px; color: #828279; } /* Event Finish */ .vbtn-fluid { display: flex; justify-content: center; color: #fff; background: #e3581c; align-items: center; border-radius: 50%; -webkit-animation: pulse2 linear 1000ms infinite; animation: pulse2 linear 1000ms infinite; -webkit-transition: all 0.4s; transition: all 0.4s; width: 140px; height: 140px; border: none; } i.flaticon-play.vdicon { font-size: 42px; text-align: center; line-height: 2000px; display: flex; flex-wrap: wrap; width: 100%; margin-left: 10px; } @-webkit-keyframes pulse2 { 0% { -webkit-box-shadow: 0 0 0 0 #ba4b1a; ; box-shadow: 0 0 0 0 #ba4b1a; ; } 70% { -webkit-box-shadow: 0 0 0 40px rgba(94, 223, 255, 0); box-shadow: 0 0 0 40px rgba(94, 223, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); } } @keyframes pulse2 { 0% { -webkit-box-shadow: 0 0 0 0 #ba4b1a; ; box-shadow: 0 0 0 0 #ba4b1a; ; } 70% { -webkit-box-shadow: 0 0 0 40px rgba(94, 223, 255, 0); box-shadow: 0 0 0 40px rgba(94, 223, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); } } /* Video */ .popup__kapat:link, .popup__kapat:visited { color: #000; } /* Video finish */ /*.menueffect a:hover:before{ -webkit-animation:spin22fr4 15s linear infinite; -moz-animation:spin22fr4 15s linear infinite; animation:spin22fr4 15s linear infinite; }*/ @-moz-keyframes spin22fr4 { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin22fr4 { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin22fr4 { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes pulse3 { 0% { -webkit-box-shadow: 0 0 0 0 #ba4b1a; ; box-shadow: 0 0 0 0 #ba4b1a; ; } 70% { -webkit-box-shadow: 0 0 0 20px rgba(94, 223, 255, 0); box-shadow: 0 0 0 20px rgba(94, 223, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); } } @keyframes pulse3 { 0% { -webkit-box-shadow: 0 0 0 0 #ba4b1a; ; box-shadow: 0 0 0 0 #ba4b1a; ; } 70% { -webkit-box-shadow: 0 0 0 20px rgba(94, 223, 255, 0); box-shadow: 0 0 0 20px rgba(94, 223, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); } } /* text secondary */ ul.post-categories a:hover { color: #e3581c; font-family: "Poppins","Google Sans"; font-size: 15px; } .reply a:hover { color: #e3581c; } cite.fn a:hover { color: #e3581c; } time:hover { color: #e3581c; } .row.uu { justify-content: center; } /* service background */ .footer { background: #e3581c; } .yorumlar-alani-sayfa { background-image: linear-gradient(to right, #000, #e3581c); } .orserv { text-align: left; } .h2, h2 { font-size: 24px; } /* responsive */ @media only screen and (min-width: 1199px), only screen and (max-width: 1199px) { .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } span.menu-service { color: #e3581c; } .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } } @media only screen and (min-width: 991px), only screen and (max-width: 1180px) { .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } span.menu-service { color: #e3581c; } .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } } @media only screen and (min-width: 767px), only screen and (max-width: 767px) { .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } span.menu-service { color: #e3581c; } .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } } @media (min-width: 820px) and (max-width: 820px) { .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } span.menu-service { color: #e3581c; } .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } } @media (min-width: 767px) and (max-width: 850px) { .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } span.menu-service { color: #e3581c; } .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } } @media (min-width: 1180px) and (max-width: 1200px) { .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } span.menu-service { color: #e3581c; } .iconk { color: #e3581c; } .iconk:hover { color: #ba4b1a; } .iconleft { color: #e3581c; } .icon { background: #e3581c; } } @media (min-width: 1024px) and (max-width: 1024px) { .dep .iconss { margin-top: -243px; } .galeri__gorsel--3ab { border-radius: 10px; position: relative; z-index: 0; margin-top: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; } } @media (min-width: 1180px) and (max-width: 1180px) { .galeri__gorsel--3ab { border-radius: 10.1px; position: relative; z-index: 0; margin-top: 0px; } .galeri__gorsel--3ab { border-radius: 10px; position: relative; z-index: 0; margin-top: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; } .dep .iconss { margin-top: -243px; } .info-or { padding: 15rem 0 30rem; background: #fbfbfb; } } .col-lg-12.counbig { text-align: center; } .counter-box.fft4 { margin-top: -171px; } .counttext { transform: translate(-50%,-50%); color: transparent; font-weight: 700; font-size: 120px; z-index: -1; -webkit-text-stroke: 1px #e9e9e9; margin-bottom: -31px; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; font-family: "Poppins","Google Sans"; } .icon { padding: 5px; text-align: center; height: 90px; border-radius: 10rem; color: #e3581c; transition: .5s; margin-left: auto; margin-right: auto; font-size: 75px; z-index: 2; position: relative; background: none; } .icon:hover { background: none; color: #ba4b1a; } .page-header .container h2 { font-size: 40px !important; line-height: 110px !important; text-align: center !important; } img.efozel2 { border-radius: 10.1px; width: 100%; } .services-kutu2 { width: 100%; } .iconw { background: none; } .iconw { width: 90px; height: 93px; line-height: 80px; color: #fff; font-size: 50px; -webkit-transition: .5s; transition: .5s; margin-left: auto; margin-right: auto; margin-bottom: 15px; font-size: 80px; } .testimonialimg { height: auto; border-radius: 0 0 175px 175px; position: relative; margin-bottom: 81px; } .testimonial-card { min-height: 225px; border-radius: 10.1px; flex-flow: column; display: flex; justify-content: center; flex-wrap: wrap; background: none; width: 100%; border: 2px solid #d9d9d9; border-radius: 10.1px; } .quote { font-size: 600%; float: none; opacity: .1; transform: rotate(0deg) translate(3px, -87px); color: #e3581c; text-align: center; width: 100%; } .h2-baslik-hizmetler-2cc { font-family: "Poppins","Google Sans"; font-size: 19px; font-weight: 700; color: #000; } .page-header .container h2 { font-size: 40px; line-height: 110px; } img.drt { border-radius: 10.1px; } .iconinf22sty:hover { background: #ba4b1a; } .iconinf22sty { padding: 10px; text-align: center; width: 100px; height: 100px; line-height: 78px; border-radius: 10.1px; background: #e3581c; color: #fff; transition: 0s; margin-left: auto; margin-right: auto; FONT-WEIGHT: 600; font-size: 65px; } @media (min-width: 100px) and (max-width: 1300px) { body { overflow-y: scroll; overflow-x: hidden; } } .footer .copyright { color: #fff; } a.videopop.vbtnslider-fluid.vp-a.vp-yt-type { display: flex; justify-content: center; color: #fff; background: #e3581c; align-items: center; border-radius: 50%; -webkit-animation: pulse33 linear 1000ms infinite; animation: pulse33 linear 1000ms infinite; -webkit-transition: all 0.4s; transition: all 0.4s; width: 80px; height: 80px; padding: 0; line-height: 0; position: relative; margin-left: 0; } a.videopop.vbtnslider-fluid.vp-a.vp-yt-type:hover { border-radius: 50%; } @-webkit-keyframes pulse33 { 0% { -webkit-box-shadow: 0 0 0 0 #e3581c; ; box-shadow: 0 0 0 0 #e3581c; } 70% { -webkit-box-shadow: 0 0 0 40px rgba(94, 223, 255, 0); box-shadow: 0 0 0 40px rgba(94, 223, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); } } @keyframes pulse2 { 0% { -webkit-box-shadow: 0 0 0 0 #e3581c; ; box-shadow: 0 0 0 0 #e3581c; ; } 70% { -webkit-box-shadow: 0 0 0 40px rgba(94, 223, 255, 0); box-shadow: 0 0 0 40px rgba(94, 223, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); box-shadow: 0 0 0 0 rgba(94, 223, 255, 0); } } .col-lg-4.lefthealt, img.ff { border-radius: 10.1px; } .col-lg-4.lefthealtfooter { padding-bottom: 16px; background: #ba4b1a } .iconhh { color: #ffffff; } .container.d445 { margin-top: -5px; } h2.h2-baslik-anasayfa-wth2e { color: #ffffff; font-family: "Poppins","Google Sans"; font-size: 23px; font-weight: 600; } .iconhh { padding: 0; text-align: center; height: auto; border-radius: 10rem; transition: .5s; margin-left: auto; margin-right: auto; font-size: 60px; z-index: 2; position: relative; background: none; line-height: 0; width: 97px; } .dephh { background: #e3581c; padding: 0px; border-radius: 10.1px; padding-bottom: 24px; } .col-lg-6.lefthealt { border-radius: 10.1px; } .dephh { box-shadow: 0px 0px 25px #bdbdbd59; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .depff { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } span.footlst { font-weight: 600; text-align: center; color: #fff; justify-content: center; align-items: center; width: 100%; display: flex; font-size: 15px; } span.footli { text-align: center; color: #fff; justify-content: center; align-items: center; width: 100%; display: flex; font-size: 15px; } .col-lg-10.tt { left: -28px; top: 14px; } .depff { padding: 22px; border-radius: 10.1px; } .iconheal2 { color: #e3581c; font-size: 70px; } .iconheal2:hover { color: #ba4b1a; } .iconheal { color: #ffffff; } .iconheal:hover { color: #ffffff; } img.footim { text-align: center; justify-content: center; border-radius: 10.1px; display: flex; flex-wrap: wrap; width: 100%; align-items: center; } h2.h2-baslik-anasayfa-wthe { color: #ffffff; font-family: "Poppins","Google Sans"; font-weight: 600; font-size: 19px !important; } h2.h2-baslik-anasayfa-wthe2 { color: #000; font-family: "Poppins","Google Sans"; font-weight: 600; font-size: 25px !important; } .deptop { box-shadow: 0px 0px 5px #b5b5b561; } .deptop { position: relative; background: none; } .deptop { background: #fff; padding: 22px; border-radius: 10.1px; margin-bottom: 16px; } .deptop:hover { position: relative; bottom: 0; display: block; width: 100%; left: 0; content: ""; background-color: #e3581c; border-radius: 10.1px; box-shadow: 0px 0px 5px #b5b5b561; } .deptop:before { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; z-index: -1; border-radius: 10.1px; } .deptop:before { bottom: 0; display: block; height: 100%; width: 0%; left: 0; content: ""; z-index: -1; background-color: #e3581c; border-radius: 10.1px; } .deptop:hover:before { opacity: 1; width: 100%; } .counting { color: #fff; font-family: "Poppins","Google Sans"; font-size: 48px; font-weight: 600; } .deptop:hover h4, .deptop:hover h3 { color: #fff; position: relative; } .form-popup__input { font-size: 18px; } span.wpcf7-list-item-label { font-size: 18px; color: #979393; } input[type="checkbox"]:checked { border: 6px solid #e3581c; } .form-popup__input, select, input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form__input { font-size: 18px; } .page-header { width: 100% !important; height: 444px !important; max-height: 80vh; display: flex; flex-wrap: wrap; align-items: center; position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; background-attachment: scroll !important; } .widget, h2.widgettitle { border-radius: 10px; } /*header.page-header { box-shadow: inset 0px 0px 0px 500px #ffffffbf, inset 0px 0px 0px 500px #ffffffa6; }*/ header.page-header { /* ปรับให้โปร่งใสมากขึ้น (เห็นพื้นหลังชัดขึ้น) */ box-shadow: inset 0px 0px 0px 500px #ffffff66, inset 0px 0px 0px 500px #ffffff66 } .mdc-prime-slider-skin-general .mdc-scroll-down-wrapper .btn99 { background: transparent; padding: 0; border: 0; outline: none; cursor: pointer; } @media (min-width: 1024px) { .mdc-prime-slider-skin-general .mdc-scroll-down { right: 75px; } .galeri__gorsel--3ab { border-radius: 10px; position: relative; z-index: 0; margin-top: 0px; } } .btn99 .mdc-prime-slider-skin-general .mdc-scroll-down { position: absolute; right: 18px; z-index: 1; top: 50%; transform: translateY(-50%); } .btn99 { -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; font-size: 12px; font-weight: 500; /*letter-spacing: 1px;*/ text-transform: uppercase; border-radius: 0; position: absolute; left: 2%; top: 28.5%; z-index: 3; border-radius: 10.1px; padding-bottom: 45px; padding-top: 15px; cursor: pointer; } img.ppa { margin-left: -17px; } @media (min-width: 1536px) and (max-width: 1536px) { .slider .button-next { right: 50px; top: 41%; } .btn99 { top: 24%; } p.counttextt { font-size: 14px; } .h2-baslik-anasayfa-ozel, .h2-baslik-hizmetler-2, .h2-baslik-hizmetler-21 { font-size: 30px; } } @media (min-width: 1745.45px) and (max-width: 1745.45px) { .btn99 { top: 27%; } } @media (min-width: 1280px) and (max-width: 1280px) { .counting { font-size: 35px; font-weight: 600; } p.counttextt { font-size: 14px; } .h2-baslik-anasayfa-ozel, .h2-baslik-hizmetler-2, .h2-baslik-hizmetler-21 { font-size: 30px; } .slider .button-next { right: 50px; top: 40%; } .btn99 { top: 18%; } p { font-size: 13px; } } .btn99 .mdc-scroll-down span { color: #fff; font-size: 8px; } .btn99.mdc-scroll-down span { font-size: 19px; line-height: 101px; letter-spacing: 0px; word-spacing: 2px; color: #fff; margin-bottom: 40px; text-transform: capitalize; font-family: "Poppins","Google Sans"; } .btn99 .mdc-scroll-icon { position: relative; } .btn99 svg { transition: all .4s ease-out; } .btn99 span { font-size: 11px; line-height: 54px; /*letter-spacing: 1.3px;*/ word-spacing: 2px; } .btn99 svg * { fill: #000; } .infobox { padding: 2rem 0 2rem; } .btn99 svg { margin-bottom: 40px; width: 69px; margin-left: 24px; } .btn99:hover svg { transform: translateY(-50%); margin-bottom: -448px; transition: all 1s ease-out; } .btn99 .mdc-prime-slider .mdc-scroll-down span { font-size: 11px; line-height: 54px; /*letter-spacing: 1.3px;*/ word-spacing: 2px; } .btn99 .bdt-scroll-down span { color: #000; } .btn99 .mdc-scroll-down-text { transform: rotate(270deg); display: block; } .btn99 .mdc-scroll-down span { color: #fff; } @media (min-width: 1024px) { .btn99 .mdc-scroll-down:hover .mdc-scroll-icon svg { transform: translateY(125px); } } @media (min-width: 1024px) { .btn99 .mdc-scroll-down .mdc-scroll-icon svg { margin-bottom: 30px; width: 48px; } } @media (min-width: 0px) and (max-width: 1279px) { .btn99 { display: none; } } .main-slider { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .main-slider .slide-image { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; transition: 10s ease-out; transform: scale(1.1); } .main-slider .swiper-slide.swiper-slide-active .slide-image { transform: scale(1); } h4.infostextgl { font-size: 15px; } /* Preloader Color */ .loadwraps { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 99999; pointer-events: none; background: #ffffff; transition: all 1s; } .loadwraps:before, .loadwraps:after, .loadwraps .dot, .loadwraps .outline { position: absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; } .loadwraps .dot { width: 96px; height: 96px; background: #ffffff; -o-animation: in 4s linear infinite; -moz-animation: in 4s linear infinite; -ms-animation: in 4s linear infinite; -webkit-animation: in 4s linear infinite; animation: in 4s linear infinite; z-index: 2; } .loadwraps:before { content: ""; width: 0px; height: 0px; background: #e3581c; -o-animation: out1 4s linear infinite; -moz-animation: out1 4s linear infinite; -ms-animation: out1 4s linear infinite; -webkit-animation: out1 4s linear infinite; animation: out1 4s linear infinite; } .loadwraps:after { content: ""; width: 0px; height: 0px; background: #ffffff; -o-animation: out2 4s linear infinite; -moz-animation: out2 4s linear infinite; -ms-animation: out2 4s linear infinite; -webkit-animation: out2 4s linear infinite; animation: out2 4s linear infinite; } .loadwraps .outline { width: 120px; height: 120px; z-index: 2; } .loadwraps .outline span { width: 68px; height: 68px; -o-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -o-transform: rotate(45deg) skewX(80deg); -moz-transform: rotate(45deg) skewX(80deg); -webkit-transform: rotate(45deg) skewX(80deg); -ms-transform: rotate(45deg) skewX(80deg); transform: rotate(45deg) skewX(80deg); overflow: hidden; position: absolute; bottom: 50%; right: 50%; -o-animation: outline 4s linear infinite; -moz-animation: outline 4s linear infinite; -ms-animation: outline 4s linear infinite; -webkit-animation: outline 4s linear infinite; animation: outline 4s linear infinite; } .loadwraps .outline span:before { content: ""; display: block; border: solid 5px #ffffff; width: 200%; height: 200%; border-radius: 50%; -o-transform: skewX(-80deg); -moz-transform: skewX(-80deg); -webkit-transform: skewX(-80deg); -ms-transform: skewX(-80deg); transform: skewX(-80deg); -o-animation: outlineBefore 4s linear infinite; -moz-animation: outlineBefore 4s linear infinite; -ms-animation: outlineBefore 4s linear infinite; -webkit-animation: outlineBefore 4s linear infinite; animation: outlineBefore 4s linear infinite; } @-o-keyframes outline { 0% { -o-transform: rotate(0deg) skewX(80deg); -moz-transform: rotate(0deg) skewX(80deg); -webkit-transform: rotate(0deg) skewX(80deg); -ms-transform: rotate(0deg) skewX(80deg); transform: rotate(0deg) skewX(80deg); } 25% { -o-transform: rotate(500deg) skewX(15deg); -moz-transform: rotate(500deg) skewX(15deg); -webkit-transform: rotate(500deg) skewX(15deg); -ms-transform: rotate(500deg) skewX(15deg); transform: rotate(500deg) skewX(15deg); } 50% { -o-transform: rotate(1000deg) skewX(40deg); -moz-transform: rotate(1000deg) skewX(40deg); -webkit-transform: rotate(1000deg) skewX(40deg); -ms-transform: rotate(1000deg) skewX(40deg); transform: rotate(1000deg) skewX(40deg); } 75% { -o-transform: rotate(1500deg) skewX(60deg); -moz-transform: rotate(1500deg) skewX(60deg); -webkit-transform: rotate(1500deg) skewX(60deg); -ms-transform: rotate(1500deg) skewX(60deg); transform: rotate(1500deg) skewX(60deg); } 100% { -o-transform: rotate(2160deg) skewX(80deg); -moz-transform: rotate(2160deg) skewX(80deg); -webkit-transform: rotate(2160deg) skewX(80deg); -ms-transform: rotate(2160deg) skewX(80deg); transform: rotate(2160deg) skewX(80deg); } } @-moz-keyframes outline { 0% { -o-transform: rotate(0deg) skewX(80deg); -moz-transform: rotate(0deg) skewX(80deg); -webkit-transform: rotate(0deg) skewX(80deg); -ms-transform: rotate(0deg) skewX(80deg); transform: rotate(0deg) skewX(80deg); } 25% { -o-transform: rotate(500deg) skewX(15deg); -moz-transform: rotate(500deg) skewX(15deg); -webkit-transform: rotate(500deg) skewX(15deg); -ms-transform: rotate(500deg) skewX(15deg); transform: rotate(500deg) skewX(15deg); } 50% { -o-transform: rotate(1000deg) skewX(40deg); -moz-transform: rotate(1000deg) skewX(40deg); -webkit-transform: rotate(1000deg) skewX(40deg); -ms-transform: rotate(1000deg) skewX(40deg); transform: rotate(1000deg) skewX(40deg); } 75% { -o-transform: rotate(1500deg) skewX(60deg); -moz-transform: rotate(1500deg) skewX(60deg); -webkit-transform: rotate(1500deg) skewX(60deg); -ms-transform: rotate(1500deg) skewX(60deg); transform: rotate(1500deg) skewX(60deg); } 100% { -o-transform: rotate(2160deg) skewX(80deg); -moz-transform: rotate(2160deg) skewX(80deg); -webkit-transform: rotate(2160deg) skewX(80deg); -ms-transform: rotate(2160deg) skewX(80deg); transform: rotate(2160deg) skewX(80deg); } } @-webkit-keyframes outline { 0% { -o-transform: rotate(0deg) skewX(80deg); -moz-transform: rotate(0deg) skewX(80deg); -webkit-transform: rotate(0deg) skewX(80deg); -ms-transform: rotate(0deg) skewX(80deg); transform: rotate(0deg) skewX(80deg); } 25% { -o-transform: rotate(500deg) skewX(15deg); -moz-transform: rotate(500deg) skewX(15deg); -webkit-transform: rotate(500deg) skewX(15deg); -ms-transform: rotate(500deg) skewX(15deg); transform: rotate(500deg) skewX(15deg); } 50% { -o-transform: rotate(1000deg) skewX(40deg); -moz-transform: rotate(1000deg) skewX(40deg); -webkit-transform: rotate(1000deg) skewX(40deg); -ms-transform: rotate(1000deg) skewX(40deg); transform: rotate(1000deg) skewX(40deg); } 75% { -o-transform: rotate(1500deg) skewX(60deg); -moz-transform: rotate(1500deg) skewX(60deg); -webkit-transform: rotate(1500deg) skewX(60deg); -ms-transform: rotate(1500deg) skewX(60deg); transform: rotate(1500deg) skewX(60deg); } 100% { -o-transform: rotate(2160deg) skewX(80deg); -moz-transform: rotate(2160deg) skewX(80deg); -webkit-transform: rotate(2160deg) skewX(80deg); -ms-transform: rotate(2160deg) skewX(80deg); transform: rotate(2160deg) skewX(80deg); } } @keyframes outline { 0% { -o-transform: rotate(0deg) skewX(80deg); -moz-transform: rotate(0deg) skewX(80deg); -webkit-transform: rotate(0deg) skewX(80deg); -ms-transform: rotate(0deg) skewX(80deg); transform: rotate(0deg) skewX(80deg); } 25% { -o-transform: rotate(500deg) skewX(15deg); -moz-transform: rotate(500deg) skewX(15deg); -webkit-transform: rotate(500deg) skewX(15deg); -ms-transform: rotate(500deg) skewX(15deg); transform: rotate(500deg) skewX(15deg); } 50% { -o-transform: rotate(1000deg) skewX(40deg); -moz-transform: rotate(1000deg) skewX(40deg); -webkit-transform: rotate(1000deg) skewX(40deg); -ms-transform: rotate(1000deg) skewX(40deg); transform: rotate(1000deg) skewX(40deg); } 75% { -o-transform: rotate(1500deg) skewX(60deg); -moz-transform: rotate(1500deg) skewX(60deg); -webkit-transform: rotate(1500deg) skewX(60deg); -ms-transform: rotate(1500deg) skewX(60deg); transform: rotate(1500deg) skewX(60deg); } 100% { -o-transform: rotate(2160deg) skewX(80deg); -moz-transform: rotate(2160deg) skewX(80deg); -webkit-transform: rotate(2160deg) skewX(80deg); -ms-transform: rotate(2160deg) skewX(80deg); transform: rotate(2160deg) skewX(80deg); } } @-o-keyframes outlineBefore { 0% { -o-transform: skewX(-80deg); -moz-transform: skewX(-80deg); -webkit-transform: skewX(-80deg); -ms-transform: skewX(-80deg); transform: skewX(-80deg); border: solid 5px #ffffff; } 25% { -o-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); border: solid 5px #ffffff; } 49% { border: solid 5px #ffffff; } 50% { -o-transform: skewX(-40deg); -moz-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); -ms-transform: skewX(-40deg); transform: skewX(-40deg); border: solid 5px #e3581c; } 75% { -o-transform: skewX(-60deg); -moz-transform: skewX(-60deg); -webkit-transform: skewX(-60deg); -ms-transform: skewX(-60deg); transform: skewX(-60deg); border: solid 5px #e3581c; } 100% { -o-transform: skewX(-80deg); -moz-transform: skewX(-80deg); -webkit-transform: skewX(-80deg); -ms-transform: skewX(-80deg); transform: skewX(-80deg); border: solid 5px #e3581c; } } @-moz-keyframes outlineBefore { 0% { -o-transform: skewX(-80deg); -moz-transform: skewX(-80deg); -webkit-transform: skewX(-80deg); -ms-transform: skewX(-80deg); transform: skewX(-80deg); border: solid 5px #ffffff; } 25% { -o-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); border: solid 5px #ffffff; } 49% { border: solid 5px #ffffff; } 50% { -o-transform: skewX(-40deg); -moz-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); -ms-transform: skewX(-40deg); transform: skewX(-40deg); border: solid 5px #e3581c; } 75% { -o-transform: skewX(-60deg); -moz-transform: skewX(-60deg); -webkit-transform: skewX(-60deg); -ms-transform: skewX(-60deg); transform: skewX(-60deg); border: solid 5px #e3581c; } 100% { -o-transform: skewX(-80deg); -moz-transform: skewX(-80deg); -webkit-transform: skewX(-80deg); -ms-transform: skewX(-80deg); transform: skewX(-80deg); border: solid 5px #e3581c; } } @-webkit-keyframes outlineBefore { 0% { -o-transform: skewX(-80deg); -moz-transform: skewX(-80deg); -webkit-transform: skewX(-80deg); -ms-transform: skewX(-80deg); transform: skewX(-80deg); border: solid 5px #ffffff; } 25% { -o-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); border: solid 5px #ffffff; } 49% { border: solid 5px #ffffff; } 50% { -o-transform: skewX(-40deg); -moz-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); -ms-transform: skewX(-40deg); transform: skewX(-40deg); border: solid 5px #e3581c; } 75% { -o-transform: skewX(-60deg); -moz-transform: skewX(-60deg); -webkit-transform: skewX(-60deg); -ms-transform: skewX(-60deg); transform: skewX(-60deg); border: solid 5px #e3581c; } 100% { -o-transform: skewX(-80deg); -moz-transform: skewX(-80deg); -webkit-transform: skewX(-80deg); -ms-transform: skewX(-80deg); transform: skewX(-80deg); border: solid 5px #e3581c; } } @keyframes outlineBefore { 0% { -o-transform: skewX(-80deg); -moz-transform: skewX(-80deg); -webkit-transform: skewX(-80deg); -ms-transform: skewX(-80deg); transform: skewX(-80deg); border: solid 5px #ffffff; } 25% { -o-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); border: solid 5px #ffffff; } 49% { border: solid 5px #ffffff; } 50% { -o-transform: skewX(-40deg); -moz-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); -ms-transform: skewX(-40deg); transform: skewX(-40deg); border: solid 5px #e3581c; } 75% { -o-transform: skewX(-60deg); -moz-transform: skewX(-60deg); -webkit-transform: skewX(-60deg); -ms-transform: skewX(-60deg); transform: skewX(-60deg); border: solid 5px #e3581c; } 100% { -o-transform: skewX(-80deg); -moz-transform: skewX(-80deg); -webkit-transform: skewX(-80deg); -ms-transform: skewX(-80deg); transform: skewX(-80deg); border: solid 5px #e3581c; } } @-o-keyframes out1 { 0% { width: 0px; height: 0px; } 30% { width: 120vw; height: 120vw; } 100% { width: 120vw; height: 120vw; } } @-moz-keyframes out1 { 0% { width: 0px; height: 0px; } 30% { width: 120vw; height: 120vw; } 100% { width: 120vw; height: 120vw; } } @-webkit-keyframes out1 { 0% { width: 0px; height: 0px; } 30% { width: 120vw; height: 120vw; } 100% { width: 120vw; height: 120vw; } } @keyframes out1 { 0% { width: 0px; height: 0px; } 30% { width: 120vw; height: 120vw; } 100% { width: 120vw; height: 120vw; } } @-o-keyframes out2 { 0% { width: 0px; height: 0px; } 30% { width: 0px; height: 0px; } 60% { width: 120vw; height: 120vw; } 100% { width: 120vw; height: 120vw; } } @-moz-keyframes out2 { 0% { width: 0px; height: 0px; } 30% { width: 0px; height: 0px; } 60% { width: 120vw; height: 120vw; } 100% { width: 120vw; height: 120vw; } } @-webkit-keyframes out2 { 0% { width: 0px; height: 0px; } 30% { width: 0px; height: 0px; } 60% { width: 120vw; height: 120vw; } 100% { width: 120vw; height: 120vw; } } @keyframes out2 { 0% { width: 0px; height: 0px; } 30% { width: 0px; height: 0px; } 60% { width: 120vw; height: 120vw; } 100% { width: 120vw; height: 120vw; } } .fade12 { opacity: 0 !important; visibility: hidden !important; pointer-events: none; } @media (min-width: 1280px) and (max-width: 1280px) { .col-lg-10.tt { left: -19px; top: 14px; } .h2-baslik-hizmetler-21__paragraff, h4.infostextgl { font-size: 13px; } } @media (min-width: 0px) and (max-width: 1279px) { .about2 { margin-top: 0px; } } .navbar .logo { margin-right: auto; padding: 21px 0; width: auto; } .odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-car,.odometer.odometer-theme-car .odometer-digit{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;right:0;bottom:0;overflow:hidden;left:.1em}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-car .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-car .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.odometer.odometer-auto-theme,.odometer.odometer-theme-car{padding:.1em}.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-car .odometer-digit{padding:0 .1em;font-size: 45px;}span.odometer-formatting-mark {font-size: 50px;}.odometer-inside {} .sprite_sub { background-image: url('/images/sub.png'); background-repeat: no-repeat; display: block; width: 100%; /* กว้างเต็ม container */ padding-bottom: calc(160 / 220 * 100%); /* รักษาอัตราส่วน 211x164 */ height: 0; background-size: 300% 200%; /* 3 คอลัมน์ × 2 แถว */ } /* แถวบน */ .sprite-sub-1 { background-position: 0% 0%; /* ซ้ายบน */ } .sprite-sub-2 { background-position: 50% 0%; /* กลางบน */ } .sprite-sub-3 { background-position: 100% 0%; /* ขวาบน */ } /* แถวล่าง */ .sprite-sub-4 { background-position: 0% 100%; /* ซ้ายล่าง */ } .sprite-sub-5 { background-position: 50% 100%; /* กลางล่าง */ } .sprite-sub-6 { background-position: 100% 100%; /* ขวาล่าง */ } .sprite_process { background-image: url('/images/process.webp'); background-repeat: no-repeat; display: block; width: 100%; /* กว้างเต็ม container */ padding-bottom: calc(800 / 800 * 100%); /* รักษาอัตราส่วน 211x164 */ height: 0; background-size: 200% 200%; /* 3 คอลัมน์ × 2 แถว */ } /* แถวบน */ .sprite-process-1 { background-position: 0% 0%; /* ซ้ายบน */ } .sprite-process-2 { background-position: 100% 0%; /* กลางบน */ } .sprite-process-3 { background-position: 0% 100%; /* ขวาบน */ } .sprite-process-4 { background-position: 100% 100%; /* ซ้ายล่าง */ } .sprite_product { background-image: url('/images/product.webp'); background-repeat: no-repeat; display: block; width: 100%; /* ปรับ padding-bottom ตามอัตราส่วนของ "หนึ่งรูปเดี่ยว" ไม่ใช่ทั้งแผ่น Sprite */ padding-bottom: calc(424 / 800 * 100%); height: 0; background-size: 200% 400%; /* 2 คอลัมน์ x 4 แถว (รองรับได้ 8 รูป) */ } /* แถวที่ 1 */ .sprite-product-1 { background-position: 0% 0%; } .sprite-product-2 { background-position: 100% 0%; } /* แถวที่ 2 */ .sprite-product-3 { background-position: 0% 33.33%; } .sprite-product-4 { background-position: 100% 33.33%; } /* แถวที่ 3 */ .sprite-product-5 { background-position: 0% 66.66%; } .sprite-product-6 { background-position: 100% 66.66%; } /* แถวที่ 4 */ .sprite-product-7 { background-position: 0% 100%; }