@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');

@import url('https://fonts.googleapis.com/css?family=Amiri');



html,body {

  height: 100%;

  background-color: #fff;

  color: rgb(117, 107, 107);

  font-size: 17px;

  line-height: 1;  

}

.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 {

	

}

.h1, h1 {margin: 10px 0 50px;}

p {

    font-size: 16px;

    line-height: 1.8em;

}

hr {

   float: left;

   width: 100%;

}

img {

    width: 100%;

    height: auto;

}

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

.no-margin {margin: 0 !important }

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;

}

.closeblock {overflow:hidden !important}

.Sayfain {background:none !important }

.HataPage {

    padding: 40px 0;

}

.HataPage h3 {

    font-weight: 700;

    line-height: 1.5em;

}

iframe {

    width: 100%;

}

.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:20px}

.form-control {

    height: 44px;

    font-size: 14px;

    line-height: 2;

    box-shadow: none;

    border-radius: 0;

	border: 1px solid;

    border-color: rgb(173, 169, 169);

}

.gotopage {

    display: block;

    color: #009fe3;

    text-decoration: underline;

}

.Sayfabaslik {

    padding-left: 15px;

    margin: 0 0 25px 0;

}

.Subtit {

    text-transform:none;

	line-height:1.3em;

	margin-bottom:15px;

}

li {

    list-style: none;

}

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

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

.Go, .Go-mini {

	background: rgb(58, 51, 64);

    color: rgb(255, 255, 255);

    padding: 13px 23px;

	opacity:0.8;

    font-size: 14px;

    line-height: 1;

    display: inline-block !important;

    margin-top: 20px;

    cursor: pointer;

    position: relative;

}

.Form:before {

    content: none !important;

}

.Go-mini {

    width:30%;

}

.Go:hover, .Go-mini:hover {

    opacity: 1;

    color: rgb(255, 255, 255);

}

.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: 5.5em;

    font-size: 14px;

    line-height: 1.4em;	

}

/* giriş video */

.video-btn {

    position: fixed;

    top: 10px;

    left: 10px;

    z-index: 999;

    background: rgb(247, 41, 5);

    border: none;

    border-radius: 0;

    font-size: 20px;

    line-height: 1em;

    font-weight: 600;

    padding: 14px 20px;

}

.video-btn:hover, .video-btn:focus {

    background: rgb(247, 41, 5);

    border: none;

}

.anafilm .modal-content {

    padding: 0;

}

.anafilm .modal-dialog {

      max-width: 800px;

      margin: 30px auto;

  }

.anafilm .modal-body {

  position:relative;

  padding:0px;

}

.anafilm .close {

  position:absolute;

  right:-30px;

  top:0;

  z-index:999;

  font-size:2rem;

  font-weight: normal;

  color:#fff;

  opacity:1;

}

/* 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 {

   text-transform:none;

   margin:0 0 15px;

   font-weight:500;

   font-size:22px;

   display: block;

   margin: 0 0 7px 0;   

   border-bottom: 1px solid #a09898;   

}

.insearch h4 {

    text-transform: none;

    font-weight: 500;

    font-size: 22px;

    display: block;

    margin: 0 0 7px 0;

    border-bottom: 1px solid #a09898;

}

.insearch a {

    display: block;

    float: left;

    clear: both;

    margin-bottom: 8px;

	text-decoration:underline;

}

.insearch a:hover {

   color:#ffa200;

}

.Tikkos {}

.nereye {

    font-weight: 700;

    display: block;

    text-align: center;

	text-transform:uppercase;

	background: rgb(232, 248, 255);	

}

.nereye a{

	display:block;

    padding: 1.6em 10px;    	

}

.nereye img {

    width: 70px;

    display: inline-block;

}

.nereye span {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    font-size: 24px;

    line-height: 1;

    margin-left: 5px;

}

.nereye:hover, .nereye:focus {

	color: #fff;

	outline:none !important;

	background-color: rgb(35, 39, 41);

}

/* ana sayfa favori üçlü*/

