/*

	colors	: 
				00558c
				#00558c
			
*/
/*-------------------------------------------------------
				@FONT FACE
--------------------------------------------------------*/
@font-face {
    font-family: 'mel';
    src: url('../fonts/montserrat-extralight-webfont.eot');
    src: url('../fonts/montserrat-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-extralight-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-extralight-webfont.woff') format('woff'),
         url('../fonts/montserrat-extralight-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-extralight-webfont.svg#montserratextralight') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'mrl';
    src: url('../fonts/merriweather_light-webfont.eot');
    src: url('../fonts/merriweather_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweather_light-webfont.woff2') format('woff2'),
         url('../fonts/merriweather_light-webfont.woff') format('woff'),
         url('../fonts/merriweather_light-webfont.ttf') format('truetype'),
         url('../fonts/merriweather_light-webfont.svg#merriweather_lightregular') format('svg');
    font-weight: normal;
    font-style: normal
}


* {
	margin:0;
	padding:0
}

html,
body {
  height:100%
}

body{
	max-width:100%;
	width:100%;
	height:100%;
	min-height:100%;
	overflow-x:hidden
}

.mainBody {
	background:#fff
}

a{
	text-decoration:none;
	outline:0 none!important
}

img{
	outline:0 none!important
}

ul {
	padding:0;
	margin:0;
}

.wrap {
  min-height: 100%;
  height: auto;
  padding:0;
  margin: 0 auto -50px;
  background:#fff;
  z-index:5;
  position:relative;
}

.wrap:after{
	content:"";
	display:block;
	clear:both;
	height:50px;
	width:100%;
	padding:0
}

.container {
	padding:0
}


.plr0 {
	padding-left:0;
	padding-right:0
}

.clear {
	clear:both;
}

/*------------------------------------------
			RESPONSIVE NAVIGATION
-------------------------------------------*/
#closeMenu {
	position:absolute;
	right:10px;
	top:10px;
	font-size:30px;
	color:#fff;
	text-decoration:none!important;
}

#closeMenu:hover{
	color:#fff
}

.rMenu{
	width:100%;
	height:100%;
	background:#075c91;
	position:fixed;
	z-index:999999;
	left:-100%;
	top:0;
	overflow:hidden;
}

.rMenuIn{
	width:100%;
	height:100%;
	position:relative;
	top:50px;
	left:0;
	overflow:auto;
}

.rMenu ul{
	padding:0 0 0 0;
	margin:0;
	list-style-type:none;
	width:100%;
	height:auto;
	display:inline-block;
	position:relative;
}

.rMenu ul li {
	display:block;
	width:100%;
	height:auto;
	text-align:center;
}

.rMenu ul li a{
	display:inline-block;
	padding: 10px 20px;
	text-align:center;
	font:22px mel;
	color:#fff;
	text-decoration:none!important;
}

.rMenu ul li a:hover,.rMenu ul li a.active{
	background:#fff;
	color:#666666
}

.rMenu .search {
	float:none;
	width:100%;
	text-align:center;
	margin-top:20px;
	padding-bottom:80px
}

.rMenu .searchDiv {
	display:inline-block;
	margin:0 auto
}

.plr0 {
	padding-left:0;
	padding-right:0
}

/*------------------------------------------
				SUB HEADER
-------------------------------------------*/

#sub {
  width: 100%;
  height: auto;
  position:relative;
  z-index:2000;
  border-bottom:1px solid rgba(118,145,97,.1);
  padding:5px 0
}

.left-info ul {
	padding: 0;
	float:left;
	display:inline-block;
	margin-right:0px
}

.left-info ul li {
  display: inline-block;
  font:12px mel;
  color: #00558c
}

.left-info ul li a {
  display: inline-block;
  font:12px mel;
  color: #00558c
}

.left-info ul li i {
  margin-left: 10px;
  margin-right: 10px;
  color: #00558c;
  font-size: 13px
}

.left-info ul li:last-child {
}
.social-icons {
  float: right
}

.social-icons ul {
  padding:0;
  margin:5px 0 0 0;
  list-style: none;
  font-size:0
}

