/*
Theme Name: PipetDunyam
Theme URI: http://www.pipetdunyam.com/
Description: PipetDunyam by Ortak Sanatlar
Version: 1.0.0
*/

/**	CSS RESET 		*************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure,menu{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object,menu{display:block}a img{border:0}figure{position:relative}figure img{width:100%}body a{ text-decoration:none; outline:none; }Body ul, body ul li{ list-style:none; }h1,h2,h3,h4,h5,h6{ font-weight:normal; }

/**	MAIN 			*************************/
	html			{ height:100%; }
	body			{ height:100%; color:#000; background:#FFF; text-rendering:optimizelegibility; font-family: 'Raleway', sans-serif;  }
	.Container		{ margin:0 auto; width:100%; height:auto; position:relative; z-index:1; }
	.Row			{ margin:0 auto; padding:30px 0; width:100%; max-width:1140px; height:auto; position:relative; }
	.CXL			{ width:100%; height:auto; float:left; position:relative; }							/* Full 	*/
	.CL				{ margin-right:3.125%; width:82.8125%; height:auto; min-height:15px; float:left; position:relative; }	/* Large 	*/
	.CM				{ margin-right:3.125%; width:65.625%; height:auto; min-height:15px; float:left; position:relative; }	/* Medium 	*/
	.CH				{ margin-right:3.125%; width:48.4375%; height:auto; min-height:15px; float:left; position:relative; }	/* Half 	*/
	.CS				{ margin-right:3.125%; width:31.25%; height:auto; min-height:15px; float:left; position:relative; }		/* Small 	*/
	.CXS			{ margin-right:3.125%; width:14.0625%; height:auto; min-height:15px; float:left; position:relative; }	/* Tiny 	*/
	.Last 			{ margin-right:0 !important; }
	img, object, embed 	{ max-width:100%; }
	img 			{ max-width:100%; height:auto; float:left; }
	.Row:after, .Fix{ content:""; display:table; clear:both; }
	.DPN			{ display:none; }
	::-moz-selection{ background-color:#1fa3ff; color:#FFF; }
	::-webkit-selection { background-color:#1fa3ff; color:#FFF; }
	::-o-selection 	{ background-color:#1fa3ff; color:#FFF; }
	::selection 	{ background-color:#1fa3ff; color:#FFF; }
	::-webkit-scrollbar { display: none; }
	::scrollbar 	{ display: none; }
	.Figure { height:auto; float:left; position:relative; }
	
/**	LOADER 		*************************/
	
	.Loading { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(img/loading.svg) center no-repeat #fff; }
	
/**	HEADER 		*************************/
	
	#Header { background:#f9f9f9; background:-webkit-linear-gradient(#f9f9f9, #f1f1f1); background:-o-linear-gradient(#f9f9f9, #f1f1f1); background:-moz-linear-gradient(#f9f9f9, #f1f1f1); background:linear-gradient(#f9f9f9, #f1f1f1); z-index:9998; }
	#Header .Row { padding:0; max-width:998.5px; }
	#Menu {  }
	#Menu ul { float:left; height:100px; line-height:100px; width:100%; }
	#Menu ul li { float:left; height:100px; line-height:100px;  }
	#Menu ul li a { color:#000; display:inline-block; border-right:1px solid #fff;  padding:0 20px; transition:all ease 600ms; text-transform:uppercase; }
	#Menu ul li a:hover { background:#3ec4f3; }
	#Menu ul li:first-child a { border-left:1px solid #fff; }
	#Menu ul li:nth-child(3) img { float:none; }
	#Menu ul li:nth-child(4) a:hover { background:none; }
	#Menu li ul { display:none; position:absolute; width:96%; height:auto; background:#3ec4f3;; left:0; padding:0 2%; }
	#Menu li ul li { width:17.5%; margin-right:3.125%; height:60px; line-height:60px; float:left; text-align:center; }
	#Menu li ul li:first-child a { border:none; }
	#Menu li ul li:last-child { margin:0; }
	#Menu li ul li a { border:none; padding:0; }
	#Menu li ul li a:hover { background:none; color:#000; }
	#Menu form { float:left; width:100%; height:auto; position:relative; }
	#SearchForm li { width:100% !important; }
	#Search { width:100%; height:30px; border:none; background:#96DEF8; color:#f8f8f8; font-size:16px; }
	#Search:focus { outline:none; }
	#Search::-webkit-input-placeholder { color:#f8f8f8; font-size:16px; }
	#Search::-moz-placeholder { color:#f8f8f8; font-size:16px; }
	#Corporate li { width:31.25% !important; margin-right:3.125% !important; }
	#Corporate li:last-child { margin-right:0 !important; }
	
	#MobileMenu { display:none; }
	
/**	CONTENT 		*************************/

	.bx-wrapper 	{ position:relative; margin:0 auto; padding:0; *zoom:1; }
	.bx-wrapper img { width:100%; height:100%; display:block; }
	.bx-wrapper .bx-viewport { -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); transform:translatez(0); }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width:100%; position:absolute; bottom:0; list-style:none; }
	.bx-wrapper .bx-pager { text-align:center; font-size:.85em; font-weight:bold; color:#3ec4f3; }
	.bx-wrapper .bx-pager.bx-default-pager a { margin-bottom:5px; width:15px; height:15px; line-height:14px; background-color:#999; float:left; font-size:10px; display:block; text-decoration:none; color:rgba(0,0,0,0); text-align:center; outline:none; border-radius:28px; }
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#3ec4f3; color:rgba(0,0,0,0); }
	.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9998; }
	.bx-pager-item { display:inline-block; margin-right:5px; }
	#Instagram .bx-wrapper .bx-prev { background:url(img/ipw.png) no-repeat center left; left:-20px; }
	#Instagram .bx-wrapper .bx-next { background:url(img/inw.png) no-repeat center right; right:-20px; }
	#Instagram .CXL:nth-child(2) { text-align:center; margin-top:10px; }
	#Instagram .CXL:nth-child(2) img { width:200px; float:none; }
	
	#Telephone span { float:left; width:100%; height:auto; position:relative; text-align:center; }
	#Telephone span a { color:#3ec4f3; font-size:21px; font-weight:bold; }
	
	#SecOne { background:#fbfbfb; }
	.Tit { float:left; width:100%; height:auto; position:relative; font-size:42px; margin:115px 0 15px 0; }
	.Disc { float:left; width:100%; height:auto; position:relative; font-size:30px; margin-bottom:15px; color:#3ec4f3; }
	.SubTitle { float:left; width:100%; height:auto; position:relative; font-size:24px; font-weight:bold; color:#646464; margin-bottom:15px; }
	#SecOne a, #SecTwo a{ float:left; border:1px solid #ccc; padding:15px; background:#fff; color:#000; font-size:14px; transition:all ease 400ms; }
	#SecOne a:hover, #SecTwo a:hover { background:#ccc; color:#fff; }
	#SecOne .CH:nth-child(2) { background:url(img/1.png) no-repeat left top; height:450px; }
	#SecTwo .CH:first-child { background:url(img/2.png) no-repeat left top; height:450px; }
	#SecTwo .Tit, #SecTwo .Disc, #SecTwo .SubTitle, #SecTwo a { text-align:right; float:right; } 
	#SecTwo .Tit img { float:right; }
	#Instagram { background:url(img/instagram.jpg) no-repeat left bottom; background-size:cover; }
	
	#SingleImage .Row { max-width:100%; padding:0; }
	#Single .Title, #PageAbout .Title, #Referance .Title { background:none; text-align:center; background:url(img/line.jpg) repeat-x left center; }
	#Single .Title a, #PageAbout .Title a, #Referance .Title a { padding:10px 50px; background:#f8f8f8; color:#000; font-size:24px; }
	#Single .Excerpt { float:left; width:100%; height:auto; position:relative; margin-bottom:20px; font-size:21px; }
	#Single p { float:left; width:100%; height:auto; position:relative; margin-bottom:5px; }
	#Single p a { margin:0 1.125% 1.125% 0; width:15.729%; height:auto; float:left; position:relative; text-align:center; color:#000; }
	#Single p a img { width:100%; }
	#Single p a:nth-child(6n) { margin-right:0; }
	
	#PageAbout .CH:nth-child(3) { background:url(img/1.png) no-repeat left top; height:450px; }
	#PageAbout p { font-size:14px; letter-spacing:0.5px; line-height:1.5; margin-bottom:1.125%; }
	#Referance .CH:nth-child(3) { background:url(img/1.png) no-repeat left top; height:450px; }
	#Referance p a { margin:0 1.125% 1.125% 0; width:calc(12.729% - 20px); padding:10px; height:auto; float:left; position:relative; border:1px solid #ccc; }
	#Referance p a:nth-child(7n) { margin-right:0; }
	#Referance p a img { width:100%; }
	#Form { float:left; position:relative; width:100%; height:auto; }
	#Form input { float:left; width:calc(48.875% - 7px); margin-right:1.125%; height:42px; padding:0 4px 0 4px; background:#f5f5f5; border:1px solid #bbb; color:#333; margin-bottom:1.125%;}
	#Form input:nth-child(2) { margin-right:0; }
	#Form textarea { float:left; position:relative; border:1px solid #bbb; max-width:calc(100% - 10px); min-width:calc(100% - 10px); background:#f5f5f5; max-height:147px; min-height:147px; font-size:14px; color:#333; padding:4px; margin-bottom:1.125%; }
	#Form .btn { float:right; margin-right:0; background:#000; color:#fff; font-size:18px; height:44px; text-transform:uppercase;  }
	#SingleImage img { width:100%; }
	
	#Archive .Other, #SearchResult .Post { margin:0 1.125% 1.125% 0; width:15.729%; height:auto; float:left; position:relative; }
	#Archive .Other:nth-child(6n), #SearchResult .Post:nth-child(6n) { margin-right:0; }
	#Archive .Title, #SearchResult .Title { margin:0; }
	#Archive .Other a, #SearchResult .Post a { color:#fff }
	
	#Archive .Post { margin-bottom:30px; width:100%; height:auto; float:left; position:relative; display:block; }
	#Archive .Figure { width:30%; height:auto; float:left; position:relative; overflow:hidden; display:block; }
	#Archive .content { width:50%; height:auto; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	#Archive a { color:#333; }
	#Archive h1 { width:100%; height:auto; float:left; position:relative; font-size:36px; font-weight:500; letter-spacing:1px; }
	#Archive p { margin-top:10px; width:100%; height:auto; float:left; position:relative; font-size:15px; }
	
	/*#Archive .products .Post { width:100%; height:auto; float:left; position:relative; margin:0; }
	#Archive .products .Title { padding:0; margin-right:3.125%; width:48.4375%; height:auto; min-height:15px; float:left; position:relative; }
	#Archive .products .Figure { width:48.4375%; height:auto; min-height:15px; float:left; position:relative; }*/
	
	#PageAbout iframe { float:left; width:100%; }

/**	FOOTER 		*************************/
	
	#Footer { background:url(img/footer.png); }
	#Footer .Row {  }
	.Title { float:left; width:calc(100% - 30px) !important; height:auto; background:#3ec4f3; color:#f8f8f8; padding:15px; margin-bottom:20px; }
	#Footer p { float:left; width:100%; height:auto; color:#f8f8f8; margin-bottom:10px; }
	#Footer i { margin-right:10px; font-size:18px; }
	#Footer a { color:#f8f8f8; }
	#Footer .CM p { width:auto; }
	#Footer .CM i { font-size:48px; transition:all ease 400ms; }
	#Footer .CM .fa-facebook-official:hover { color:#3b5998; }
	#Footer .CM .fa-instagram:hover { color:#9b6954; }
	#Footer .CXL { text-align:center; color:#f8f8f8; margin-top:30px; } 

/* 	SMALL SCREEN	*************************/
@media only screen and (max-width: 1023px) {
	body 			{ font-size: 0.8em; line-height: 1.5em; }
	#Menu { display:none; }
	#MobileMenu { display:block; margin-bottom:0; }
	#MobileMenu ul { width:42px; float:right; height:auto; }
	#MobileMenu ul li { float:left; height:73px; line-height:73px; position:relative; }
	#MobileMenu .Menu { display:none; width:96%; height:auto; left:0; position:fixed; z-index:9999; background:#fff; box-shadow: 0 3px 3px rgba(0,0,0,0.25); padding:0 2%; }
	#MobileMenu .Menu li { width:100%; float:left; height:30px; line-height:30px; margin-bottom:5px; }
	#MobileMenu .Menu li a { width:100%; display:block; position:relative; color:#000; font-size:1.4em;  }
	#MobileMenu .Menu li input { float:left; width:100%; height:30px; border:none; background:#f1f1f1; }
	.MobileLogo { float:left; position:relative; width:200px; }
	
	#Header { padding-bottom:0; position:fixed; }
	#Slider { padding-top:74px; }
	
	iframe { width:100%; }
	.Tit { margin-top:0; }
	.Disc { font-size:21px; }
	#SecOne .SubTitle, #SecTwo .SubTitle { font-size:18px; }
	
}

/* 	MOBILE			*************************/
@media handheld, only screen and (max-width: 767px) {
	body 			{ font-size:16px; -webkit-text-size-adjust:none; }
	body, .Row 		{ width:100% !important; min-width:0; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; }
	.Container		{ padding:0 2% 15px; width:96%; margin-left:0px; margin-right:0px; }
	.Row .CXL, .Row .CL, .Row .CM, .Row .CH, .Row .CS, .Row .CXS { width:100% !important; float:left; margin-left:0px; margin-right:0px; margin-bottom:15px; }
	
	#Menu { display:none; }
	#MobileMenu { display:block; margin-bottom:0; }
	#MobileMenu ul { width:42px; float:right; height:auto; }
	#MobileMenu ul li { float:left; height:73px; line-height:73px; position:relative; }
	#MobileMenu .Menu { display:none; width:96%; height:auto; left:0; position:fixed; z-index:9999; background:#f1f1f1; box-shadow: 0 3px 3px rgba(0,0,0,0.25); padding:0 2%; }
	#MobileMenu .Menu li { width:100%; float:left; height:30px; line-height:30px; margin-bottom:5px; }
	#MobileMenu .Menu li a { width:100%; display:block; position:relative; color:#000; font-size:1.4em;  }
	#MobileMenu .Menu li input { float:left; width:100%; height:30px; border:none; background:#f1f1f1; }
	.MobileLogo { float:left; position:relative; width:200px; }
	
	#Header { padding-bottom:0; position:fixed; }
	#Slider, #SingleImage { padding-top:74px; }
	#SecOne .Last, #SecTwo .Last, #PageAbout .Last { display:none; }
	
	iframe { width:100%; }
	.Tit { margin-top:0; }
	.Disc { font-size:21px; }
	#SecOne .SubTitle, #SecTwo .SubTitle { font-size:18px; }
	#PageAbout p { margin-bottom:3.125%; }
	#Archive .Post, #Archive .Figure{ width:100%; }
	#Archive .content { margin-top:30px; width:100%; height:auto; float:left; position:relative; -webkit-transform:translateY(0%); transform:translateY(0%); text-align:center; }
	#Archive h1 { font-size:22px; font-weight:bold; }
	#Archive .Other, #SearchResult .Post { width:100%; margin-right:0; }
	#Referance p a { width:calc(12.729% - 5px); padding:2.5px; }
	#MobileMenu .Menu li input { background:#999; }
	#Instagram .bx-wrapper .bx-prev, #Instagram .bx-wrapper .bx-next { display:none; }
	
	#SingleImage { display:none; }
	#Archive, #Referance, #PageAbout, #SearchResult { padding-top:74px; }
}