.patblok {

	position: absolute;

    right: 0;

    padding: 15px 20px;

    bottom: 0;

    background: #000;

    width: 70%;

    color: rgb(255, 255, 255);

}

.patblok h3 {

    font-size: 20px;

    line-height: 1.3em;

    font-weight: 500 !important;

    text-transform: none;

}

.populer {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9;

    background: rgb(241, 32, 9);

    color: rgb(255, 255, 255);

    padding: 12px 15px;

    text-align: center;

    font-size: 18px;

    line-height: 1;

    font-weight: 700;

}

.MainFavorites {

	background: none;	

	padding: 0;

	position: relative;

	overflow:hidden;

	margin-top:80px;

}

.MainFavorites [class^="col-"] {



} 

.MainFavorites a {

    display: block;

    position: relative;

}

.MainFavorites .Blok {

	padding: 0;

    overflow: hidden;

	position:relative;	

}

.MainFavorites .Blok h3 {

	font-size: 21px;

    line-height: 1.3em;

    -moz-transition: 0.3s all ease;

    -o-transition: 0.3s all ease;

    -webkit-transition: 0.3s all ease;

    transition: 0.3s all ease;	

}

.MainFavorites .Blok img {

	margin: 0;	

}

.MainFavorites .Blok p {

	color: rgb(189, 201, 212);

} 

/* ana sayfa haberler */

.HaberAna  {

    padding: 50px 0;

	background: rgb(245, 245, 245);	

}

.HaberAna [class^="col-"] {

    margin-bottom: 20px;	

}

.HaberAna h3 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    max-height: 2.5em;

    font-size: 20px;

    min-height: 40px;

    text-transform: none;

    line-height: 1.2em;

}

.HaberAna .Blok {

    padding: 40px 20px;

    background: rgb(255, 255, 255);

}

.HaberAna:after,

.HaberAna:before {

    content: none;

}

.inhomepage p {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    max-height: 4.2em;

    font-size: 16px;

    line-height: 1.4em;

}

.inhomepage p {

    display: none !important;

}

.inhomepage p:first-of-type {

  display: block !important;

}

.inhomepage img {display:none !important}

/* ana sayfa firmablok*/

.Firm {

   position: relative;

   z-index: 0;

}

.Firm p {

   font-size: 18px;

   text-align:justify;

}

.Firm h1 {

	margin-top: 70px;

}

.AnaBlok {

	padding: 100px 0;

    background: rgb(232, 226, 218);	 

}

.AnaBlok h1 {

   margin: 0 0 20px;

}

.AnaBlok .Metin {



}

.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;

    font-size: 20px;	

}

.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*/

.owl-theme .owl-nav .disabled,

.owl-theme .owl-nav [class*=owl-] {

    background: rgb(255, 235, 59);

    color: rgb(0, 0, 0) !important;

    padding: 0 22px;

    opacity: 1 !important;

    margin: 0 10px !important;	

}

.owl-theme .owl-nav {

    margin: 30px 0 !important;

	display: none !important;

}

/* footer */

footer {

    background: rgb(35, 39, 41);

    padding: 40px 0;

    color: rgb(210, 200, 200);	

}

footer hr {margin:10px 0}

.diplogo {

    float: left;

    position: relative;

    margin-top: 3px;	

}

.diplogo a {

    display: block;

	float:left;

}

.Footy {

    margin: 0;

	padding:0;

}

.Footy h4 {

	font-weight: 600;

    margin: 0 0 20px;

    font-size: 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}

.footlinks {

    display: block;

    text-align: center;

    margin: 20px 0;

    padding: 0;

}

.footlinks li {

    display: inline-block;

    margin: 0 8px;

}

.footlinks li img {

    display:block;

	padding:0;

	margin:0;

	width:110px;

}

