/* cmsms stylesheet: main modified: 02.04.2019 16:13:22 */
/* cmsms stylesheet: main modified: 19.07.2018 16:15:01 */
/* cmsms stylesheet: main modified: 19.07.2018 16:10:16 */
body{font-family: 'Muli', sans-serif;font-weight: 400;}
b{font-weight: 700;}
[class*="title"]{font-family: 'Spectral', serif;font-weight: 400;}
.cookie{background-color: rgb(255,255,255);color:#000;}
.cookie-close:before{color:#000;}
.navbutton span{background-color: rgb(0,0,0);}
.reverse{-webki-flex-direction: row-reverse;flex-direction: row-reverse;}
.menu-back{height:60px;width:100%;}
/*scroll animate*/
.anim{opacity:0;transform:translateY(-150px);transition:0.3s all linear;}
.viewed{opacity:1;transform:translateY(0px);}
/*loader*/
#preloader {background-color:rgb(255,255,255);}
.loader{height: 32px;width: 32px;-webkit-animation: loader-5-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;animation: loader-5-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;}
@-webkit-keyframes loader-5-1 {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-5-1 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.loader:before {content: "";display: block;position: absolute;top: 0; left: 0;bottom: 0; right: auto;margin: auto;width: 15px;height: 15px;background: #000;border-radius: 50%;-webkit-animation: loader-5-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
animation: loader-5-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;}
@-webkit-keyframes loader-5-2 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
	50%  { -webkit-transform: translate3d(24px, 0, 0) scale(.5); }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes loader-5-2 {
	0%   { transform: translate3d(0, 0, 0) scale(1); }
	50%  { transform: translate3d(24px, 0, 0) scale(.5); }
	100% { transform: translate3d(0, 0, 0) scale(1); }
}
.loader:after {content: "";display: block;position: absolute;top: 0; left: auto;bottom: 0; right: 0;margin: auto;width: 15px;height: 15px;background: #000;border-radius: 50%;-webkit-animation: loader-5-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;animation: loader-5-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;}
@-webkit-keyframes loader-5-3 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
	50%  { -webkit-transform: translate3d(-24px, 0, 0) scale(.5); }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes loader-5-3 {
	0%   { transform: translate3d(0, 0, 0) scale(1); }
	50%  { transform: translate3d(-24px, 0, 0) scale(.5); }
	100% { transform: translate3d(0, 0, 0) scale(1); }
}
.loader span {display: block;position: absolute;top: 0; left: 0;bottom: 0; right: 0;margin: auto;height: 32px;width: 32px;}
.loader span:before {content: "";display: block;position: absolute;top: 0; left: 0;bottom: auto; right: 0;margin: auto;width: 15px;height: 15px;background: #000;border-radius: 50%;-webkit-animation: loader-5-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;animation: loader-5-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;}
@-webkit-keyframes loader-5-4 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
	50%  { -webkit-transform: translate3d(0, 24px, 0) scale(.5); }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes loader-5-4 {
	0%   { transform: translate3d(0, 0, 0) scale(1); }
	50%  { transform: translate3d(0, 24px, 0) scale(.5); }
	100% { transform: translate3d(0, 0, 0) scale(1); }
}
.loader span:after {content: "";display: block;position: absolute;top: auto; left: 0;bottom: 0; right: 0;margin: auto;width: 15px;height: 15px;background: #000;border-radius: 50%;-webkit-animation: loader-5-5 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;animation: loader-5-5 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;}
@-webkit-keyframes loader-5-5 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
	50%  { -webkit-transform: translate3d(0, -24px, 0) scale(.5); }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes loader-5-5 {
	0%   { transform: translate3d(0, 0, 0) scale(1); }
	50%  { transform: translate3d(0, -24px, 0) scale(.5); }
	100% { transform: translate3d(0, 0, 0) scale(1); }
}
/*scroll & highlight*/
*::-webkit-scrollbar {width: 1rem;}
*::-webkit-scrollbar-track-piece {background:#000;}
*::-webkit-scrollbar-thumb {background-color: rgb(255,255,255);}
*::selection{background-color:rgb(0,0,0);color:#fff;}
/*menu*/
#menu{width:100%;position: fixed;top:0;z-index:99999;background-color:#fff;height:60px;box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1)}
#menu.on-canvas.off-canvas{height:60px;overflow:inherit;}
#menu.off-canvas{height:0;overflow:hidden;}
#menu ul li{display: block;margin:0 1rem;position:relative;}
#menu ul li a{display: block;position: relative;text-transform: uppercase;line-height:6rem;font-size: 1.6rem;color:#000;}
#menu ul li.dropdown{padding: 0 1.5rem 0 0;}
#menu .dropdownicon:after{line-height: 6rem;right:0px;}
#menu ul li ul{padding:1rem 0;background-color: #fff;width:300px;text-align: center;margin-left:-110px;box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);}
#menu ul li ul a{line-height:4rem;transition: 0.5s}
#menu ul li ul a:hover{background-color:rgba(0,0,0,0.1)}
#menu ul  li:before,#menu ul li:after{content:"";display: block;position: absolute;width: 0%;margin-left:20%;height: 0.8rem;border: 1px solid #000;border-bottom: none;opacity:0;}
#menu ul  li:before{top:1.3rem;}
#menu ul  li:after{border-bottom:1px solid #000;border-top:none;bottom:1.3rem;}
#menu ul  li:hover:before,#menu ul li:hover:after,#menu ul  li.active:before,#menu ul li.active:after{width:60%;opacity:1;}
#menu ul li ul li:before,#menu ul li ul li:after{display:none;}
.logo,
.on-canvas .logo{opacity: 0;}
.active-logo .logo,
.active-logo.on-canvas .logo,
.on-canvas.off-canvas .logo{opacity: 1;}

/*section1*/
.big_logo{width:250px;}
.section1{position: relative;min-height: 100vH;}
#slider > ul{height: 100vH;min-height: 360px;position: relative;color:#fff;}
#slider > ul > li{height: 100vH;min-height: 360px;color:#fff;}
#slider > ul > li .container-fluid{position: absolute;bottom:10rem;z-index: 9999;left:0;right:0;margin:0 auto;}
.gradient{width:100%;height:100%;position: absolute;top:0;left:0;background: #ffffff;background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,1));background: -webkit-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0), rgba(0,0,0,1));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,1)',GradientType=0 );}
.section1 .title{font-size: 4.8rem;line-height: 5.2rem;margin-bottom: -5px;font-family: 'Muli', sans-serif!important;}
/*section2*/
.section2{padding: 0rem 0 16rem 0;background:url(/uploads/site/img/background_02.jpg) no-repeat fixed center;background-size:cover;min-height:100vH;box-sizing:border-box;}
.content{text-align:justify;box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);background-color:#fff;padding:10rem 6rem;}
.section2 .content{margin-left:4rem;}
.main-title{text-align: center;position: relative;font-size: 3rem;}
.main-title:before,.main-title:after{content:"";display: block;position: absolute;width: 4rem;height: 0.8rem;border: 1px solid #000;border-bottom: none;right:0;left:0;margin:0 auto;}
.main-title:before{top:-0.8rem}
.main-title:after{border-bottom:1px solid #000;border-top:none;bottom:-0.8rem}
.more{z-index: 9;display: block;margin:0 auto;text-align: center;padding:0.5rem 2rem;text-transform: uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid #000;position: relative;}
.more:before,.more:after{z-index: -1;content:"";display:block;position: absolute;width:0%;height:0%;margin:0 auto;right:0;left:0;}
.more:before{bottom:50%}
.more:after{top:50%;transition: 0.4s}
.more:hover,.more.active{color:#fff}
.more:hover:before,.more.active:before{background-color:#000;width:100%;height:100%;bottom:0}
.more:hover:after,.more.active:after{border-left:15px solid #000;border-right:15px solid #000;width:100%;height:50%;top:25%;}
.section2 .content{margin-bottom:2.5rem;}
/*section3*/
.section3{background: url(/uploads/site/img/background_03.jpg) no-repeat fixed center;background-size:cover;min-height:100vH;}
.section3 > .container-fluid > .row{min-height:100vH;}
.section3 .content{margin:0 0rem 0 3.5rem;padding:10rem 4rem 5rem 4rem;box-sizing:border-box;}
.boxes{margin:1rem 0 1rem 0;}
.box{padding:0 5px;padding-bottom:0;}
.box > div{background-color:#fff;margin:0.5rem 0;width:100%;text-align: center;height:26rem;overflow: hidden;position: relative;}
.box > div:before,.box > div:after{content:"";position: absolute;width:50%;height:2rem;left:25%;border:1px solid #000;border-bottom: none;}
.box > div:before{top:-50px;}
.box > div:after{border-bottom:1px solid #000;bottom:-50px;border-top: none;}
.box:hover > div:before{top:5%;}
.box:hover > div:after{bottom:5%;}
.box > div h2{width:100%;font-size: 3rem;line-height: 3.2rem;margin-bottom:0;margin-top:1rem;height:96px;-webkit-align-items:center;align-items: center;display:-webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;font-family: 'Muli', sans-serif!important;}
.absolute{position: absolute;width: 24.1vW;bottom:1rem;margin-left: -24.1vW;}
/*section4*/
.section4{padding:3rem 0;}
.section4 .row > a {padding:0 0.5rem;overflow: hidden;}
.gallery{margin-bottom:2rem;}
.gallery .row{margin:0 auto;height:100%;}
.gallery .row > a{height:50%;padding:0 0.5rem 0rem 0.5rem;}
.gallery.row > a:last-child{padding:0}
.gallery .row > a:nth-child(1),.gallery .row > a:nth-child(2){height:calc(50% - 0.5rem);margin-bottom:0.5rem}
.gallery .row > a:nth-child(3),.gallery .row > a:nth-child(4){padding:0.5rem 0.5rem 0 0.5rem;}
.gallery img{object-fit: cover;width:100%;height:100%;transition:0.4s}
.gallery > a:first-child:hover img, .gallery .row > a:hover img{width:120%;height:120%;}
.gallery .align-center{position: absolute;width:calc(100% - 4rem);left: 2rem;bottom:1rem;;height:100px;background-color: #fff;}
.gallery-title{text-align: center;font-size:3rem;line-height: 3.1rem;width:100%;margin:0;}
.gallery .align-center:before, .gallery .align-center:after{content:"";position: absolute;display: block;width:0;height:2px;background-color:#000;}
.gallery .align-center:before{top:2px;left:2px;}
.gallery .align-center:after{bottom:2px;right:2px;}
.gallery-title:before,.gallery-title:after{transition-delay:0.2s;content:"";position: absolute;display: block;width:2px;height:0%;background-color:#000;}
.gallery-title:before{top:2px;left:2px;}
.gallery-title:after{bottom:2px;right:2px;}
.gallery > a:first-child:hover .align-center:before, .gallery .row > a:hover .align-center:before,
.gallery > a:first-child:hover .align-center:after, .gallery .row > a:hover .align-center:after{width:100%;}
.gallery > a:first-child:hover .gallery-title:before, .gallery .row > a:hover .gallery-title:before,
.gallery > a:first-child:hover .gallery-title:after, .gallery .row > a:hover .gallery-title:after{height:100%;}
/*section5*/
.section5{background: url(/uploads/site/img/background_05.jpg) no-repeat fixed center;background-size:cover;min-height:100vH;box-sizing:border-box;}
.section5 .row{min-height:100vH;box-sizing:border-box;}
.section5 .row > div:last-child{padding-left:0;padding-right:0;}
.map{margin-top:25rem;width:100%;padding:3rem 3rem 0 2rem;background-color: #fff;}
#googleMap{width:100%;min-height: 40rem;}
.section5 .content{text-align: center;padding:8rem 2rem;}
.fa-mail p{ word-break: break-all;}
.fa-phone p:before,.fa-mail p:before{font-family: 'FontAwesome';margin-right:1rem;}
.fa-phone p:before{content: "\f095";}
.fa-mail p:before{content: "\f0e0";}
.fa-fb{display:block;width:25px;margin: 0 auto;}
.fa-fb:before{content: "\f082";text-align:center;font-size:3rem;}
/*section6*/
.special-background{background:url(/uploads/site/img/tlo.jpg) no-repeat fixed center;background-size:cover;}
.special-background .white{background-color:#fff;padding:5rem 2rem;}
.section6{padding: 11rem 0 5rem 0;min-height: calc(100vH - 55px);box-sizing: border-box;border-bottom: 4px solid #000;}
.section6 .more{margin-top:5rem;}
.section6 .gallery-button{cursor:pointer;margin: 0.5rem 2px;}
.gallery-field{margin-top:4rem;min-height:50vH;}
.gallery-field > div{max-height:0;overflow:hidden;transition:0.4s linear;opacity:0;}
.gallery-field > .active{max-height:1000vH;transition:0.6s linear;transition-delay: 0.5s;opacity:1;}
.section6 .box > div{margin:0.5rem 0rem;box-shadow: 1px 1px 1px 1px #000;}
.section6 .row{margin:0;}
.section6 .absolute {bottom: 0rem;}
/*footer*/
.footer{background-color: rgb(255,255,255);}
.footer .row{padding:0 15px;color:#000;}
.footer span{margin:0 1rem;}
.footer a{position: relative;display: inline-block;}
.footer a:before{content:"";width: 0;height: 2px;background-color: #000;display: block;position: absolute;bottom:0rem;left:0;}
.footer a:hover:before{width:100%;}
/*popup*/
.modal-dialog {max-width: 80%;}
.modal {z-index: 99999;}
.modal-open{margin-bottom:5rem!important;}

.img__center{display: block;margin: 3rem auto;}
.h-mg-0auto{margin: 0 auto;}
.h-p-0{padding: 0;}
.container .gallery-show{border-top: none;}
.container .gallery-show:before{content: "";display: block;position: absolute;width: 99vW;height: 1px;top: -1px;left: calc((100vW - 1125px)/ -2);background-color: #000;}
.container .container{padding: 0;}
.slider-content{margin-left:30px;}
/*responsive*/
@media only screen and (max-width:1700px){
  .section5 .content {margin-left: 10rem;}
}
@media only screen and (max-width:1400px){
  .section5 .content {margin-left: 5rem;}
}
@media only screen and (max-width:1200px){
  .section3,.section5{background-attachment: inherit;;}
  .col-none{display:none;}
  .container .gallery-show:before{left: calc((100vW - 940px)/ -2);width:100vW;}
  .sl-wrapper .sl-navigation button {top:inherit!important;bottom:2rem!important;}
  .section1 .title {font-size: 3.2rem;line-height: 4.2rem;}
  .section2,
  .section3,
  .section5,
  .section6{background-attachment: inherit;}
  .anim{opacity:1;transform:translateY(0px);}
}
@media only screen and (min-width:993px){
    #menu ul li:hover ul{display: block!important;}
}
@media only screen and (max-width:992px){
  .logo{margin-top:0.7rem;}
  .menu-nav{margin-left: calc((100vW - 690px)/-2);width:100vW;}
  #menu ul{padding:0 4rem;width: 100%;padding-bottom:1rem;background-color: #fff;margin-top: 7px;box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1)}
  #menu ul li{display: block;}
  #menu ul li {line-height: 30px;width:100%;text-align: center;}
  #menu ul li a,#menu .dropdownicon:after {line-height: 4rem;}
  #menu ul li ul{width:100%;margin-left:0;}
  #menu ul li ul li{margin: 0;}
  #menu ul li.dropdown {padding: 0;}
  #menu ul li:before,#menu ul li:after{left:0;right:0;margin: 0 auto;}
  #menu ul li:before{top:2px;}
  #menu ul li:after{bottom: inherit;top:30px;}
  .section2 .container {padding-top: 35rem;}
  .section5 .content {position: relative;}
  .absolute {width:100%;position: relative;margin-left:0;margin-top: 1rem;margin-bottom: -10px;}
  .col-md-none{display: none;}
  .section3 .content {margin:0;}
  .gallery > a{margin-bottom:1rem;}
  .box > div {height: 23rem;}
  .map {padding: 2rem 2rem 0 2rem;margin-top:10rem;}
  .section5 .content {margin-left: 0rem;margin:0 auto;}
  .reverse{-webkit-justify-content:center!important;justify-content:center!important;}
  .gallery .row > a{height: auto!important;}
  .col-sm-none{display:none;}
  .container .gallery-show:before{left: calc((100vW - 700px)/ -2)}
  .slider-content{margin:0;}
  #slider > ul > li .container-fluid{padding: 0;}
  .box > div h2{font-size:2.4rem;line-height: 2.8rem;}
  .section2 .content{margin-left: 0;padding: 3rem 6rem;}
  .section2 .col-12{padding: 0;}
  .section3 .container-fluid .row .col-12:first-child{padding: 0;}
  .section5 .col-12{padding: 0;}
  .col-md-none{display:none;}
  .section6 .white{margin-bottom:3rem;}
  .section6 > .container-fluid > .row > .col-12{padding: 0;}
  .section6 .absolute {bottom: 1rem;}
  .box > div{padding: 2rem;}
}
@media only screen and (max-width:768px) and (max-height: 600px){
    .sl-wrapper .sl-navigation button {display:none!important;}
}
@media only screen and (max-width:768px){
    .menu-nav{margin-left: calc((100vW - 509px)/-2);}
    .big_logo{width:180px;}
    .container .gallery-show:before{left: calc((100vW - 520px)/ -2)}
    .sl-navigation{bottom: 2rem!important;}
    .gallery-name {font-size: 1.6rem;}
    .section6 #googleMap{margin-top:3rem;}
}
@media only screen and (max-width:576px){
  .menu-nav {margin-left: -15px;}
  #menu ul li ul li a{font-size:1.2rem}
  .section1 .title {font-size: 2.4rem;line-height: 3.2rem;}
  .section2 .content {padding: 3rem 1.5rem;}
  .section3 .content {padding: 4rem 2rem 5rem 2rem;}
  .box > div {height: 20rem;}
  .box > div h2 {font-size: 2rem;line-height: 2.2rem;}
  box > div:before, .box > div:after {height: 1rem;}
  #slider > ul > li .container {bottom: 5rem;}
  .gradient {width: 100%;height: 100%;position: absolute;top: 5px;left: 0;background: #ffffff;background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));background: -webkit-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,1));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,1)',GradientType=0 );}
  .footer span {margin: 0 0.5rem;}
  .section5 .content {padding: 5rem 1rem;margin: 0 auto;}
  .container .gallery-show:before{left:-20px}
  .sl-wrapper .sl-navigation button {display:block!important;}
}
@media only screen and (max-height:600px){
  .section1, #slider > ul,#slider > ul > li{padding-top: 5rem;min-height: 400px;}
  .big_logo{width:180px;}
}
@media only screen and (max-height:440px){
  #menu ul{max-height:calc(100vH - 8rem);position: relative;overflow-y: scroll;}
}