/*
	1d9ed6 blue
	32b1e8 lblue
	ff9e29 orange
*/
@import url('../../../../external.html?link=https://fonts.googleapis.com/css?family=Montserrat:300,400&display=swap');
@import url('../../../../external.html?link=https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&display=swap&subset=latin-ext');

html,
body {
  height: 100%
}

*{
	outline:0 none
}

body{
	max-width:100%;
	width:100%;
	height:100%;
	overflow-x:hidden;
    font-family:'Montserrat', sans-serif;
	font-weight:400;
	background:#fff;
}

.bgBody{
	background:#f5f5f5;
}

.pageBg{
	background:#f2f2f2
}

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

img{
	outline:0 none!important
}

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto 0 auto;
}

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

.clear{
	clear:both
}

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

/*------------------------------------------
			RESPONSIVE NAVIGATION
-------------------------------------------*/
#closeMenu {
	position:absolute;
	right:10px;
	top:10px;
	font-size:16px;
	color:#404040;
	text-decoration:none!important;
	background:#fff;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	border-radius:50%
}

.rMenu{
	width:100%;
	height:100%;
	background:#404040;
	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 50px 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:left;
}

.rMenu ul li a{
	display:block;
	padding: 10px 5px 10px 20px;
	text-align:left;
	font-size:14px;
	color:#fff;
	text-decoration:none!important;
	border-bottom:1px solid rgba(255,255,255,0.2)
}

.rMenu ul li a i{
	float:right
}

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

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

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

.rMenu ul li ul li a{
	padding: 10px 5px 10px 30px;
	text-align:left;
	font-size:14px;
	color:#fff;
	text-decoration:none!important;
}

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

.toggle{
	display:none;
	float:right;
	padding:10px;
	background:#1d9ed6;
	color:#fff;
	text-align:center;
	font-size:16px;
	margin-top:5px;
	margin-left:8px;
	margin-right:8px;
}


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

.sub {
  width: 100%;
  height: auto;
  z-index:1000;
  padding:0;
  font-size:0;
  position:relative;
  background:#ececec;
  float:left
}

.subWrapper{
	float:right;
	background:#ebebeb;
	border-bottom:2px solid #073b1f;
}

.subLogo{
	float:left;
	display:none;
	margin-left:15px;
	margin-top:5px
}

.subLogo img{
	display:inline-block;
	max-height:40px
}

.subMenu{
	float:right;
	padding:15px 0
}

.subMenuList{
	margin:0;
	padding:0;
	list-style-type:none;
}

.subMenuList li{
	display:inline-block;
	margin-left:15px
}

.subMenuList li a{
	float:left;
	font-size:15px;
	color:#7e7e7e
}

.subMenuList li a:hover,.subMenuList li a.active{
	color:#41519f
}

.subSosyalDiv{
	float:right;
	margin-left:15px;
	padding:15px 0
}

.subSosyalDiv ul{
	display:inline-block;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0
}

.subSosyalDiv ul li{
	display:inline-block;
	margin-left:5px
}

.subSosyalDiv ul li a{
	display:inline-block;
	font-size:12px;
	width:24px;
	height:24px;
	text-align:center;
	line-height:24px;
	border-radius:50%;
	color:#fff
}

.subSosyalDiv ul li a.fa-facebook{
	background:#5270fe
}

.subSosyalDiv ul li a.fa-twitter{
	background:#1d9ed6
}

.subSosyalDiv ul li a.fa-youtube{
	background:#f00
}

.subSosyalDiv ul li a.fa-instagram{
	background:#e1306c
}

.subLang{
	float:right;
	margin-left:10px;
	position:relative;
	background:#ebebeb;
	padding:15px 0
}

.allLangsList{
	margin:0;
	padding:0;
	display:inline-block;
	list-style-type:none;
	font-size:0;
	width:100%
}

.allLangsList li{
	display:inline-block;
	margin-left:8px
}

.allLangsList li a{
	display:inline-block;
	white-space:nowrap;
	font-size:15px;
	color:#7e7e7e;
}

.allLangsList li a:hover,.allLangsList li a.active{
	color:#41519f
}

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

.header{
	padding:10px 15px 10px 15px;
	position: relative;
	z-index:9700;
	background:#fff;
}

.headerAuto{
	position: relative;
}

.logo{
	float:left;
}

.navigation{
	float:right;
	font-size:0
}

.navList{
	margin:15px 0 0 0;
	padding:0;
	list-style-type:none;
	display:inline-block;
}

.navList li{
	display:inline-block;
	margin-left:15px
}

.navList li.megaLi{
	height:50px
}

.navList li.thinLi{
	position: relative;
	min-height:55px;
}

