#BOOTSTRAP_URUN_LISTESI_BASLANGICI{}
/*
@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";
html,body{min-height:1000px;line-height:24px;float:left;width:100%;scroll-behavior:smooth;width:100%;height:100%;color:#000;background-color:#fff;font-family:"Urbanist",sans-serif}
body{overflow-x:hidden}
*/

.urun-filtreleme .gap{gap:50px}
.resim{float:left;width:100%;height:340px;position:relative;background-color:#000;overflow:hidden;font-size:14px;line-height:20px}
.resim img{float:left;width:100%;height:100%;object-fit:cover;position:absolute;opacity:.7;top:0;left:0;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.resim:hover img{opacity:1;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}
.resimnet img{opacity:1}
.resimauto{height:auto!important}
.resimauto img{position:relative}
.resimtam{height:680px}
.nopadding7 .resimtam{height:694px}
.proje{float:left;width:100%;padding-left:15px;padding-right:15px;margin-bottom:30px;text-align:left}
.proje .projeic{float:left;width:100%;border-radius:15px;overflow:hidden;background-color:transparent}
.projev{width:30%}
.proje .contenttop{float:left;width:100%;padding:0}
.proje .pricearea{float:left;width:100%;background-color:#ffc121;color:#000;padding:5px 15px}
.proje .pricearea .price{float:left;font-size:26px;font-weight:800;line-height:40px}
.proje .pricearea .prop{float:right;margin-left:25px;font-size:15px;line-height:40px;font-weight:400;color:#000}
.proje .pricearea .prop i{float:right;line-height:40px;margin-left:5px;color:#000}
.proje .contenttop .spot{float:left;width:100%;color:#000;font-family:"Urbanist",sans-serif;font-size:15px;line-height:20px;font-weight:800;padding:8px 15px;-webkit-line-clamp:2;max-height:90px;overflow:hidden}
.projev .contenttop .spot{border-bottom:none;padding:5px 15px;padding-bottom:0}
.proje .content{float:left;width:100%;display:inline;padding:15px;color:#000;font-weight:700;height:146px;overflow:hidden}
.projev .content{display:none}
.proje .content .baslik{float:left;width:100%;display:inline;padding-bottom:5px;font-size:16px;line-height:20px;font-weight:600}
.proje .content .spot{float:left;width:100%;-webkit-line-clamp:3;max-height:72px;overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}
.proje.projev .pricearea{background:#ffc121;color:#000;border:none;padding:8px 15px}
.proje.projev .pricearea .prop{color:#000}
.proje.projev .pricearea .prop i{color:#000}
.proje .col-md-4.nopadding .resim{height:0;padding-bottom:60%}
.projev .col-md-4.nopadding .resim{height:0;padding-bottom:60%}
.proje .resim img{opacity:1;border:none;width:100%}
.proje .resim .videobut{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:inline-table;background-color:#ffff;transition:all .2s ease}
.proje .resim .videobut .videobutic{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:#00adee;font-size:16px;font-weight:800;height:100%}
.proje .resim .videobut .videobutic img{height:30px;width:30px;position:relative;margin-bottom:0;margin-top:20px}
.proje .col-md-4 .col-4.nopadding1 .resim{height:0;padding-bottom:65%}
.projev .col-md-4 .col-4.nopadding1 .resim{height:0;padding-bottom:65%}
.proje .buttons{float:left;width:100%;text-align:center;padding:10px 15px;font-size:15px;font-weight:500}
.proje .buttons .but1{float:left;width:33.333333%;padding:10px 15px;background-color:#005283;color:#fff;font-size:22px;font-weight:800;text-decoration:none;border-radius:10px;margin-bottom:10px;margin-right:5px;-webkit-box-shadow:3px 3px 3px 0 #0000004d;-moz-box-shadow:3px 3px 3px 0 #0000004d;box-shadow:3px 3px 3px 0 #0000004d}
.projev .buttons .but1{width:100%}
.proje .buttons .but2{float:left;width:calc(33.333333% - 5px);padding:10px 15px;background-color:#005283;color:#fff;font-weight:300;text-decoration:none;border-radius:10px;-webkit-box-shadow:3px 3px 3px 0 #0000004d;-moz-box-shadow:3px 3px 3px 0 #0000004d;box-shadow:3px 3px 3px 0 #0000004d}
.proje .buttons .but2 .fa-heart{color:#ffc121}
.proje .buttons .but3{float:left;width:calc(33.333333% - 5px);padding:10px 15px;text-decoration:none;border-radius:10px;-webkit-box-shadow:3px 3px 3px 0 #0000004d;-moz-box-shadow:3px 3px 3px 0 #0000004d;box-shadow:3px 3px 3px 0 #0000004d;color:#000;background-color:#ffc121;margin-left:5px;margin-right:0;font-weight:700}
.projev .buttons .but2,.projev .buttons .but3{width:calc(50% - 5px);border-radius:0;padding:10px 0;margin-left:0;margin-right:5px;border-radius:10px}
.proje .buttons .but1:hover{color:#ffc121}
.proje .buttons .but2:hover{background-color:#ffc121;color:#005283}
.proje .buttons .but2:hover .fa-heart{color:#005283}
.proje .buttons .but3:hover{background-color:#000;color:#ffc121}
.proje .ref{float:left;width:100%;padding:5px 15px}
.projev .ref{padding:10px 15px;padding-bottom:0}
.proje .reffull{float:right;width:auto;text-align:right}
.proje .reftop{float:right;width:auto;text-align:right}
.proje .refleft{float:left;color:#005283;font-size:25px;font-weight:900;font-family:"Urbanist",Times,serif}
.proje .refright{float:right;width:auto;text-align:right;font-size:20px;font-weight:900;color:#000}
.projev .refleft{float:left;display:inline;width:50%;text-align:left;color:#005283}
.projev .refright{float:right;width:50%;text-align:right;color:#000}
.projev .reffull{float:left;width:100%;text-align:center}
.projev .col-md-4.nopadding,.projev .col-md-8.nopadding{min-width:100%}
@media screen and (max-width:1200px) {
.projev{width:45%}
.resim{height:230px;font-size:14px;line-height:20px}
.proje .contenttop .spot{padding-top:0;padding-bottom:5px}
.proje .content{padding-top:8px;padding-bottom:8px;height:86px;font-size:14px;line-height:18px}
.proje .buttons{padding-top:7px;padding-bottom:0}
.projev .buttons{padding-bottom:8px}
.proje.projev .pricearea{padding:10px}
.projev .contenttop .spot{font-size:13px}
.proje .pricearea .price{font-size:26px;line-height:34px}
.proje .pricearea .prop{margin-left:15px;font-size:13px;line-height:34px}
.proje .pricearea .prop i{line-height:34px}
.projev .refleft,.projev .refright{width:45%}
.projev .favbut{margin-bottom:5px}
.proje .resim .videobut .videobutic{font-size:14px}
.proje .buttons{font-size:13px}
}
@media screen and (max-width:768px) {
.urun-filtreleme .gap{gap:200px}
.projev{width:90%;z-index:10}
}
@media (min-width:1200px) and (max-width:1450px) {
.urun-filtreleme .proje i{font-size:12px}
}
@media only screen and (max-width: 578px) {
.urun-filtreleme .gap{gap:200px}
body{font-size:13px;line-height:18px}
.proje{padding-left:10px;padding-right:10px;margin-bottom:20px;text-align:left}
.nopadding{padding:0}
.nopadding.row{float:left;width:100%;margin-left:0;margin-right:0;padding:0}
.nopadding8{padding:0 8px}
.nopadding8.row{margin-left:-8px;margin-right:-8px;padding:0}
.nopadding7{padding:0 7px!important}
.nopadding1{padding:.5px}
.nopadding1.row{margin-left:-.5px;margin-right:-.5px;padding:0}
}
@media only screen and (max-width: 991px) {
.resim{height:180px;font-size:14px;line-height:20px}
.projev{width:90%}
.proje .resim .videobut .videobutic img{height:20px;width:20px;margin-top:15px}
.proje .contenttop .spot{-webkit-line-clamp:2;max-height:78px;overflow:hidden}
.proje .content{height:20px;padding:2px 15px}
.proje .content .baslik{font-size:15px}
}
@media only screen and (max-width: 359px) {
.proje .reffull{width:100%;text-align:center}
.proje .refright{width:100%;text-align:center}
.proje .refright span{padding-top:5px}
.projev .refright{width:50%;text-align:center}
}
@media only screen and (max-width: 1440px) {
.resim{height:280px;font-size:14px;line-height:20px}
.proje .contenttop .spot{padding-top:10px;padding-bottom:10px}
.proje .content{padding-top:10px;padding-bottom:10px;height:96px;font-size:15px;line-height:20px}
.proje .buttons{padding-top:10px;padding-bottom:10px}
}
@media only screen and (min-width: 1440px) {
.container{min-width:1380px}
}