.social-icons ul li {
  display: inline-block;
  margin-left: 10px
}

.social-icons ul li i {
  display:inline-block;
  text-align:center;
  color: #00558c;
  font-size:14px
}

.social-icons ul li i:hover {
  color: #d39ea8
}

.lang {
	float:right;
	display:inline-block;
	position:relative
}


.lang ul {
	padding:0;
	margin:0px 0 0 5px;
	font-size:0
}

.lang ul li {
	display:inline-block;
	padding:0;
	margin:0
}

.lang ul li a {
	display:inline-block;
	margin-left:5px;
	font:13px mel;
	padding:3px;
	color:#00558c
}

.lang ul li a:hover,.lang ul li a.active {
	background:#00558c;
	color:#fff
}

.lang:hover > ul {
	display:block;
}

.lang ul li:last-child a{
	border-left:1px solid #dfdfdf;
	margin-left:0
}


.toggle{
	display:none;
	float:right;
	height:20px;
	width:20px;
	background:#075c91;
	color:#fff!important;
	text-align:center;
	font-size:16px;
	line-height:20px;
	margin-top:10px;
	margin-left:15px;
	margin-right:0
}


/*------------------------------------------
			 HEADER
-------------------------------------------*/
.headerWrapper{
	border:40px solid transparent;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	transition:border-width 0.35s ease-in-out 0s;
	z-index:1000;
	box-sizing:border-box;
	background-clip: content-box;
}

.header {
  position:relative;
  height: auto;
  top: 0;
  left:0;
  width:100%;
  z-index: 1000;
  background-color:#f2f2f2;
  margin:0;
  transition:all 0.35s ease-in-out 0s;
}

#main-header{
	position:relative;
}

.inner-header {
	position:relative;
	padding:0 15px
}


.logo {
  float:left;
  margin-top:15px;
  position:relative;
  z-index:900;
  display:inline-block
}

.scrolled-logo {
	top:0;
	height:47px;
	margin-top:10px
}


.smallOnly,.mediumOnly {
	display:none
}

.bigOnly {
	display:block
}

.scrolled-header {
	min-width:100%;
	top: 0;
	position:fixed;
	z-index:2000;
	left:0;
	border:0;
	transition:border-width 0.35s ease-in-out 0s;
}

/*------------------------------------------
			PAGE HEADER
-------------------------------------------*/
.pageHeader {
	width:100%;
	top: 0;
	position:relative;
	z-index:2000;
	left:0;
	-webkit-transform:none;
	transform:none;
	border-radius:0;
	background-color:#efefef;
	border:0
}


/*------------------------------------------
			NAVIGATION
-------------------------------------------*/
.navigation {
  position: relative;
  z-index: 20
}

.navigation ul {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none
}

.navigation ul li {
  position: relative;
  display: inline-block;
  margin:20px 15px
}

.navigation ul li:last-child{
	margin-right:0
}

.navigation ul li ul.sub-menu {
  text-align: left;
  position: absolute;
  top: 55px;
  left: -30px;
  width: 220px;
  background: #f2f2f2;
  padding: 0 0;
  visibility: hidden;
  opacity:0;
  margin-top:0;
  transition: all 700ms ease 0s
}

.navigation ul li ul.sub-menu li {
  display: block;
  padding: 0;
  margin: 0 0px
}

.navigation ul li ul.sub-menu li a {
  font-size: 12px;
  font-weight: 400;
  padding: 10px 22px;
  display:block;
}

.navigation ul li ul.sub-menu li a:hover {
  background:#00558c;
  color:#fff
}

.navigation ul li ul.sub-menu li:last-child {
  float: none
}

.navigation ul li:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  top:40px
}

.navigation ul li a {
  font:13px mel;
  color:#505050;
  text-decoration:none;
  font-weight:bold
}

.navigation ul a i {
  margin-left: 7px
}

.navigation ul li:hover > a ,.navigation ul li.active > a{
  color: #00558c
}

.navigation ul li:last-child {
  float: right;
  padding: 0
}

.navigation ul li:last-child .showLink {
  position: relative
}

.navigation ul li:last-child .hideLink {
  position: absolute;
  top: 0;
  right: 0
}