.navList li > a{
	display:inline-block;
	font-size:17px;
	color:#626262;
	padding:8px 15px;
	position:relative;
	z-index:20
}

.navList li a span{
	position:relative;
	display:inline-block;
	z-index:20
}

.navList li a img{
	position:absolute;
	z-index:10;
	left:50%;
	transform:translateX(-50%);
	color:#ff9e29;
	top:5px
}

.navList li a.navSertifika{
	color:#1d9ed6;
	font-weight:700;
}

.navList li:last-child > a{
	padding-right:0
}

.navList li:hover > a, .navList li.active > a{
	color:#41519f
}

.thinMenuWrapper{
	position: absolute;
	left:0;
	top:65px;
	display:block;
	padding:0;
	border-top:4px solid #ff9e29;
	-webkit-transition:all 500ms ease 0s;
	transition:all 500ms ease 0s;
	box-shadow:0 0 10px rgba(0,0,0,.3);
	opacity:0;
	visibility:hidden
}

.navList li.thinLi:hover div.thinMenuWrapper{
	top:65px;
	opacity:100;
	visibility:visible;
}

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

.thinList li{
	display:block;
	width:100%;
	margin:0!important;
	padding:0
}

.thinList li a{
	display:inline-block;
	width:100%;
	white-space:nowrap;
	font-size:14px;
	color:#fff;
	font-weight:300;
	background:#1d9ed6;
}

.thinList li a:hover{
	background:#ff9e29;
	color:#fff
}

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

.viSlider {
	width:100%;
	height:auto;
	position:relative;
	padding:0px;
	margin:0;
	z-index:100;
	overflow:hidden
}

.parallaxWrapper{
	display:inline-block;
	width:100%;
	height:auto;
	position:relative;
	padding:0
}

.noPointer{
	cursor:default
}

.parallaxOverlay{
	position:absolute;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	background: rgb(29,158,214);
	background: linear-gradient(90deg, rgba(29,158,214,1) 35%, rgba(255,255,255,0.05924376586572133) 100%);
	display:none
}

.parallaxWrapper img{
	max-width:100%;
	height:auto
}

.parallaxAuto{
	position:relative;
	text-align:left;
	height:100%;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:20
}

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

.parallaxInner{
	display:inline-block;
	width:70%;
}

.parallaxTitle{
	font-size:36px;
	line-height:46px;
	color:#2a3c32;
	margin:0;
	padding:0;
	display:block;
}

.parallaxText{
	font-size:75px;
	line-height:85px;
	display:block;
	color:#f9f9f9;
	margin-top:30px;
	display:block
}

.parallaxLink{
	background:#232323;
	color:#fff;
	padding:12px 25px;
	font-size:14px;
	margin-top:30px;
	display:inline-block;
	border-radius:30px
}

.parallaxLink:hover{
	background:#ff3399
}

.viSlider .owl-controls{
	position:absolute;
	top:50%;
	z-index:5000;
	width:100%
}

.viSlider .owl-nav{
	width:100%
}

.viSlider .owl-controls .owl-prev,.viSlider .owl-controls .owl-next{
	width:80px;
	height:80px;
	display:inline-block;
	position:absolute;
	cursor:pointer;
	border-radius:50%;
	color:#fff;
	background:#7d8286;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.viSlider .owl-controls .owl-prev{
	left:-40px;
	right:auto;
	text-align:center;
	text-indent:12px;
}

.viSlider .owl-controls .owl-next{
	right:-40px;
	left:auto;
	text-indent:-12px;
	text-align:center;
}

.viSlider .owl-controls .owl-prev i,.viSlider .owl-controls .owl-next i{
	font-size:20px;
	line-height:80px;
	margin:0;
	padding:0
}

.viSlider .owl-controls .owl-prev:hover,.viSlider .owl-controls .owl-next:hover{
	background:#41519f;
	color:#fff
}

/*------------------------------------------
				parallax
-------------------------------------------*/

.ortaAlanWrapper{
	display:inline-block;
	width:100%;
	position:relative;
	padding:65px 15px 65px 15px;
	background:#fff url(../../../img/site/dotted.png)
}

.ortaAlanAuto{
	position:relative;
}


.ortaAlanLeftWrapper{
	overflow:hidden;
}

.ortaAlanLeft{
	width:100%;
	display:inline-block;
	overflow:hidden;
	position:relative;
}

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

.ortaAlanSummary{
	font-size:22px;
	line-height:150%;
	color:#484848
}

.ortaAlanSummary img{
	display:block;
	margin-bottom:20px;
	max-width:100%;
	height:auto;
}

.ortaAlanLinkWrapper{
	display:block;
	margin-top:20px
}

