html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:relative;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body{background: #fff;color:#000;width:100%;height: 100%;padding:0;margin:0;/*font-family: 'Montserrat', sans-serif;*/font-family: 'Rubik', sans-serif;font-size: 16px;}
body{min-width:240px;overflow-x: hidden;background: #fff;/*display: inline-table;*/padding: 0;}
/*body.compensate-for-scrollbar {overflow: hidden !important;}*/
body.compensate-for-scrollbar {overflow-y: hidden !important;height: 100vh;min-height: 100vh;max-height: 100vh;}
ol, ul {list-style: none;margin: 0;padding: 0;}
input, button:focus, .slick-slide:focus, select:focus, * {outline:none !important;}
.arup {position: fixed;bottom: 30px;right: 30px;z-index: 2;width: 40px;cursor: pointer;}

.waveline{width:100%;height:9px;background: url('images/waveline.png') center center repeat-x;}
.hidobject{display:none;}

::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background:#eee;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 8px;border-radius: 8px;background: #333;}
::-webkit-scrollbar-thumb:window-inactive {background: #333;}

.main, button{transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.s1 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.s2 {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.s3 {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.s4 {-webkit-animation-delay: 1.0s;animation-delay: 1.0s;}
.s5 {-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}
.spa1{-webkit-animation-duration: 1.5s !important;animation-duration: 1.5s !important;}

.fancybox-navigation{height: 100%;}

/*FORM*/
form .formname{font-weight: 900;font-size: 30px;margin: 0 auto 20px;text-align: center;line-height: 100%;text-transform: uppercase;}
form .formsubname{text-align: center;margin: -10px 0 10px;line-height: 100%;font-size: 16px;text-transform: uppercase;font-weight: 600;}
form .formsubname b{margin-bottom: 5px;display: block;color:#333;}

form input{/*font-family: 'Montserrat', sans-serif;*/font-family: 'Rubik', sans-serif;width: 100%;border: 1px dashed #ccc;padding: 15px 15px 15px 40px;border-radius: 0px;margin-bottom: 10px;background-size: 20px !important;}
form input.inputname{background: #fff url('images/icons/form_name.svg') left center no-repeat;background-position: 10px 50%;}
form input.inputphone{background: #fff url('images/icons/form_phone.svg') left center no-repeat;background-position: 10px 50%;}
form button{/*font-family: 'Montserrat', sans-serif;*/font-family: 'Rubik', sans-serif;}

form .modalcheck{margin: 20px 0 0;text-align: center;}
form .modalcheck label{display: inline-flex;align-items: center;cursor: pointer;}
form .modalcheck label .checker{display: none;}
form .modalcheck label input{padding: 0;margin: 0 6px 0 0;width: auto;}
form .modalcheck label span.checktxt{font-size: 11px;line-height: 100%;}
form .modalcheck label span.checktxt a{color: #303030;}

form .cb1 label .checker{border: 2px solid #d4dee8;display: flex;align-items: center;justify-content: center;width: 20px;min-width: 20px;height: 20px;min-height: 20px;margin-right: 5px;border-radius: 20px;display: none;}
form .cb1 label input:checked + .checker{border-color: #303030;}
form .cb1 label .checker:after{display: none;}
form .cb1 label input:checked + .checker:after{content: '';display:block;width: 20px;height: 20px;position: absolute;top: auto;left: auto;background: url('images/icons/check-mark.svg') center center no-repeat;background-size: 10px;}
form .cb1 label input{/*display: none;*/width: 20px;min-width: 20px;height: 20px;}

form .cb2 label .checker{border: 1px solid #d4dee8;display: flex;align-items: center;justify-content: center;width: 35px;min-width: 35px;height: 18px;min-height: 18px;margin-right: 5px;border-radius: 20px;}
form .cb2 label .checker:after{content: '';
display: block;width: 12px;height: 12px;position: absolute;top: auto;left: 3px;background: #d4dee8;border-radius: 20px;}
form .cb2 label input:checked + .checker:after{left: auto;background: #007eff;right: 3px;}
form .cb2 label input{display: none;}

.formbut{cursor: pointer;font-family: 'Playfair Display', serif;line-height: 100%;width: 100%;border: 0;padding: 17px;border-radius: 50px;font-size: 15px;background: #202020;color: #fff;font-weight: bold;text-transform: uppercase;}

/*modalform*/
#modalform{padding: 50px 40px;border-radius: 10px;max-width: 400px;}
#modalform .formwrap{display: flex;}
#modalform .formwrap .formcol{background: #eee;margin: 0 20px 0 0;}
#modalform .formwrap form{}
.fancybox-close-small{opacity: 1;padding: 7px !important;color: #000 !important;}
.fancybox-close-small svg{transition: 0.5s;}
.fancybox-close-small:hover svg{transform: rotate(180deg);}



/*buttons*/
.boxbutton{display: flex;justify-content: center;}
input.button{border:0;}
button.button{border:0;z-index: 1;text-decoration: none !important;font-weight: 600;color: #fff !important;text-shadow:0 -1px 0 rgb(0 0 0 / 42%);padding: 20px 20px 18px;border-radius: 0px;width: 100%;overflow: hidden;line-height: 100%;transition:0.2s;display: flex;align-items: center;cursor: pointer;text-align: center;justify-content: center;font-size: 13px;background: #111;text-transform: uppercase;}
/*.button{border:0;z-index: 1;text-decoration: none !important;font-weight: 600;color: #fff !important;text-shadow:0 -1px 0 rgb(0 0 0 / 42%);padding: 20px 20px 18px;border-radius: 10px;width: 100%;box-shadow: 0 3px 5px rgb(0 0 0 / 30%);overflow: hidden;line-height: 100%;transition:0.2s;display: flex;align-items: center;cursor: pointer;text-align: center;margin: 0 auto;justify-content: center;font-size: 17px;margin: 0 auto;max-width: 400px;}
.button:hover{filter: brightness(1.1);box-shadow: 0 2px 20px rgb(163 209 245 / 76%);}
.button:before{content: '';background: linear-gradient(0, rgb(0 0 0 / 20%), transparent);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.button:after{content: '';background: linear-gradient(90deg, transparent, #fff, transparent);width: 90px;height: 100%;position: absolute;top: 0;left: -200px;transform: skewX(-30deg);opacity: 0;animation: 4s ease-in-out infinite slidelight;z-index: -1;}
@keyframes slidelight {10% {left: -200px;}40% {left: 100%;opacity:0.7;}100% {left: 100%;opacity:0.0;}}
.button img{margin: -5px 10px -5px -5px;}
.btnred{background: #ff1253;}
.btnyellow{background: #ffd300;border-bottom: 4px solid rgb(195 88 0 / 68%);text-shadow: 0 1px 0 rgb(255 255 255 / 42%);color: #222 !important;}
.btnyellow:before{background: linear-gradient(0, rgb(255 157 0), transparent);}
.btngreen{background: #16f73c;}
.btnblue{background: #018aff;}
.btnwhite{background: #eee;color: #444;text-shadow: 0 1px 0 rgb(255 255 255 / 57%);}
*/
.button:hover{opacity: 0.7;}
.butbox{text-align: center;}
.butbox a{cursor: pointer;font-family: 'Playfair Display', serif;line-height: 100%;width: 100%;border: 0;padding: 18px;border-radius: 50px;font-size: 15px;background: #303030;color: #fff;font-weight: bold;text-transform: uppercase;text-decoration: none;width: 100%;display: block;max-width: 300px;margin: 0 auto;}
.butbox a:hover{opacity: 0.7;}

/*slicknav*/
button.slick-prev, button.slick-next{width:32px;height:50px;z-index: 1;background: #fff !important;border-radius: 5px;box-shadow: 0 0 5px rgb(0 0 0 / 23%);}
button.slick-prev:before{margin-left: 5px;width:32px;height:32px;content:'';display:block;background: url(images/up.png) center center no-repeat;transform: rotate(-90deg);}
button.slick-next:before{margin-left: -5px;width:32px;height:32px;content:'';display:block;background: url(images/up.png) center center no-repeat;transform: rotate(90deg);}
button.slick-prev:hover, button.slick-next:hover{background: rgb(0 0 0 / 30%);}
ul.slick-dots li{width: 10px;margin: 0 3px;}
ul.slick-dots li button{width: 10px;}
ul.slick-dots li button:before{width: 10px;}
ul.slick-dots li.slick-active button:before{opacity: 1;color: #198bff;}

/*relative_video*/
.videowrapper {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;width: 100%;box-shadow: 0px 10px 60px rgb(0 0 0 / 44%);}
.videowrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-width: 0;outline-width: 0;}

/*timer*/
.timerbox{}
.timerbox .timername{text-transform: uppercase;margin: 0 auto;font-weight: 600;font-size: 13px;color: #fff;text-align: left;}
.timerbox .eTimer{/*font-family: 'Montserrat', sans-serif;*/font-family: 'Rubik', sans-serif;margin-left: -5px;}
.eTimer .etTitle{display: none;}
.eTimer .etUnit, .eTimer .etSep{color: #fff;}
.timerbox .eTimer .etUnit .etNumber {box-shadow: none;color: #fff;padding: 0;width: 26px;/*font-family: 'Montserrat', sans-serif;*/font-family: 'Rubik', sans-serif;background: transparent;font-weight: 600;font-size: 38px;}

.timerbox{display: flex;align-items: center;border: 2px dashed #fff;padding: 20px;border-radius: 20px;background: rgb(0 0 0 / 35%);margin-top: 20px;}
.timerbox .icotimer{width: 80px;margin-right: 20px;}
.timerbox > div{}

.eTimer .etUnit.etSeconds, .eTimer .etSep:nth-child(7){display: none;}
.eTimer .etSep{animation: 0.5s linear infinite alternate fader;}
@keyframes fader { 0% { opacity: 0; } 50% { opacity: 1; } }

.formbox{width: 100%;z-index: 1;max-width: 1100px;background: #357dff;padding: 30px 10px 10px;border-radius: 20px;margin: 0 auto;}
.formbox .formname{font-size: 29.6px;margin: 10px 0;}
.formbox form{display: flex;flex-wrap: wrap;justify-content: center;}
.formbox form > input, .formbox form > button, .formbox .intl-tel-input{margin: 0 10px;width: calc(33% - 20px);}
.intl-tel-input input{height: 100%;}
.formbox form .modalcheck{width: 100%;}




.swiper-button-prev:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{color: #333;font-size: 40px;}

.spacer{background: url('images/volna2.svg') center center repeat-x;width:100%;height: 50px;margin: 50px auto;background-size: 200px;}

.centred {width: 100%;max-width: 1060px;height: 100%;margin: 0 auto;position: relative;display: flex;align-items: center;flex-direction: column;flex-wrap: wrap;padding: 0 15px;}
.sectname{margin: 0;font-size: 60px;font-weight: 700;text-align: center;font-family: 'Playfair Display', serif;color: #222;line-height: 110%;}
.sectsubname{margin: 20px auto;font-size: 25px;text-align: center;color: #333;font-family: 'Playfair Display', serif;}

#modal-thanks{padding: 20px;margin: 20px;color: #000;}
#modal-thanks .modal-body{padding: 30px 0;}
.thanks-message{text-align: center;}
.thanks-message .subtitle{font-weight: 700;text-transform: uppercase;line-height: 100%;font-size: 20px;max-width: 350px;}

.arrbot {position: absolute;bottom: 60px;left: calc(50% - 15px);width: 30px;}

body{min-height: 3000px;}
/*DESCTOP CSS*/
.testbut{display: flex;position: fixed;top: 10px;left: 10px;z-index: 10;}
.testbut > p{width: 20px;height: 20px;border-radius: 5px;cursor: pointer;margin: 5px;background: #666;color: #fff;font-size: 12px;display: flex;align-items: center;justify-content: center;}
.testbut > p:hover{opacity: 0.6;}
.testbut > p.active{background: #ffad67;}
/**/

.mainsect1 .header{/*background: url('images/linesbg.jpg') 50% 70% no-repeat;*/background:url('images/blackbg.jpg') center center repeat-x;}
.mainsect1 .header .logo{text-align: center;padding: 10px 0;}
.mainsect1 .header .logo img{width: 130px;}
.mainsect1 .header .logo p{font-family: 'Playfair Display', serif;margin: 0;font-size: 12px;}

.mainsect1 .mainimage{background: #444;width: 100%;/*min-height: 80vh;*/}
.mainsect1 .sitename{display: flex;align-items: center;justify-content: center;position: absolute;width: 100%;height: 100%;}
.mainsect1 .sitename h1{font-size: 5vh;font-weight: bold; font-family: 'Playfair Display', serif;margin: 0;max-width: 600px;text-align: center;line-height: 120%;color: #fff;}

.header{position: absolute;top: 0;left: 0;z-index: 100;width: 100%;/*display: none;*/color: #fff;}
.header .filterbg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(37 48 54 / 60%);/*background: rgb(255 255 255 / 80%);*/}
.header.fixpos{position: fixed;display: block;background: rgb(0 0 0 / 70%);backdrop-filter: blur(5px);display:flex;align-items: center;}

.showmenu_button{width: 30px;height: 30px;position: absolute;right: 15px;display: none;align-items: center;justify-content: center;flex-direction: column;}
.showmenu_button span{background: #eee;width: 100%;height: 3px;border-radius: 5px;position: relative;top: auto;left: auto;transition: 0.3s;margin: 3px 0;}
.showmenu_button.active span{position: absolute;}
.showmenu_button.active span:nth-child(1){transform: rotate(45deg);}
.showmenu_button.active span:nth-child(2){transform: rotate(-45deg);}
.showmenu_button.active span:last-child{display: none;}

.headbox{display: flex;width: 100%;max-width: 1050px;margin: 0 auto;padding: 15px;align-items: center;justify-content: space-between;}
.head_logo{width: 200px;display: none;}
.head_logo img{width: 100%;max-width:200px; display: block;}
.header.fixpos .head_logo{display: block;}
.head_phone{width: 200px;text-align: right;}
.head_phone a{color: #fff;text-decoration: none;display: flex;align-items: center;justify-content: flex-end;font-weight: 500;}
.head_phone a img{width: 18px;margin-right: 5px;filter: invert(1);}

.head_buttons{display: flex;width: 200px;justify-content: space-between;}
.head_buttons a{color: #fff;text-decoration: none;background: #393939;padding: 10px 17px;border-radius: 5px;font-size: 13px;text-align: center;cursor: pointer;transition: 0.3s;}
.head_buttons a:hover{background: #eee;color: #000;}

.navbox{width: 100%;display: flex;transition: 0.3s;}
.header.fixpos .headnav{justify-content: center;}
.headnav{flex-grow: 1;display: flex;align-items: center;}
.headnav ul{display: flex;}
.headnav ul li{margin: 3px 10px 0;transition: 0.3s;border-bottom: 3px solid transparent;}
.headnav ul li a{padding: 5px 0;cursor: pointer;color: #e0bd82;text-decoration: none;transition: 0.3s;text-transform: uppercase;font-size: 13px;font-weight: 500;display: block;}
.headnav ul li.active a, .headnav ul li:hover a{color: #fff;}
.headnav ul li.active, .headnav ul li:hover{color: #fff;border-bottom: 3px solid;}

@media (max-width: 500px){
	.header.fixpos .showmenu_button{display: flex;}
	.header.fixpos .navbox{position: absolute;top: 100%;right: -100%;background: #555;flex-direction: column;padding: 10px 0;height: calc(100vh - 100%);max-width: 250px;}
	.header.fixpos .navbox.active{right:0;}
	.header.fixpos .headnav{justify-content: center;flex-grow: initial;}
	.headnav ul{justify-content: space-evenly;width: 100%;}
	.header.fixpos .headnav ul{flex-direction: column;width: auto;}
	.headnav ul li{margin: 5px;}
	.head_buttons{display: none;}
	.header.fixpos .head_buttons{margin: 0 auto;flex-direction: column;display: flex;}
	.header.fixpos .head_buttons a{margin: 5px auto;max-width: 150px;width: 100%;}
}

.mainlogo{margin-bottom: 15px;width: 170px;}
.videobgbox{min-height: calc(100vh - 163px);width: 100%;}
.videobgbox video{width: 100%;height: 100%;}
.videobgbox .fullscreen-bg__video {position: absolute;top: 0;left: 0;width: 100%;object-fit: cover;height: 100%;}
.videobgbox .filterbg{background: radial-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 100%));position: absolute;width: 100%;height: 100%;}
.videobgbox .sitename{flex-direction: column;}
.videobgbox .sitename h1{text-shadow: /*0px 0px 25px rgb(0 0 0 / 46%)*/0px 2px 3px rgb(0 0 0 / 100%);text-transform: uppercase;}
.mainsect1 .sitename h1{font-size: 4vh;max-width: 500px}

@media (max-width: 1500px){
	.mainsect2 .sitename{width: 400px;height: 400px;}
	.mainsect2 .sitename h1{font-size: 45px;}
}
@media (max-width: 640px){
	.mainsect2 .mimg{min-height: 500px;}
	.mainsect2 .sitename{width: 280px;height: 280px;}
	.mainsect2 .sitename h1{font-size: 35px;}
}

/**/

.collect_section{padding: 60px 0;}
.collect_section .centred{}
.collect_section .sect_title{}
.collect_section .sect_title .sectname{}
.collect_section .sect_title .txtbox{max-width: 880px;text-align: center;margin: 0 auto;}
.collect_section .sect_title .txtbox p{font-family: 'Rubik', sans-serif;}

.collectbox{display: flex;width: 100%;flex-wrap: wrap;}
.collectbox > div{background: #eee;width: calc(25% - 10px);height:230px;margin: 5px;}
.collectbox > div img{width: 100%;transition: 0.3s;height: 100%;width: 100%;object-fit: cover;transform: translate3d(0px, 0px, 0.1px);}
.collectbox > div .colname{position: absolute;bottom: 0;right: 0;background: rgb(255 255 255 / 85%);margin: 5px auto;padding: 5px 10px;border-radius: 5px 0 0 5px;font-size: 14px;}
.collectbox > div:hover  img{filter: brightness(0.5);}

.butbox .all_collect{margin-top: 20px;padding: 11px;}
.butbox .all_collect span{display: block;text-transform: initial;font-weight: normal;font-size: 12px;}

@media (max-width: 800px){

}
@media (max-width: 600px){
	.collect_section .sect_title .sectname{font-size: 35px;line-height: 100%;}
}
@media (max-width: 500px){
	.collectbox > div{width: 100%;}
}

/**/
.material_section{background: url(images/linesbg.jpg) center center no-repeat;padding: 50px 0;}
.gradtop{position: absolute;top: 0;left: 0;width: 100%;height: 100px;background: linear-gradient(0deg, transparent, #fff);}
.gradbottom{position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background: linear-gradient(180deg, transparent, #fff);}


.line_name{display: flex;align-items: center;}
.line_name:after, .line_name:before{content: '';background: url('images/volna2.svg') center center repeat-x;width:100%;height: 20px;background-size: 200px;margin-top: 20px;}
.line_name .sectname{white-space: nowrap;padding: 0 15px;}
.material_section .sectsubname{margin: 20px auto 0;font-size: 40px;font-weight: 700;}

.material_section .txtbox{max-width: 880px;text-align: center;margin: 0 auto;padding: 0 15px;}
.material_section .txtbox p{font-family: 'Rubik', sans-serif;}

.matbox{/*max-width: 1650px;*/max-width: 1000px;margin: 20px auto 50px;}
.matbox .matslider{overflow: hidden;}
/*.ms2 .swiper-wrapper{justify-content: center;padding-left: 10px;}*/

.material{background: #eee;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.material .quadsize{width: 100%;}
.material .matimage{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: 0.8s;}
.material .matimage_h{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: 0.8s;opacity: 0;pointer-events: none;transform: translate3d(0px, 0px, 0.1px);}
.material .matcontent{position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.material .matcontent:after{content: '';border: 3px solid #fff;position: absolute;width: calc(100% - 20px);height: calc(100% - 20px);left: 10px;top: 10px;transition: 0.3s;opacity: 0;}
.material:hover .matcontent:after{opacity: 1;}
.material:hover .matimage{transform: scale(1.1)filter: brightness(0.5);}
.material:hover .matimage_h{transform: scale(1.1)filter: brightness(0.5);opacity: 1}
.material .matcontent .matname{margin: 0;position: absolute;bottom: 10px;left: 0;width: 100%;font-family: 'Playfair Display', serif;font-size: 18px;font-weight: normal;padding: 5px 20px 7px;font-style: italic;/*background: rgb(0 0 0 / 75%);color: #fff;*/background: rgb(255 255 255 / 92%);display: flex;justify-content: space-between;align-items: center;}
.material:hover .matname{background: rgb(255 255 255 / 100%);}
.mtname{font-size: 20px;}
.matprice{font-size: 15px;font-style: normal;font-family: 'Rubik', sans-serif;}
.matslider .swiper-button-next, .matslider .swiper-button-prev{background: #fff;}
.matslider .swiper-button-next:after, .matslider .swiper-button-prev:after{font-size: 30px;}


#materials{width: 100%;max-width: 1000px;margin: 0 auto;padding: 30px 0; display: none;}
.fancybox-container #materials{padding: 50px;margin: 0 auto;width: calc(100% - 60px);}
#materials .mat{display: flex;width: 100%;padding: 10px 0;border-bottom: 1px dashed #ccc;}
#materials .mat:last-child{border: 0;}
#materials .descript{width: 100%;}
#materials .descript p{line-height: 100%;margin: 7px 0;}
#materials .descript .d_name{font-weight: bold;margin: 0;}

#materials .props_mat{display: flex;align-items: center;width:400px;min-width: 400px;text-align: center;padding-top: 16px;}
#materials .props_mat > div{flex:1;line-height: 100%;}

#materials .props_mat .plot{}
#materials .props_mat .base{}
#materials .props_mat .width{}

#materials .mat.head{font-weight: bold;padding: 5px 0;border: 0;}
#materials .mat.head .descript{display: flex;align-items: center;text-transform: uppercase;}
#materials .mat.head .descript .d_name{font-weight: 900;}
#materials .mat.head .props_mat{background: #222;color: #fff;padding: 5px 0;border-radius: 10px;font-weight: normal;font-size: 14px;}

.modal_material{display: none;max-width: 800px;}
.modal_material .mat_photo{}
.modal_material .mat_photo img{width: 100%;}

.modal_material .mat_content{}
.modal_material .mat_content .mat_boxname{display: flex;align-items: center;justify-content: space-between;}
.modal_material .mat_content .mat_boxname .mat_name{font-size: 25px;margin: 10px 0;font-weight: bold;text-transform: uppercase;}
.modal_material .mat_content .mat_boxname .mat_subname{font-family: 'Playfair Display', serif;margin: 0;font-style: italic;font-size: 22px;}
.modal_material .mat_content .mat_descript{}
.modal_material .mat_content .mat_descript p{margin: 5px 0;}

.mat_price{border-top: 1px dashed #ccc;margin-top: 15px;}
.mat_price > div{}
.mat_price .price_txt{margin-bottom: 3px;font-size: 13px;color: #666;}
.mat_price .price_val{margin: 0;font-size: 25px;font-weight: bold;}

.mat_price.twocol{display: flex;justify-content: space-between;}
.mat_price.twocol > div:last-child{text-align: right;}
.fancybox-navigation{max-width: 900px;margin: 0 auto;}

@media (max-width: 800px){
	.line_name .sectname{white-space: initial;}
}
@media (max-width: 600px){
	.material_section{padding: 0;}
	.line_name .sectname{font-size: 35px;line-height: 100%;margin: 0 auto;}
	.material_section .sectsubname{font-size: 25px;}
	.matbox{padding: 0 15px;margin: 25px auto;}
	.line_name:before, .line_name:after{display: none;}
	.ms2 .swiper-wrapper{justify-content: initial;padding: 0;}
}

@media (max-width: 500px){
	.fancybox-container #materials{width: 100%;padding: 30px;}
	#materials .mat.head .descript{justify-content: center;}
	#materials .descript p{font-size: 14px;}
	#materials .descript .d_name{font-size: 16px;}
	#materials .mat{flex-direction: column;padding: 20px 0;}
	#materials .props_mat{text-align: left; width: 100%;min-width: 10%;}
	#materials .props_mat > div{font-size: 14px;}
	#materials .mat.head .props_mat{display: none;}
	#materials .props_mat .base{text-align: center;}
	#materials .props_mat .width{text-align: right; display: none;}
	#materials .props_mat .price{text-align: right;}

	.modal_material .mat_content .mat_boxname{flex-direction: column;}
	.modal_material .mat_content .mat_boxname .mat_name{margin-bottom: 0;}
	.modal_material .mat_content .mat_boxname .mat_subname{margin-top: -3px;}
	.modal_material .mat_content .mat_descript p{font-size: 15px;}
	.mat_price .price_txt{font-size: 10px;}
	.mat_price .price_val{font-size: 20px;}
	#materials .fancybox-close-small{position: fixed;top: 10px;right: 10px;border-radius: 10px;}
}


/**/
.gold_section{padding: 100px 0;/*background: #f9f9f9;*/min-height: auto;margin: 0 auto;max-width: 1500px;border-radius: 20px;/*box-shadow: 0 0 50px rgb(0 0 0 / 8%);*/}
.gold_section .centred{/*max-width: 1280px;*/}
.gold_section .sect_title{max-width: 1000px;margin: 0 auto; text-align: center;padding-bottom: 20px;}
.gold_section .sect_title .sectsubname{margin: 0 auto;font-size: 40px;font-weight: 700;}
.gold_section .txtbox{max-width: 600px;margin: 0 auto;}

.goldbox{display: flex;width: 100%;max-width: 800px;}
.goldbox.silver{}
.goldbox.gold{flex-direction: row-reverse;}
.goldbox > div{width: 50%;justify-content: center;}
.goldbox .block1{display: flex;justify-content: center;align-items: center;}
.goldbox .matname{background: rgb(255 255 255 / 88%);position: absolute;top: auto;right: auto;margin: 0;padding: 10px 30px;font-size: 27px;font-family: 'Playfair Display', serif;font-weight: 700;width: 180px;text-align: center;border-radius: 10px;box-shadow: 0px 10px 30px rgb(0 0 0 / 38%);z-index: 1;}
.goldbox .block2{display: flex;align-items: center;/*padding: 20px;*/}
.goldbox .block2 img{width: 100%;display: block;}
.goldbox .matimage{width: 100%;height: 100%;object-fit: cover;}
.goldbox .frame{position: absolute;top: auto;left: auto;width: calc(100% - 20px);height: calc(100% - 20px);border: 5px solid #fff;}

@media (max-width: 600px){
.gold_section{padding: 100px 0 0;}
.gold_section .sect_title .sectsubname{font-size: 25px;}
.goldbox{flex-wrap: wrap;margin-bottom: 20px;}
.goldbox > div{width: 100%;}
.goldbox .frame{display: none;}
.goldbox .matname{top: calc(100% - 28px);background: #fff;}
.goldbox .matimage{border-radius: 15px 15px 0 0;width: 300px;height: 300px;}
.goldbox .block2 img{border-radius: 0 0 15px 15px;width: 300px;height: 300px;min-width: 300px;object-fit: cover;object-position: top;}
}






/**/
@media (max-width: 700px){
.butbox{margin: 20px auto 0;}
}
/*COLLECT GRID*/
.gridsect{padding: 50px 15px;display: flex;flex-direction: column;justify-content: center;/*min-height: 100vh;*/}
.gridsect .sectname{}
.gridsect .sectname span{display: block;}
.gridsect .collections_txt{max-width: 900px;margin: 10px auto 30px;text-align: center;}
.gridsect .collections_txt p{}

.collections_grid{display: flex;max-width: 1200px; margin: 0 auto;justify-content: center;}
.grid-container.gcont1 {display: grid;width: 40%;grid-template-areas: "gr1 gr1" "gr2 gr3" "gr4 gr4";}
.grid-container.gcont2 {display: grid;width: 20%;grid-template-areas: "gr1 gr1" "gr2 gr2" "gr4 gr4";}
.grid-container.gcont3 {display: grid;width: 40%;grid-template-areas: "gr1 gr1" "gr2 gr3" "gr4 gr4";}
.grid-container.gcont4 {display: grid;width: 30%;grid-template-areas: "gr1 gr2" "gr3 gr3" "gr4 gr5";display: none;}
.grid-container .gr1 { grid-area: gr1; }
.grid-container .gr2 { grid-area: gr2; }
.grid-container .gr3 { grid-area: gr3; }
.grid-container .gr4 { grid-area: gr4; }
.grid-container img{height: 100%;width: 100%;object-fit: cover;padding: 3px;border-radius: 8px;filter: brightness(1.0) grayscale(0.3);transition: 0.6s;}
.grid-container > div{overflow: hidden;cursor: pointer;transition: 0.3s;}
.grid-container > div:hover img{filter: brightness(0.5) grayscale(0);/*transform: scale(1.05);*/}
.collections_grid .col_name{position: absolute;top: auto;left: auto;background: rgb(255 255 255 / 79%);padding: 10px;font-weight: 800;font-size: 13px;text-transform: uppercase;bottom: 0;left: 0;}

.prodname{position: absolute;top: 15px;left: 3px;background: rgb(255 255 255 / 83%);color: #2d3c44;padding: 5px;margin: 0;font-weight: 400;}
.collectbutton{position: absolute;bottom: 0;right: -400px;z-index: 1;background: rgb(255 255 255 / 88%);padding: 10px;font-weight: 800;font-size: 13px;color: #2d3c44;cursor: pointer;transition: 0.3s;display: none;}
.grid-container > div:hover .collectbutton{right: 0;}
.collectbutton:hover{opacity: 0.7;}
@media (max-width: 700px){
.gridsect{padding: 40px 0 0;}
.gridsect .sectname{line-height: 100%;}
.gridsect .collections_txt{padding: 0 15px;}
}
@media (max-width: 500px){
.gridsect{min-height: auto;}
.gridsect .collections_grid{flex-wrap: wrap;}
.gridsect .collections_grid > div{width: 100%;}
/*
.grid-container.gcont1{width: 100%;}
.grid-container.gcont2, .grid-container.gcont3{width: 50%;}
*/
.collectbutton{right: 3px !important;padding: 5px;background: rgb(255 255 255 / 60%);border-radius: 5px 0 0 5px;margin: 10px 0;}
.collectbutton:before{content:'';background: url(images/icons/cart.svg) center center no-repeat;background-size: 20px; width: 25px;height: 25px;display: block;}
.collectbutton span{display: none;}
.prodname{font-size: 10px;border-radius: 0 5px 5px 0;top: 10px;}

.revslider .swiper-slide{flex-direction: column;}
.revslider .swiper-slide .revphoto{width: 100%;}
}

/**/
.products{padding: 100px 0;background: #f9f9f9;min-height: auto;margin: 100px auto 0;max-width: 1500px;border-radius: 20px;/*box-shadow: 0 0 50px rgb(0 0 0 / 8%);*/}
.products .tex_img img:hover {opacity: 0.8}
.products .sect_title{max-width: 1000px;margin: 0 auto;}
.sect_catalogs .box_bg{background: transparent;}

.sect_textures{text-align: center;padding: 100px 15px;margin-bottom: -125px;z-index: 1;}
.box_textures{display: flex;flex-wrap: wrap;max-width: 1200px;margin: 30px auto;}
.box_textures > div{width: 25%;padding: 10px;}
.box_textures a{color: #000;text-decoration: none;}
.box_textures .tex_img{overflow: hidden;border-radius: 10px;}
.box_textures .tex_img img{width: 100%;display: block;}
.box_textures .tex_img img.hovimage{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;opacity: 0;transition: 0.8s;}
.box_textures > div:hover .hovimage{opacity: 1;transform: scale(1.05);}
/*.box_textures .tex_img:before{content: '';opacity: 0;position: absolute;z-index: 1;background: rgb(255 255 255 / 40%);width: 100%;height: 100%;left: 0;top: 0;transition: 0.5s;transform:  rotate(0deg)scale(0.0);}
.box_textures > div:hover .tex_img:before{opacity: 1;transform: rotate(90deg) scale(1.0);}*/

.box_textures .tex_name{text-transform: uppercase;}
@media (max-width: 500px){
.sectbox.products{padding: 50px 15px;border-radius: 0;}
.sectbox.products .sectname{font-size: 35px;}
.box_textures > div{width: 100%;}
}

/**/
.hidimg{display: none;}

.sect_utp{padding: 100px 0 20px;}
.sect_utp .sectname{}
.sect_utp .centred{padding: 50px 15px;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: baseline;}
.sect_utp .utp_box{text-align: center;width: 33%;max-width: 270px;padding: 20px 10px;}
.sect_utp .utp_box img{width: 50px;}
.sect_utp .utp_box p{margin: 0;padding: 0;line-height: 100%;}
@media (max-width: 500px){
.sect_utp .utp_box p{font-size: 12px;}
}

/**/
.sect_partners{}
.sect_partners .sectname{}
.sect_partners .centred{padding: 50px 15px;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: baseline;max-width: 1500px;}
.sect_partners .centred .partners_img{width: 25%;text-align: center;cursor: pointer;transition: 0.3s}
.sect_partners .centred .partners_img:hover{opacity: 0.8}
.sect_partners .centred .partners_img img{width: calc(100% - 10px);display: block;}
@media (max-width: 500px){
.sect_partners .centred .partners_img{width: 100%;}
}

/**/
.lastsection{background: url(images/linesbg.jpg) center center no-repeat;width: 100%;background-size: cover;padding: 100px 15px 100px;}
.lastform{max-width: 400px;margin: 45px auto;}
.contscts{max-width: 600px;margin: 50px auto 0;text-align: left;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contscts > div{}
.contscts > div > p{margin: 10px 0;}
.contscts .cont_name{text-transform: uppercase;font-size: 14px;margin: 20px 0;}
.contscts a{color: #000;text-decoration: none;font-weight: bold;}
.contscts a img{vertical-align: middle;width: 18px;margin: -3px 3px 0 0;}
.contscts .cont_phone a{font-size: 18px;}
.contscts .cont_mail a{font-weight: normal;text-decoration: underline;}

.contscts .conttxt{padding: 20px;margin: 20px 0;background: rgb(255 255 255 / 73%);width: 100%;box-shadow: 0 0 50px rgb(0 0 0 / 10%);border-radius: 10px;}
.contscts .conttxt p{margin: 5px 0;font-size: 12px;}

@media (max-width: 700px){
.lastsection{padding: 50px 15px;}
.lastsection .sectname{font-size: 35px;}
.lastsection .sectsubname{font-size: 18px;}
}
@media (max-width: 500px){
.sectname{font-size: 35px;}
.sectsubname{font-size: 25px}

.contscts{flex-wrap: wrap;justify-content: center;}
.contscts > div{width: 100%;max-width: 270px;}
.contscts .cont_phone{border-bottom: 1px dashed #ccc;}
}

/**/

.footer{background: url('images/blackbg.jpg') center center no-repeat;padding: 30px 0;background-size: 100%;}
.footer .filterbg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(37 48 54 / 60%);}
.footer .logo{text-align: center;padding: 10px 0;}
.footer .logo img{width: 200px;display: block;margin: 0 auto;}
.footer .logo p{font-family: 'Playfair Display', serif;margin: 0;font-size: 12px;color: #c1a36f;}