.navigation ul li:last-child i {
  padding-left: 15px;
  padding-right: 10px;
  margin-top: 50px;
  display: inline-block;
  text-align: center
}


/*------------------------------------------
			SLIDER
-------------------------------------------*/

.viSlider {
	width:100%;
	height:800px;
	overflow:hidden;
	position:relative;
	padding:0px;
	top:-135px;
	left:0
}

#rev_slider_1_1 {
	position:relative;
}

.tp-bullets {
	display:block!important;
}

.slider-content-box{
	width: 460px;
	max-height: auto;
	white-space: normal;
	background:rgba(233,238,242,.6);
	padding:0 15px 10px 15px;
}

.slider-content-box h2{
	color: #505050;
	padding:0;
	margin:0;
	line-height:auto!important;
}

.slider-content-box h2 a{
	color: #00558c;
	font:17px mel;
	line-height:auto!important;
	font-weight:bold
}

.slider-content-box h2 a:hover{
	text-decoration: none;
	opacity: 1;
}

.slider-content-box p{
	font:14px/24px mel;
	color: #000;
	font-weight:bold;
	padding: 0 0 0 0;
	margin-top: 10px;
	text-align: justify;
}

.more{	
	color: #fff; 
	font-family: mel;
	font-size: 12px;
	background: #00558c;
	padding: 16px 23px 15px;
	text-align: center;
	line-height: normal;
	letter-spacing: 1px;
	border-radius: 999px;	
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border: 2px solid #00558c;
	text-decoration:none!important;
	display:inline-block;
	margin-top:30px
}

.more:hover,.more[type="submit"]:hover{
	color: #00558c;	
	background: #fff;
	opacity: 1;
	border-color:#fff
}

.triangle {
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:1500;
	display:block;
	width:250px;
	height:250px;
	text-align:center;
}

.tAbs {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 200px 200px;
	border-color: transparent transparent #e10024;
	position:absolute;
	right:0;
	bottom:0;
	z-index:20
}

.trSpan {
	position:absolute;
	top:70%;
	right:0;
	z-index:50;
	font:14px mrl;
	width:120px;
	color:#fff
}

/*------------------------------------------
			DOLUDAN KORUNMA SİSTEMLERİ
-------------------------------------------*/

.dolular{
	position:relative;
	margin-top:-135px;
	z-index:200;
	background:#f9f9f9;
}

.dolularAuto{
	background:#fff;
	padding:30px;
	margin-top:-135px
}

.dolularHeader{
	padding:0 ;
	font:30px nbold;
	color:#505050
}

.doluWrapper{
	margin-top:30px
}

.doluImg {
	width:100%;
	height:200px;
	overflow:hidden;
	text-align:center;
	position:relative;
	background:#f9f9f9;
}

