@charset "utf-8";
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html { overflow:-moz-scrollbars-vertical; overflow-y:scroll; overflow-x:auto;}
body{ margin:0px; padding:0px; background:#fff; font-family: 'Montserrat', sans-serif, Arial; font-size:16px; font-weight:400; color:#444;}
img{ border:none;}
ul{ margin:0px; padding:0px; list-style:none;}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px; font-size:16px; font-weight:400;}
a{ text-decoration:none; -moz-transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in; cursor:pointer; outline:none; color:#444;}
p{ margin:0px; padding:0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

table{ border-collapse:collapse; border-spacing:0px;}
table tr td, table tr th{ border-spacing:0px; padding:0px;}

.clear{ clear:both;}
.col-md-6 { width: 50%;}
.d-flex { display: flex;}
.inner{ width:1150px; margin:0px auto;}

header{ width:100%; height:84px; background:url(../images/header-bg.png); position:fixed; left:0px; top:0px; z-index:90;}
header .logo{ float:left; padding:0px;}
header .logo h1{ display:block; width:289px; height:84px; background:url(../images/header-logo.png) no-repeat; background-size:289px 84px; text-indent:-9999px;}
header .buttons { float:right;}
header .buttons ul { padding-right: 50px;}
header .buttons ul li{ float:left;}
header .buttons ul li a{ display:block; /*width:150px; height:84px; line-height:84px;*/ text-align:center; font-size:18px; font-weight:bold; letter-spacing:-1px; color: #fff; border-bottom:2px solid #fff; margin-top:28px; margin-right: 50px;}
header .buttons ul li a:hover{ border-bottom:2px solid #6dffe6;}


.intro{ padding:220px 0px; background:url(../images/intro-bg.jpg) no-repeat top center; background-size:cover; text-align:center;}
.intro .turkish{ margin-bottom:50px;}
.intro .logo{ width:1001px; margin:0px auto; margin-bottom:40px;}
.intro .logo h2{ display:block; width:1001px; height:282px; background:url(../images/logo-intro.png) no-repeat; background-size:1001px 282px; text-indent:-9999px;}
.intro .slogan{ font-size:48px; font-weight:700; color:#fff; text-shadow:1px 1px #000; padding:0px 10px; margin-bottom:40px;}
.intro .action{ font-size:18px; font-weight:bold;}
.intro .action a{ display:inline-block; padding:15px 50px; background:#fffd5e; color:#000; margin:5px;}
.intro .action a:hover{ background:#faf83e;}
.intro .action a.buy{ background:#6dffe6; color:#000;}
.intro .action a.buy:hover{ background:#5cf8dd;}


.pack{ padding:50px 0px; background: #fff; font-size:16px; line-height:140%; text-align:justify;}
.pack table{ width:100%;}
.pack table tr td.left{ width:300px;}
.pack table tr td.right{ padding-left:50px;}
.pack table tr td.right p{ padding-bottom:15px;}
.pack .photo img{ display:block; width:100%;}
.pack table tr td.right .photo{ display: none;}
.pack .action{ font-size:18px; font-weight:bold;}
.pack .action .left {float:left; padding-top: 12px;}
.pack .action .left a{ display:inline-block; padding:15px 50px; background:#fffd5e; color:#000; margin:5px;}
.pack .action .left a:hover{ background:#faf83e;}
.pack .action .left a.buy{ background:#6dffe6; color:#000;}
.pack .action .left a.buy:hover{ background:#5cf8dd;}
.pack .action .right {float:right;}
.pack .action .right a { display:inline-block; padding:0 10px; margin:5px;}

footer{ padding:150px 0px 50px 0; text-align:center; background: url(../images/footer-bg.jpg) no-repeat top left #341552; color: #fff; font-size:16px;}
footer .left h1{ font-size: 48px; font-weight: bold; padding-bottom: 10px;}
footer .left{ float:left; text-align: left;}
footer .left .copyright{font-size:10px; color:#fff; margin-left: 1%; margin-top: 3%; flex: 1 1 auto;}
footer .right{ float:right; }
footer .icons ul li{ display:inline-block; margin-left:20px;}
footer .icons ul li img { width: 100%;}
footer .trademark { padding-top: 120px; font-size:9px;}
footer .trademark .left { width: 75%;}
footer .trademark .left p { text-align: justify;}
footer .trademark .left ul li { float:left; margin-right: 10px;}
footer .trademark .left img { display: block;}
footer .trademark .right { width: 25%;}
footer .trademark .right ul li { float:left; margin-left: 20px;}

@media (max-width: 1199px) {
	.inner{ width:960px;}
	
	.intro{ padding:200px 0px;}
	.intro .logo{ width:680px;}
	.intro .logo h2{ width:680px; height:120px; background-size:680px 120px;}
	.intro .slogan{ font-size:36px;}
	
	footer .logo ul li{ margin:5px 10px;}
	footer .logo ul li img{ height:48px;}
}
@media (max-width: 991px) {	
	.inner{ width:720px;}
	
	.intro{ padding:160px 0px;}
	.intro .turkish img{ width:240px;}
	.intro .logo{ width:544px; margin-bottom:30px;}
	.intro .logo h2{ width:544px; height:96px; background-size:544px 96px;}
	.intro .slogan{ font-size:32px; margin-bottom:30px;}
	.intro .action{ font-size:16px;}
	.intro .action a{ padding:15px 40px;}
	
	.pack{ padding:40px 0px; font-size:18px;}
	.pack table tr td.left{ width:240px;}
	.pack table tr td.right{ padding-left:40px;}
	.pack .link a{ padding:10px 30px;}
	
	footer{ padding:40px 0px;}
	footer .logo{ margin-bottom:40px;}
	footer .logo ul li img{ height:36px;}
}
@media (max-width: 767px) {
	.inner{ width:auto; padding:0px 15px;}
	
	header{ height:60px;}
	header .logo{ padding:0;}
	header .logo h1{ width:206px; height:60px; background-size:206px 60px;}
	header .button{ padding:15px 0px; font-size:15px;}
	header .button a{ height:30px; line-height:30px; padding:0px 30px;}

	.intro{ padding:120px 0px;}
	.intro .turkish{ margin-bottom:10px;}
	.intro .turkish img{ width:180px;}
	.intro .logo{ width:396px;}
	.intro .logo h2{ width:396px; height:70px; background-size:396px 70px;}
	.intro .slogan{ font-size:24px;}
	.intro .action{ font-size:14px;}
	.intro .action a{ padding:10px 20px;}

	.pack{ padding:30px 0px; font-size:16px;}
	.pack table tr td.left{ width:160px;}
	.pack table tr td.right{ padding-left:30px;}
	.pack .link a{ padding:10px 20px;}

    footer .col-md-6 { clear: both; width: 100% !important; margin-bottom: 40px; text-align: center;}
    footer .trademark { padding-top: 30px;}
    footer .trademark > .left, footer .trademark > .right { float:none; clear: both; width: 100% !important; margin-bottom: 20px; text-align: center;}
    footer .trademark > .left p { clear:both; padding-top:10px;}
}
@media (max-width: 481px) {
	header .button{ font-size:14px;}
	header .button a{ padding:0px 15px;}
    header .buttons ul { padding-right: 0;}
    header .buttons ul li.home{ display:none;}
    header .buttons ul li.buy a{ margin-top:12px; margin-right: 10px; font-size:24px;}

	.intro{ padding:100px 0px;}
	.intro .turkish img{ width:150px;}
	.intro .logo{ width:238px; margin-bottom:20px;}
	.intro .logo h2{ width:238px; height:67px; background-size:238px 67px;}
	.intro .slogan{ font-size:21px; margin-bottom:20px;}
	.intro .action{ font-size:18px;}
	.intro .action a{ margin:3px;}

	.pack{ padding:20px 0; font-size:14px;}
	.pack table tr td.left{ display:none;}
	.pack table tr td.right{ padding-left:0px; text-align: center;}
	.pack table tr td.right .photo{ display: block;}
	.pack .link a{ padding:10px;}
    .pack .action .right {float:none;}
	
	footer{ padding:30px 0px;}
	footer .logo{ margin-bottom:20px;}
	footer .logo ul li{ margin:5px; margin-bottom:10px;}
	footer .logo ul li img{ height:24px;}
	footer .copyright{ font-size:12px;}
}
@media (max-width: 351px) {
	header .logo{ padding:17px 0px;}
	header .logo h1{ width:148px; height:26px; background-size:148px 26px;}
	header .button{ font-size:13px;}
	header .button a{ padding:0px 10px;}
}