/*  Reset.Css */
body {font-family: 'Josefin Sans', sans-serif; font-weight:400; font-size:14px; color:#000; height:100%; background:#d0c5b5; line-height:1; margin:0px; padding:0px; position:relative; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; letter-spacing: -0.3px}
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {font-size:100%; font:inherit;  vertical-align: baseline; padding: 0; margin: 0; border: 0; list-style: none}
p {margin-bottom:20px;}
img {max-width:100%}

/* reset */
.hw { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.fw {width:100%; display:inline-block; float:left;}
a {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {text-decoration:none;}
.cover {background-size:cover; background-repeat:no-repeat; background-position:center center;}
/* reset */

/* sectionAll */
.sectionAll {position:relative;}
.sectionImg {width:66.66%; float:left; display:inline-block}
.sectionImg img {float:left;}

/* sectionBoxDiv */
.sectionBoxDiv {}
.firstSection {float:right;}
.sectionBox {position:absolute; left:0; top:0;}

/* hasCricle */
.hasCircle {width:400px; background:url(assets/images/cember1.png) no-repeat top right 20px ; padding-top:130px; position:relative; min-height:372px; margin-top:40px}
.hasCircle ul {width:100%; display:inline-block; float:left;}
.hasCircle ul li {width:100%; display:inline-block; float:left; text-align:right; color:#FFFdd0;}
.hasCircle ul li.desc {color:#42211b; font-size:25px; line-height:30px; font-weight:300}
.hasCircle ul li.img img {float:right;}
.hasCircle ul li.img {margin-bottom:10px;}
.hasCircle ul li.arrow {position:absolute; right:185px; left:auto; width:auto; bottom:30px; text-align:center; font-size:30px; color:#FFFdd0;}
.hasCircle ul li.icons {font-size:16px; line-height:20px;}
.hasCircle ul li.icons i {margin-right:5px;}
.hasCircle ul li.clock {text-align:center; margin-top:35px; position:relative; z-index:1234}

/* header */
.header {position:relative; padding-top:40px; padding-bottom:50px; padding-right:35px}
.logo {position:absolute; left:0; top:0; z-index:1;}
.headerRight {float:right;}

/* lang */
.lang {position:absolute; right:0; top:40px; }
.lang a {float:left; font-size:16px; line-height:20px; display:inline-block; cursor:pointer; color:#42211b}
.lang a:hover {opacity:0.7}


/* headerPhone */
.headerPhone {float:left; margin-right:40px;}
.headerPhone .title {float:left; color:#42211b; font-size:18px; line-height:20px; display:inline-block; font-weight:700;}
.headerPhone .title i {font-size:15px; line-height:20px; margin-right:10px; display:inline-block;}
.headerPhone .title.lang {font-size:15px; margin-left:10px;}

/* sectionAfter */
.sectionAfter {position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom:-160px; text-align:center}

/* sectionRight */
.sectionRight {padding-top:100px; display:inline-block}
.sectionAll.left .sectionImg {float:right;}

.sectionAll.left .firstSection {float:left}
.sectionAll.left .hasCircle {background-position:left top}
.sectionAll.left .hasCircle ul li {text-align:left}
.sectionAll.left .sectionImg img {float:right;}

/* footer */
.footer ul {width:100%; display:inline-block; float:left; position:relative; padding-bottom:20px; padding-top:110px; z-index:12}
.footer ul li.footerLogo {position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; width:auto; top:-110px;}
.footer ul li.footerLogo img {-webkit-box-shadow: 0px 0px 35px 0px rgba(158,158,158,1); -moz-box-shadow: 0px 0px 35px 0px rgba(158,158,158,1); box-shadow: 0px 0px 35px 0px rgba(158,158,158,1);}
.footer ul li {width:100%; display:inline-block; text-align:center; float:left; color:#cfc3b5}
.footer ul li.address {color:#cfc3b5; font-size:18px; line-height:20px; font-weight:300; margin-bottom:10px;}
.footer ul li.phone {font-size:36px; font-weight:700; margin-bottom:35px;}
.footer ul li.icon {font-size:50px; line-height:50px; margin-bottom:15px;}
.footer ul li.icon i {-webkit-box-shadow: 0px 0px 35px 0px rgba(158,158,158,1); -moz-box-shadow: 0px 0px 35px 0px rgba(158,158,158,1); box-shadow: 0px 0px 35px 0px rgba(158,158,158,1);}
.footer ul li.webmaster {margin-bottom:5px;}
.footer ul li.copyright {font-size:11px; line-height:15px; font-weight:700;}
.footerAll {}

/* footerImage */
.footerImage {height:520px; margin-top:70px; position:relative;}
.footerAll {margin-top:40px}
.footerImage ul.list {width:100%; display:inline-block; float:left;}
.footerImage ul.list li {width:100%; display:inline-block; float:left;}
.footerImage:before {content:""; width:0px; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.75) url(assets/images/footer-foto-bg.png) no-repeat right -217px center; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.footerImage.activeFirst:before {width:50%}
.footerImage ul.buttons {width:45px; height:45px; position:absolute; top:50%; margin-top:-22.5px; background:rgba(200,172,116,0.9); border-radius:50%; display:inline-block; z-index:123; left:0; right:0; margin-left:auto; margin-right:auto}
.footerImage ul.buttons:before {width:70px; height:70px; border:8px solid rgba(200,172,116,0.9); border-radius:50%; top:-12.5px; left:-12.5px; display:inline-block; content:""; position:absolute}
.footerImage ul.buttons li {width:50%; float:left; display:inline-block}
.footerImage ul.buttons li a {width:100%; line-height:45px; font-size:15px; text-align:center; color:#FFFdd0; display:inline-block; position:relative; z-index:12; border-radius:22.5px 0px 0px 22.5px}
.footerImage ul.buttons li a:hover {background:#fffdce; color:#333; }
.footerImage ul.buttons li.next a {border-radius:0px 22.5px 22.5px 0px}
.footerImage.activeFirst ul.list li.first .title {opacity:1; visibility: visible;}
.footerImage.activeSecond ul.list li.last .title {opacity:1; visibility: visible;}

/* footerImageBox */
.footerImageBox ul.list {width:100%; display:inline-block; float:left;}
.footerImageBox ul.list li {width:50%; float:left; display:inline-block; padding-top:220px; }
.footerImageBox ul.list li .title {font-size:34px; line-height:40px; color:#fffdce; font-weight:300; position:relative; z-index:123; opacity:0; visibility: hidden; -webkit-transition: all 1 ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.footerImageBox ul.list li.last .title {float:right; text-align:right; opacity:0; visibility: hidden}
.footerImageBox ul.list li.first {padding-right:35px}
.footerImageBox ul.list li.last {padding-left:25px}

.footerImage:after {content:""; width:0px; height:100%; position:absolute; left:auto; right:0; top:0; background:rgba(0,0,0,0.75) url(assets/images/footer-foto-bg.png) no-repeat left -217px center; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.footerImage.activeSecond:after {width:50%}
.footerImage.active {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.footerImage.activeSecond:before {width:0px}

/* callMe */
.callMe {position:absolute; right:0; bottom:-50px; z-index:1234}
.callMeFirst .title { cursor:pointer; width:48px; height:54px; display:inline-block}
.callMeBox {position:absolute; top:0; right:0; width:290px; background:#808080 url(assets/images/menu-bg.png) no-repeat center center; padding:30px; z-index:1234; -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.58); -moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.58); box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.58); background-size:cover; background-repeat:no-repeat;;}

/* headerMenu */
.headerMenu {float:left; margin-top:-3px; position:relative;}
.responsiveMenu {float:left; font-size:16px; line-height:20px; display:inline-block; cursor:pointer; color:#42211b}
.responsiveMenu i {font-size:18px; line-height:20px; margin-left:15px; display:inline-block;}

/* navMenu */
.navMenu {width:290px; position:absolute; right:0; top:-35px; background:#808080 url(assets/images/menu-bg.png) no-repeat center center; padding:30px; z-index:12346; -webkit-box-shadow: 0px 0px 25px 12px rgba(0,0,0,0.58); -moz-box-shadow: 0px 0px 25px 12px rgba(0,0,0,0.58); box-shadow: 0px 0px 25px 12px rgba(0,0,0,0.58); background-size:cover; background-repeat:no-repeat; display:none;}

/* navMenuBox */
.navMenuBox ul {width:100%; display:inline-block; float:left;}
.navMenuBox ul li {width:100%; display:inline-block; float:left; position:relative; overflow:hidden;}
.navMenuBox ul li:after {content:"-----------------"; letter-spacing: 9.8px; position:absolute; left:0; font-size:12px; bottom:0; color:#fffdce;}
.navMenuBox ul li a {width:100%; text-align:right; display:inline-block; float:left; font-size:16px; line-height:25px; color:#42211b; padding:15px 0px;}
.navMenuBox ul li a:hover {background:#d0c5b5; color:#42211b; padding-left:15px; padding-right:15px}
.navMenuTitle {margin-bottom:40px;}
.closeMenu {float:right; font-size:16px; padding-top:3px;line-height:25px; color:#42211b;  -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.closeMenu i {font-style:normal; margin-left:5px;}
.closeMenu:hover {background:#fffdce; color:#808080; padding-left:10px; padding-right:10px; cursor:pointer;}
.navMenuBoxLogo {position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom:-30px; text-align:center;}
.navMenuBox {margin-bottom:160px}

/* callMeBox */
.callMeBox {padding:30px; display:none;}
.callMeBox ul {width:100%; display:inline-block; float:left;}
.callMeBox ul li {width:100%; display:inline-block; float:left;}
.callMeBox ul li.title {text-align:center; font-size:13px; line-height:15px; color:#42211b; margin-bottom:30px}
.callText {height:56px; width:100%; border:2px solid #42211b; border-radius:3px; padding-left:10px; padding-right:10px; color:#42211b; font-size:13px; background:transparent; text-align:center;}
.callMeBox ul li.input {margin-bottom:15px;}
.callSubmit {width:100%; font-size:15px; line-height:22px; padding:15px 0px; text-align:center; border:2px solid #d0c5b5; background:#d0c5b5; display:inline-block; font-weight:700; color:#42211b; border-radius:3px;}
.callSubmit:hover {opacity:0.7; color:#808080;}
.callSubmit:focus {border:2px solid #42211b; background:#fffdce; display:inline-block; font-weight:700; color:#808080; }
.callMeBox ul li.callMeLogo {position:absolute; left:0; bottom:-30px; text-align:center;}
.callMeBox ul li.submit {margin-bottom:110px}
.callMeBox ul li.check {position:relative; padding-left:40px; margin-bottom:15px;}
.callMeBox ul li.check .checkInfo {width:32px; height:32px; border:2px solid #42211b; border-radius:50%; position:absolute; left:0; top:5px; cursor:pointer;}
.callMeBox ul li.check .checkInfo i {color:#42211b; font-size:14px; line-height:28px; width:100%; text-align:center; display:none;}
.callMeBox ul li.check .checkInfo.active i {display:inline-block;}
.callMeBox ul li.check .checkText {font-size:11px; color:#42211b; line-height:14px; display:inline-block}
.callMeBox ul li.check .checkText a {color:#42211b; font-weight:700}
.callMeBox ul li.closeButton {position:absolute; left:-55px; top:0;}

/* navMenuMobile */
.navMenuMobile {position:absolute; left:0; bottom:0; padding:20px; display:none}
.navMenuMobile ul {width:100%; display:inline-block; float:left;}
.navMenuMobile ul li {width:100%; float:left; display:inline-block; text-align:center; color:#42211b;}
.navMenuMobile ul li.phone {margin-bottom:15px; font-weight:700; font-size:20px; line-height:20px;}
.navMenuMobile ul li.phone i {margin-right:5px; font-weight:400}
.navMenuMobile ul li.address {font-size:13px; line-height:16px; color:#42211b; margin-bottom:25px;}

/* pageHeader */
.pageHeader {height:200px; margin-bottom:30px; position:relative;}
.pageCallMe {position:relative;}
.headerAll.subPage {box-shadow:0px 11px 41px 0px rgba(18, 16, 11, 0.75); z-index:12; position:relative; z-index:123456}
.headerAll.subPage .header {padding:28px 0px; padding-top:35px; padding-right:35px;}
.headerAll.subPage .lang {top:33px}
/* homeCallMe */
.homeCallMe {position:relative;}


/* photoGallery */
.photoGallery ul {margin-left:-15px; margin-right:-15px;}
.photoGallery ul li {width:33.33%; float:left; padding-left:15px; padding-right:15px; margin-bottom:30px;}
.photoGallery ul li a {width:100%; height:340px; float:left; display:inline-block; border:10px solid #42211b; position:relative;}
.photoGallery ul li a:before {content:""; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility: hidden; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.photoGallery ul li a:hover:before {opacity:1; visibility: visible;}

/* photoContentTitle */
.photoContentTitle {text-align:center; margin-bottom:10px; background:#d0c5b5; z-index:123; position:relative;}
.photoContent {font-size:22px; line-height:30px; color:#42211b; font-weight:300;}
.photoContent.center {text-align:center}
.photoContent {margin-bottom:30px; position:relative; z-index:123; background:#d0c5b5;}
.photoTitleAll {background:#d0c5b5;}
.photoTitleAll.hasBg {position:relative; margin-bottom:50px; }
.photoTitleAll.hasBg:before {width:372px; height:372px; background:url(assets/images/cember3.png) no-repeat; content:""; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-190px; display:inline-block; opacity:0.6}

/* pageContent */
.pageContent {max-width:900px; margin:0 auto; display:table; float:none; color:#42211b; font-size:16px; line-height:20px; font-weight:300; text-align:center; margin-bottom:30px}

/* simplePageTitle */
.simplePageTitle .title {color:#42211b; font-size:37px; font-weight:700;}
.simplePageTitle {margin-bottom:30px; text-align:center;}

/* katTop */
.katTop {margin-bottom:45px;}
.katTop ul {margin:0 auto; display:table;}
.katTop ul li {float:left; margin-right:20px;}
.katTop ul li:last-child {margin-right:0px;}
.katTop ul li a {width:180px; text-align:center; display:inline-block; float:left; font-size:16px; font-weight:700; color:#42211b; line-height:20px; border:2px solid #42211b; padding:15px 0px; border-radius:3px;}
.katTop ul li.active a, .katTop ul li a:hover {background:#42211b; color:#d0c5b5}

/* katDetayRow */
.katDetayRow {margin-left:-10px; margin-right:-10px;}
.katDetayLeftCol {width:50%; padding-left:10px; padding-right:10px; float:left;}
.katDetayRightCol {width:50%; padding-left:10px; padding-right:10px; float:left}
.katDetayLeft a {width:100%; position:relative; height:740px; float:left; display:inline-block; border:15px solid #42211b}
.katDetayLeft a img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:80%;max-height: 90%;}
.katDetayLeft a .icon {width:60px; height:60px; background:#42211b; position:absolute; left:20px; bottom:20px; color:#FFFdd0; font-size:20px; line-height:60px; text-align:center; display:inline-block; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.katDetayLeft a:hover .icon {background:#aaaaaa; color:#fffdce}
.katDetayTitle .title {color:#42211b; font-size:30px; line-height:40px; font-weight:700; margin-bottom:40px}
.katDetayRight {padding-top:15px}
.katDetayTitle .val {float:right; color:#fcfacb; font-size:17px !important; line-height:30px; font-weight:700;min-width: 80px;margin:auto}

/* katDetayDesc */
.katDetayDesc {margin-bottom:34px}
.katDetayDesc ul {width:100%; display:inline-block; float:left;}
.katDetayDesc ul li {width:100%; display:inline-block; float:left; padding:10px 0px; border-bottom:2px solid #42211b}
.katDetayDesc ul li .title {float:left; color:#42211b; font-size:18px; line-height:30px;}
.katDetayDesc ul li .val {float:right; color:#42211b; font-size:18px; line-height:30px; font-weight:700;min-width:80px;margin:auto;}
.katDetayTitle .val .m2 {font-size:14px; line-height:30px; }

.katDetayKatalog img {height:38px; margin-right:15px; float:left; position:relative; top:-2px;}
.katDetayKatalog a {color:#fcfacb; font-size:15px; line-height:38px; font-weight:700;}
.katDetayKatalog a:hover {color:#FFFdd0}

.newMap iframe {width:100%!important}

.hws { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
@media (min-width:1200px) {
.container {width:1170px;}
.katDetayTitle .val {float:right; color:#42211b; font-size:21px !important; line-height:30px; font-weight:700;min-width: 120px;margin:auto}

.katDetayDesc ul li .val {float:right; color:#42211b; font-size:21px; line-height:30px; font-weight:700;min-width:120px;margin:auto;}

}

@media (max-width:992px) {
.sectionImg {width:100%}
.sectionBox {position:relative;}
.logo {left:0; right:0; margin-left:auto; margin-right:auto; width:200px}
.headerPhone {display:none}
.callMe {right:auto; left:0px; top:20px}
.hasCircle {width:100%!important; float:none!important; background-position:center center!important; padding-top:70px; display:inline-block; max-width:100%!important}
.hasCircle ul li {text-align:center!important}
.hasCircle ul li.arrow {position:relative; right:0; bottom:0; text-align:center; width:100%; text-align:center; margin-top:40px}
.hasCircle ul li.img img {float:none}
.sectionAfter {right:0; bottom:-30px!important; left:auto; }
.sectionAfter img {height:170px;}
.hasCircle {background:url(assets/images/cember2.png) no-repeat top center!important; margin-top:10px!important; min-height: inherit; margin-bottom:50px;}
.hasCircle.first {background-image:url(assets/images/cember1.png)!important; margin-top:-20px!important; padding-top:140px; padding-bottom:20px}
.hasCircle ul li.clock {position:absolute; right:50px; bottom:-280px; width:auto; text-align:right;}
.navMenuBoxLogo {display:none;}
.navMenu {position:fixed;top:0px; right:0px; height:100%}
.callMeBox {position:fixed; top:0; right:0; height:100%}
.callMeBox ul li.closeButton {top:15px;}
.callMeBox ul li.callMeLogo {display:none}
.callMeBox {width:270px;}
.navMenu {width:270px;}
.navMenuBox ul li:after {display:none}
.navMenuBox ul li {border-bottom:1px dashed rgba(255,255,255,0.6)}
.footerImage {height:350px}
.footerImageBox ul.list li .title {font-size:20px; line-height:25px}
.footerImageBox ul.list li {padding-top:100px}
.navMenuMobile {display:inline-block}
.photoGallery ul li {width:50%;}
.photoGallery ul li a {height:200px}
.homeCallMe {top:-75px;}
.callMe.active .callMeFirst .title {display:none}
.pageHeader {height:150px}
.pageCallMe {top:-265px}
.katTop ul {margin-left:-5px; margin-right:-5px; display:block}
.katTop ul li {width:50%; float:left; padding-left:5px; padding-right:5px; margin-left:0px; margin-right:0px; margin-bottom:10px;}
.katTop ul li a {width:100%; text-align:center;}
.katDetayLeftCol {width:100%; margin-bottom:10px}
.katDetayRightCol {width:100%}
}

@media (max-width:500px) {
.logo {width:130px}
.hasCircle {background-size:280px 280px!important; margin-top:-40px;}
.sectionAfter img {height:100px;}
.hasCircle ul li.clock img {height:100px}
.hasCircle ul li.clock {bottom:-200px; right:0px}
.photoGallery ul {margin-left:-5px; margin-right:-5px;}
.photoGallery ul li {padding-left:5px; padding-right:5px; margin-bottom:10px}
.photoGallery ul li a {height:120px}
.header {padding-bottom:30px}
.pageCallMe {top:-270px}
.homeCallMe {top:-90px}
.photoTitleAll.hasBg:before {background-size:270px 270px; top:-140px; width:270px; height:270px;}
.photoTitleAll.hasBg {margin-bottom:0px}
.hasCircle.first {padding-top:90px; padding-bottom:0px}
.katDetayLeft a {height:300px}
.katDetayLeft a img {max-height:80%}
.header {padding-right:0px!important}
.responsiveMenu i {margin-left:10px;}
.lang {top:10px!important}
.lang a {font-size:13px}
}

/* other reset */
::-webkit-input-placeholder { color:inherit}
::-moz-placeholder { color:inherit } /* firefox 19+ */
:-ms-input-placeholder { color:inherit } /* ie */
input:-moz-placeholder { color:inherit }


a:focus,
select:focus,
			textarea:focus,
input[type="text"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color:inherit;
  box-shadow:inset;
  outline: 0 none;
  text-decoration:none;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
/* other reset */