@font-face {
    font-family: 'weddingKT';
    src: url('../fonts/weddingKT.otf');
    src: url('../fonts/weddingKT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

/*===================================================================*/
#header{background: url(../images/front/bg-header.png) no-repeat; background-size: cover; padding: 17px 0;}

.block-menu{position: relative; margin-top: 13px;}
.block-menu ul li{float: left;}
.block-menu ul li a{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; padding: 10px 15px; text-transform: uppercase;}
.block-menu ul li a {-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.block-menu ul li a:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f9a3ff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.block-menu ul li:hover a,
.block-menu ul li.active a:before,
.block-menu ul li:hover a:before{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
/*===================================================================*/
#footer{background: url(../images/front/bg-footer.png) no-repeat; background-size: cover; padding: 45px 0 15px; text-align: center;}
#footer h1{font: 700 22px/24px 'Roboto', sans-serif; color: #fcccff; text-transform: uppercase; margin-bottom: 20px;}
#footer p a,
#footer p{font: 400 14px/20px 'Roboto', sans-serif; color: #fcccff; margin-bottom: 20px;}
#footer p span{display: block; margin-bottom: 10px;}
/*===================================================================*/
h2{font: 400 26px/37px 'Roboto', sans-serif; color: #333; text-transform: uppercase; margin-bottom: 20px;}
h2:after{content: ''; width: 30px; height: 3px; display: block; background: #f66cff; margin: 10px 0 0;}

.block-banner,
.block-us,
.slider{margin-bottom: 50px; overflow: hidden;}

.block-us p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 10px;}
.block-us ul{margin: 0 -12px;}
.block-us ul li{width: 50%; float: left; box-sizing:border-box; padding: 0 12px;}

.block-banner{position: relative;}
.block-banner:before{content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 62px; height: 55px; background: url(../images/front/icon-heart.png) no-repeat; z-index: 22; margin-top: -27px; margin-left: -31px;}
.block-banner ul li{width: 50%; float: left; box-sizing: border-box;}
.block-banner ul li .detail{position: relative;}
.block-banner h4{position: absolute; left: 0; width: 100%; top: 50%; z-index: 10; background: url(../images/front/bg-title.png) repeat; text-align: center; padding: 15px 0; margin-top: -48px; }
.block-banner h4 a{font: 400 40px/normal 'weddingKT', sans-serif; color: #fff; text-transform: capitalize; display: block;}
.block-banner h4 a:hover{color: #2F1414;}

.block-photo{margin-bottom: 20px;}
.block-photo h2{text-align: center;}
.block-photo h2:after{margin: 15px auto 0;}
.block-photo ul{margin: 0 -15px; overflow: hidden;}
.block-photo ul li{float: left; box-sizing: border-box; padding: 0 15px; margin-bottom: 30px; overflow: hidden;}
.col-5{width: 25%;}
.col-10{width: 50%;}
.row-5{height: 195px;}
.row-10{height: 420px;}

/* Shine */
.block-photo ul li a {
	position: relative;
	display: block;overflow: hidden; width: 100%; height: 100%;
}
.block-photo ul li a::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.block-photo ul li a:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.block-photo ul li a img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%; height: 100%;
}
.block-photo ul li a:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

/*==========================================================================*/

a.smobitrigger{display: none;width: 25px;height:19px;overflow: hidden; position: absolute; top: 10px; right: 0; background: url(../images/front/line.png) no-repeat; text-indent: -9999px; z-index: 50;}
.block-menu ul.mnuopn li{float: none;padding: 0;border:none; border-top: 1px solid #E76AEC; border-bottom: 1px solid #C81AD0; margin: 0;display: block;text-align: left;}
.block-menu ul.mnuopn li:last-child{border-bottom: none;}
.block-menu ul.mnuopn li a{font-size: 14px;padding: 7px 20px; border: none; color: #fff !important;background: transparent; text-transform: capitalize;}
.block-menu ul.mnuopn li.active a,
.block-menu ul.mnuopn li:hover li a:hover,
.block-menu ul.mnuopn li:hover a{color: #000 !important;}

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
	
}
@media (max-width: 990px){
	.block-menu{margin-top: 16px;}
	.block-menu ul li a{padding: 7px;}
	.block-us .img-us{display: none;}
	.row-10{height: 310px;}
	.row-5{height: 148px;}
	.block-photo ul{margin: 0 -10px;}
	.block-photo ul li{padding: 0 10px; margin-bottom: 15px;}
	.block-banner, .block-us, .slider{margin-bottom: 20px;}
	.block-photo{margin-bottom: 5px;}
}
@media (max-width: 750px){
	.menu{display: none;}
	a.smobitrigger {display: block;}
    a.mnuclose{padding: 15px 20px; width: auto; background: #D85628 url(../images/front/bg-close.png) no-repeat center; display: block; text-indent: -9999px;}
    .ovrActv {position: fixed; background: rgba(0, 0, 0, 0.79); width: 100%; height: 100%; z-index: 9998; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .mnuopn{right: 0px !important; }
    .block-menu ul.mobimenu {overflow-y: auto;padding: 0;width: 280px; position: fixed; height: 100%; top: 0px; right: -280px; background-color: #D362D8 !important; z-index: 9999;display: block;}
	.block-menu ul li:hover ul li a{padding: 0;}
	.block-menu ul li a:before{background: #D21BDA;}
	
}
@media (max-width: 680px){}
@media (max-width: 630px){
	.block-banner ul li{width: 100%;float: none;}
	.block-photo ul li{width: 33.33%; height: 180px;}
}
@media (max-width: 500px){
	.block-photo ul li{width: 50%;}
	.block-banner h4 a{font-size: 24px;}
	.block-banner h4{margin-top: -34px;}
}
@media (max-width: 420px){
	.block-photo ul li{height: 125px;}
	#footer p span{margin-bottom: 0;}
}