.acentelik {padding:15px 0}

.acentelik img {

    display:inline-block;

	width:120px;

}

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

.MiniLogo {

    width: 100px;    

    padding: 0 5px;

    vertical-align: middle;

    float: left;

}

.social-bottom {

    text-align:right;

	padding:0;

}

.social-bottom li {

    margin: 12px 8px 0;

	display: inline-block;

}

.social-bottom li a {

    font-size: 18px;

    line-height: 18px;

    display: inline-block;

    border: 1px solid;

    padding: 7px 3px;

    min-width: 34px;

    text-align: center;		

}

.social-bottom li a:hover {

    color:red;

}

.ebulten .form-control {

    height: 40px;

    width: 60%;

    border-radius: 0;

    border: none;

    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, 159, 227);	

}

.ebulten label {

    display: inline-block;

    float: left;

    width: 39%;

    font-weight: 700;

    vertical-align: top;

    line-height: 40px;

    text-align: right;

    margin-right: 1%;

}

.cophy {

    margin-top: 20px;

    padding: 0;

    font-size: 13px;

    line-height: 1.3em;

    text-align: center;

}

.cophy a {

    color: rgb(255, 87, 34);

    text-decoration: underline;

    margin-top: 6px;

    position: relative;

    display: inline-block;

}

/* sayfa içi yollar*/

.PageHeadline {

	margin: 0 0 20px;

    color: #676262;

	font-size:30px;

    text-transform: none;	

}

.Other .PageHeadlineInn {

    text-align: left;

}

.PageHeadlineInn {

    color: rgb(95, 93, 93);

    font-size: 23px;

    letter-spacing: 0px;

    line-height: 1.2em;

    text-transform: none;

    margin: 0 0 25px;

}

	

.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.active {color:inherit;}

.genelbanner li > a:hover {color: rgb(0, 159, 227)}

/* hakkımızda */

.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;

}

.pont {

    color: rgb(33, 150, 243);

	text-decoration:underline;

	font-weight:700;

}

/* destek */

.Support {padding:50px 0;}

.accordion p{

   margin:20px 0;

}

.accordion {

  margin-bottom: 10px;

  padding: 10px;

  position:relative;

}

.accordion.current .question {

  color: rgb(255, 162, 0);

}



.accordion .question {

  text-decoration: none;

  font-weight: normal;

  cursor: pointer;

  display: inline-block;

  font-size: 20px;  

}

.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: 30px 0;

}

.ServicesPage h1 {

	margin: 0;

	font-size: 36px;

    text-transform: uppercase;	

}

.Services {

    padding: 30px 0;

}

.Services .Innde {

    margin-bottom:100px;

}

.Services .Resim {

    background: none;

	padding: 0;

	max-height: 480px;	

}

.Services .Text {

   padding: 10px;

   text-align:center;

}

.Services .Text h2 {

    text-transform: uppercase;

    margin: 10px 0;

    text-align: center;

    font-size: 26px;

    font-weight: 600;

}

.Services .Text p {

	overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    max-height: 4.5em;

	text-align:justify;

}

/* hizmet detay */

.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:100px 30px}

.HizmetDetay .Pict {

    float: left;

    width: 100%;

    padding: 0;

    margin-bottom: 20px;

}

.HizmetDetay img {

	width: 100% !important;

    height: auto !important;

}

.Other {}

.Other .Pict {

    width: 100%;

}

.Other .Metin {

    padding: 0;

}

.Details {

	display: block;	

}

.Details:hover {

}

.MovieBlok {

    margin-top: 50px;

	text-align: center;

	padding:0;

}

.MovieBlok iframe, .Box iframe {

	width:100%;

	position:relative;

	height:300px;

	overflow:hidden;

	margin:25px 0;

}