.doluImg img {
	max-width:100%;
	height:auto;
	display:inline-block;
	margin:0 auto;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

.doluContent {
	text-align:center;
	font:18px nbold;
	color:#505050;
	margin-top:20px
}

/*------------------------------------------
			ANASAYFA KATEGORİLER
-------------------------------------------*/

.kutular {
	position:relative;
	z-index:1000;
	margin-top:-135px;
	background:#f2f2f2;
}

.kutularAuto {
	position:relative;
	background:#f2f2f2;
	padding:15px 15px 50px 15px
}

.kutularTitle{
	font:17px mel;
	color:#505050;
	text-align:center;
	margin-top:50px;
	font-weight:bold
}

.kutular .owl-nav {
	position:absolute;
	top:0px;
	right:0px
}

.kutular .itemx {
	background:#f2f2f2;
	position:relative;
	padding:15px;
	overflow:hidden;
}

.kutular .itemx .itemImg {
	padding:0px;
	overflow:hidden;
	height:230px;
}

.kutular .itemx .itemImg img{
	position:relative;
	display:inline-block;
	max-height:200px;
	max-width:100%;
	width:auto;
	height:auto;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.kutular .itemx .itemP {
	padding:0;
	margin:5px 0;
	display:block;
	font:17px mel;
	font-weight:bold;
	color:#000;
	text-align:center;
}

.kutular .itemx .itemText {
	text-align:left;
	display:block;
	margin:5px 0;
	font:13px/19px mrl;
	color:#666666;
	height:auto;
	overflow:hidden;
}

.kutular .itemx .itemContent {
	text-align:left;
	display:block;
	margin:5px 0;
	font:14px/18px mel;
	color:#666666;
	height:auto;
	overflow:hidden;
	text-align:center;
}


.mTitle {
	text-align:center;
	margin-top:40px
}

.mTitle h3 {
	font:35px mbold;
	position:relative;
	margin:0;
	padding:0;
	display:inline-block;
	color:#F6CF6D
}

.mTitle h3:after {
	content:"";
	display:inline-block;
	position:absolute;
	bottom:10px;
	left:0;
	width:25px;
	height:2px;
	background:#F6CF6D;
}

/*------------------------------------------
			ANASAYFA HİZMETLER
-------------------------------------------*/

.hizmetler {
	background:#fff;
	padding-bottom:50px;
	height:auto;
	float:left;
	width:100%;
	z-index:10;
	position:relative;
}

.hizmetlerAuto{
	margin-bottom:0px
}

.hizmetlerTitle {
	padding:40px 15px
}

.hizmetlerTitle p {
	margin:0;
	padding:0;
	font:14px mel;
	color:#aaa
}

.hizmetlerTitle h3 {
	margin:10px 0 0 0;
	padding:0;
	font:17px mel;
	font-weight:bold;
	color:#000
}

.hizmetlerRight {
	padding:40px 0;
	font:14px/18px mel;
	color:#000
}

.hizmet {
	height:300px;
	overflow:hidden;
	margin-top:0px;
	position:relative;
}

.hizmet img {
	display:inline-block;
	width:auto;
	min-height:226px;
	margin:0;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all 0.12s ease-in-out 0s;
	transition:all 0.12s ease-in-out 0s;
	opacity:.5
}

.hizmet:hover img{
	opacity:100
}

.hizmetItem {
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:rgba(255,255,255,.3);
	text-align:center;
}

.hizmetItem span {
	display:inline-block;
	position:relative;
	top:50%;
	margin:0 auto;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	font:17px mel;
	font-weight:bold;
	color:#fff
}

.hizmet:first-child span{
	color:#505050
}

.hizmetText {
	width:calc(100% - 170px);
	float:left;
	margin-left:10px
}

.hizmetH3 {
	font:20px mel;
	margin:0;
	padding:0;
	color:#000
}

.hizmetSummary {
	margin-top:10px;
	font:16px/26px mrl
}

.hizmetH3:hover {
	color:#075c91
}

/*------------------------------------------
				FOOTER
-------------------------------------------*/

.footer {
  background:#2d3741;
  padding:0;
  position:relative;
  margin:0 0 650px 0;
  z-index:10;
  height:50px
}

.footer .container{
	padding:0 15px
}

.footer p {
  font:12px/50px mel;
  color: #fff;
  display:inline-block;
  margin:0;
  padding:0
}

.default {
	cursor:default	
}

.pageFooter{
	margin:0!important
}

/*------------------------------------------
			PAGE
-------------------------------------------*/

.page {
	margin-bottom:40px
}

.pageHeaderWrapper {
	margin-top:0;
	overflow:hidden;
	background-color:#00558c
}

.pageHeaderInner{
	background-position:center right;
	background-size:cover;
	background-repeat:no-repeat;
	padding:100px 0;
	width:100%;
	background-color:#00558c;
	color:#fff
}

.pageHeaderLeft h3 {
	font:30px mel;
	margin:0;
	padding:0;
}

.pLeft {
	margin-top:20px
}

.pLeftTitle h3 {
	padding:0;
	margin:0;
	font:17px mel;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #e1e3e5
}

.pC {
	font:15px/30px mel;
	color:#1d1d1d;
	padding:20px 0
}

.pMenu {
	padding:0;
	margin:10px 0 0 0;
	list-style-type:none;
	font-size:0
}

.pMenu li {
	display:block;
	padding-bottom:5px;
}

.pMenu li a {
	display:block;
	padding:10px 10px 10px 30px;
	font:15px/24px mel;
	color:rgba(0,0,0,0.8);
	background:#f4f6f8;
	position:relative;
}


.pMenu li ul {
	padding:0 10px;
	display:none;
}

.pMenu li ul li {
	border-bottom:0 none
}


.pMenu li:hover a,.pMenu li.active a {
	color:#fff;
	background:#075c91
}

.pMenu li.active > ul {
	display:block;
}

/*-------------------------------------------------------
				ÜRÜNLER
--------------------------------------------------------*/

.urunler {
	margin:30px 0
}

.urun {
	margin-top:-1px
}

.urunLink {
	display:block;
	padding:10px 20px;
	background:#fff;
	color:#505050;
	font:16px mel;
	position:relative;
	border-bottom:1px solid #f1f1f1
}

.urunLink:first-child{
	border-top:1px solid #f1f1f1
}


.urunLink:hover,.urunLink.active {
	color:#000
}


.urunContent {
	display:none;
	padding:10px;
	font:14px/21px mel;
	padding-left:20px;
	text-align:justify!important;
}

.urunImage {
	display:inline-block;
	float:left
}

.urunImage img {
	max-width:100%;
	height:auto;
	display:inline-block;
}

/*------------------------------------------
				GALLERY
-------------------------------------------*/

.gal {
	margin-top:40px;
	padding:0;
	margin-bottom:40px;
	position:relative;
}

.galSlide{
	padding:0;
	margin:0;
	list-style-type:none;
	font-size:0
}

.galSlide li {
	width:calc(33.3% - 10px);
	overflow:hidden;
	float:left;
	display:block;
	height:200px;
	padding:0 10px;
	text-align:center;
	box-sizing:border-box;
	margin-right:10px;
	margin-top:0;
	margin-bottom:10px;
}

.galSlide li a{
	width:100%;
	height:100%;
	display:block;
	background:f00;
	box-sizing:border-box
}

.galSlide li a img{
	max-width:100%;
	max-height:200px;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	display:inline-block;
	margin:0 auto
}

/* Circle */
.galSlide li a {
	position: relative;
}
.galSlide li a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.galSlide li a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

#owl-demox .item {
    background:#fff;
    border-radius: 3px 3px 3px 3px;
    padding:0;
	width:100%;
    text-align: center;
	float:left;
	height:434px;
	overflow:hidden;
	margin:0
}

#owl-demox .itemImg  {
	width:100%;
	height:240px;
	display:block;
	overflow:hidden;
}

