@viewport{width: device-width}@-ms-viewport{width: device-width}@-o-viewport{width:device-width}
@font-face{font-family:'CenturyGothic';src: url('../_fonts/gothic-webfont.eot');src:url('../_fonts/gothic-webfont.eot?#iefix') format('embedded-opentype'),url('../_fonts/gothic-webfont.svg#CenturyGothic') format('svg'),url('../_fonts/gothic-webfont.woff') format('woff'),url('../_fonts/gothic-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}

*{margin:0;padding:0;outline:none;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{width:100%;height:100%;color:rgba(20,23,56,0.9);font-display:swap;font-family:'Oswald',Tahoma,Verdana,Geneva,sans-serif;font-size:14px;font-weight:100;letter-spacing:0.05em}
a,button{outline:none;text-decoration:none;color:inherit;font-size:inherit;cursor:pointer}
input,select,option,textarea,button,input:focus{outline:none;text-decoration:none;color:inherit;border:none;background:rgb(255,255,255);font-family:'Oswald',Tahoma,Verdana,Geneva,sans-serif;font-size:16px;font-weight:100;letter-spacing:0.05em}
a:hover,button:hover,.arrow,li:hover,li:hover:before{transition:all 0.4s}
ul li{list-style:none inside;white-space:normal}
img{vertical-align:middle}
footer .contacts a{font-family:'CenturyGothic',Verdana,Geneva,sans-serif}

h1,h2,h3,h5,h6{font-family:'CenturyGothic',Verdana,Geneva,sans-serif;letter-spacing:0;font-weight:600;text-transform:uppercase;text-align:center}
h4,h5{font-family:'Oswald',Tahoma,Verdana,Geneva,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:0.05em}
h1,h2,h3{font-size:37px;}
h1,h2,h3{padding:10px 0 30px 0;margin:0 0 20px 0;border-bottom:1px dashed}
h4{font-size:20px}
h5{font-size:16px;}

.bg-dark h1,.bg-dark h2,.bg-dark h3{border-color:rgba(255,255,255,0.3)}
.bg-light h1,.bg-light h2,.bg-light h3{border-color:rgba(0,0,0,0.2)}

.wrapper{width:100%;min-width:320px;position:relative;margin:0 auto}
section{width:100%;height:auto;position:relative;clear:both;display:flex;text-align:center}
.content{width:100%;height:auto;max-width:1400px;min-height:60px;position:relative;margin:auto;padding:20px 50px 20px 50px;text-align:center}
.group:before,.group:after{content:'';display:table}.group:after{clear:both;}.group{zoom:1;/* For IE 6/7 */}.col{display:block;float:left;margin:1% 0 1% 1.5%}.col:first-child{margin-left:0}.cell_1-1{width:100%;margin:1% 0 1% 0}.cell_1-2{width:49.25%}.cell_2-2{width:100%}.cell_1-3{width:32.33%}.cell_2-3{width:66.16%}.cell_3-3{width:100%}.cell_1-4{width:23.87%}.cell_2-4{width:49.25%}.cell_3-4{width:74.62%}.cell_4-4{width:100%}.cell_1-5{width:18.80%}.cell_2-5{width:39.10%}.cell_3-5{width:59.40%}.cell_4-5{width:79.70%}.cell_5-5{width:100%}.cell_1-7{width:13%}.cell_2-7{width:27.5%}.cell_3-7{width:42%}.cell_4-7{width:56.5%}.cell_5-7{width:71%}.cell_6-7{width:85.5%}.cell_7-7{width:100%}

/*.col,.content,section{background:rgba(255,0,0,0.2)}*/

header{}
	header{width:100%;min-width:320px;position:relative;z-index:1000;box-shadow:-1px 0px 20px rgba(0,0,0,0.5);color:rgba(255,255,255,1)}
	header .content{background: rgba(0,0,0,1);padding:0 50px 0 50px}
	header .logotype img{width:100%;max-width:330px;}

.middle{width:100%;height:100%;clear:both;overflow:hidden}
	.bg-white{background-color:rgba(255,255,255,1)}
	.bg-image{background-repeat:no-repeat;background-size:cover}
	.bg-dark{background-image:url(../_images/graphics/_background-black.jpg);background-position:center center;box-shadow:-1px 0px 20px rgba(0,0,0,0.5);color:rgba(255,255,255,1);z-index:10}
	.bg-light{background-image:url(../_images/graphics/_background-white.jpg);background-position:center center;color:rgba(20,23,56,0.9)}
	.slider li{display:inline-block}
	
	.description-block{padding:40px 0 0 0;margin:35px 0 0 0;text-align:justify;line-height:130%}
	.bg-dark .description-block{border-top:1px dashed rgba(255,255,255,0.3)}
	.bg-light .description-block{border-top:1px dashed rgba(0,0,0,0.3)}

.logotype-slide{}
	.logotype-slide{min-height:100vh}
	.logotype-slide .content{padding:50px 50px 50px 50px}
	.logotype img{width:100%;max-width:1000px}

.benefits-slide{}
	.benefits-slide{min-height:50vh}
	.benefits-slide .content{padding:50px 50px 50px 50px}
	.benefits-slide img{width:100%;max-width:130px;margin:0 0 5px 0}
	
.trinkets-slide{}
	.trinkets-slide{min-height:100vh}
	.trinkets-slide .content{padding:50px 50px 50px 50px}

.bracelets-slide{}
	.bracelets-slide{min-height:100vh}
	.bracelets-slide .content{padding:50px 50px 50px 50px}

.order-slide{}
	.order-slide{min-height:50vh}
	.order-slide .content{padding:50px 50px 50px 50px}

.calculate-block{}
	.calculate-block{padding:30px 0 50px 0;}
	.calculate-block .content{}

	.calculate-block .icon{width:100px;height:100px;line-height:85px;border:6px solid rgba(240,129,0,1);border-radius:50%;vertical-align:middle;text-align:center}
	
	.calculator{}
	.calculator .field-block{padding:0 0 10px 0}
/*	.calculator *{text-align:center}*/
	
	.calculator .sb_checkbox{}
		.calculator .sb_checkbox{display:flex}
		.calculator .sb_checkbox .checkbox-btn,
		.calculator .sb_checkbox > div{margin:0 0 auto 0}
		.calculator .sb_checkbox > div{width:calc(100% - 60px);text-align:justify;line-height:130%}
		.calculator .sb_checkbox .checkbox-btn{width:60px}
		.calculator .sb_checkbox h5{text-align:left;margin:-3px 0 0 0;}
	
	.calculator .sb_slider{}
		.calculator .sb_slider{padding:15px 0 10px 0}
		.calculator .sb_slider .ui-slider + div{margin:20px 0 0 0;text-align:justify;line-height:130%}
		.calculator .sb_slider h5{text-align:center}
		.calculator .sb_slider .slider-data{display:inline-block;width:25px;height:auto;line-height:normal;padding:0;border:none!important;background:none!important;
		font-size:16px;font-weight:400}


	.calculator .sample-service-name input{text-align:left}
	.calculator .sample-service-name:after{content:'+++';font-family:'Font Awesome 5 Free';font-size:25px;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;display:inline-block;right:15px;top:7px;font-weight:900;color:rgba(100,100,100,0.5)}


	.calculator .field-total{display:block;width:100%;height:auto;line-height:25px;text-align:center;color:rgba(240,129,0,1);font-weight:bold;font-family:'CenturyGothicRegular','Roboto',Verdana,Geneva,sans-serif;font-size:21pt;text-transform:uppercase;letter-spacing:-0.05em;}


.btn{display:inline-block;width:50px;height:50px;line-height:50px;border:none;background:none;text-align:center;text-transform:uppercase}
.btn-lng{position:absolute;font-size:25px;right:5px;top:0;z-index:1;color:rgba(255,255,255,1)}
.btn-open{position:absolute;font-size:32px;left:5px;top:0;z-index:1;color:rgba(255,255,255,1)}
.btn-close{position:absolute;font-size:32px;left:5px;top:0;z-index:1;color:rgba(255,140,0,1)}


.btn-explore{position:absolute;left:0;right:0;bottom:17%;margin:0 auto;}
.btn-icon{font-size:25px}
.btn-text{width:260px;height:auto;line-height:normal;padding:10px 10px 10px 10px;font-size:16px;letter-spacing:0.20em}
.btn-white{color:rgba(255,255,255,1);border:1px solid rgba(255,255,255,1);font-weight:100;}
.btn-dark{color:rgba(20,23,56,0.9);border:1px solid rgba(20,23,56,0.9);font-weight:300;}


.btn-first{min-width:175px;padding:0 10px 0 10px;margin:0 auto;font-size:14pt;color:rgba(255,255,255,1);background:rgba(255,140,0,1)}

.btn-modal-close{position:absolute;font-size:32px;top:0px;right:0px;z-index:1;color:rgba(255,140,0,1)}
.btn-fancy-close{position:absolute;font-size:32px;top:0px;right:0px;z-index:1;color:rgba(255,140,0,1)}
.clear{position:relative;clear:both}
.center{display:block;text-align:center}

.fancybox:hover{cursor:url(../_images/graphics/zoomincursor.png),pointer;opacity:0.7}

footer{width:100%;min-width:320px;height:auto;position:relative;background:rgba(0,0,0,1)}
	footer .content{padding:20px 50px 0 50px;color:rgba(255,255,255,1)}
	footer .contacts i{font-size:25px;vertical-align:middle;margin:0 5px 0 0;padding:0 0 3px 0;}
	footer .contacts a{vertical-align:middle;font-size:15px;letter-spacing:-0.02em}
	footer .informers > div{padding:0 0 0 0;margin:20px 0 0 0;border-top:1px dashed rgba(255,255,255,0.2)}
	footer .copyright{font-size:13px;opacity:0.5}


/* ГАЛЕРЕЯ */
.grid{position:relative}
.js .grid:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background:url(../_images/graphics/spinner-solid.svg) no-repeat center center;background-size:60px auto;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;-ms-transition:opacity 0.4s;-o-transition:opacity 0.4s;transition:opacity 0.4s}
.js .grid--loaded:after{opacity:0}
.grid__item{width:20%;float:left;padding:5px}
.grid__item .preveiw-block{display:block;padding:0;margin:0;border:rgba(255,255,255,1) 5px solid;overflow:hidden;background:url(../_images/graphics/_loading.gif) no-repeat center center;background-size:75px;background-color:rgba(255,255,255,1)}
.grid__item .preveiw-block img{display:block;max-width:100%}
.preview{position:fixed;z-index:1000;top:0;left:0;display:-webkit-flex;display:-ms-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;pointer-events:none}
.overlay{position:absolute;top:0;left:0;pointer-events:none}
.overlay circle{-webkit-transition:fill-opacity 0.3s,-webkit-transform 0s 0.3s;transition: fill-opacity 0.3s,transform 0s 0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1);fill:#1f1d1d;fill-opacity:0}

/* FANCY */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav, .fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}
.fancybox-skin{position: relative;border:rgba(255,255,255,1) 7px solid;box-sizing:border-box}
.fancybox-outer,.fancybox-inner{position: relative}
.fancybox-inner{overflow:hidden}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}
.fancybox-image{max-width:100%;max-height:100%}.fancybox-opened{z-index:8030}
.fancybox-opened .fancybox-skin{box-shadow:0px 0px 10px rgba(50,50,50,0.3)}
.fancybox-close,.fancybox-prev span,.fancybox-next span{}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;opacity:0.8;cursor:pointer;z-index:8060}
#fancybox-loading div{width:50px;height:50px;background:url(../_images/graphics/loader.gif) center center no-repeat}
.fancybox-close{position:absolute;top:0px;right:0px;width:40px;height:40px;line-height:50px;cursor:pointer;text-align:center;background:rgba(255,255,255,1);z-index:8040}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;z-index:8040}
.fancybox-prev{left:-5px}
.fancybox-next{right:-5px}
.fancybox-nav span{display:inline-block;position:absolute;top:50%;width:40px;height:40px;line-height:40px;margin-top:-20px;cursor:pointer;text-align:center;z-index:8040;opacity:0.4;background:rgba(255,255,255,0.5)}
.fancybox-prev span{left:0}
.fancybox-next span{right:0}
.fancybox-nav i{display:block;font-size:10px;width:30px;height:30px;margin:auto;padding:5px 0 0 0}
.fancybox-nav:hover span{visibility:visible;opacity:1.0;transition: all 0.4s}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}
/*.fancybox-lock{overflow:hidden}*/
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(0,0,0,0.85)}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}
.fancybox-lock .fancybox-overlay{overflow:hidden}
.fancybox-title{display:none}