/* ü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;	

}

.goprd {

   display:block;

}

.Blokot {

    padding: 15px;

    text-align: center;

}

.Blokot h3 {

    font-size: 20px;

    line-height: 1.3em;

    text-transform: capitalize;

    height: 50px;

    overflow: hidden;

}

.Blokot p {

    font-size: 16px;

    text-align: left;

    line-height: 1.4em;

    height: 90px;

    overflow: hidden;

}



.image {

  opacity: 1;

  display: block;

    overflow: hidden;

  transition: .5s ease;

  -webkit-transition: .5s ease;

  -moz-transition: .5s ease;

  -ms-transition: .5s ease;

  -o-transition: .5s ease;

  backface-visibility: hidden;

}

.blogin {

    height: auto;	

}

.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: 16px;

    padding: 14px 32px;

    border-radius: 0;

}

/* ürün detay */

.UrunDetay {

   padding: 50px 0;

}

.Minidetay {



}

.Minidetay .long {

    display:block;

	float:left;

    width: 100%;

    margin-bottom: 10px;

	text-transform:uppercase;	

}

.Minidetay span, .Minidetay li {

    display:inline-block;

	float:left;

}

.Minidetay span {

    margin-right: 10px;

    font-weight: 700;

    min-width: 80px;

    color: rgb(0, 159, 227);

}

.Beznerler {

    margin-top: 40px;

}

.Samethings .Details {

    display: block;

    background: none;

    padding: 15px;

    color: rgb(0, 0, 0);

}

.Mainpict {}

.Hikaye {

    font-family: "Times New Roman", Times, serif;

    font-style: italic;

}

.Hikaye p {

	font-size: 20px !important;

	line-height:1.4em;

}

.minimi {

    text-transform:none;

    font-size: 28px;	

}

.modal-content {padding:20px}

.modal.in .modal-dialog {top:10%}

.ilet .form-group {padding:0}

.Samethings  h1 {

    margin: 10px 0 50px;

    color: rgb(255, 255, 255);

}

.Samethings .Blok h3 {

    line-height: 3em;

    margin: 15px 0;

    padding: 0 5px;

    text-transform: none;

    font-weight: normal;

    font-size: 26px;

    background: rgb(58, 51, 64);

    color: rgb(255, 255, 255);

}

.UrunDetay .Plus p {text-align:justify}

.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, .Refs {padding:100px 0}

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

.Blog .Tarih {

    font-size: 14px;

    line-height: 2.5em;

    padding: 0;

    margin: 0;

}

.Blok .Tarih {

    font-size: 17px;

    line-height: 1;

    padding: 0;

    margin: 8px 0;

}

.Blog h3 {

	overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    max-height: 2.5em;

    font-size: 24px;

    height: 52px;

    text-transform: none;

    margin: 0 0 10px;	

}

.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;

}

.anket label {

    display:block;

	text-align:left;

}

/* referanslar */

.reffo {

	border: 2px solid #f5f4f4;

    background: #e2e0e059;

    border-radius: 1em;

    padding: 15px;

    margin-bottom: 30px;

}

.reffo img {

    max-height: 90px;

    width: auto;

}

.reffo h3 {}

/* 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;

}

.pswp__zoom-wrap {

  text-align: center;

}

.pswp__zoom-wrap:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}

.photoswipe-wrapper .Box {

    padding: 5px 3px 8px 3px;

    overflow: hidden;

}

.wrapper {

  line-height: 0;

  width: 100%;

  max-width: 900px;

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;

}

.video-wrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

  width: 100%;

}

video {

  width: 100% !important;

  height: auto !important;

}

/* blog detay */

.BlogDetay {margin-top:50px;}

.BlogDetay h1 {

    font-size: 26px;

    text-transform: none;

    line-height: 1.2em;

}

.BlogDetay h3 {

	padding:15px;

	text-transform:uppercase;

}

.BlogDetay img {

    width: 100% !important;

    height: auto !important;

}