#owl-demox .itemImg img {
	max-height:170px;
	display:block;
	width:auto;
	margin:0 auto;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	
}

#owl-demox .itemh2 {
	margin:40px 0 0 0;
	padding:0 20px
}

#owl-demox .itemh2  a{
	display:block;
	font:15px lr;
	color:#000;
}

#owl-demox .itemp {
	display:block;
	margin-top:5px;
	font-size:14px;
	font-family:lr;
	font-weight:100;
	line-height:21px;
}

#owl-demox .owl-price {
	padding:0 20px;
	text-align:center;
	margin-top:30px
}

#owl-demox .owl-marka {
	height:auto;
	text-align:center;
	position:absolute;
	width:100%;
	top:210px;
	left:0
}

#owl-demox .owl-marka img{
	display:inline-block;
	margin:0 auto;
	height:20px;
	max-width:100%
}

#owl-demox .owl-amount,.owl-currency {
	display:inline-block;
	margin:0 auto;
	font:30px lb;
	color:#fe8c00
}

#owl-demox .owl-cart {
	text-align:center;
	width:100%;
	position:absolute;
	left:0;
	bottom:30px
}

#owl-demox .owl-cart a {
	display:inline-block;
	padding:0 10px;
	text-align:center;
	font:16px/30px lb;
	color:#fff;
	background:#ddd;
	height:30px
}

#owl-demox .owl-cart a.owl-browse:hover {
	background:#d02a2f;
}

#owl-demox .owl-cart a.owl-add:hover {
	background:#fe8c00;
}

#owl-demox .owl-controls {
	margin-top:20px;
}