.ortaAlanLink{
	display:inline-block;
	padding:17px 30px;
	background:#1d9ed6;
	color:#fff;
	font-size:16px
}

.ortaAlanLink:hover{
	background:#ff9e29;
}

.adsWrapper{
	padding:20px 0
}

.fancyVideo{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:700;
	text-align:center;
	font-size:60px;
	background:rgba(255,255,255,.3);
	color:#c30000;
	-webkit-transition:all 300ms ease 0s;
	transition:all 300ms ease 0s;
}

.fancyVideo i{
	display:inline-block;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	margin:0 auto
}

.fancyVideo:hover {
	background:rgba(255,255,255,.7);
	color:#ed1c24
}

/*------------------------------------------
				ADS
-------------------------------------------*/

.ads{
	width:100%;
	height:135px;
	background:url(../../../img/site/adsBg.jpg) center top;
}

.adsIconWrapper{
	width:223px;
	height:135px;
	position:relative;
	overflow:hidden;
	float:left
}

.adsIcon{
	text-align:center;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.adsBorder{
	width:1px;
	height:93px;
	position:absolute;
	right:0;
	bottom:0;
	background:#fff;
	display:inline-block;
	box-sizing:border-box
}

.adsCenterWrapper{
	width:775px;
	height:135px;
	position:relative;
	padding:0 32px;
	float:left;
	box-sizing:border-box
}

.adsCenter{
	position:relative;
	display:inline-block;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.adsTitle{
	font-size:23px;
	display:block;
	color:#fff
}

.adsDescription{
	display:block;
	color:#fff;
	font-weight:300;
	font-size:16px
}

.adsButtonWrapper{
	float:left;
	position:relative;
	height:135px;
	width:202px
}

.adsButton{
	position:relative;
	display:inline-block;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	background:#1d9ed6;
	color:#fff;
	padding:17px 30px;
	font-size:16px
}

.adsButton:hover{
	background:#ff9e29;
}

/*------------------------------------------
			anasayfa urunler
-------------------------------------------*/

.mainUrunler{
	padding:0 0 35px 0;
	margin-top:0;
	position:relative;
	z-index:3000;
	background:#f2f2f2;
}

.mainUrunlerHeader{
	padding:45px 0;
	font-size:23px;
	color:#1d9ed6
}

.owl-urunler{
	margin-top:0px
}

.mainUrunWrapper{
	display:inline-block;
	padding:0;
	width:100%;
	overflow:hidden;
	font-size:0
}

.mainUrun{
	width:100%;
	height:241px;
	display:inline-block;
	margin:0;
	overflow:hidden;
	position:relative;
	border:2px solid transparent;
	transition: all 0.5s;
	height:241px;
	position:relative;
	font-size:0
}

.mainUrunImage{
	height:184px;
	width:100%;
	display:inline-block;
	overflow:hidden;
	background:#fff;
	position:relative;
}

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

.mainUrunContent{
	background:#1d9ed6;
	display:inline-block;
	width:100%;
	height:57px;
	position:relative;
	text-align:left;
	padding:0 15px
}

.mainUrunName{
	display:inline-block;
	font-size:17px;
	font-weight:400;
	font-family:'Roboto',sans-serif;
	color:#fff;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.mainUrun:hover .mainUrunContent{
	background:#ff9e29;
}

.mainUrunler .owl-controls{
	position:absolute;
	z-index:5000;
	width:100%;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.mainUrunler .owl-nav{
	width:100%
}

.mainUrunler .owl-controls .owl-prev,.mainUrunler .owl-controls .owl-next{
	width:40px;
	height:40px;
	display:inline-block;
	position:absolute;
	cursor:pointer;
	color:#1d9ed6;
	top:0;
}

.mainUrunler .owl-controls .owl-prev{
	left:0px;
	right:auto;
	text-align:center;
}

.mainUrunler .owl-controls .owl-next{
	right:0px;
	left:auto;
	text-align:center;
}

.mainUrunler .owl-controls .owl-prev i,.mainUrunler .owl-controls .owl-next i{
	font-size:42px;
	line-height:40px;
	margin:0;
	padding:0
}

.mainUrunler .owl-controls .owl-prev:hover,.mainUrunler .owl-controls .owl-next:hover{
	color:#ff9e29
}

.allProductsLinkDiv{
	margin-top:30px;
	display:block;
}

.allProductsLink{
	position:relative;
	display:inline-block;
	background:#1d9ed6;
	color:#fff;
	padding:17px 30px;
	font-size:16px
}

.allProductsLink:hover{
	background:#32b1e8;
}

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

.testingPaddingWrapper{
	padding:68px 0 0 0;
	background:#f2f2f2 url(../../../img/site/testingBg.png) repeat left top
}

.testingWrapper{
	background:#1d9ed6;
	padding:70px 0
}

.testingHeader{
	font-size:23px;
	display:block;
	color:#fff
}

.testingContent{
	margin-top:45px;
	padding:0
}

.testingLeftContent{
	background:#32b1e8;
	padding:45px 0
}

.testingLeft,.testingRight{
	padding:0
}

.testingImage{
	overflow:hidden;
	border-right:7px solid #ff9e29;
	float:left;
	width:163px;
}

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

.testingDescription{
	padding:0 15px;
	float:left;
	width:calc(100% - 163px)
}

.testingText{
	font-size:28px;
	color:#fff;
	line-height:35px;
	display:block;
	padding:0
}

.testingLink{
	display:inline-block;
	font-size:16px;
	color:#1d9ed6;
	background:#fff;
	padding:19px 32px;
	margin-top:30px
}

.testingLink:hover{
	background:#ff9e29;
	color:#fff
}

.testingVideo{
	display:inline-block;
	width:100%;
	height:322px;
	position:relative;
	overflow:hidden;
	text-align:center;
	padding:0
}

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

.testingVideo i{
	display:inline-block;
	margin:0 auto;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	font-size:80px;
	color:#c30000
}

.testingVideo:hover i{
	color:#ed1c24
}


/*------------------------------------------
			anasayfa referanslar
-------------------------------------------*/

.mainReferanslar{
	padding:0 0 35px 0;
	margin-top:0;
	position:relative;
	z-index:3000;
	background:#f2f2f2;
}

.mainReferanslarHeader{
	padding:45px 0;
	font-size:23px;
	color:#1d9ed6
}

.owl-referanslar{
	margin-top:0px
}

.mainReferansWrapper{
	display:inline-block;
	padding:0;
	width:100%;
	overflow:hidden;
	font-size:0
}

.mainReferans{
	width:100%;
	height:241px;
	display:inline-block;
	margin:0;
	overflow:hidden;
	position:relative;
	border:2px solid transparent;
	transition: all 0.5s;
	height:241px;
	position:relative;
	font-size:0
}

.mainReferansImage{
	height:184px;
	width:100%;
	display:inline-block;
	overflow:hidden;
}

.refImage img{
	max-width:100%!important;
	max-height:100%!important
}

.mainReferansImage img{
	display:inline-block;
	width:100%;
	height:100%
}

.mainReferansContent{
	background:#1d9ed6;
	display:inline-block;
	width:100%;
	height:57px;
	position:relative;
	text-align:left;
	padding:0 15px
}

.mainReferansName{
	display:inline-block;
	font-size:17px;
	font-weight:400;
	font-family:'Roboto',sans-serif;
	color:#fff;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.mainReferans:hover .mainReferansContent{
	background:#ff9e29;
}

.mainReferanslar .owl-controls{
	position:absolute;
	z-index:5000;
	width:100%;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.mainReferanslar .owl-nav{
	width:100%
}

.mainReferanslar .owl-controls .owl-prev,.mainReferanslar .owl-controls .owl-next{
	width:40px;
	height:40px;
	display:inline-block;
	position:absolute;
	cursor:pointer;
	color:#1d9ed6;
	top:0;
}

.mainReferanslar .owl-controls .owl-prev{
	left:0px;
	right:auto;
	text-align:center;
}

.mainReferanslar .owl-controls .owl-next{
	right:0px;
	left:auto;
	text-align:center;
}

.mainReferanslar .owl-controls .owl-prev i,.mainReferanslar .owl-controls .owl-next i{
	font-size:42px;
	line-height:40px;
	margin:0;
	padding:0
}

.mainReferanslar .owl-controls .owl-prev:hover,.mainReferanslar .owl-controls .owl-next:hover{
	color:#ff9e29
}

.allProductsLinkDiv{
	margin-top:45px;
	display:block;
}

.allProductsLink{
	position:relative;
	display:inline-block;
	background:#1d9ed6;
	color:#fff;
	padding:17px 30px;
	font-size:16px
}

.allProductsLink:hover{
	background:#32b1e8;
}

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

.mainHaberler{
	padding:0 0 45px 0;
	background:url(../../../img/site/dotted.png)
}

.pageHaberler{
	background:none
}

.mainHaberlerHeader{
	padding:45px 0 0 0;
	font-size:23px;
	color:#1d9ed6
}


.mainHaberWrapper{
	margin-top:30px
}

.mainHaber{
	width:100%;
	height:164px;
	display:inline-block;
	overflow:hidden
}

.mainHaberImage{
	width:233px;
	height:100%;
	overflow:hidden;
	float:left
}

.mainHaberImage img{
	width:100%;
	min-height:100%;
	display:inline-block;
}

.mainHaberContent{
	width:calc(100% - 233px);
	float:left;
	background:#1d9ed6;
	height:164px;
	padding:0 15px;
	position:relative
}

.mainHaber:hover .mainHaberContent,.mainHaber.active .mainHaberContent{
	background:#ff9e29;
}

.mainHaberInner{
	display:inline-block;
	width:100%;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.mainHaberName{
	display:block;
	color:#fff;
	font-size:18px;
	font-weight:900;
	line-height:28px;
}

.mainHaberDate{
	display:block;
	margin-top:15px;
	color:#fff;
	font-size:14px
}

.mainHaberDate i{
	display:inline-block;
	margin-right:5px;
	color:#e39e3f
}

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

.footer{
	padding:15px;
	background:#fff
}

.footerLogoDiv{
	display:block
}

.footerLogo{
	display:inline-block;
}

.footerBottom{
	display:block;
}

.footerBottomLeft{
	float:left
}

.copyright{
	display:inline-block;
	font-size:12px
}

.blueColor{
	display:inline-block;
	font-weight:700;
}

.adam1111{
	font-size:11px;
	display:inline-block;
	color:#aaa
}

.adam1111 a{
	display:inline-block;
	color:#aaa
}

.sosyalDiv{
	display:inline-block;
}

.sosyalDiv ul{
	display:inline-block;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0
}

.sosyalDiv ul li{
	display:inline-block;
	margin-left:5px
}

.sosyalDiv ul li a{
	display:inline-block;
	font-size:16px;
	width:35px;
	height:35px;
	text-align:center;
	line-height:35px;
	border-radius:50%;
	color:#fff
}

.sosyalDiv ul li a.fa-facebook{
	background:#5270fe
}

.sosyalDiv ul li a.fa-twitter{
	background:#1d9ed6
}

.sosyalDiv ul li a.fa-youtube{
	background:#f00
}

.sosyalDiv ul li a.fa-instagram{
	background:#e1306c
}

.fSertifikalar{
	float:right;
	margin-top:7px
}

.fSertifikalar ul{
	display:inline-block;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0
}

.fSertifikalar ul li{
	height:71px;
	text-align:center;
	position:relative;
	line-height:71px;
	margin-left:3px;
	float:left;
	padding:0 15px
}

.fSertifikalar ul li img{
	display:inline-block;
	max-width:100%;
	max-height:100%;
	margin:0 auto
}

.blueColor{
	color:#1d9ed6
}

/*------------------------------------------
			KURUMSAL
-------------------------------------------*/

.pHeaderWrapper{
	width:100%;
	height:477px;
	position:relative;
}

.pHeaderOverlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(99,99,99,.76);
	z-index:500
}

.pHeaderContent{
	padding:0;
	position:relative;
	z-index:600
}

.pHeaderRoute{
	margin:0;
	padding:25px 0;
	list-style-type:none;
	font-size:0;
	float:left
}

.pHeaderRoute li{
	display:inline-block;
	font-size:16px;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	color:#fff;
	margin-top:5px
}

.pHeaderRoute li:after{
	content:"/";
	display:inline-block;
	margin:0 5px
}

.pHeaderRoute li:last-child:after{
	display:none
}

.pHeaderRoute li a{
	display:inline-block;
	color:#fff
}

.pHeaderTopName{
	float:right;
	font-size:25px;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	color:#fff;
	padding:25px 0
}

.pHeaderCenter{
	text-align:center;
}

.pHeaderCenterName{
	display:block;
	font-size:22px;
	font-family:'Roboto',sans-serif;
	color:#ff9e29;
	font-weight:700;
	margin:0;
	padding:0
}

.pHeaderCenterImage{
	margin:35px 0;
	display:block;
}

.pHeaderCenterDescription{
	font-size:25px;
	color:#fff;
	font-family:'Roboto',sans-serif;
	font-weight:700;
	max-width:760px;
	margin:0 auto
}

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

.editor_pContent{
	padding:0;
	margin:27px 0;
	font-family:'Roboto',sans-serif;
}

.editor_pContentTop{
	padding:0;
}

.editor_pContentTopImages{
	overflow:hidden;
	padding:0;
}

.editor_pContentTopImages img{
	min-width:100%;
	height:auto;
	display:inline-block;
}

.editor_pContentTopContent{
	padding:55px 30px;
	background:#fff
}

.editor_pContentTopSummary{
	font-size:21px;
	font-weight:700;
	color:#1d9ed6
}

.editor_pageContentTopText{
	margin-top:27px;
	font-size:18px;
	color:#4a4a4a
}

.editor_pContentCenter{
	background:#1d9ed6;
	margin-top:27px;
	padding:30px;
	color:#fff;
	font-size:18px
}

.editor_pContentBottom{
	font-size:18px;
	color:#4a4a4a;
	margin-top:30px
}

.editor_strong{
	font-weight:700;
}

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

.kategorilerHeaderWrapper{
	background:#1d9ed6;
	font-family:'Roboto',sans-serif;
}

.kategorilerHeaderRoute{
	float:left;
	margin:0;
	padding:33px 0
}

.kategorilerHeaderRoute li{
	display:inline-block;
	font-size:16px;
	font-weight:300;
	color:#fff
}

.kategorilerHeaderRoute li:after{
	content:"/";
	display:inline-block;
	margin:0 5px;
}

.kategorilerHeaderRoute li:last-child:after{
	display:none
}

.kategorilerHeaderRoute li a{
	display:inline-block;
	color:#fff
}

.kategorilerHeaderName{
	float:right;
	font-size:24px;
	font-weight:300;
	padding:25px 0;
	color:#fff
}

.kategorilerListWrapper{
	margin:0 0 30px 0
}

.kategorilerListTitle{
	font-size:22px;
	display:block;
	text-align:center;
	color:#4a4a4a;
	padding:35px 0 10px 0
}

.kategoriWrapper{
	display:inline-block;
	padding:0 7.5px;
	overflow:hidden;
	font-size:0;
	margin:25px 0 25px 0
}

.kategori{
	width:100%;
	display:inline-block;
	margin:0;
	overflow:hidden;
	position:relative;
	border:2px solid transparent;
	transition: all 0.5s;
	height:260px;
	position:relative;
	font-size:0
}

.kategoriImage{
	height:184px;
	width:100%;
	display:inline-block;
	overflow:hidden;
	background:#fff;
	position:relative;
	text-align:center;
}

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

.kategoriContent{
	background:#1d9ed6;
	display:inline-block;
	width:100%;
	height:76px;
	position:relative;
	text-align:left;
	padding:0 15px
}

.kategoriName{
	display:inline-block;
	font-size:15px;
	font-weight:400;
	font-family:'Roboto',sans-serif;
	color:#fff;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.kategori:hover .kategoriContent{
	background:#ff9e29;
}

/*------------------------------------------
			URUNLER
-------------------------------------------*/

.urunlerListWrapper{
	margin-bottom:30px
}

.urunlerLeft{
	margin:0;
	padding-left:0;
	font-family:'Roboto',sans-serif;
	margin-top:24px
}

.urunlerRight{
	padding:0
}

.urunlerHeader{
	margin-bottom:0;
	margin-top:5px
}

.urunlerName{
	margin:0;
	padding:0;
	font-size:22px;
	font-weight:700;
	color:#1d9ed6
}

.uMenu{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0;
	display:inline-block;
	width:100%
}

.uMenu li{
	display:block;
	margin-top:1px
}

.uMenu li a{
	display:inline-block;
	width:100%;
	background:#1277a2;
	padding:17px 40px 17px 40px;
	color:#fff;
	font-size:14px;
	font-weight:900;
	position:relative
}

.uMenu li:hover > a,.uMenu li.active > a{
	background:#ff9e29;
}

.uMenu li a span{
	position:absolute;
	width:24px;
	height:100%;
	background:#126183;
	top:0;
	left:0;
	display:inline-block;
	text-align:center;
}

.uMenu li a span:after{
	content:"\f105";
	display:inline-block;
	margin:0 auto;
	font-family:fontAwesome;
	color:#fff;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.uMenu li ul{
	display:none;
	width:100%;
}

.uMenu li.active > ul{
	display:inline-block;
}

.uMenu li ul li{
	display:block;
}

.uMenu li ul li a{
	display:inline-block;
	width:100%;
	background:url(../../../img/site/umenulia.png) repeat left top;
	color:#4a4a4a;
	font-weight:700;
	font-size:12px;
	padding-left:60px
}

.uMenu li ul li a span{
	width:4px;
	background:#fff
}

.uMenu li ul li a span:after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-width:7px;
	border-style:solid;
	border-color:transparent;
	border-left-color:#1d9ed6;
	left:4px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	display:none;
}

.uMenu li ul li a:before{
	content:"\f0da";
	display:inline-block;
	font-family:fontAwesome;
	color:#fff;
	left:45px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.uMenu li ul li:hover > a,.uMenu li ul li.active > a{
	background:url(../../../img/site/umenulia2.png) repeat left top
}

.uMenu li ul li:hover > a:before,.uMenu li ul li.active > a:before{
	display:none;
}

.uMenu li ul li:hover > a span,.uMenu li ul li.active > a span{
	background:#1d9ed6
}

.uMenu li ul li:hover > a span:after,.uMenu li ul li.active > a span:after{
	display:inline-block;
}

.urunContentWrapper{
	margin-top:25px;
	font-family:'Roboto',sans-serif;
}

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

.urunPageWrapper{
	position:relative;
	margin-bottom:160px
}

.urunPageRight{
	margin-top:20px
}

.urunHeader{
	margin-bottom:25px;
	margin-top:5px
}

.urunName{
	margin:0;
	padding:0;
	font-size:22px;
	font-weight:700;
	color:#1d9ed6
}

.urunBig{
	display:inline-block;
	width:100%;
	height:450px;
	border:5px solid #f5f5f5;
	overflow:hidden;
	position:relative;
	background:#fff
}

.urunBigList{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0
}

.urunBigList li{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
}

.urunBigList li:first-child{
	display:inline-block;
}

.urunBigList li a{
	display:inline-block;
	width:100%;
	height:100%;
	position:relative;
	text-align:center
}

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

.urunSmallList{
	margin:0px 0 25px -15px;
	padding:0;
	list-style-type:none;
	font-size:0;
	display:inline-block;
	width:calc(100% + 15px)
}

.urunSmallList li{
	width:calc(25% - 15px);
	height:150px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-left:15px;
	margin-top:15px;
	background:#fff
}

.urunSmallList li a{
	display:inline-block;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
	border:3px solid #f5f5f5
}

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

.urunSmallList li a:hover,.urunSmallList li a.active{
	border-color:#ff9e29
}

.urunDetails{
	font-size:16px;
	font-family:'Roboto',sans-serif;
	margin:30px 0
}

.testDetails{
	font-size:16px;
	font-family:'Roboto',sans-serif;
	margin:0 0
}

.urunDetails table{
	width:100%;
	border-collapse:separate;
	border:none
}

.urunDetails table thead{
	border:none!important
}

.urunDetails table thead tr{
	border:none!important
}

.urunDetails table thead tr td{
	border:6px solid #f2f2f2!important;
	background:#1277a2;
	color:#fff;
	padding:15px;
	text-align:center;
}

.urunDetails table tbody tr td{
	border:6px solid #f2f2f2!important;
	background:#eeeeee;
	color:#4a4a4a;
	padding:15px;
	text-align:center;
}



.urunButtons{
	padding-right:0
}

.urunButtonDiv{
	margin-top:5px;
	margin-bottom:10px;
	display:block;
	font-family:'Roboto',sans-serif;
}

.floatButtons{
	width:100%;
	padding:0
}

.floatButtons .urunButtonDiv{
	float:left;
	padding-right:5px;
	width:25%
}

.urunButton{
	display:inline-block;
	width:100%;
	height:58px;
	background-color:#1d9ed6;
	color:#fff;
	font-weight:700;
	line-height:58px;
	background-repeat:no-repeat;
	padding-left:72px
}

.pdfButton{
	background-image:url(../../../img/site/pdfIcon.png);
	background-position:17px center
}

.dwgButton{
	background-image:url(../../../img/site/dwgIcon.png);
	background-position:12px center
}

.proposalButton{
	background-image:url(../../../img/site/proposalIcon.png);
	background-position:22px center
}

.urunButton:hover{
	background-color:#ff9e29
}

.phoneButton{
	background-image:url(../../../img/site/phoneIcon.png);
	background-position:14px center;
	padding-left:48px;
	font-size:16px;
	background-color:#1d9ed6
}

.phoneButton:hover{
	background-color:#ff9e29;
}


.uPagination{
	display:block;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px
}

.myPaginationList{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	font-size:0;
	display:inline-block;
}

.myPaginationList li{
	display:inline-block;
	margin-right:7px
}

.myPaginationList li a{
	width:32px;
	height:32px;
	text-align:center;
	line-height:32px;
	border-radius:50%;
	background:#1d9ed6;
	color:#fff;
	font-size:14px;
	display:inline-block;
}

.myPaginationList li a:hover,.myPaginationList li a.active{
	background:#ff9e29
}

/*------------------------------------------
				İLETİSİM
-------------------------------------------*/

.iletisim{
	background:#f5f5f5;
	padding-bottom:30px
}


.adres{
	background:#fff;
	margin-top:30px;
	display:table;
	width:100%;
	font-size:0
}

.adresInfo{
	display:table-cell;
	padding:0 30px;
	vertical-align:top;
	width:50%
}

.adresMap{
	position:relative;
	display:table-cell;
	width:50%;
	vertical-align:middle;
	padding:30px;
	height:300px;
	overflow: hidden
}

.adresMap iframe{
	width:100%!important;
	height:100%!important
}

.adresAd{
	font-size:18px;
	font-weight:700;
	color:#ff9e29
}

.adresContent{
	font-size:15px;
	font-weight:300;
	margin-top:15px
}

.iletisimForm{
	background:#fff;
	margin-top:30px
}

.formHeader{
	padding:15px 15px;
	color:#ff9e29;
	font-weight:700;
	line-height:40px;
	font-size:16px;
	font-family:'Montserrat',sans-serif;
	letter-spacing:.5px;
	border-bottom:1px solid #ff9e29
}

.formHeader i{
	margin-right:15px;
	font-size:40px;
	float:left
}

.formWrapper{
	padding:15px 15px 0
}

.formDiv{
	display:block;
	margin-top:15px;
	margin-bottom:30px;
}

.formLabel{
	display:block;
	font-size:14px;
	font-weight:400;
}

.formInput{
	display:inline-block;
	width:100%;
	border:none;
	border-bottom:2px solid #ddd;
	height:40px;
	line-height:40px;
	margin-top:10px
}

.formTextarea{
	display:inline-block;
	width:100%;
	border:none;
	border-bottom:2px solid #ddd;
	height:80px;
	line-height:21px;
	resize:vertical;
	margin-top:10px
}

.formButton{
	padding:10px 20px;
	text-align:center;
	font-size:14px;
	color:#ff9e29;
	border:2px solid #ff9e29;
	font-weight:700;
	border-radius:30px;
	background:#fff;
	float:right	
}

.formButton:hover{
	background:#ff9e29;
	color:#fff
}

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

.brick img,.brick video {
  max-width: 100%;
  vertical-align: middle;
}

.masonry {
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
  margin-top:30px;
  text-align:center;
}

.masonry .brick {
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: top; 
  text-align:center;
  position:relative;
}

.brickOverlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	z-index:800;
	text-align:center;
}

.brickOverlay i{
	display:inline-block;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	color:#ed1c24;
	font-size:60px
}

.brickOverlay:hover i{
	color:#f00
}

.masonry .brick img {
  transition: all .5s ease-in-out;
  backface-visibility: hidden;
  margin:0 auto;
  display:inline-block;
}

.masonry .brick:hover img {
  opacity: .75;
}

.masonry.bordered {
  column-rule: 1px solid #ccc;
  column-gap: 50px;
}

.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
}

.masonry.gutterless {
  column-gap: 0;
}

.masonry.gutterless .brick {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry {
    column-count: 2;
  }
}

@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.25em;
  }

  .intro {
    letter-spacing: 1px;
  }

  .masonry {
    column-count: 3;
  }
  
}

