/* Name: Yasemin Eren
Author: Ortak Sanatlar Digital Media Agency
Author URI: http://ortaksanatlar.com/
Description: Created for Yasemin Eren
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
Date: 08.12.2019
*/

/**	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;cursor:pointer;}Body ul, body ul li{list-style:none;}h1,h2,h3,h4,h5,h6{font-weight:normal;}img, object, embed{max-width:100%;height:auto;}

/**	FONT 		*************************/
@font-face 		{ font-family:TMSans; src:url(fonts/TMSans-Regular.eot) format("embedded-opentype"), url(fonts/TMSans-Regular.woff) format("woff"), url(fonts/TMSans-Regular.ttf) format("truetype"); font-weight:400; font-style:normal; }
@font-face 		{ font-family:TMSans; src:url(fonts/TMSans-Bold.eot) format("embedded-opentype"), url(fonts/TMSans-Bold.woff) format("woff"), url(fonts/TMSans-Bold.ttf) format("truetype"); font-weight:700; font-style:normal; }

/**	GLOBAL 		*************************/
body            { width:100%; float:left; position:relative; color:#000; background:#FFF; font-family:'TMSans', sans-serif; }
body *:not(a)   { box-sizing:border-box; position:relative; float:left; outline:none; }
::selection     { background:rgba(204, 0, 0, 0.1); }
body a          { user-select:none; }

/**	SKELETON 	*************************/
header 			{ padding:3vw 10%; width:100%; position:absolute !important; top:0; left:0; z-index:3; float:none; }
main 			{ width:100%; z-index:1; }
main .section 	{ padding:0 10%; width:100%; }
footer 			{ padding:3vw 10%; width:100%; }

/**	HEADER 		*************************/
header h1 		{ width:20%; line-height:3vw; font-size:1.5vw; font-weight:700; color:#FFF; }
header .menu 	{ width:80%; }
header .menu li { margin-right:2vw; width:auto; line-height:3vw; font-size:1.5vw; font-weight:400; }
header .menu li:last-child { margin-right:0; }
header .menu li a { color:#FFF; }

header .social 	{ width:4vw; right:3vw; top:50%; position:fixed; transform:translateY(-50%); z-index:99; }
header .social li { margin-bottom:1vw; width:100%; }
header .social li img { width:100%; height:4vw; }

/**	MAIN 		*************************/
main .hero 		{ padding:0; }
.hero ul        { width:100%; }
.hero ul li     { width:100%; background:#d00c0d; }
.hero ul li:nth-child(n+2) { display:none; }
.hero ul li img { width:100%; height:auto; z-index:1; }
.hero ul li img.mobile { display:none; }
.hero .text 	{ width:55%; position:absolute; left:10%; top:14vw; z-index:2; }
.hero .text p:nth-child(1) { width:100%; line-height:4vw; font-size:3.25vw; color:#FFF; }
.hero .text p:nth-child(2) { margin-top:2vw; width:100%; height:3.25vw; line-height:3.5vw; font-size:1.25vw; font-weight:700; color:#FFF; }
.hero .text p:nth-child(2) a { padding:0 2vw; display:inline-block; float:none; color:#FFF; background:#720008; border-radius:3px; }
.hero .goleft   { width:2vw; height:2vw; position:absolute; z-index:2; right:6vw; bottom:3vw; background:url('img/left.svg') center no-repeat; background-size:contain; }
.hero .goright  { width:2vw; height:2vw; position:absolute; z-index:2; right:3vw; bottom:3vw; background:url('img/right.svg') center no-repeat; background-size:contain; }

.quote p:nth-child(1) { padding:6vw 10%; width:100%; line-height:4.25vw; font-size:3.25vw; text-align:center; }
.quote p:nth-child(5) { margin-top:7.5vw; width:45%; float:right; line-height:3.5vw; font-size:2.75vw; }
.quote p:nth-child(6) { margin-top:2vw; width:45%; float:right; line-height:1.25vw; font-size:1.25vw; }
.quote p:nth-child(6) strong { float:none; }
.quote figure 	{ width:50%; }
.quote figure img { width:100%; }
.quote figure img:nth-child(n+2) { display:none; }
.quote .conceptgoleft   { width:2vw; height:2vw; position:absolute; z-index:2; left:calc(10% + 1vw); bottom:1.5vw; background:url('img/left.svg') center no-repeat; background-size:contain; }
.quote .conceptgoright  { width:2vw; height:2vw; position:absolute; z-index:2; left:calc(10% + 4vw); bottom:1.5vw; background:url('img/right.svg') center no-repeat; background-size:contain; }

.who 			{ margin-top:6vw; }
.who h2			{ width:30%; line-height:3.5vw; font-size:2.75vw; }
.who p			{ margin-right:5%; width:32.5%; line-height:2vw; font-size:1.25vw; }
.who p:last-child { margin-right:0; }

main .book 		{ margin-top:6vw; padding:5vw 10%; background:#F5F5F5; }
main #kitap.book { margin-top:1vw; }
.book h2 		{ width:100%; line-height:4.25vw; font-size:3.25vw; text-align:center; }
.book p:nth-child(2) { margin-bottom:6vw; padding:0 5%; width:100%; line-height:2.75vw; font-size:2vw; text-align:center; }
.book .column 	{ padding-top:5vw; width:45%; }
.book .column:nth-child(3) { padding-top:0; margin-right:10%; }
.book .column:nth-child(3) figure { margin-bottom:2vw; width:100%; }
.book .column:nth-child(3) figure img { width:100%; }
.book .column:nth-child(4) .sell { width:100%; }
.book .column:nth-child(4) .sell li { margin-right:1vw; width:calc((100% - 1vw) / 2); line-height:3.6vw; font-size:1.25vw; font-weight:700; text-align:center; }
.book .column:nth-child(4) .sell li:last-child { margin-right:0; }
.book .column:nth-child(4) .sell li a { display:block; color:#FFF; background:linear-gradient(-45deg,#E3000F 0%,#720008 100%); background-size:cover; border-radius:3px; }
.book blockquote { margin-bottom:2vw; width:100%; }
.book blockquote:last-child { margin-bottom:0; }
.book blockquote p { width:100%; line-height:2vw; font-size:1.25vw; }

main #quotation { padding:5vw 10%; }
main #quotation h2 { width:100%; line-height:4.25vw; font-size:3.25vw; text-align:center; }
main #quotation p { margin-top:1vw; width:100%; line-height:2vw; font-size:1.25vw; }
main #quotation p:nth-child(2) { margin-bottom:2vw; padding:0 5%; width:100%; line-height:2.75vw; font-size:2vw; text-align:center; }
main #quotation p:last-child { line-height:2.75vw; font-size:2vw; }

main .video 	{ padding:0; background:#000; }
main .video video { width:100%; }

main .feed 		{ margin-top:6vw; }
.feed h2 		{ width:100%; line-height:4.25vw; font-size:3.25vw; text-align:center; }
.feed p 		{ margin-bottom:6vw; padding:0 25%; width:100%; line-height:2vw; font-size:2vw; text-align:center; }
.feed p:last-child { margin-bottom:0; height:3.25vw; line-height:3.5vw; font-size:1.25vw; font-weight:700; color:#FFF; }
.feed p:last-child a { padding:0 2vw; display:inline-block; float:none; color:#FFF; background:linear-gradient(-45deg,#E3000F 0%,#720008 100%); background-size:cover; border-radius:3px; }
.feed ul 		{ width:100%; }
.feed ul li		{ margin-bottom:3vw; margin-right:3vw; width:calc((100% - 6vw) / 3); }
.feed ul li:nth-child(3n) { margin-right:0; }
.feed ul li div { width:100%; height:24vw; display:block; overflow:hidden; }
.feed ul li div img { width:auto; min-width:100%; height:auto; min-height:100%; position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); display:block; } 
.feed ul li div video { width:auto; min-width:100%; height:auto; min-height:100%; position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); display:block; } 
.feed ul li div a { width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; display:block; } 

/**	FOOTER 		*************************/
footer 			{ text-align:center; }
footer p 		{ width:100%; line-height:3.5vw; font-size:2vw; }
footer p:nth-child(2) { line-height:2vw; font-size:1.25vw; }
footer ul 		{ margin-top:3vw; padding:0 calc((100% - 13vw) / 2); width:100%; }
footer ul li	{ margin-right:2vw; width:3vw; }
footer ul li:last-child	{ margin-right:0; }
footer ul li img { width:3vw; height:auto; }

@media handheld, only screen and (max-width:767px) { 
header 			{ padding:3vw 2.5%; background:#000; position:fixed !important; z-index:99; }
main 			{ z-index:1; }
main .section 	{ padding:0 5%;  }
footer 			{ padding:10vw 5% 20vw; }

header h1 		{ width:20%; line-height:8vw; font-size:2vw; }
header .menu 	{ width:80%; }
header .menu li { margin-right:1.5vw; line-height:8vw; font-size:2vw; }
header .menu li:last-child { margin-right:0; }

header .social 	{ padding:3vw 0; width:100%; right:0; top:auto; bottom:0; position:fixed; transform:none; z-index:99; background:#d00c0d; }
header .social li { margin-bottom:0; width:calc(100% / 3); text-align:center; }
header .social li img { width:100%; height:8vw; float:none; display:inline-block; }

main .hero 		{ padding:14vw 0 0; }
.hero ul        { width:100%; }
.hero ul li     { width:100%; background:#d00c0d; }
.hero ul li:nth-child(n+2) { display:none; }
.hero ul li img { width:100%; height:auto; z-index:1; }
.hero ul li img.mobile { display:none; }
.hero .text 	{ width:55%; left:5%; top:20vw; z-index:2; }
.hero .text p:nth-child(1) { line-height:5vw; font-size:3.75vw; }
.hero .text p:nth-child(2) { margin-top:4vw; height:10vw; line-height:9.5vw; font-size:3.25vw; }
.hero .text p:nth-child(2) a { padding:0 4vw; }

.quote p:nth-child(1) { padding:5vw 5%; line-height:7vw; font-size:4.5vw; }
.quote p:nth-child(5) { margin-top:5vw; width:100%; line-height:7vw; font-size:4.5vw; text-align:center; }
.quote p:nth-child(6) { margin-top:3vw; width:100%; float:right; line-height:3.25vw; font-size:3.25vw; text-align:center; }
.quote p:nth-child(6) strong { float:none; }
.quote figure 	{ width:100%; }
.quote figure img { width:100%; }
.quote figure img:nth-child(n+2) { display:none; }
.quote .conceptgoleft   { width:4vw; height:4vw; position:absolute; z-index:2; left:7.5%; top:34vw; background:url('img/left.svg') center no-repeat; background-size:contain; }
.quote .conceptgoright  { width:4vw; height:4vw; position:absolute; z-index:2; left:calc(7.5% + 6vw); top:34vw; background:url('img/right.svg') center no-repeat; background-size:contain; }

main  .who 		{ margin-top:5vw; padding:5vw 5%; }
.who h2			{ margin-bottom:5vw; width:100%; line-height:8vw; font-size:8vw;}
.who p			{ margin-right:0; margin-bottom:5vw; width:100%; line-height:6vw; font-size:3.75vw; }
.who p:last-child { margin-right:0; margin-bottom:0; }

main .book 		{ margin-top:0; padding:10vw 5%; background:#F5F5F5; }
.book h2 		{ margin-bottom:3vw; width:100%; line-height:8vw; font-size:8vw; }
.book p:nth-child(2) { margin-bottom:10vw; padding:0 5%; line-height:6.25vw; font-size:4.25vw; }
.book .column 	{ padding-top:0; width:100%; }
.book .column:nth-child(3) { margin-bottom:5vw; padding:0 10%; width:100%; }
.book .column:nth-child(4) figure { margin-bottom:5vw; }
.book .column:nth-child(4) .sell li { margin-right:0; margin-bottom:2vw; width:100%; line-height:12vw; font-size:5vw; }
.book .column:nth-child(4) .sell li:last-child { margin-right:0; margin-bottom:0; }
.book blockquote { margin-bottom:5vw; width:100%; }
.book blockquote:last-child { margin-bottom:0; }
.book blockquote p { width:100%; line-height:6vw; font-size:3.75vw; }
.book blockquote p:nth-child(2) { margin-top:3vw; margin-bottom:0; padding:0; line-height:6vw; font-size:3.75vw; text-align:left; font-weight:700; }

main #quotation { padding:10vw 5%; }
main #quotation h2 { margin-bottom:3vw; width:100%; line-height:8vw; font-size:8vw; }
main #quotation p { margin-top:3vw; line-height:6vw; font-size:3.75vw;  }
main #quotation p:nth-child(2) { margin-bottom:2vw; padding:0 5%; line-height:6.25vw; font-size:4.25vw; }
main #quotation p:last-child { line-height:6.25vw; font-size:4.25vw; }

main .video 	{ padding:0 !important; background:#000; }
main .video video { width:100%; }

main .feed 		{ margin-top:10vw; padding:0 3px; }
.feed h2 		{ margin-bottom:3vw; width:100%; line-height:8vw; font-size:8vw; }
.feed p 		{ margin-bottom:10vw; padding:0 15%; line-height:4.25vw; font-size:4.25vw; }
.feed p:last-child { margin-top:5vw; margin-bottom:0; height:10vw; line-height:9.5vw; font-size:3.25vw; }
.feed p:last-child a { padding:0 4vw; }
.feed ul 		{ width:100%; }
.feed ul li		{ margin-bottom:3px; margin-right:3px; width:calc((100% - 6px) / 3); }
.feed ul li:nth-child(3n) { margin-right:0; }
.feed ul li div { width:100%; height:32vw; display:block; overflow:hidden; }

footer p 		{ width:100%; line-height:8vw; font-size:8vw; }
footer p:nth-child(2) { margin-top:3vw; line-height:4.25vw; font-size:4.25vw; }
footer ul 		{ margin-top:3vw; padding:0 calc((100% - 13vw) / 2); width:100%; display:none; }

}