@charset "utf-8";
/* CSS Document */

/*--Import GLOBAL CSS--*/
@import url('global.css');

@media(min-width:1361px){
	.container{max-width:1360px;}
}
@media(max-width:1360px){
	.container{max-width:100%;}
}

body{font-family: 'Open Sans', sans-serif; font-weight:400; color:#000;}
.header{padding-top:40px; margin-bottom:40px; background:url(../images/header-bg.png) right bottom no-repeat; background-size:50% auto;}
.logo{max-width:430px;}
nav.menu ul li{float:left; margin-right:40px;}
nav.menu ul li:last-child{margin-right:0;}
nav.menu ul li a{font-size:25px; display:block; color:#000;}
nav.menu ul li a.dropdown-toggle:after{border:0; font-family:'FontAwesome'; content:"\f107"; margin:0; vertical-align:inherit; font-size:20px; margin-left:5px;}
.nav-icon{width:36px; height:36px; background-color:#89b93a; cursor:pointer; padding:5px 10px; margin-left:15px;}
.nav-icon span{display:block; height:2px; background-color:#fff; position:relative;}
.nav-icon span:before{position:absolute; left:0; top:-5px; width:100%; height:100%; background-color:#fff; content:"";}
.nav-icon span:after{position:absolute; left:0; bottom:-5px; width:100%; height:100%; background-color:#fff; content:"";}
nav.menu ul li .dropdown-menu{padding:0; margin:0;}
nav.menu ul li .dropdown-menu a{padding:5px 15px; font-size:18px;}
.social-media a{margin-right:15px; font-size:24px; color:#cd1634;}
.social-media a:last-child{margin-right:0;}
.social-media a:hover{color:#99cb48;}
.social-media a i{display:block;}
.slider .slide{min-height:400px;}
.slider .slide-1{background:url(../images/slider/slide-1.jpg) center center no-repeat; background-size:cover;}
.slider .slide-2{background:url(http://via.placeholder.com/1400x400) center center no-repeat; background-size:cover;}
.slider-section .arrows{width:55px; height:55px; border-radius:100%; padding:5px; background-color:#f3f2f2; position:absolute; top:50%; transform:translate(0,-50%); z-index:9; cursor:pointer;}
.slider-section .arrows i{color:#cd1634; font-size:26px;}
.slider-section .arrows.prev{left:30px;}
.slider-section .arrows.next{right:30px;}
.contents{padding:35px 0;}
.section{padding:35px 0;}
.shop-list{padding:60px 30px; border:7px solid #cd1634;}
.shop-list h2{font-size:33px; font-weight:600; line-height:1; padding:10px 30px; background-color:#fff; position:absolute; left:50%; top:-5px; transform:translate(-50%, -50%);}
.shop{background:#f3f2f2;}
.shop-contents{padding:20px;}
.shop h6{font-size:16px; color:#cd1634;}
.shop p{font-size:15px;}
.shop-content-block{margin-top:15px;}
.shop-content-block:first-child{margin-top:0;}
.shop-list .row.rows{margin:-10px;}
.shop-list .row.rows .columns{padding:10px;}
article.article h3{font-size:29px; line-height:1.4;}
.gallery{margin:-15px;}
.gallery-item{padding:15px; width:20%;}
.footer{background-color:#cd1634; padding:10px 0; min-height:60px;}
.copyright p{color:#fff; font-weight:600; font-size:20px;}
.copyright p a{color:#fff;}
.copyright p a:hover{color:#fff; text-decoration:underline;}
ul.footer-links li{float:left; margin-right:22px;}
ul.footer-links li:last-child{margin-right:0;}
ul.footer-links li a{color:#fff; font-weight:600; font-size:20px; display:block;}
.footer .social-media{margin-left:40px;}
.footer .social-media a, .footer .social-media a:hover{color:#fff;}

@media(max-width:1360px){
	.logo{max-width:400px;}
	.header{padding-top:30px; margin-bottom:30px;}
	nav.menu ul li{margin-right:30px;}
	nav.menu ul li a{font-size:22px;}
	nav.menu ul li .dropdown-menu a{font-size:16px;}
	.shop-contents{padding:15px;}
	.shop-content-block{margin-top:10px;}
	.shop-list{padding:40px 20px; border-width:5px;}
	.shop p{font-size:14px;}
	.shop h6{font-size:15px;}
	.shop-list h2{font-size:30px; padding:5px 20px;}
	.contents{padding:30px 0;}
	.section{padding:30px 0;}
	article.article h3{font-size:26px;}
	.gallery{margin:-10px;}
	.gallery-item{padding:10px;}
	ul.footer-links li a, .copyright p{font-size:18px;}
}
@media(max-width:1199px){
	.logo{max-width:350px;}
	.header{padding-top:25px; margin-bottom:25px;}
	nav.menu ul li{margin-right:25px;}
	nav.menu ul li a{font-size:20px;}
	nav.menu ul li .dropdown-menu a{font-size:15px;}
	.slider-section .arrows{width:45px; height:45px;}
	.slider-section .arrows i{font-size:22px;}
	.shop-list h2{font-size:26px; padding:5px 15px;}
	.contents{padding:25px 0;}
	.section{padding:25px 0;}
	article.article h3{font-size:22px;}
	.gallery-item{width:25%}
	ul.footer-links li a, .copyright p{font-size:16px;}
}
@media(max-width:991px){
	.logo{max-width:260px;}
	.header{padding-top:20px; margin-bottom:20px;}
	nav.menu ul li{margin-right:20px;}
	nav.menu ul li a{font-size:18px;}
	.slider-section .arrows{width:40px; height:40px;}
	.slider-section .arrows i{font-size:20px;}
	.slider .slide{min-height:300px;}
	.shop-contents{padding:10px;}
	.shop-list{padding:30px 15px; border-width:3px;}
	.shop p{font-size:13px;}
	.shop h6{font-size:14px;}
	.shop-list h2{font-size:24px; padding:5px 10px;}
	.contents{padding:20px 0;}
	.section{padding:20px 0;}
	article.article h3{font-size:20px;}
	.gallery{margin:-5px;}
	.gallery-item{padding:5px; width:33.333333%;}
}
@media(min-width:768px){
	.dropdown:hover > .dropdown-menu{display:block;}
	.dropdown > .dropdown-toggle:active{pointer-events:none;}
	nav.menu ul li.dropdown{padding-right:15px;}
	nav.menu{margin-right:30px; display:block !important;}
	.nav-icon{display:none !important;}
}
@media(max-width:767px){
	.logo{max-width:200px; position:relative; top:-5px;}
	.header{padding-top:15px; margin-bottom:15px; background:none; box-shadow:0 0 5px rgba(0,0,0,0.2);}
	nav.menu ul li{margin-right:0; float:none; border-bottom:1px solid #89b93a;}
	nav.menu ul li a{font-size:14px; padding:5px 15px; line-height:30px; background-color:#99cb48; color:#fff;}
	nav.menu{position:absolute; left:0; top:100%; width:100%; display:none; z-index:99;}
	nav.menu ul li a:hover{background-color:#89b93a;}
	nav.menu ul li .dropdown-menu{position:static !important; float:none !important; transform:none !important;}
	nav.menu ul li .dropdown-menu{padding:0; border:0;}
	nav.menu ul li .dropdown-menu a{font-size:14px; border-top:1px solid #99cb48; background-color:#89b93a;}
	nav.menu ul li .dropdown-menu a:hover{color:#fff;}
	.social-media a{margin-right:10px;}
	.slider .slide{min-height:250px;}
	.shop-list h2{font-size:22px;}
	article.article h3{font-size:18px;}
	.footer{text-align:center;}
	.footer .social-media{margin:0;}
	ul.footer-links, .footer .social-media{margin-bottom:10px;}
	ul.footer-links li a, .copyright p{font-size:14px;}
	.copyright{text-align:center;}
	ul.footer-links {display:flex; justify-content:center;}
	ul.footer-links li{float:none;}
}
@media(max-width:640px){
	.logo{max-width:150px;}
	.header{padding-top:10px; margin-bottom:10px;}
	nav.menu ul li a{font-size:15px;}
	.slider .slide{min-height:200px;}
	.shop-list h2{font-size:20px;}
	article.article h3{font-size:17px;}
	.gallery-item{width:50%;}
}
@media(max-width:480px){
	.gallery-item{width:100%;}
}