#owl-demox .owl-cart a i {
	display:inline-block;
	margin-right:5px;
	line-height:30px;
}

.duyurularPage {
	margin:0 0 20px 0
}

.duyuru {
	background:#f9f9f9;
	margin-top:20px;
	padding:0;
	position:relative;
	height:90px;
	overflow:hidden;
	display:block;
}

.duyuruTarih {
	background:#e31e24;
	color:#fff;
	height:90px;
	position:relative
}

.duyuruTarihIn {
	position:relative;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.duyuruTarih:after {
	content:"";
	display:inline-block;
	border-width:10px;
	border-color:transparent;
	border-style:solid;
	border-left-color:#e31e24;
	position:absolute;
	right:-20px;
	top:50%;
	margin-top:-10px
}

.duyuruText {
	position:relative;
	height:100px;
	overflow-x:hidden;
	overflow-y:auto;
	color:#666666;
	padding:15px 0;
	top:0;
	left:0
}


.duyuruTextIn {
	display:inline-block;
	position:relative;
	top:50%;
	left:0;
	padding:0 30px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	font:16px/25px lr
}

.duyuruTarih span {
	display:block;
	text-align:center;
	font:14px lr
}

.duyuruTarih span.gun {
	font:25px lb
}

.duyuru.active {
	height:auto
}

.duyuru.active .duyuruText {
	height:auto;
	top:0;
	left:0;
	transform:translateY(0%);
}

.duyuru.active .duyuruTextIn {
	height:auto;
	top:0;
	left:0;
	transform:translateY(0%);
}

.duyuru.active .duyuruTarih {
	background:#2d3741
}

.duyuru.active .duyuruTarih:after {
	border-left-color:#2d3741
}


.duyuruImage {
	overflow:hidden;
	position:relative;
	height:100px
}

.duyuruImage img{
	display:inline-block;
	max-width:100%;
	height:auto;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}


/*------------------------------------------
			REFERANSLAR
-------------------------------------------*/

.filter {
    font-size: 0;
    margin-bottom: 20px;
    padding:0

}

.filter li {
    color: #000;
    display: inline;
    line-height: 50px;
}

.filter li:first-child a {

}

.filter li a {
    font:14px mel;
	font-weight:bold;
    padding:10px 23px;
	color:#000
}

.filter li a.active {
    background-color: #00558c;
    color: #fff;
}

.portfolio{
	padding-bottom:20px;
	padding-top:20px;
}

.fix-portfolio .items.col4 {
    margin:0;
	padding:0;
	width:100%
}

.fix-portfolio .items{
	list-style-type:none
}

.fix-portfolio .items li {
    float: left;
    min-height: 1px;
	
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}
.isotope, .isotope .isotope-item {
    transition-duration: 1s;
}
.isotope-item {
    display: block !important;
    z-index: 2;
	padding:0;
	margin-right:10px;
	margin-top:10px;
	height:200px;
	overflow:hidden;
}

.referansListli {
	width:calc(20% - 10px);
	float:left;
	display:inline-block;
}

.referans-item {
	border:1px solid #ddd
}

.referansDiv {
    display: block;
    position: relative;
	width:100%;
	height:200px;
	overflow:hidden
}

.bigList {
	padding:0;
	margin:0;
	list-style-type:none;
	float:left
}

.bigList li {
	float:left;
	display:block;
	height:200px;
	text-align:center;
	background:#f6f6f6;
	position:relative
}

.bigList li img{
	display:inline-block;
	max-width:100%;
	max-height:200px;
	height:auto;
	margin:0 auto;
	top:50%;
	position:relative;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.smallList {
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:700;
	list-style-type:none
}

.smallList li {
	display:inline-block;
	float:left;
	width:40px;
	height:40px;
	overflow:hidden;
	margin-left:5px
}

.smallList li a{
	display:inline-block;
	width:100%;
	height:40px;
	border:2px solid #fff;
	overflow:hidden;
	background:#f1f1f1;
	text-align:center;
	position:relative;
}

.smallList li a img{
	display:inline-block;
	max-width:100%;
	max-height:50px;
	margin:0 auto;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	opacity:.5
}

.smallList li a.active img{
	opacity:100
}

.bayilikDiv {
    display: block;
    position: relative;
	width:200px;
	height:200px;
	overflow:hidden;
}

.bayilikDiv .bigList li {
	float:left;
	display:block;
	width:200px;
	height:200px;
	background:#fff;
}

.bayilikDiv .bigList li img{
	display:inline-block;
	max-width:100%;
	min-height:200px;
	height:auto;
	float:left
}

.bayport .isotope-item {
    display: block !important;
    z-index: 2;
	width:calc(20% - 15px);
	padding:0;
	margin-right:10px;
	margin-top:10px;
	height:200px
}


.pRight {
	margin:20px 0
}

#mapping {
	margin:0 0 20px 0
}

#mapping,#fullMap {
	height:500px;
	float:left;
	width:100%;
}