.BlokOthers {

    margin: 90px 0 25px;

    border-top: 2px solid #ddd;

    padding: 30px 0;

}

.BlokOthers h2 {

	padding: 0 15px;

	margin-bottom: 30px;

}

.BlokOthers .Details {

   padding:20px;

}

.BlokOthers .Details:hover {

   background:rgb(245, 244, 244);

}

.BlokOthers .Details h3 {

    font-size: 18px;

    line-height: 1.3em;

    margin: 0;

    font-weight: normal;

    text-transform: none;

    min-height: 50px;

}

/*yorumlar */

.Yorum {

	padding: 19px;

    border: 1px solid;

    border-color: #ece6e6;

    margin-bottom: 20px;

}

.Yorum .Metin {

   margin:0 !important;

	font-family: times news roman;

    font-style: italic;   

}

.kimden, .tarih {

    display: block;

    font-style: italic;

    color: #a09a9a;

    line-height: 1.2em;

    text-align: right;

    font-size: 15px;

}

.kimden {



}

.tarih {



}

/* iletişim*/

.Maps {

   padding:0;

}

.Maps iframe {

	height:400px;

	position:relative;

}

.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: 1.4em;

    font-size: 16px;

}

.Firma li .fa {

    font-size: 20px;

    margin-right: 10px;

}

.Divo iframe {

   width: 100%;

   height: 400px;

}

.urundevamslider {overflow:hidden}

/* arapça */

.arabic {

   font-size:30px;

   font-weight:700;

}

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

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

.Seconder {

    padding: 100px 20px 100px 250px !important;

}

}

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

.Services .Text {padding:45px}

}

@media only screen and (min-width:760px) and (max-width:1024px) {

}

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

.Latest .container, .BlogMain .container {

    padding: 0 15px;

}

.Services .Text {

    position: relative !important;

}

}

@media only screen and (min-width:901px) and (max-width:1024px) {

}

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

.MiniBlok:nth-child(2n) {

	padding-left: 30px;

}

.Banner .Logofirst {top: 15%}

}

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

.modal-sm {

    width: 500px;

}

.Samethings .Blok {

    position: relative;

    margin-top: -80px;

    z-index: 9;

    padding: 0;

}

.UrunDetay .Plus h2 {

    margin-top:0;

}

}

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

.Blokot img {

    height: auto !important;

}

.UrunDetay .Plus {

    margin-top:30px;

}

.anafilm .modal-dialog {

    max-width: 600px;

}

.MovieBlok iframe, .Box iframe {height:260px !important}

.anafilm .close {right:-20px}

.Mainpict {

    margin-bottom: 30px;

}

.topmail {display:none;}

.Blog h3 {

    overflow: hidden;

    display: block !important;

    -webkit-line-clamp: unset !important;

    -webkit-box-orient: unset !important;

    text-overflow: unset !important;

    max-height: unset !important;

    font-size: 19px;

    min-height: unset !important;

}

.pont {font-size:15px}

.social-bottom {

    text-align: center;

}

.Yorum {

    padding: 10px 15px;

}

.Banner .Logofirst {

    top: 40%;

}

.PageHeadlineInn {

    font-size:17px;

}

.Divo {margin-bottom:60px}

}

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

.anafilm .modal-dialog {

    max-width: 320px;

}

.nereye {

font-size: 14px !important;

    font-weight: 500;

}

.nereye span {

    font-size: 14px !important;

    height: 40px !important;

}

.accordion p {

    margin: 5px 0 15px;

}

.accordion .question {

    font-size:17px;

}

.my-gallery .Box {

    max-height: 95px;;

}

.MovieBlok {

    margin-top: 10px;

}

iframe {

    height: 100%;

}

.Bigger {

   font-size:35px !important;

}

.Middler {

   font-size:23px !important;

}

.h1, h1 {

    font-size: 24px !important;

	line-height: 1.4em;

}

