@import url('https://fonts.googleapis.com/css?family=Roboto:light,regular,medium,thin,italic,mediumitalic,bold&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:light,regular,medium,thin,italic,mediumitalic,bold&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin-ext');

html,
body {
    height: 100%;
    background-color: #fff;
    color: rgb(99, 99, 103);
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1;
}

#wrap {
    min-height: 100%;
    overflow: auto;
    padding-bottom: 230px;
}

.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
    background-color: rgb(130, 122, 122) !important;
}

.sp-arrow:before,
.sp-arrow:after {
    left: -100% !important;
}

.sp-horizontal .sp-previous-arrow {
    left: 0 !important;
}

.sp-horizontal .sp-next-arrow,
.sp-horizontal.sp-rtl .sp-previous-arrow {
    right: 0 !important;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5 {
    font-weight: 700;
    text-transform: capitalize;
}

.h2,
h2 {
    font-size: 26px
}

.h3,
h3 {
    font-size: 20px
}

.h4,
h4 {
    font-size: 16px
}

.h5,
h5 {
    font-size: 13px
}

p {
    line-height: 2rem;
    font-size: 18px;
}

.h1,
h1 {
    margin-bottom: 50px
}

hr {
    float: left;
    width: 100%;
}

img {
    width: 100%;
    height: auto;
}

.no-padding: {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

li,
a {
    color: inherit;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

.notopmarg {
    margin-top: 0 !important
}

.Sayfain {
    background: none !important
}

.HataPage {
    padding: 40px 0;
}

.HataPage h3 {
    font-weight: 700;
    line-height: 1.5em;
}

iframe {
    width: 100%;
    height: auto;
    min-height: 400px;
}

.whatsapp {
    position: fixed;
    z-index: 9999;
    right: 5px;
    bottom: 20px;
    cursor: pointer;
    text-align: center;
    background: rgb(228, 222, 222);
    padding: 0.6rem 1.5rem;
    border-radius: 7px;
}

.whatsapp img {
    width: 50px;
    height: 50px;
}

.whatsapp a {
    display: block;
}

.whatsapp p {
    color: #12c151;
    font-weight: 600;
    line-height: 1;
    font-size: 14px;
    margin: 0;
}

.Line {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 25px;
}

.all,
.all:hover {
    margin: 20px 0;
    float: left;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: rgb(33, 150, 243);
}

.form-group {
    margin-bottom: 10px
}

.form-control {
    height: 44px;
    font-size: 14px;
    line-height: 2;
    box-shadow: none;
    border-radius: 6px;
    border: 2px solid;
    border-color: rgb(0, 0, 0);
}

.Sayfabaslik {
    padding-left: 15px;
    margin: 0 0 25px 0;
}

li {
    list-style: none;
}

.renk1 {
    color: rgb(255, 235, 59)
}

.renk1-bg {
    background: rgb(245, 245, 245)
}

.Go,
.Go-mini {
    background: rgb(210, 18, 18);
    color: rgb(255, 255, 255);
    padding: 12px 27px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    display: inline-block !important;
    margin-top: 20px;
    cursor: pointer;
    position: relative;
    opacity: 0.7;
}

.Form:before {
    content: none !important;
}

.Go-mini {
    width: 30%;
}

.Go:hover,
.Go-mini:hover {
    opacity: 1;
    color: #fff;
}

.blogba {
    margin-top: 10px
}

.blogba:hover {
    color: #000;
}

#toTop {
    position: fixed;
    bottom: 30px;
    right: 20px;
    cursor: pointer;
    display: none;
    padding: 10px 13px;
    font-size: 18px;
    line-height: 1em;
    background: none;
    border: none;
    z-index: 99;
    border-radius: 0;
}

#toTop:before {
    content: "\f062";
    font: 32px/32px 'FontAwesome';
    color: rgb(239, 14, 14);
}

.nopadding {
    padding: 0 !important
}

.nomargin {
    margin: 0 !important
}

.short {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 4.5em;
    font-size: 14px;
}

/* iste içi arama*/
.insearch {
    padding: 30px 15px 50px;
    margin-top: 60px;
    margin-bottom: 60px;
}

.insearch span {
    display: block;
    margin-bottom: 7px;
    font-size: 20px;
    border-bottom: 1px solid #a09898;
}

.insearch h2 {
    text-transform: none;
    margin: 0 0 15px;
    font-weight: 500;
    font-size: 22px;
    display: inline-block;
    margin: 0;
}

.insearch h3 {
    margin: 10px 0;
    font-weight: 500;
    font-size: 17px;
    display: block;
}

.insearch h4 {
    text-transform: none;
    font-weight: 500;
    font-size: 22px;
    display: block;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #a09898;
}

.insearch a {
    display: block;
    float: left;
    clear: both;
    margin-bottom: 10px;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 0;
}

.insearch a:hover {
    color: red;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgb(74, 72, 75);
}

/* ama sayfa ana kategoriler */
.MainCats {
    margin: 7rem auto;
    padding: 0;
}

.MainCats [class*='col-'] {
    padding: 1rem;
    overflow: hidden;
}

.MainCats a {
    display: block;
    position: relative;
    overflow: hidden;
}

.MainCats img {
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.MainCats .Basliklar {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.61);
    padding: 1.5rem 2rem;
    left: 0;
    width: 85%;
}

.MainCats .Basliklar h3 {
    color: rgb(255, 255, 255);
    font-weight: 700;
    line-height: 1.2;
    display: block;
}

.MainCats [class*='col-']:hover img {
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
}

/* ana sayfa favori üçlü*/
.populer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: red;
    color: white;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

.dengeleme {
    text-align: center;
    margin-bottom: 25px;
}

.MainFavorites {
    background: none;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}

.MainFavorites a {
    display: block;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.MainFavorites .Blok {
    overflow: hidden;
}

.patblok {
    padding: 10px;
    background: rgb(255, 255, 255);
    width: 100%;
    height: 70px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.MainFavorites .Blok h3 {
    line-height: 1.3em;
    -moz-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
    text-transform: unset;
    font-weight: 600;
    overflow: hidden;
    max-height: 100%;
}

.MainFavorites .Blok img {
    margin: 0 auto;
}

.MainFavorites .Blok p {
    color: rgb(189, 201, 212);
}

.MainFavorites a:hover .patblok {
    background: rgb(255, 0, 0);
}

.MainFavorites a:hover .Blok h3 {
    color: #fff;
}

.MainFavorites a:hover>.Blok img:hover {}

/* ana sayfa haberler */
.HaberAna {
    padding: 50px 0;
    background: #efeeee;
}

.HaberAna [class*='col-'] {}

.HaberAna .Blok {
    padding: 0;
}

.HaberAna iframe {
    width: 100%;
    height: 150px;
}

.HaberAna .owl-carousel .owl-item img {
    height: 150px;
}

.HaberAna .container {
    overflow: hidden;
}

.HaberAna h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 2.5em;
    min-height: 40px;
    margin-bottom: 2rem;
}

.HaberAna:after,
.HaberAna:before {
    content: none;
}

/* ana sayfa firmablok*/
.Firm {
    position: relative;
    z-index: 0;
}

.Firm p {
    font-size: 22px;
    text-align: justify;
    display: inline-table;
    font-weight: 600;
}

.Firm h1 {
    margin-top: 70px;
}

.AnaBlok {
    background: rgb(245, 246, 246);
    padding: 50px 0;
    position: relative;
}

.AnaBlok h1 {
    text-transform: unset;
    margin: 0 15px 0 0;
    display: inline-table;
    color: rgb(255, 0, 0);
}

.AnaBlok .Metin {
    padding: 50px;
}

.AnaBlok .Metin p {
    text-align: justify;
}

.Bigger {
    font-size: 100px;
}

.Middler {
    font-size: 48px;
}

/* yeni ürünler */
.Latest {
    padding: 80px 0;
}

.Latest .Blok {
    padding: 20px;
}

.Latest .Blok h3 {
    text-align: center;
}

.Latest .Blok:hover>h3 {
    color: rgb(204, 0, 0) !important
}

.Latest .Blok p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 4.5em;
    font-size: 15px;
}

.Latest .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.Latest .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.Latest .Blok:hover .image {
    opacity: 0.3;
}

.Latest .Blok:hover .middle {
    opacity: 1;
}

.Latest .text {
    background-color: rgba(0, 0, 0, 0.72);
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 14px 32px;
    border-radius: 0;
}

.Latest .text:hover {
    color: #fff
}

.Latest .container {
    padding: 0
}

/* ana sayfa bloglar*/
.blogin {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 4em;
    margin-top: 20px;
}

.blogin img {
    max-height: 200px;
    width: auto !important;
}

.owl-theme .owl-nav .disabled,
.owl-theme .owl-nav [class*=owl-] {
    background: none;
    */ color: rgb(255, 0, 0) !important;
    opacity: 1 !important;
    margin: 0 5px !important;
    font-size: 3em !important;
}

.owl-theme .owl-nav {
    margin: 15px 0 !important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none !important;
    opacity: 0.8 !important;
    text-decoration: none;
}

/* footer */
footer {
    background: rgb(46, 47, 53);
    padding: 40px 0;
    color: rgba(255, 255, 255, 0.81);
    position: relative;
    margin-top: -230px;
    clear: both;
    height: 230px;
}

footer hr {
    margin: 10px 0;
    border-top: 1px solid #888686;
}

.diplogo {
    margin: 0 15px 10px 0;
    display: inline-block;
    float: left;
    position: relative;
}

.diplogo a {
    display: block;
    float: left;
}

.Footy {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.Footy h4 {
    font-weight: 600;
    margin: 0 0 20px;
}

.Footmini {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 6em;
}

.Footy p {
    font-size: 14px
}

.Footy ul {
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.Footy ul li {
    margin: 0.4rem 1rem;
    font-weight: normal;
    display: inline-block;
}

.Footy ul li a {}

.Footy ul li.active a {
    color: rgb(204, 0, 0)
}

.MiniLogo {
    width: 75px;
    padding: 0 5px;
    vertical-align: middle;
    float: left;
}

.social-bottom {
    text-align: center;
}

.social-bottom li {
    display: inline-block;
    margin-right: 20px !important;
}

.social-bottom li a {
    font-size: 20px;
    line-height: 1;
    display: inline-block;
}

.social-bottom li a:hover {
    color: rgb(255, 162, 0);
}

.ebulten .form-control {
    height: 40px;
    width: 64%;
    border-radius: 0;
    background: none;
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.ebulten .btn {
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 0;
    border: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 6px 16px;
    height: 36px;
    background-color: rgb(0, 0, 0);
}

.ebulten label {
    display: inline-block;
    float: left;
    width: 35%;
    font-weight: normal;
    vertical-align: top;
    line-height: 40px;
    text-align: right;
    margin-right: 1%;
}

.cophy {
    padding: 0;
    font-size: 13px;
    line-height: 1.3em;
}

.cophy div {
    display: inline-block;
    float: right;
}

.cophy img {
    width: 50px;
}

.cophy a {
    display: block;
    float: left;
    font-size: 1.2rem;
    color: #31ff00;
}

/* sayfa içi yollar*/
.PageHeadline {
    margin: 0 0 20px;
    color: #676262;
    font-size: 25px;
}

.Other .PageHeadlineInn {
    text-align: left;
}

.PageHeadlineInn {
    color: rgb(95, 93, 93);
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.2em;
    text-transform: none;
    margin: 0 0 15px;
}

.GeneralPage {
    padding: 50px 0;
}

.GeneralPage .container {
    padding: 0
}

.genelbanner {
    background: none;
    margin: 20px 0;
}

.genelbanner .container {
    border-bottom: 1px solid rgb(152, 145, 145);
    padding-bottom: 5px;
}

.genelbanner li {
    display: inline-block;
    float: left;
    font-size: 14px;
}

.ayrac {
    margin: 0 5px
}

.ayrac:before {
    content: ">";
}

.genelbanner li>a {
    color: rgb(0, 147, 255);
    font-weight: 700;
    text-decoration: underline;
}

.genelbanner li.active {
    color: inherit;
}

.genelbanner li>a:hover {
    color: red
}

/* hakkımızda */
.markalarsayfa {
    padding: 50px 30px;
}

.marka {
    margin-top: 40px;
}

.marka div {}

.marka img {
    height: 180px;
    width: auto;
    display: block;
    margin: auto;
}

.RightWind {}

.RightWind ul {
    padding: 0;
    margin-top: 40px;
}

.RightWind ul li {
    border: 1px solid #afaaaa;
    margin-bottom: 10px;
}

.RightWind ul li a {
    font-size: 18px;
    line-height: 1.3em;
    padding: 8px 10px;
    text-transform: capitalize;
    display: block;
}

.RightWind ul li:hover {
    border: 1px solid #dad5d5;
    background: #dad5d5;
}

.Banner {
    background: url(../images/anasayfa-bloklar/main-bg1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 260px;
    height: 400px;
}

.Banner header {
    bottom: 44px
}

.SayfaBlok {
    padding: 50px 15px;
}

.SayfaBlok h1 {
    border-bottom: 2px solid rgb(136, 133, 133);
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.SayfaBlok p {
    vertical-align: top;
    margin: 10px 0;
}

/* destek */
.content {
    margin-top: 3rem;
    padding-left: 4rem;
}

.content .panel-group {
    margin-bottom: 0;
}

.content .panel-default>.panel-heading {
    background: none;
    color: inherit;
    padding: 0;
}

.content .panel-title a {
    display: block;
    padding: 15px 5px;
}

.content .glyphicon {
    float: right;
}

.content .panel-body .table,
.content .panel-body table tr td {
    border: none;
    margin-bottom: 0;
}

.Support {
    padding: 50px 0;
}

.accordion li {
    margin: 10px 0;
}

.accordion li a {
    font-size: 16px;
    color: rgb(136, 135, 135);
}

.accordion {
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    border: 1px solid rgb(220, 218, 218);
}

.accordion.current {
    background-color: rgba(235, 235, 235, 0.28);
}

.accordion.current .question {
    color: rgb(0, 0, 0);
}

.accordion .question {
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    display: block;
    font-size: 17px;
    width: 90%;
    line-height: 1.3em;
    color: inherit;
}

.accordion:hover {
    background: rgba(235, 235, 235, 0.28);
}

/* üründetay akordion */

.detaycion li {
    margin: 10px 0;
}

.detaycion li a {
    font-size: 16px;
    color: rgb(136, 135, 135);
}

.detaycion {
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    border: 1px solid rgb(220, 218, 218);
}

.detaycion.current {
    background-color: rgba(235, 235, 235, 0.28);
}

.detaycion.current .question {
    color: rgb(0, 0, 0);
}

.detaycion .question {
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    display: block;
    font-size: 17px;
    width: 90%;
    line-height: 1.3em;
    color: inherit;
}

.detaycion:hover {
    background: rgba(235, 235, 235, 0.28);
}

.detaycion span {
    display: block;
}

.detaycion .question:before {
    position: absolute;
    right: 10px;
    font-family: FontAwesome;
    content: "\f067";
}

.detaycion.current .question:before {
    position: absolute;
    right: 10px;
    content: "\f068";
}

.destek {
    display: block;
    margin-bottom: 10px;
    padding: 10px;
}

.destek a {
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 20px;
}

.accordion span {
    display: block;
}

.accordion .question:before {
    position: absolute;
    right: 10px;
    font-family: FontAwesome;
    content: "\f067";
}

.accordion.current .question:before {
    position: absolute;
    right: 10px;
    content: "\f068";
}

.bilgi-video {
    padding: 0
}

.bilgi-video iframe {
    max-width: 100%;
    max-height: 300px;
}

/* hizmetler */
.ServicesPage {
    padding: 50px 0;
}

.ServicesPage h1 {
    margin: 0;
    font-size: 36px;
}

.Services {
    padding: 30px 0;
}

.Services .Innde {
    margin-bottom: 100px;
}

.Services .Resim {
    background: none;
    padding: 0;
    max-height: 480px;
}

.Services .Text {
    padding: 10px;
    text-align: justify;
}

.Services .Text h2 {
    text-transform: capitalize;
    margin: 10px 0 20px;
    font-weight: 600;
}

/* hizmet detay */
.Side {
    padding: 0 20px 0 50px;
}

.Side li {
    display: block;
    margin-bottom: 15px;
    padding: 5px;
}

.Side li a {
    display: block;
    padding: 25px;
}

.Side li a img {}

.DetailsMain {
    padding: 25px 0;
    background: #000000;
    color: #e8e0e0;
    margin-top: 50px;
}

.DetailsMain h1 {
    margin-bottom: 30px
}

.DetailsMain .Blok {
    padding: 15px
}

.Inside {
    padding: 80px 0
}

.HizmetDetay {
    padding: 50px 30px
}

.HizmetDetay .Pict {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}

.HizmetDetay iframe {
    min-height: 300px;
}

.HizmetDetay img {
    width: 100% !important;
    height: auto !important;
}

.Other {}

.Other .Pict {
    width: 100%;
}

.Other .Metin {
    padding: 0;
}

.Details {
    display: block;
    height: 100%;
    padding: 20px 10px;
    border: 2px solid rgb(243, 242, 242);
    text-decoration: none !important;
}

.Details:hover {
    border: 2px solid rgb(255, 0, 0);
    background: none;
}

.MovieBlok {
    margin-top: 50px;
    text-align: center;
    max-height: 300px;
    overflow: hidden;
    padding: 0;
}

.MovieBlok iframe {
    width: 100%;
    max-height: 300px;
}

/* ürünler */
.Projeler {
    background: url(../images/projeler/projeler-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    background-position: center;
}

/* ürün kategori */
.Ana {
    padding: 70px 15px 30px !important;
}

.Kats {
    padding: 30px 15px;
}

.Kats h1 {
    margin: 15px 0 40px;
}

.Ana .content {
    margin-top: 20px;
    padding-left: unset;
}

.Blokot {
    padding: 10px;
    text-align: center;
    overflow: hidden;
}

.onna {
    padding: 15px;
}

.Blokot h3 {
    line-height: 1.3em;
    text-transform: capitalize;
    height: 50px;
    overflow: hidden;
}

.Blokot p {
    font-size: 15px
}

.image {
    opacity: 1;
    display: block;
    transition: .5s ease;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    backface-visibility: hidden;
    margin: auto;
    max-width: 100%;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.Blokot:hover .image {
    opacity: 0.3;
}

.Blokot:hover .middle {
    opacity: 1;
}

.Kats .text {
    background-color: rgba(0, 0, 0, 0.72);
    color: rgb(255, 255, 255);
    font-size: 1.3rem;
    padding: 5rem 7rem;
    border-radius: 0;
}

/* ürün detay */
.UrunDetay {
    padding: 50px 25px;
}

.UrunDetay ol,
ul {
    padding-left: 15px;
}

.UrunDetay li {
    list-style: unset !important;
}

.UrunDetay table {
    width: 100% !important;
    font-size: 13px;
    border: 1px solid;
}

.UrunDetay table td,
th {
    padding: 5px;
    border: 1px solid;
    border-color: rgb(220, 215, 215);
}

.urundetay-sayfa {
    margin-bottom: 50px;
}

.urundetay-sayfa img {
    margin: auto;
    display: block;
}

.DetayDevam {
    max-width: 24%;
    float: left;
    margin: 2rem 1% 2rem 0;
}

.DetayDevam img {}

.Plus {
    margin-top: 1rem;
    padding: 0;
}

.Benzerler .Blok {
    padding: 0
}

.Samethings {
    padding: 100px 0;
}

.Samethings h1 {
    padding-left: 15px;
    margin: 10px 0 20px;
}

.Samethings iframe {
    display: none;
}

.Teknik {
    padding: 50px 0;
    border-top: 1px solid #ddd;
}

.Teknik .container {}

.Tekon {}

.documents {
    margin-top: 30px;
    position: relative;
}

.Destek .form-group {
    padding-left: 0;
}

.belgeler {}

.belgeler:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f019";
    color: rgb(120, 144, 156);
    font-size: 3em;
    display: inline-block;
    margin: 0 25px 0 0;
    text-decoration: none;
    border: 2px solid;
    border-color: rgb(120, 144, 156);
    border-radius: 4px;
    padding: 5px 10px;
}

.belgeler:hover:before {
    color: #000;
    border-color: #000;
}

/* blog */
.Blog {
    padding: 50px 0
}

.Blog .Box {
    margin-bottom: 35px;
}

.Blog .Tarih {
    font-size: 14px;
    line-height: 2.5em;
    padding: 0;
    margin: 0;
}

.Blog h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 45px;
}

.Blog p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 3em;
    font-size: 15px;
}

.Go-box {
    background: rgb(204, 0, 0);
    color: rgb(255, 255, 255);
    padding: 8px 13px;
    border-radius: 0;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
    width: auto;
}

.Go-box:hover {
    background: #000;
    color: #fff;
}

/* galeriler */
.Gallbox {
    margin-bottom: 50px
}

.my-gallery {
    width: 100%;
    float: left;
}

.my-gallery .Box {
    padding: 5px 3px 8px 3px;
    max-height: 160px;
    overflow: hidden;
}

.my-gallery img {
    width: 100%;
    height: auto;
}

.my-gallery figure {}

.my-gallery figcaption {
    display: none;
}

.pswp__button--share {
    display: none !important;
}

.film {
    overflow: hidden;
}

.film iframe {
    max-width: 100%;
    height: 300px;
}

/* blog detay */
.BlogDetay {
    margin-top: 50px;
}

.BlogDetay h1 {
    font-size: 26px;
    text-transform: none;
    line-height: 1.2em;
}

.BlogDetay h3 {
    padding: 15px;
}

.BlogDetay .BoxMetin {
    margin-top: 40px;
}

.BlogDetay .BoxMetin p {
    padding: 15px 0;
    font-size: 18px;
    color: rgb(103, 98, 98);
}

.BlokOthers {
    margin: 90px 0 25px;
    border-top: 2px solid #ddd;
    padding: 30px 0;
}

.indetayblog {
    height: 180px;
    overflow: hidden;
    position: relative;
}

.Tarih {
    border-bottom: 1px solid #ddd
}

.BlokOthers h2 {
    padding: 0 15px;
    margin-bottom: 30px;
}

.BlokOthers .Details {
    border: 2px solid rgb(222, 215, 215);
}

.BlokOthers .Details:hover {
    background: rgb(222, 215, 215);
}

.BlokOthers .Details h3 {
    line-height: 1.2em;
    margin: 10px 0;
    font-weight: normal;
    height: 44px;
    overflow: hidden;
}

/* iletişim*/
.Maps {
    padding: 0;
}

.Maps iframe {
    height: 400px;
}

.Divo {
    margin-bottom: 80px;
    color: #5a5757;
    text-align: center;
}

.Divo .Sayfabaslik {
    font-size: 30px;
}

.Divo .form-control {
    border: 1px solid;
    border-color: rgb(160, 157, 157);
}

.Firma li {
    margin-bottom: 8px;
    line-height: 1em;
    font-size: 16px;
}

.Firma li .fa {
    font-size: 20px;
    margin-right: 10px;
}

.Divo iframe {
    width: 100%;
    height: 400px;
}

.urundevamslider {
    overflow: hidden
}

@media only screen and (min-width:1600px) {

    .Latest .container,
    .BlogMain .container {
        width: 1440px !important
    }

    .AnaBlok .Metin {
        padding: 50px 200px 50px 25px;
    }

    .Seconder {
        padding: 100px 20px 100px 250px !important;
    }

    .MainFavorites,
    .MainCats {
        width: 1400px;
    }
}

@media only screen and (min-width:1240px) {
    .HaberAna .Blok img {
        min-height: 240px !important;
    }
}

@media only screen and (min-width:900px) and (max-width:1024px) {
    .Services .Text {
        padding: 45px
    }
}

@media only screen and (min-width:600px) and (max-width:900px) {

    .Latest .container,
    .BlogMain .container {
        padding: 0 15px;
    }

    .Services .Text {
        position: relative !important;
    }

    .my-gallery .Box {
        max-height: 105px;
        ;
    }
}

@media only screen and (min-width:901px) and (max-width:1024px) {
    .my-gallery .Box {
        max-height: 138px;
        ;
    }
}

@media only screen and (min-width:600px) {
    .MiniBlok:nth-child(2n) {
        padding-left: 30px;
    }

    .Banner .Logofirst {
        top: 15%
    }
}

@media only screen and (min-width: 760px) {
    .Samethings .Blok h3 {
        height: 44px;
        overflow: hidden;
    }

    .Kats h1 {
        text-align: left;
        margin-left: 2rem !important;
    }
}

@media only screen and (max-width: 800px) {
    .MainCats .Basliklar {
        padding: 1rem 1.7rem
    }

    .onna {
        padding: 0
    }
}

@media only screen and (max-width: 760px) {
    .Blog h3 {
        overflow: hidden;
        display: block !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        text-overflow: unset !important;
        height: auto !important;
    }

    .Banner .Logofirst {
        top: 40%;
    }

    .indetayblog {
        height: auto;
        margin-bottom: 15px;
    }

    .BlokOthers .Blok {
        margin-bottom: 30px;
    }

    .PageHeadlineInn {
        font-size: 17px;
    }

    .Divo {
        margin-bottom: 60px
    }
}

@media only screen and (max-width:480px) {
    .whatsapp {
        padding: 0.5rem
    }

    .whatsapp p {
        display: none
    }

    .MainCats [class*='col-'] {
        padding: 0.6rem 2rem;
    }

    .content {
        margin-top: 1rem !important;
        padding-left: 10px;
    }

    .Details {
        margin-bottom: 30px;
    }

    .HizmetDetay iframe {
        min-height: 200px;
    }

    .urundetay-sayfa img {
        max-width: 100%
    }

    .image {
        border: none;
    }

    .UrunDetay {
        padding: 25px !important;
    }

    .blogin {
        max-height: 3.5em;
    }

    .HaberAna .Blok img {
        min-height: auto !important;
    }

    .HaberAna iframe {
        height: auto;
    }

    .HaberAna .owl-carousel .owl-item img {
        height: auto;
    }

    .HaberAna .Blok {
        padding: 30px;
        margin-bottom: 20px;
    }

    .accordion p {
        margin: 5px 0 15px;
    }

    .accordion .question {
        font-size: 17px;
    }

    .AnaBlok {
        min-height: 400px !important;
    }

    .my-gallery .Box {
        max-height: 95px;
        ;
    }

    .PageHeadline {
        margin-bottom: 5px;
    }

    .MovieBlok {
        margin-top: 10px;
    }

    .MainFavorites {
        margin-top: 0 !important;
        padding: 25px 0;
    }

    .MainFavorites .Blok {
        min-height: auto;
    }

    iframe {
        height: auto;
        min-height: 200px;
    }

    .Bigger {
        font-size: 35px !important;
    }

    .Middler {
        font-size: 23px !important;
    }

    .AnaBlok .Metin,
    .Seconder {
        padding: 25px !important;
    }

    .h1,
    h1 {
        font-size: 24px !important;
        line-height: 1.4em;
    }

    p {
        line-height: 1.5em;
        font-size: 16px;
    }

    .Latest,
    .BlogMain {
        padding: 45px 15px;
    }

    .MiniBlok div {
        padding: 15px 15px 15px 0;
    }

    .middle {
        top: 35% !important
    }

    .MiniBlok h3 {
        margin: 8px 0;
        line-height: 1.2em;
    }

    .ContactMain {
        padding: 40px 0;
    }

    .ContactMain h1 {
        font-size: 28px;
        line-height: 1.3em;
    }

    .ContactMain h2 {
        line-height: 1.2em;
    }

    .BlogMain p {
        max-height: 2.6em
    }

    .BlogDetay h1 {
        font-size: 19px !important;
    }

    .Partner {
        margin-bottom: 40px
    }

    .Inside {
        padding: 20px 0 !important;
    }

    .Services .Innde .Go {
        margin-top: 15px
    }

    .ServicesPage h1 {
        font-size: 20px !important;
    }

    .HizmetDetay {
        padding: 30px 15px
    }

    .Gallery {
        margin-bottom: 30px
    }

    .Kats,
    .Ana {
        padding: 15px !important
    }

    .Kats h1 {
        margin: 15px 0 !important;
        font-size: 22px !important;
    }

    .Blokot {
        border: 1px solid rgb(221, 221, 221);
        margin-bottom: 25px;
        padding: 0;
    }

    .Blokot h3 {
        line-height: 1.3em;
        height: auto;
        overflow: unset;
    }

    .Footy ul li {
        margin: 0.5em 0.5em 0.5em 0 !important;
    }

    .ebulten label {
        width: 40%;
        text-align: right;
        padding-right: 15px;
    }

    .ebulten .form-control {
        width: 58% !important;
    }

    .ebulten .btn {
        right: 6px !important;
    }

    footer {
        height: 320px !important
    }

    #wrap {
        padding-bottom: 300px !important;
    }
}

@media only screen and (max-width:900px) {

    .h1,
    h1 {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .h2,
    h2 {
        font-size: 26px
    }

    .h3,
    h3 {
        font-size: 16px
    }

    .h4,
    h4 {
        font-size: 16px
    }

    .h5,
    h5 {
        font-size: 13px
    }

    .accordion .question {
        font-size: 15px;
    }

    #wrap {
        padding-bottom: 250px;
    }

    footer {
        height: 250px;
        margin-top: -250px;
        padding: 0;
    }

    .HaberAna .Blok img {
        min-height: 140px;
    }

    .Side {
        padding: 0 15px;
    }

    .Side li a {
        padding: 15px;
    }

    .Banner {
        height: 300px
    }

    .kaydir {
        display: block !important;
        text-align: center;
        margin-top: 10px;
    }

    .kaydir img {
        width: 45px;
        height: 45px;
        vertical-align: middle;
    }

    .MovieTitle {
        padding: 25% 8% 8%;
    }

    .Bigger {
        font-size: 75px;
        margin-bottom: 5px;
    }

    .Middler {
        font-size: 40px;
        margin-top: 0;
    }

    .SayfaBlok {
        padding: 25px 15px;
    }

    .UrunDetay {
        padding: 25px;
    }

    .UrunDetay .Plus {
        margin-top: 30px;
    }

    .Line {
        margin-top: 0
    }

    .GeneralPage .container {
        padding: 0 15px
    }

    .HizmetDetay .Metin {
        margin: 15px 0;
        padding: 0;
    }

    .Projeler {
        padding: 30px 0 90px
    }

    .Inside {
        padding: 50px 0
    }

    .Inside h1 {
        font-size: 28px
    }

    .Footy {
        padding: 15px 0;
        text-align: center;
    }

    .diplogo {
        display: block;
        width: 100%;
    }

    .MiniLogo,
    .diplogo a {
        float: none;
    }

    .Footy h4 {
        margin: 0 0 10px;
    }

    .owl-theme .owl-nav .disabled,
    .owl-theme .owl-nav [class*=owl-] {
        margin: 0 10px !important;
        font-size: 2.5em !important;
        line-height: 1em !important;
    }

    .ebulten .form-control {
        width: 50%;
    }

    .ebulten .btn {
        right: 103px;
    }

    .Destek {
        margin-top: 40px
    }
}

@media only screen and (max-width:1024px) {
    .Blog h3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        margin-top: 0;
    }

    .Samethings {
        padding: 50px 0;
    }

    .MainFavorites .Blok h3 {
        line-height: 1.1em;
    }

    .middle {
        top: 30%
    }

    .social-bottom li {
        margin: 0 10px 10px 0 !important;
    }

    .AnaBlok h1 {
        font-size: 28px;
    }

    .Kats h1 {
        margin: 0 0 15px;
        font-size: 28px !important;
    }

    .AnaBlok {
        padding: 50px 0;
    }

    .Firm p {
        font-size: 80%;
    }
}

@media only screen and (max-width:1240px) {
    #toTop {
        display: none !important
    }
}

@media only screen and (min-width:1600px) {}

@media only screen and (min-width:1024px) {
    .hata {
        width: 70%;
        height: auto;
    }

    .content {
        margin-top: 4rem;
        padding-left: 10rem;
    }

    .HaberAna .Blok img {
        min-height: 200px;
    }

    .Other .PageHeadlineInn {
        font-size: 19px;
    }

    .Half {
        display: inline-block;
        width: 50%;
        margin: 0;
        padding: 0 15px 15px 0;
        float: left;
    }
}