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

.home-sec1{width: 100%; height: auto; float: left; display: block; margin: 100px 0 0 0; padding: 150px 0 150px 0; background: url("../images/home-header.jpg") no-repeat center center; background-size: cover;  position: relative;}
.home-sec1:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.home-sec1-box1{width: 100%; max-width: 490px; height: auto;  float: left; display: block; padding-bottom: 0px;}
.home-sec1-box1 h2{ width: 100%; height: auto; float: left; display: block; font-family: "Cormorant Garamond", serif; font-size: 46px; font-weight: 500; color: #fff; line-height: 50px; padding-bottom: 20px;}
.home-sec1-box1 p{ width: 100%; height: auto; float: left; display: block; font-family: "Cormorant Garamond", serif; font-size: 22px; font-weight: 500; color: #fff; line-height: 26px;}


.home-sec2{width: 100%; height: auto; float: left; display: block; margin: 0px 0; padding: 30px 0 30px 0; position: relative;}
.home-sec2:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.home-sec2-box1{width: 100%; height: auto;  float: left; display: block; overflow: hidden;}
.home-sec2-box1 h2{ width: 100%; height: auto; float: left; display: block; font-family: "Cormorant Garamond", serif; font-size: 36px; font-weight: 500; color: #000000; line-height: 36px; text-align: center;  padding: 30px 0 60px 0;}
.home-sec2-box1a{ margin-left: -5px; margin-right: -5px;}
.home-sec2-box1a ul{width: 100%; height: auto;  float: left; margin: 0px 0px 0px 0;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding-bottom: 0px;}
.home-sec2-box1a ul li{float: left; width: 33.333%; padding: 0 5px; margin-bottom: 10px }
.home-sec2-box1a ul li:last-child{ width: 66.666%;}
.home-sec2-box1a ul li a figure{ width: 100%; height: auto; float: left; line-height: 0;  overflow: hidden;}
.home-sec2-box1a ul li a figure img{width: 100%;  -webkit-transform: scale(1);transform: scale(1);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.home-sec2-box1a ul li a:hover figure img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.home-sec2-box1a ul li a aside{ width: 100%; height: auto; float: left; display: block; font-size: 18px; font-weight: 400; color: #030303; line-height: 22px; text-align: center; text-decoration: underline; padding: 10px 0; }
.home-sec2-box1a ul li a article{ width: 100%; height: auto; float: left; display: block; padding: 10px 0; }

.home-sec2-box1a ul li a article small{ width: auto; height: auto; float: left; display: block; font-size: 18px; font-weight: 600; color: #030303; line-height: 22px; text-align: center; text-decoration: none;  text-transform: uppercase;}
.home-sec2-box1a ul li a article big{ width: auto; height: auto; float: right; display: block; font-size: 18px; font-weight: 400; color: #030303; line-height: 22px; text-align: right; text-decoration: underline;  }
.home-sec2-box1 i {width: 100%; height: auto; float: left; display: block; margin-top: 50px;}
.home-sec2-box1 i a{ width: auto; height: 47px;  background: #000; display: table; margin: 0 auto; padding: 0px 15px 0px 15px; font-size: 14px; font-weight: 400;color: #fff; line-height: 47px; background-image: linear-gradient(0, #d34f45, #d34f45);background-size: 0;transition: .8s;background-repeat: no-repeat; font-style: normal;  }
.home-sec2-box1 i a:hover  { background-size: 100%;color: #fff;}


.home-sec3{width: 100%; height: auto; float: left; display: block; margin: 50px 0 0px 0; padding: 180px 0 180px 0; background: url("../images/bg2.jpg") no-repeat right center;  background-size: cover;  position: relative;}
.home-sec3:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.home-sec3-box1{width: 100%; max-width: 490px; height: auto;  float: left; display: block; padding-bottom: 0px;}
.home-sec3-box1 h2{ width: 100%; height: auto; float: left; display: block;font-family: "Cormorant Garamond", serif;  font-size: 36px; font-weight: 500; color: #f15832; line-height: 36px;  padding: 30px 0;}

.home-sec3-box1 small {width: 100%; height: auto; float: left; display: block; margin-top: 20px;}
.home-sec3-box1 small a{ width: auto; height: 47px;  background: #000; display: block; float: left; padding: 0px 15px 0px 15px; font-size: 14px; font-weight: 400;color: #fff; line-height: 47px; background-image: linear-gradient(0, #d34f45, #d34f45);background-size: 0;transition: .8s;background-repeat: no-repeat; font-style: normal;  }
.home-sec3-box1 small a:hover  { background-size: 100%;color: #fff;}


.desktoppic{ display: block;}
.mobpic{ display: none;}
@media screen and (max-width:800px) {

.home-sec1 {padding: 80px 0 80px 0;}
.home-sec1-box1 { width: 100%;max-width: 490px; height: auto; float: none;margin: 0 auto;display: table;text-align: center; padding-bottom: 0px;}
.home-sec2-box1a ul li {width: 50%;}
	.home-sec2-box1a ul li:last-child { width: 50%;}
	.desktoppic{ display:none ;}
.mobpic{ display:block ;}
	.home-sec3 { padding: 80px 0 80px 0;background: url(../images/bg2.jpg) no-repeat center center;background-size: cover;}
    
}
@media screen and (max-width:600px) {
	.home-sec2-box1a ul li {width: 100%;}
	.home-sec2-box1a ul li:last-child { width: 100%;}
	.home-sec1-box1 h2 {font-size: 30px;}
}