/*------------------------------------------
			ANASAYFA İLETİŞİM
-------------------------------------------*/

.bz {
	background:#f9f9f9;
	padding:50px 15px;
	position:fixed;
	z-index:0;
	bottom:0px;
	left:0;
	width:100%;
	height:650px
}

.bzTitle{
	text-align:center;
	position:relative;
	margin-bottom:50px
}

.bzTitle h3{
	font:17px mel;
	text-align:center;
	color:#000;
	font-weight:bold;
	margin:0 auto;
	position:relative;
	background:#f9f9f9;
	padding:0 30px;
	z-index:500;
	display:inline-block;
}

#bzMap {
	width:100%;
	height:400px;
	float:left;
	margin-bottom:60px
}

.bzInTitle {
	padding-bottom:20px;
	background:url(../../../img/site/line.png) repeat-x left bottom;
	font:17px mel;
	color:#000;
	font-weight:bold;
	position:relative;
	margin-bottom:20px
}


.bzTitle h3 i{
	color:#eaeaea
}

.fakei {
	width:100%;
	height:1px;
	display:block;
	background:#eaeaea;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:20
}

.bzH3 {
	font:17px mel;
	color:#000;
	font-weight:bold

}

.bzAdresP {
	margin-top:10px;
	font:14px/18px mel;
	color:#666666
}

.bzFormP {
	margin-top:5px
}

.bzInput{
	width:100%;
	height:40px;
	padding:0 5px;
	border:1px solid #eaeaea;
	background:#fff;
}

.bzTextarea {
	width:100%;
	height:170px;
	border:1px solid #eaeaea;
	background:#fff;
	padding:5px;
	resize:none;
	overflow:auto;
}

.bzButon {
	padding:10px 20px;
	display:inline-block;
	border:1px solid #eaeaea;
	background:#eaeaea;
	color:#aaa;
	font:16px mel
}

.bzButon:hover{
	background:#aaa;
	color:#eaeaea;
	border:1px solid #aaa;
	
}

.myBtns {
	width:100%;
	margin-bottom:20px
}

.resultbtn {
	display:inline-block;
	background:#4eafcc;
	color:#fff;
	padding:10px 20px;
	border:0
}

.resultbtn:hover{
	background:#00558c;
}

.resultForm {
	display:inline-block;
}

#searchinput {
	display:inline-block;
	padding:0 10px;
	height:40px
}

#resulttop{
	overflow:hidden;
	height:500px
}

.rItem {
	padding:20px 10px;
	border-bottom:1px solid #efefef
}

.rItemIn {
	position:relative
}

.location-image {
	display:inline-block;
}

.location-name{
	display:inline-block;
	font:18px/29px mel;
	color:#4eafcc;
	margin-left:10px
}

.location-location{
	display:block;
	margin:15px 0;
	font:14px/21px mrl
}

#map {
	float:left;
	height:500px;
	width:100%
}

#resultpanel {
	height:500px;
	overflow:hidden;
	overflow-y:auto;
	display:none;
	width:100%
}

.windower {
	width:100%
}

.wImage {
	width:100%;
	height:auto;
	text-align:center;
}

.windower h3 {
	text-align:center;
	font-size:14px
}

.distance {
	
}



/*

	colors	: 
				e11f26 ,
				3274B1	,
				1f609d,
				084d8d,
				4eafcc
			
*/