.header-transparent { position: relative; top: 0px; right: 0px; left: 0px; z-index: 9; }
.header-area { background: rgb(247, 247, 247); }
.main-header { position: relative; z-index: 3; background-color: rgb(255, 255, 255); }
.header-area a:hover { color: rgb(247, 247, 247); }
.ustbolum {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999; /* Video slide */
transition: background-color 0.3s ease; /* Geçiş efekti */
background-color: rgb(0 0 0 / 0%);
}
.ustbolum.scrolled {
background-color: black; /* Kaydırıldığında siyah arka plan */
}
.ustbolum .ara {
display: flex;
justify-content: space-between;
/* align-items: center; */
}
.ustbolum .top-header {
color: white;
font-weight: 500;
font-size: 14px;
padding: 1px 1px;
}
.ustbolum .top-header a:hover {
opacity: 0.7;
}
.ustbolum .top-header .left {
/* flex: 1; */
display: flex;
align-items: stretch;
flex-direction: row-reverse;
flex-wrap: nowrap;
align-content: stretch;
justify-content: space-between;
}
.ustbolum .top-header .center {
flex: 14;
display: flex;
justify-content: center;
}
.ustbolum .top-header .right {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center;
}
.top-header a {
color: rgb(255, 255, 255);
font-size: 15px;
}
.ustbolum .top-header .sosyal ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
}
.ustbolum .top-header .sosyal ul li {
margin-left: 10px;
}
.ustbolum .top-header .sosyal ul li a {
color: inherit;
text-decoration: none;
font-size: 18px;
}
.ustbolum .top-header .sosyal ul li a i {
margin-left: 5px;
}
.logoalani { float: left; }
.multimenu ul.multimenu-nav { display: flex; align-items: flex-start; list-style: none; font-family: Roboto, sans-serif; padding-left: 0px; padding-bottom: 20px; flex-flow: row wrap; place-content: stretch flex-end; }
.multimenu ul.multimenu-nav > li { position: relative; float: left; width: auto; }
.multimenu ul.multimenu-nav > li a:hover { color: rgb(141, 141, 141) !important; }
.multimenu ul li.dropdownitem > a::after {width: 15px;height: 15px;text-align: center;float: right;background-color: rgb(255 255 255);content: "";font-weight: bold;margin: 1px 0px 0px 3px;-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;}
.multimenu ul li .dropdown { display: none; position: absolute; min-width: 200px; }
@media screen and (min-width: 993px) {
.multimenu ul.multimenu-nav > li a {margin-top: 5px;text-decoration: none;padding: 10px;border-radius: 8px;display: inline-block;font-size: 20px;height: 100%;position: relative;font-weight: bold;color: rgb(255 255 255) !important;}
.multimenu ul li.dropdownitem:hover .dropdown { display: block; position: absolute; margin: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; min-width: 220px; padding-top: 0px !important; }
.multimenu ul li.dropdownitem:hover > a { border-radius: 8px 8px 0px 0px !important; }
.multimenu ul li.dropdownitem ul li.dropdownitem:hover > a { border-radius: 8px !important; }
.multimenu ul li.dropdownitem:hover .dropdown .dropdown { display: none; }
.multimenu ul li.dropdownitem .dropdown li.dropdownitem:hover .dropdown { padding-left: 16px; position: absolute; margin: 0px; min-width: 200px; display: inline-table; padding-top: 0px !important; top: 0px !important; left: 100% !important; right: auto !important; }
.multimenu ul li.dropdownitem .dropdown .dropdown .dropdown { visibility: hidden; display: none !important; }
.multimenu ul li.dropdownitem .dropdown ul { list-style: none; background-color: rgb(255, 255, 255); float: left; padding: 10px; border-radius: 0px 8px 8px; }
.multimenu ul li.dropdownitem ul li a { font-weight: 400; text-decoration: none; padding: 5px 0px; float: left; width: 100%; border-radius: 0px; font-size: 14px; color: rgb(51, 51, 51) !important; }
.multimenu ul.multimenu-nav .dropdown ul li a:hover { padding-left: 7px; transition: all 0.15s ease-out 0s; color: rgb(51, 51, 51) !important; }
.dropdownitem .dropdown { animation: 200ms ease-in-out 0ms 1 normal forwards running translateDown; transform-origin: center top; }
.dropdownitem .dropdownitem .dropdown { transform-origin: center top !important; animation: 200ms ease-in-out 0ms 1 normal forwards running translateX !important; }
@keyframes translateDown {
0% { transform: scaleY(0); }
80% { transform: scaleY(1.1); }
100% { transform: scaleY(1); }
}
@keyframes translateX {
0% { opacity: 0; transform: translateX(-60px); }
80% { transform: translateX(-5px); }
100% { opacity: 1; transform: translateX(0px); }
}
.multimenu ul li.dropdownitem ul li .nav-dropdown::after { width: 15px; height: 15px; text-align: center; float: right; background-color: rgb(0, 0, 0); content: ""; margin: 1px 0px 0px 3px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; }
}
.multimenu ul.multimenu-nav .dropdown ul li { float: left; width: 100%; }
.multimenu ul.multimenu-nav .dropdown ul li a { padding: 3px 0px; }
.multimenu ul li.dropdownitem ul li a, .multimenu ul li.dropdownitem ul li .dropdown ul li a { border-bottom: 1px dotted rgb(238, 238, 238); }
.multimenu ul li.dropdownitem ul li:last-child a, .multimenu ul li.dropdownitem ul li .dropdown ul li:last-child a { border-bottom: 0px !important; }
.multimenu ul li.dropdownitem ul li a::before, .multimenu ul li.dropdownitem ul li .nav-dropdown ul li a::after { display: none !important; }
.multimenu ul li.dropdownitem ul li .nav-dropdown ul li:last-child a { border-bottom: 0px !important; }
.multimenu ul li.dropdownitem .dropdown ul li.dropdownitem { display: inline-block; height: 100%; position: relative; width: 100%; }
.menu-close, .menu-open { display: none; }
@media screen and (max-width: 993px) {
.menu-open, .menu-close { cursor: pointer; color: rgb(51, 51, 51); text-decoration: none; font-size: 26px; }
.menu-open { display: block; }
.menu-close { display: none; }
.multimenu { position: relative; display: none; }
.multimenu.active { display: block; }
.menu-open {float: right;margin-top: 20px;display: block !important;margin-left: 140px;}
.mobile-menu-active .menu-close { z-index: 15; position: absolute; right: 13px; top: 0px; float: left; display: block !important; left: unset !important; }
.multimenu-nav { display: none !important; }
.multimenu.active .multimenu-nav { display: block !important; }
.multimenu.active { position: fixed; left: 0px; top: 0px; width: 40%; height: 100vh; display: flex; z-index: 14; margin-top: 0px !important; }
.multimenu.active .multimenu-nav { background-color: rgb(255, 255, 255); float: left; margin-top: 0px; padding: 40px 20px; width: 100%; height: 100vh; overflow: scroll; transform-origin: center top !important; }
.multimenu.active .multimenu-nav, .menu-close { animation: 400ms ease-in-out 0ms 1 normal forwards running translateX !important; }
@keyframes translateX {
0% { opacity: 0; transform: translateX(-160px); }
80% { transform: translateX(-5px); }
100% { opacity: 1; transform: translateX(0px); }
}
.multimenu ul.multimenu-nav > li { float: left; width: 100%; }
.multimenu ul.multimenu-nav > li a { float: left; width: 100%; text-decoration: none; color: rgb(51, 51, 51); padding: 10px 0px; border-bottom: 1px solid rgb(221, 221, 221); }
.multimenu ul.multimenu-nav > li a:hover { float: left; width: 100%; transition: all 0.25s ease-out 0s; text-decoration: none; padding: 10px 0px; color: rgb(103, 130, 252) !important; }
.multimenu ul li.dropdownitem > a:hover::after { background-color: rgb(103, 130, 252) !important; }
.nav-dropdown.opened { color: rgb(103, 130, 252) !important; border-bottom: 1px solid rgba(103, 130, 252, 0.5) !important; }
.multimenu ul.multimenu-nav > li:last-child a { border-bottom: 0px solid rgb(221, 221, 221); }
.multimenu.active ul li .nav-dropdown.opened + .dropdown ul { list-style: none; float: left; margin-left: 0px; padding-left: 7px; }
.multimenu.active ul li .nav-dropdown.opened + .dropdown ul .dropdown ul { padding-left: 15px; }
.multimenu.active ul li .nav-dropdown.opened + .dropdown { display: block; position: relative; margin: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; min-width: unset; float: left; padding-top: 0px !important; }
.multimenu.active ul li.dropdownitem:hover + .dropdown + .dropdown { display: none; }
#menu-overlay { background-color: rgba(0, 0, 0, 0.3); float: left; display: none; width: 100%; height: 100vh; z-index: 13; inset: 0px; }
#menu-overlay.show { display: block !important; }
.menu-open .open {width: 40px;height: 40px;float: right;background-color: rgb(255 255 255);-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,");-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;transition: all 0.2s ease-out 0s;}
.mobile-menu-active .menu-open .open, .menu-open .open:hover { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,"); }
.menu-close .close { width: 38px; height: 38px; float: right; background-color: rgb(0, 0, 0); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; transition: all 0.2s ease-out 0s; }
.menu-close .close:hover { background-color: rgb(0, 0, 0); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,"); }
.multimenu.active ul li.dropdownitem > a.opened::after { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,") !important; }
}
@media screen and (max-width: 500px) {
.multimenu.active { width: 70%; }
}
@media screen and (max-width: 400px) {
.multimenu.active { width: 100%; }
}
/* Slider */
#textSlider.row {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100% !important;
}
#textSlider div {
color: #FFF;
font-family: 'Lato', sans-serif;
/* text-transform: uppercase; */
}
#textSlider .main-button {
position: absolute;
top: 99%;
left: 50%;
}
#textSlider .main-button a {
color: #2099bb;
}
.iamCol {
text-align: inherit;
float: left;
font-weight: 300;
font-size:20pt;
}
.iamCol p:nth-child(2) {margin-top: -10pt !important;}
.slideCol {
text-align: left;
overflow: hidden;
font-weight: 750;
font-size: 26pt;
display: block;
white-space: nowrap;
}
.slideCol p {margin: 0 10px !important;font-size: 33px;}
.scroller {
height: 70pt;
line-height: 70pt;
overflow: hidden;
}
.inner:before {
content: '|';
left: -40px;
width: 4px;
height: 69px;
font-size: 230px;
}
.inner:after, .inner:before {
position: absolute;
color: #ffffff;
top: 0;
-webkit-animation-name: opacity;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-name: opacity;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes opacity {
0%, 100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
.scroller .inner { animation: 10s normal infinite running scroll; }
@keyframes scroll {
0% {margin-top: 0px;}
15% {margin-top: 0px;}
25% {margin-top: -70pt;}
40% {margin-top: -70pt;}
50% {margin-top: -140pt;}
65% {margin-top: -140pt;}
75% {margin-top: -210pt;}
90% {margin-top: -210pt;}
100% {margin-top: 0px;}
}
.counter{
color: #3790ff;
font-family: "Hind", sans-serif;
text-align: center;
width: 200px;
height: 200px;
border-radius: 100px 100px;
padding: 36px 10px;
border-top: 8px solid transparent;
border-right: 8px solid #3790ff;
border-bottom: 8px solid transparent;
border-left: 10px solid #3790ff;
position: relative;
margin: 0 auto;
z-index: 1;
}
.counter:before,
.counter:after{
content:"";
background: var(--color1);
width: 100%;
height: 100%;
border-radius: 100px 100px;
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
box-shadow: 0 0 6px rgba(0,0,0,0.5);
z-index: -1;
}
.counter:after{
background: var(--white);
width: calc(100% - 18px);
height: calc(100% - 18px);
}
.counter .counter-icon{
font-size: 30px;
line-height: 30px;
margin: 0 0 15px;
}
.counter h3{
font-size: 19px;
font-weight: 600;
text-transform: capitalize;
margin: 0 0 10px;
}
.counter .counter-value{
font-size: 33px;
font-weight: 600;
line-height: 33px;
display: block;
}
.counter.green{
/* --color1: #44bd32; */
/* --color2: #4cd137; */
}
.counter.purple{
--color1:#8c7ae6;
--color2:#9c88ff;
}
.counter.blue{
--color1: #0097e6;
--color2: #00a8ff;
}
@media screen and (max-width:990px){
.counter{ margin-bottom: 40px; }
}
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width : 479px) {
#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
.iamCol { text-align: center; font-size:20pt; }
.iamCol p { display: inline !important; }
.slideCol { font-size: 15pt; text-align: center; margin-top: -20px; }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) and (max-width : 765px) {
#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
.iamCol { text-align: center; font-size:25pt; }
.iamCol p { display: inline !important; }
.slideCol { font-size: 30pt; text-align: center; margin-top: -20px; }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 992px) {
#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
.iamCol { text-align: center; font-size:25pt; }
.iamCol p { display: inline !important; }
.slideCol { font-size: 30pt; text-align: center; margin-top: 5px; }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1200px) {
#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
.iamCol { text-align: right; font-size:25pt; }
.slideCol { font-size: 30pt; text-align: left; }
}
/* Slider */
.main-banner {
position: relative;
max-height: 100%;
overflow: hidden;
margin-bottom: -7px;
}
#bg-video {
min-width: 100%;
min-height: 100vh;
max-width: 100%;
max-height: 100vh;
object-fit: cover;
z-index: -1;
}
#bg-video::-webkit-media-controls {
display: none !important;
}
.video-overlay {
position: absolute;
background-color: rgb(29 30 32 / 85%);
top: 0;
left: 0;
bottom: 7px;
width: 100%;
}
.main-banner .caption {
text-align: center;
position: absolute;
width: 80%;
left: 50%;
top: 60%;
transform: translate(-50%,-50%);
}
.main-banner .caption h6 {
margin-top: 0px;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
letter-spacing: 1px;
}
.main-banner .caption h2 {
margin-top: 30px;
margin-bottom: 30px;
font-size: 20px;
text-transform: uppercase;
font-weight: 800;
color: #fff;
letter-spacing: 1px;
}
.main-banner .caption h2 em {
font-style: normal;
color: #f5a425;
font-weight: 900;
}
@media screen and (max-width: 1180px) {
.main-banner .caption h6 {
font-weight: 500;
}
.main-banner .caption h2 {
font-size: 58px;
}
}
@media screen and (max-width: 767px) {
.main-banner .caption h6 {
font-weight: 500;
}
.main-banner .caption h2 {
font-size: 36px;
}
}
p { margin-top: 0px; margin-bottom: 0rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 0rem; }
.header-area .header-top .header-info-left ul li { color: rgb(45, 45, 45); display: inline-block; margin-right: 20px; font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 15px; }
.header-area .header-top .header-info-right .header-social li { display: inline-block; margin-right: 10px; }
.header-area .header-top .header-info-right .header-social li a { color: rgb(45, 45, 45); font-size: 15px; padding-left: 0px; margin-left: 0px; font-family: Helvetica, Calibri, Arial, sans-serif; }
.header-area .header-top { padding: 5px 0px; margin-top: 0px; margin-bottom: 0px; }
.header-area .header-top .header-info-right .header-social a i { transition: all 0.4s ease-out 0s; transform: rotateY(0deg); font-size: 18px; margin-right: 8px; }
.header-area .header-top .header-info-right .header-social a:hover i { transform: rotateY(180deg); }
body { padding-top: 0rem; padding-bottom: 0rem; }
.phone-contact { padding: 0px; margin-top: 0px; }
.img-thumbnail { padding: 0.2rem; background-color: rgba(46, 45, 62, 0); border: 0px solid rgba(245, 245, 245, 0); border-radius: 0.25rem; max-width: 100%; height: auto; }
.logo img { max-width: none; }
.btn-group h2 { font-family: Rancho; font-size: 20px; margin: 0px; text-align: center; }
.navbar { right: 0px; left: 0px; height: 90px; display: flex; align-items: center; -webkit-box-pack: justify; justify-content: space-between; position: relative; background-color: rgb(255, 255, 255); }
.imkanlar { margin-top: 0px; margin-bottom: 0px; color: rgb(37, 33, 33); font-size: 16px; font-weight: 400; float: right; }
.bosluk { padding-right: 8px; text-align: center; color: rgb(255, 255, 255); }
.social { position: fixed; top: 66%; list-style-type: none; z-index: 2147483647; padding-left: 0px; }
.social li { width: 33px; text-align: center; margin: 0px 0px 5px; }
.social li:hover { width: 60px; }
.social li a { display: block; width: 100%; background: rgb(42, 42, 42); font-size: 20px; color: rgb(255, 255, 255); padding: 10px; }
.social li a.facebook:hover { background: rgb(59, 89, 151); }
.social li a.twitter:hover { background: rgb(45, 170, 225); }
.social li a.whatsapp:hover { background: rgb(90, 190, 66); }
.social li a.pinterest:hover { background: rgb(202, 32, 38); }
.social span { display: none; }
.content {/* font: 16px / 1.5 "lato"; */font-family: 'lato', sans-serif;color: rgb(4 4 4);width: 100%;margin: 0px auto;border: 1px solid #f3f3f3;border-radius: 4px;padding: 10px;}
.content p { padding: 10px 0px; }
.content h2 { font-size: 36px; font-weight: bold; text-transform: uppercase; padding: 20px 0px; }
a { color: rgb(5, 32, 64); text-decoration: none; }
section {padding: 0px 0px;overflow: hidden;}
.section-bg { background-color: rgb(241, 248, 255); }
.section-title {text-align: center;padding-bottom: 5px;margin-top: 0px;margin-bottom: 20px;font-size: 22px;font-weight: bold;color: rgb(37 99 174);}
.section-title h2 { font-size: 32px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; padding-bottom: 0px; color: rgb(5, 74, 133); }
.section-title p { margin-bottom: 0px; font-style: italic; }
.icon-boxes { padding-top: 6px; }
.icon-boxes .icon-box { padding: 10px 20px; position: relative; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(68, 88, 144, 0.2) 5px 10px 29px 0px; transition: all 0.3s ease-in-out 0s; border-radius: 10px; text-align: center; margin-bottom: 20px; z-index: 99; }
.icon-boxes .icon { margin: 0px auto 20px; display: inline-block; text-align: center; }
.icon-boxes .icon i { font-size: 36px; line-height: 1; color: rgb(246, 176, 36); }
.icon-boxes .title { font-weight: 700; margin-bottom: 15px; font-size: 16px; margin-top: 10px; }
.icon-boxes .title a { color: rgb(84, 13, 6); }
.icon-boxes .description { font-size: 15px; line-height: 25px; margin-bottom: 0px; color: rgb(35, 23, 11); }
.urun-kategori-baslik h1 { color: rgb(253, 1, 0); font-size: 33px; margin-top: 10px; }
.bg .bg-element { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.bg { overflow: hidden; }
.img-fit, .bg-img { object-fit: cover; width: 100%; height: 100%; }
.bg-img { display: none; }
.has-bg-img { background-position: center center; background-size: cover; }
.has-bg-pattern { background-repeat: repeat; background-size: auto; background-position: left top; }
.bg-content-box { background-clip: content-box; }
.bg-padding-box { background-clip: padding-box; }
.p-5 { padding: 15rem !important; }
.bg-blend { background-blend-mode: soft-light; }
.navbar-dark .navbar-brand { color: rgb(255, 255, 255); }
.bg-dark { }
.h-100 { height: 100% !important; }
.searchbar { margin-bottom: auto; margin-top: auto; height: 48px; background-color: rgb(254, 247, 241); padding: 4px; }
.search_input { color: rgb(187, 150, 66); border: 0px; outline: 0px; background: none; width: 0px; caret-color: transparent; line-height: 40px; transition: width 0.4s linear 0s; }
.search_icon { height: 41px; width: 60px; float: right; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: rgb(195, 167, 104); text-decoration: none; font-size: 21px; }
.btn-group, .btn-group-vertical { list-style: none; }
.carousel { margin-bottom: 4rem; }
.carousel-caption { position: absolute; bottom: 140px; z-index: 10; padding-top: 10px; padding-bottom: 0px; color: rgb(0, 0, 0); text-align: center; }
.text-center { text-align: center; }
.carousel-control-next, .carousel-control-prev { opacity: 0.7; }
.carousel-indicators .active { background-color: rgb(255, 255, 255); }
.carousel-indicators li { position: relative; -webkit-box-flex: 0; flex: 0 1 auto; width: 20px; height: 23px; border: 1px solid rgba(248, 248, 248, 0.19); border-radius: 66px; right: 0px; margin-left: 5px; text-indent: -999px; background-color: rgb(92, 92, 92); transform: rotate(1deg); }
.carousel-item { height: 35rem; background-color: rgb(197, 187, 163); }
.carousel-item > img { width: 100%; }
.carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; }
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; }
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active { opacity: 0; }
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active { transform: translateX(0px); }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 36px; border-radius: 8px; height: 72px; background: center center / 100% 100% no-repeat rgb(1, 0, 0); }
.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
@supports (transform-style:preserve-3d) {
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active { transform: translate3d(0px, 0px, 0px); }
}
.carousel-indicators { position: absolute; margin: auto; height: 20px; width: auto; }
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active { transform: translate3d(0px, 0px, 0px); }
#myCarousel .carousel-item a { background: rgb(147, 0, 2); font-size: 18px; color: rgb(255, 255, 255); padding: 9px 10px; display: inline-block; border-radius: 11px; }
#myCarousel .carousel-item a:hover { background: rgba(2, 2, 2, 0.64); text-decoration: none; }
#myCarousel .carousel-item h2 { animation-name: fadeInLeft; font-size: 20px; border-radius: 5px; padding-top: 4px; padding-bottom: 10px; }
#myCarousel .carousel-item p { animation-name: slideInRight; }
#myCarousel .carousel-item a { animation-name: fadeInUp; }
#myCarousel .carousel-item .mask img { animation-name: slideInRight; display: block; height: auto; max-width: 100%; }
#myCarousel h2, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img { animation-duration: 1.2s; animation-fill-mode: both; }
#myCarousel .container { max-width: 1430px; }
#myCarousel .carousel-item { height: 100%; min-height: 326px; }
#myCarousel { position: relative; background: url("#") center center / cover no-repeat; margin-bottom: 10px; z-index: 1; margin-top: 0px; }
@-webkit-keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.fadeInLeft { animation-name: fadeInLeft; }
@-webkit-keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.fadeInUp { animation-name: fadeInUp; }
@-webkit-keyframes slideInRight {
0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInRight {
0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
.slideInRight { animation-name: slideInRight; }
.marketing .col-lg-4 { margin-bottom: 1.5rem; text-align: center; }
.marketing h2 { font-weight: 400; }
.marketing .col-lg-4 p { margin-right: 0.75rem; margin-left: 0.75rem; }
.featurette-divider { margin: 5rem 0px; }
.featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -0.05rem; }
@media (min-width: 40em) {
.carousel-caption p { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; }
.featurette-heading { font-size: 50px; }
}
@media (min-width: 62em) {
.featurette-heading { margin-top: 7rem; }
}
.about { background: url("../img/hakkimizda.jpg") center center no-repeat; }
.about-wrap { display: flex; justify-content: space-between; align-items: center; padding: 20px 1px; margin-left: 33px; margin-right: 33px; }
.about-heading { width: 60%; }
.about-heading__top {font-size: 24px;color: rgb(106 106 106);border-bottom: 3px solid rgb(55 144 255);width: 250px;padding-bottom: 5px;font-weight: bold;}
.about-heading__title { color: rgb(255, 255, 255); margin-top: 10px; }
.about-heading-text { margin-bottom: 40px; color: rgb(255, 255, 255); }
.about-numbers-box { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.about-numbers-item { width: 30%; text-align: center; background-color: rgba(0, 0, 0, 0.52); }
.about-numbers-item i { padding: 20px; font-size: 50px; color: rgb(238, 238, 238); }
.about-numbers-item__title { margin: 0px; color: rgb(255, 255, 255); font-weight: bold; padding-bottom: 15px; }
.about-numbers-item__text { color: rgb(255, 255, 255); }
@media (max-width: 660px) {
.about-wrap { flex-direction: column; padding: 5px 3px; }
.about-heading {width: 100%;margin-bottom: 0px;padding-top: 1px;}
}
.aboutus-section { padding: 5px 0px; }
.aboutus-title { font-size: 30px; letter-spacing: 0px; line-height: 32px; margin: 0px 0px 39px; padding: 0px 0px 11px; position: relative; text-transform: uppercase; color: rgb(0, 0, 0); }
.aboutus-title::after { background: none 0px 0px repeat scroll rgb(215, 8, 5); bottom: 0px; content: ""; height: 3px; left: 0px; position: absolute; width: 73px; }
.aboutus-text { color: rgb(96, 96, 96); font-size: 13px; line-height: 22px; margin: 0px 0px 35px; }
a:hover, a:active { color: rgb(15, 77, 149); text-decoration: none; outline: 0px; font-weight: 500; }
.aboutus-more { border: 1px solid rgb(253, 184, 1); border-radius: 25px; color: rgb(253, 184, 1); display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 0px; padding: 7px 20px; text-transform: uppercase; }
.feature .feature-box .iconset { float: left; position: relative; width: 27%; padding-left: 73px; padding-bottom: 15px; }
.feature .feature-box .iconset::after { content: ""; height: 150%; left: 42%; position: absolute; top: 100%; width: 1px; }
.feature .feature-box .feature-content h4 { color: rgb(15, 15, 15); font-size: 18px; letter-spacing: 0px; line-height: 22px; margin: 0px 0px 5px; }
.feature .feature-box .feature-content { float: left; padding-left: 44px; }
.feature .feature-box .feature-content h4 { color: rgb(15, 15, 15); font-size: 18px; letter-spacing: 0px; line-height: 22px; margin: 0px 0px 5px; }
.feature .feature-box .feature-content p { color: rgb(96, 96, 96); font-size: 13px; line-height: 22px; }
.icon { padding: 10px; border: 1px solid rgb(234, 67, 2); border-radius: 100px; color: rgb(240, 117, 69); font-size: 28px; height: 60px; line-height: 70px; text-align: center; width: 60px; }
.fa-check::before { font-size: 33px; }
.page-title { margin-top: 1rem; }
.resim-baslik { margin-top: 188px; background-color: rgba(4, 4, 4, 0.4); margin-left: 0px; padding: 5px; }
.btn-info { color: rgb(255, 255, 255); background-color: rgb(123, 22, 13); border-color: rgb(187, 150, 66); }
.social-card-header { position: relative; display: flex; align-items: center; justify-content: center; height: 96px; }
.card { border-radius: 0rem; margin-bottom: 10px; }
.social-card-header i { font-size: 32px; color: rgb(255, 255, 255); }
.bg-facebook { background-color: rgb(59, 89, 152); }
.text-facebook { color: rgb(59, 89, 152); }
.bg-google-plus { background-color: rgb(221, 75, 57); }
.text-google-plus { color: rgb(221, 75, 57); }
.bg-twitter { background-color: rgb(29, 161, 242); }
.text-twitter { color: rgb(29, 161, 242); }
.bg-pinterest { background-color: rgb(189, 8, 28); }
.text-pinterest { color: rgb(189, 8, 28); }
.share:hover { text-decoration: none; opacity: 0.8; }
.col_white_amrc { color: rgb(255, 255, 255); }
.card { display: flex; flex-direction: column; width: clamp(20rem, 20rem + 2vw, 22rem); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.1rem 1rem; border-radius: 1em; background: linear-gradient(to right, rgb(255, 255, 255), rgb(236, 233, 230)); }
.card__body { padding: 1rem; display: flex; flex-direction: column; gap: 0.5rem; }
.tag { align-self: flex-start; padding: 0.25em 0.75em; border-radius: 1em; font-size: 0.75rem; }
.tag + .tag { margin-left: 0.5em; }
.tag-blue { background: linear-gradient(rgb(47, 128, 237), rgb(86, 204, 242)); color: rgb(250, 250, 250); }
.tag-brown { background: linear-gradient(rgb(255, 209, 148), rgb(209, 145, 60)); color: rgb(250, 250, 250); }
.tag-red { background: linear-gradient(rgb(239, 71, 58), rgb(203, 45, 62)); color: rgb(250, 250, 250); }
.card__body h4 { font-size: 1.5rem; text-transform: capitalize; }
.card__footer { display: flex; padding: 1rem; margin-top: auto; }
.user { display: flex; gap: 0.5rem; }
.user__image { border-radius: 50%; }
.user__info > small { color: rgb(102, 102, 102); }
.btn.bg-blue-ui.white.read { cursor: pointer; padding: 4px 20px; float: left; margin-top: 10px; background-color: rgb(3, 18, 84); color: rgb(255, 255, 255); }
.cardh { margin-top: 33px; transition: all 0.5s ease 0s; margin-bottom: 33px; border: 1px solid rgb(172, 25, 27); border-radius: 16px; }
.cardh h2 { font-size: 23px; }
.cardh:hover { border: 1px solid red; border-radius: 30px; }
.cardh .cardImg { width: 90%; position: relative; top: -15px; left: 5%; }
.cardh .cardImg img { width: 100%; height: 100%; border-radius: 5px; }
.cardh .info { text-align: center; margin-bottom: 5px; margin-top: 5px; padding: 10px; }
.cardh .info h3 { color: rgb(70, 66, 66); }
.cardh .info p { color: rgb(41, 201, 49); }
footer {width: 100%;background-color: rgb(22 57 100);min-height: 250px;padding: 10px 0px 25px;}
.by a{color:#707070;}
.pt2 { padding-top: 40px; margin-bottom: 20px; }
footer p { font-size: 13px; color: rgb(204, 204, 204); padding-bottom: 0px; margin-bottom: 8px; }
.mb10 { padding-bottom: 15px; }
.footer_ul_amrc { margin: 0px; list-style-type: none; font-size: 14px; padding: 0px 0px 10px; }
.footer_ul_amrc li { padding: 0px 0px 5px; }
.footer_ul_amrc li a { color: rgb(204, 204, 204); }
.footer_ul_amrc li a:hover { color: rgb(255, 255, 255); text-decoration: none; }
.fleft {/* float: left; */}
.padding-right {padding-right: 0px;}
.footer_ul2_amrc li i { color: rgb(255, 255, 255); font-size: 20px; }
.footer_ul2_amrc { margin: 0px; list-style-type: none; padding: 0px; }
.footer_ul2_amrc li p { display: table; }
.footer_ul2_amrc li a:hover { text-decoration: none; }
.bottom_border { border-bottom: 1px solid rgb(50, 63, 69); padding-bottom: 20px; }
.foote_bottom_ul_amrc { list-style-type: none; padding: 0px; display: table; margin: 10px auto; }
.foote_bottom_ul_amrc li { display: inline; }
.foote_bottom_ul_amrc li a { color: rgb(153, 153, 153); margin: 0px 12px; }
.social_footer_ul { display: table; margin: 15px auto 0px; list-style-type: none; }
.social_footer_ul li { padding-left: 20px; padding-top: 10px; float: left; }
.social_footer_ul li a { color: rgb(204, 204, 204); border: 1px solid rgb(204, 204, 204); padding: 8px; border-radius: 50%; }
.social_footer_ul li i { width: 20px; height: 20px; text-align: center; }
.form-control:focus { border-color: rgb(153, 153, 153); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px inset; }
select.form-control { padding-right: 5px; appearance: menulist; }
select[multiple].form-control { appearance: listbox; height: auto; }
.form-control::-webkit-input-placeholder { color: inherit; }
.input-group-addon { background-color: rgb(236, 112, 53); border-color: rgb(225, 225, 225); }
.form-list > div { padding: 7px 15px; border-bottom: 1px solid rgb(221, 221, 221); background-color: rgb(243, 243, 243); margin: 6px 0px; display: block; }
form label, .radio label, .checkbox label { font-weight: 300; }
fieldset { padding: 10px 15px; margin: 15px 0px; border: 1px solid rgb(221, 221, 221); background-color: rgb(250, 250, 250); }
fieldset legend { display: block; width: auto; padding: 3px 10px; margin-bottom: 0px; font-size: 15px; line-height: inherit; color: rgb(51, 51, 51); border: 1px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); }
fieldset .form-control, fieldset .form-control:focus { box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 3px inset; border-color: rgb(243, 243, 243); }
input[type="radio"], input[type="checkbox"] { margin-top: 5px; }
.has-feedback { position: relative; }
.has-feedback label ~ .form-control-feedback { top: 29px; }
.has-feedback label.sr-only ~ .form-control-feedback { top: 0px; }
.has-feedback .form-control-feedback { width: 40px; height: 40px; top: 0px; right: 0px; color: rgb(119, 119, 119); position: absolute; text-align: center; margin-top: 0px; line-height: 40px !important; }
.has-feedback .form-control-lg + .form-control-feedback, .has-feedback label.sr-only ~ .form-control-lg + .form-control-feedback { height: 48px; top: 4px; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { opacity: 1.5; }
.form-control .disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }
.breadcrumb-list > li { font-size: 14px; list-style: none; display: inline; }
.breadcrumb-list > li a::after { content: "/"; vertical-align: middle; margin: 0px 5px; color: rgb(122, 122, 122); }
.action-wishlist:hover, .action-wishlist:focus { color: rgb(255, 255, 255); }
.add-to-cart.action-wishlist { width: 50px; text-align: center; padding: 0px; }
.add-to-cart.action-wishlist i { margin-right: 0px; }
.product-add-to-cart .cart-title, .product-add-to-cart .cart-title:hover, .product-list-action .cart-title, .product-list-action .cart-title:hover { background-color: transparent; border-bottom: none; color: inherit; }
.product-add-to-cart .pro-add-btn i, .product-list-action .pro-add-btn i { margin-right: 10px; font-size: 18px; }
.add-to-cart { display: inline-block; }
.action-wishlist:hover, .action-wishlist:focus { color: rgb(255, 255, 255); }
.add-to-cart.action-wishlist i { margin-right: 0px; }
.product-add-to-cart { float: none; }
.single-product-wishlist { display: inline-block; position: relative; margin-left: 20px; }
.product-thumbnail .owl-nav { display: none; }
.breadcrumb-area { padding: 30px 0px; background-color: rgb(243, 243, 243); }
.breadmome-name { color: rgb(255, 106, 0); font-size: 24px; font-weight: 500; text-transform: capitalize; margin: 0px 0px 18px; }
.breadcrumb-content > ul > li { display: inline-block; list-style: none; position: relative; font-size: 14px; color: rgb(51, 51, 51); }
.breadcrumb-content > ul > li.active { color: rgb(255, 106, 0); }
.breadcrumb-content > ul > li::after { content: "/"; vertical-align: middle; margin: 0px 5px; color: rgb(122, 122, 122); }
.breadcrumb-content > ul > li:last-child::after { display: none; }
.mt-80 { margin-top: 110px; }
.mb-80 { margin-bottom: 80px; }
.single-product-name { font-size: 24px; text-transform: capitalize; font-weight: 900; color: rgb(68, 68, 68); margin-bottom: 12px; }
.single-product-reviews { margin-bottom: 10px; }
.single-product-price { margin-top: 25px; }
.single-product-action { margin-top: 30px; padding-bottom: 30px; border-top: 1px solid rgb(235, 235, 235); border-bottom: 1px solid rgb(235, 235, 235); float: left; width: 100%; }
.product-discount { display: inline-block; margin-bottom: 20px; }
.product-discount span.price { font-size: 33px; font-weight: 900; line-height: 30px; display: inline-block; color: rgb(205, 32, 16); }
.product-info { color: rgb(51, 51, 51); font-size: 14px; font-weight: 400; }
.product-info p { }
.product-add-to-cart span.control-label { display: block; margin-bottom: 10px; text-transform: capitalize; color: rgb(35, 35, 35); font-size: 14px; }
.product-add-to-cart { overflow: hidden; margin: 20px 0px; float: left; width: 100%; }
.cart-plus-minus-box { border: 1px solid rgb(225, 225, 225); border-radius: 0px; color: rgb(60, 60, 60); height: 49px; text-align: center; width: 50px; padding: 5px 10px; }
.product-add-to-cart .cart-plus-minus { margin-right: 25px; }
.cart-plus-minus { position: relative; width: 75px; float: left; padding-right: 25px; }
.add-to-cart { background: rgb(188, 151, 68); border-width: 0px 0px 3px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(205, 31, 16); color: rgb(255, 255, 255); box-shadow: none; padding: 0px 30px; border-radius: 3px; font-weight: 400; cursor: pointer; font-size: 14px; text-transform: capitalize; height: 50px; line-height: 50px; }
.add-to-cart:hover { background: rgb(255, 106, 0); border-color: rgb(233, 100, 5); }
.product-discount span.indirim { color: rgb(148, 148, 148); font-size: 20px; font-weight: 400; text-decoration: line-through; margin-left: 14px; display: inline-block; }
.product-discount .product-discount-label { color: rgb(255, 255, 255); background-color: rgb(171, 26, 13); font-size: 14px; right: 0px; clip-path: polygon(0% 0px, 100% 0px, 100% 100%, 0px 100%); }
.product-thumbnail { margin-top: 6px; padding-bottom: 10px; }
.urunler-anasayfa { background-color: rgba(251, 251, 251, 0.94); color: rgb(0, 0, 0); padding-top: 20px; padding-bottom: 0px; margin-bottom: 20px; }
.social-urun p { color: rgb(162, 162, 162); }
.asocial-area { float: right; }
.carousel-wrap {
margin: 10px auto;
padding: 0 5%;
width: 90%;
position: relative;
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
position: relative;
z-index: 100;
-webkit-backface-visibility: hidden;
}
/* end fix */
.owl-nav > div {
margin-top: -26px;
position: absolute;
top: 50%;
color: #cdcbcd;
}
.owl-nav i {
font-size: 52px;
}
.owl-nav .owl-prev {
left: -83px;
}
.owl-nav .owl-next {
right: -30px;
}
@media screen and (max-width: 768px) {
.asocial-area { float: none; text-align: center; }
}
.asocial-icon { line-height: 35px; font-size: 1.4rem; text-align: right; }
.asocial-icon a { color: rgb(255, 255, 255); padding: 2px 6px; font-size: 20px; }
@media screen and (max-width: 1000px) {
.asocial-icon { font-size: 2rem; line-height: 50px; }
}
.breadcrumb {display: flex;flex-wrap: wrap;padding: 0.75rem 25rem;margin-bottom: 1rem;list-style: none;background-color: rgb(255 255 255 / 90%);border-radius: 0.0rem;text-align: center;color: #fff;}
.breadcrumbs { padding: 15px 0px; background: rgb(236, 246, 254); margin-top: 130px; }
#top_banner .inner h2 { color: rgb(255, 255, 255); margin-bottom: 0px; text-transform: uppercase; }
#top_banner .banner {background-repeat: no-repeat;background-size: cover;padding-top: 100px;background-position: 100% 50%;margin-top: 0px;background-color: #000;/* color: #fff; */}
#top_banner .page_info { padding: 20px 0px 10px; background: rgb(249, 249, 249); border-bottom: 1px solid rgb(221, 221, 221); }
.facebook a:hover { color: rgb(59, 89, 152); }
.twitter a:hover { color: rgb(43, 123, 185); }
.googleplus a:hover { color: rgb(221, 75, 57); }
.linkedin a:hover { color: rgb(0, 123, 182); }
.youtube a:hover { color: rgb(204, 24, 30); }
.flickr a:hover { color: rgb(43, 123, 185); }
.rss a:hover { color: rgb(251, 100, 5); }
.instagram a:hover { color: rgb(63, 114, 155); }
.social-urun a { display: inline-block; margin: 10px 10px 5px 0px; padding: 10px 15px; color: rgb(255, 255, 255); font-weight: bold; text-align: center; text-decoration: none; border-radius: 5px; }
.twit { background: rgb(154, 228, 232); }
.face { background: rgb(59, 89, 152); }
.google-plus { background: rgb(211, 72, 54); }
.vkp { background-color: rgb(98, 135, 174); }
.whatsup { background: rgb(30, 181, 91); }
.separator-1, .separator-2 { width: 100%; margin-bottom: 15px; position: relative; height: 1px; }
.separator-1::after { height: 1px; background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%); position: absolute; bottom: -1px; left: 0px; content: ""; width: 100%; }
.fixed-tabs-Whats { position: fixed; right: -90px; bottom: 60px; z-index: 100; }
.aba-whatsphone { background: rgb(40, 167, 69); height: 81px; width: 182px; border-radius: 20px 21px 3px 22px; transition: all 0.7s ease 0s; transform: rotate(-90deg); z-index: 2147483647; }
.aba-whatsphone:hover { width: 234px; transition: all 0.7s ease 0s; }
.aba-whatsphone-icone { background-repeat: no-repeat; padding: 1px; font-size: 24px; color: rgb(255, 255, 255); }
.aba-whatsphone-icone i { padding: 3px; }
.aba-whatsphone-icone a { color: rgb(255, 255, 255); font-size: 18px; line-height: 17px; margin-left: 0px; text-decoration: none; height: 2px; font-family: sans-serif; }
.aba-whatsphone-icone a strong { display: block; font-size: 15px; margin-left: 10px; }
.filter { position: absolute; width: 100%; height: 100%; filter: blur(20px); opacity: 0.5; background-position: center center; background-size: cover; }
.lightbox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateY(0deg); max-height: 95vh; max-width: calc(95vw - 100px); transition: all 0.8s cubic-bezier(0.7, 0, 0.4, 1) 0s; transform-style: preserve-3d; }
[class^="arrow"] { height: 200px; width: 50px; background: rgba(0, 0, 0, 0.4); position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
[class^="arrow"]::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 15px; height: 15px; }
.example-image { margin: 10px; width: 270px; }
.arrowr { right: 0px; }
.arrowr::after { border-right: 1px solid white; border-bottom: 1px solid white; }
.arrowl { left: 0px; }
.arrowl::after { border-left: 1px solid white; border-top: 1px solid white; }
.close { position: absolute; right: 0px; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.4); margin: 20px; cursor: pointer; }
.close::after, .close::before { content: ""; position: absolute; top: 50%; left: 50%; width: 1px; height: 100%; background: rgb(231, 76, 60); }
.close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.close::before { transform: translate(-50%, -50%) rotate(45deg); }
.title { font-size: 18px; color: rgb(0, 0, 0); z-index: 1000; top: 0px; left: 0px; margin-top: 6px; text-align: center; }
.note-float-right { margin-left: 10px; }
.note-float-left { margin-right: 10px; }
.carousel-caption { position: absolute; right: 63%; bottom: 20px; left: 14%; z-index: 10; color: rgb(255, 255, 255); text-align: center; }
blockquote { font-size: 1.6em; line-height: 1.6em; padding: 20px 20px 20px 40px; border-left: none; position: relative; text-indent: -19px; font-family: monospace; text-align: center; }
section#block_content { min-height: 400px; padding-top: 40px; text-align: left; }
blockquote p { font-size: 1em; }
blockquote::before, blockquote::after { font-family: Arial, serif; font-size: 2.5em; vertical-align: middle; line-height: 0; }
blockquote::before { content: open-quote; margin-right: 4px; }
blockquote::after { content: close-quote; margin-left: 3px; }
blockquote.blockstyle, blockquote.style2 { background: rgb(255, 255, 255); font-style: italic; }
blockquote.blockstyle p, blockquote.style2 p { display: inline; }
blockquote.blockstyle { border-left: 3px solid rgb(162, 35, 35); position: relative; }
blockquote.blockstyle::before, blockquote.blockstyle::after { color: rgb(152, 12, 12); }
blockquote.blockstyle.border-color-blue { border-color: rgb(1, 183, 242); }
blockquote.blockstyle.border-color-blue > span.triangle::before { color: rgb(1, 183, 242); }
blockquote.blockstyle.border-color-yellow { border-color: rgb(253, 183, 20); }
blockquote.blockstyle.border-color-yellow > span.triangle::before { color: rgb(253, 183, 20); }
@media (max-width: 992px) {
.breadcrumbs { margin-top: 50px; }
#myCarousel .carousel-item { height: 100%; min-height: 186px; }
.carousel-caption { position: absolute; right: 5%; bottom: 20px; left: 5%; z-index: 10; color: rgb(255, 255, 255); text-align: center; }
#myCarousel .carousel-item h2 { animation-name: fadeInLeft; font-size: 14px; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; }
}
.serviceBox { font-family: Barlow, sans-serif; text-align: center; padding: 10px; position: relative; z-index: 1; margin-bottom: 20px; background-color: rgb(255, 255, 255); min-height: 333px; border-radius: 6px; }
.serviceBox:hover { border: 2px solid rgb(122, 122, 122); }
.serviceBox::before, .serviceBox::after { width: 41%; border-right: none; border-bottom: none; border-radius: 2px 0px 0px; left: -4px; content: ""; background-color: rgb(215, 8, 5); position: absolute; top: -2px; z-index: -1; }
.serviceBox::after { transform: rotate(90deg); inset: auto; width: 10px; height: 86px; border-radius: 10px; }
.serviceBox .service-icon::before { content: ""; border-width: 7px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; border-image: initial; border-radius: 50%; position: absolute; inset: 10px; }
.serviceBox .service-icon::after { border-width: 7px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; border-image: initial; border-radius: 50%; position: absolute; inset: 10px; }
.serviceBox .title h2 { font-family: Barlow, sans-serif; color: rgb(76, 195, 23); font-size: 20px; font-weight: 600; line-height: 27px; text-transform: uppercase; margin: 0px 0px 5px; }
.serviceBox .description { color: rgb(85, 85, 85); font-size: 14px; line-height: 20px; margin: 0px; }
.serviceBox.green::before, .serviceBox.green::after { border-color: rgb(165, 197, 0); }
.service-img img { width: 100%; transform: scale(1); transition: all 0.5s ease-out 0s; }
.serviceBox.green .title { color: rgb(165, 197, 0); }
.serviceBox.yellow::before, .serviceBox.yellow::after { border-color: rgb(237, 173, 0); }
@media only screen and (max-width: 990px) {
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 24px; }
.header-area .header-top .header-info-left ul li { color: rgb(45, 45, 45); display: inline-block; margin-right: 10px; font-family: Barlow; font-size: 13.2px; }
.header-area .header-top .header-info-right .header-social li a { color: rgb(45, 45, 45); font-size: 15px; padding-left: 0px; font-family: Barlow; }
ul, ol { margin: 0px; padding: 0px; }
.carousel-indicators li { position: relative; -webkit-box-flex: 0; flex: 0 1 auto; width: 12px; top: 14px; height: 18px; border: 1px solid rgba(248, 248, 248, 0.19); border-radius: 3px; right: 0px; margin-left: 5px; text-indent: -999px; transform: rotate(0deg); }
.navbar-collapse { flex-basis: 100%; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-align: center; align-items: center; background-color: rgb(237, 237, 237); }
.serviceBox { margin: 0px 0px 30px; }
.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 0.9rem; line-height: 1; background-color: rgb(0, 0, 0); border: 1px solid transparent; border-radius: 0.25rem; }
.navbar { right: 0px; left: 0px; height: 86px; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0rem; position: relative; background-color: rgb(255, 255, 255); }
.breadcrumb { display: contents; }
.ustbolum .ara { display: contents; }
.ustbolum .top-header .sag .item { border-right: 0px solid; padding: 5px 15px; }
.ustbolum .top-header .sag { display: contents; align-items: center; }
.ustbolum .top-header .left {/* position: relative; */z-index: 1;/* padding: 0px 173px 0px 3px; */}
.carousel-item > img { width: 100%; object-fit: cover; object-position: center center; height: 350px !important; }
.about-wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 1px;
margin-left: 11px;
margin-right: 11px;
}
.logoalani {
float: none;
}
}
.whatsapp {position: fixed;width: 37px;height: 54px;bottom: 5px;right: 5px;background-color: rgb(37, 211, 102);color: rgb(255, 255, 255);border-radius: 34px;text-align: center;font-size: 30px;z-index: 100;}
.whatsapp-icon { margin-top: 13px; }
.social-links a{
display: inline-block;
height: 40px;
width: 40px;
background-color: rgba(255,255,255,0.2);
margin:0 10px 10px 0;
text-align: center;
line-height: 40px;
border-radius: 50%;
color: #ffffff;
transition: all 0.5s ease;
}
.footer-col .social-links a:hover{
color: #24262b;
background-color: #ffffff;
}
.testimonial{
padding-top: 2px;
margin: 10px 4px 0;
border: 1px solid #fff;
text-align: center;
position: relative;
transition: all 0.7s ease 0s;
border-radius: 5px;
border: #e7e7e7 solid 1px;
}
.testimonial:hover{ border-color: #e7e3e3; }
.testimonial .pic{
width: 95px;
height: 95px;
border-radius: 50%;
background: #fff;
padding: 7px;
position:absolute;
top: -50px;
left: 50%;
overflow: hidden;
transform: translateX(-50%);
transition: all 0.7s ease 0s;
}
.testimonial:hover .pic{ background: #1d3033; }
.testimonial .pic img{
width: 100%;
height: auto;
border-radius: 50%;
}
.testimonial .title{
font-size: 16px;
font-weight: 700;
color: #12355a;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.testimonial .description{
font-size: 15px;
color: #999;
line-height: 25px;
border-bottom: 1px solid #f7f7f7;
padding: 0 25px 35px;
margin: 0;
}
.testimonial .testimonial-content{
padding: 15px 25px 12px;
border: 1px solid #f7f7f7;
border-top: none;
position: relative;
text-align: left;
transition: all 500ms ease 0s;
}
.testimonial:hover .testimonial-content{ border-color: #1d3033; }
.testimonial .testimonial-content:after{
content: "";
width: 100%;
height: 0;
background: #1d3033;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
transition: all 0.7s ease 0s;
}
.testimonial:hover .testimonial-content:after{ height: 100%; }
.testimonial-content .testimonial-profile{ display: inline-block; }
.testimonial .name{
font-size: 16px;
font-weight: 700;
color: #3d3d3d;
text-transform: uppercase;
margin: 0 0 3px;
transition: all 700ms ease 0s;
}
.testimonial:hover .name{ color: #fff; }
.testimonial .post{
font-size: 14px;
color: #eabd44;
text-transform: capitalize;
}
.testimonial .rating{
display: inline-block;
padding: 1px 5px;
margin: 14px;
list-style: none;
background: #ffffff;
/* position: absolute; */
left: 46px;
/* text-align: center; */
color: #004085;
}
.testimonial .rating li{
display: inline-block;
font-size: 14px;
color: #2663a4;
}
.owl-theme .owl-controls{
width: 100%;
position: absolute;
top: 50%;
}
.owl-theme .owl-controls .owl-buttons div{
width: 45px;
height: 40px;
line-height: 37px;
border-radius: 3px;
background: #fff;
border: 1px solid #ececec;
padding: 0;
opacity: 1;
transition: all 0.4s ease-in-out 0s;
}
.owl-theme .owl-controls .owl-buttons div:hover{
background: #eabd44;
border-color: #eabd44;
}
.owl-prev,
.owl-next{
position: absolute;
left: -3%;
}
.owl-next{
left: auto;
right: -3%;
}
@media only screen and (max-width: 990px){
.owl-theme .owl-controls,
.owl-prev,
.owl-next{
position: relative;
left: 280px;
right: 210px;
}
}
@media only screen and (max-width: 768px){
.testimonial .testimonial-content{
padding: 15px 10px 12px;
}
.testimonial .rating{
right: 12px;
}
}