.h3, h3 {

    font-size: 19px;

}

.h4, h4 {

    font-size: 17px;

}

p {

	line-height: 1.6em;

}

.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;

    font-size: 18px;

}

.ContactMain {

    padding: 40px 0;

}

.ContactMain h1 {

    font-size: 28px;

    line-height: 1.3em;

}

.ContactMain h2 {

    font-size: 22px;

    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 .Text p {

    max-height: 4em;

}

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

.ServicesPage h1 {

    font-size: 20px !important;

}

.HizmetDetay {padding:30px 15px}

.Gallery {margin-bottom: 30px}

.More h2 {font-size: 25px}

.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:5px;

}

.Blokot h3 {

    font-size: 18px;

    line-height: 1.3em;

    height: auto;

    overflow: unset;

}

.ebulten label {

	width: 40%;

    text-align: left;

}

.ebulten .form-control {

    width: 58% !important;

}

.ebulten .btn {

    right: 6px !important;

}

}

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


.Samethings .Blok h3 {font-size:20px}

.HaberAna h3 {font-size:18px}

.social-share {display:none}

.nereye {

    border: none !important;

    box-shadow: none;

}

.nereye img {

    width: 45px;

}

.footlinks li img {width:100px}

.Footy ul li {

    margin: 0.5em 1.2em 0.5em 0 !important;

}

.h1, h1 {

    font-size: 28px;

}

.h2, h2 {

    font-size: 21px;

}

.h3, h3 {

    font-size: 17px;

    line-height: 1.3;

}

.Banner {height:300px}

.kaydir {

    display: block !important;

    text-align: center;

    margin-top: 10px;

}

.kaydir img {

    width: 45px;

    height: 45px;

    vertical-align: middle;

}

.PageHeadline {

    margin:30px 0;

	font-size:25px;

}

.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 15px;

}

.Line {margin-top: 0}

.GeneralPage .container {padding: 0 15px}

.Services .Text h2 {

    font-size: 21px;

}

.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 {

    display: inline-block;

    float: none;

}

.Footy h4 {

    margin: 0 0 10px;

}

.owl-theme .owl-nav .disabled, .owl-theme .owl-nav [class*=owl-] {

    padding: 0 15px;

    margin: 0 5px !important;

    font-size: 40px !important;

    line-height: 1em !important;

}

.Destek {

   margin-top:40px

}

}

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

.MovieBlok iframe, .Box iframe { height:200px;}

.Blog h3 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    max-height: 41px;

    font-size: 19px;

    min-height: unset;

    margin-top: 0;

    height: auto;	

}

.nereye span {

    display: block;

	font-size:16px;

	margin-left:0;

	margin-top:6px;

	height:32px;

}

.minimi {

    font-size: 22px;

}

.modal.in .modal-dialog {top:20%}

.MainFavorites .Blok {

    height:200px;

}

.patblok {

   padding:15px;

   width:75%;

}

.MainFavorites .Blok h3 {

    font-size: 18px;

	line-height: 1.1em;

}

.middle {top: 30% }

.social-bottom li {

    margin: 0 20px 10px 0 !important;

}

.AnaBlok h1 {

    font-size: 28px;

}

.Kats h1 {

    margin: 0 0 15px;

    font-size: 28px;

}

.Firm p {

    font-size: 100%;

}

}

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

#toTop {display: none !important}

.rezerve {

    padding: 15px;

    font-size: 16px;

    line-height: 1.2em;

    font-weight: 700;

}

}

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


.anafilm .modal-dialog {

      width: 800px;

  }

.hata {

   width: 70%;

   height: auto;

}

.HataPage h3 {font-size:28px}

.DetailsMain h3 {font-size:19px}

.Other .PageHeadlineInn {

    font-size: 19px;

}

.Half {

	display: inline-block;

    width: 50%;

    margin: 0;

    padding: 0 15px 15px 0;

    float: left;

}

}