.teklifAlAuto{
	text-align:center;
}

.teklifAlContainer{
	max-width:600px;
	padding:15px;
	background:#fff;
	padding:0 30px 30px 30px;
	margin:0 auto;
	margin-top:30px;
	font-weight:400;
	font-family:'Roboto',sans-serif;
}

.teklifAlContent{
	display:inline-block;
	width:100%;
	text-align:left;
}

.teklifDiv{
	display:inline-block;
	width:100%;
	margin-top:15px
}

.teklifLabel{
	font-weight:700;
	font-size:16px
}

.teklifInputDiv{
	margin-top:15px;
	display:block;
}

.teklifInput{
	display:inline-block;
	width:100%;
	text-align:left;
	padding:0 10px;
	height:40px;
	border:1px solid #ddd;
	line-height:40px;
}

.teklifTextarea{
	display:inline-block;
	width:100%;
	text-align:left;
	padding:10px;
	height:80px;
	border:1px solid #ddd;
	line-height:21px;
	resize:none;
	overflow:auto;
}

.teklifButton{
	display:inline-block;
	height:40px;
	padding:0 15px;
	font-weight:700;
	color:#fff;
	border:none;
	text-align:center;
	background:#1d9ed6;
}

.teklifButton i{
	display:inline-block;
	margin-right:5px
}


.teklifButton:hover{
	background:#ff9e29
}

.teklifSelect{
	width:100%;
	display:inline-block;
	height:40px;
	line-height:40px;
	border:1px solid #ddd;
	padding:0 10px
}

.teklifAlResult{
	background:#ff9e29;
	max-width:600px;
	margin:0 auto;
	margin-top:30px;
	padding:15px;
	color:#fff
}

.teklifError{
	margin-top:5px;
	display:block;
	color:#ed1c24;
	font-size:11px
}


.forDesktop{
	display:inline-block
}

.forMobile{
	display:none;
}