@media only screen and (max-width: 900px) {
.desktop{display:none}
.mobile{display:inline-block}
.col{margin:1% 0 1% 0%}.col:last-child{margin-bottom:1%}.cell_1-1,.cell_1-2,.cell_1-2,.cell_1-3,.cell_2-3,.cell_3-3,.cell_1-4,.cell_2-4,.cell_3-4,.cell_4-4,.cell_1-5,.cell_2-5,.cell_3-5,.cell_4-5,.cell_5-5,.cell_1-7,.cell_2-7,.cell_3-7,.cell_4-7,.cell_5-7,.cell_6-7,.cell_7-7{width:100%}
.content{padding:20px 15px 75px 15px!important;}

h1,h2,h3{font-size:25px;padding:10px 0 15px 0;margin:0 0 10px 0}
h4{font-size:18px}

.menu-effect{background:rgba(255,255,255,1);transition:background 0s}
.menu-effect .btn-open,.menu-effect .btn-lng,.btn-close{display:none !important}
.menu-effect .btn-close{display:inline-block !important}
header{}
	header .content{padding:0px!important}
	header .logotype{padding:0 0 0 0}
	header .logotype img{width:240px}

.grid__item{width:50%;float:left;}

footer{}
	footer h5{cursor:pointer}
	footer .content{padding:25px 15px 0 15px;text-align:center}
}