h1{
    font-size: 8vw;
    line-height: 8vw;
    font-family: 'circe400';
}
h2{
    font-family: 'circe400';
    font-size: 9vw;
    line-height: 9vw;
}
body{
    font-size:24px;
    line-height: 36px;
    font-family: 'circe200';
}
ul{
    font-size: 20px;
    line-height: 31px;
    margin-left: -10px;

    color: #c3aa7a;
}
ul li{
    margin-bottom: 10px;
    list-style: decimal-leading-zero;
    padding-left: 20px;
}
.ultitle{
    margin-top: 60px;
    margin-bottom: 24px;
    font-size: 14px;
    text-transform: uppercase;
    color: #c3aa7a;
}
.contblock{
    margin-top: 100px;
    margin-bottom: 200px;
}
.contblock a{
    font-size: 7vw;
    line-height: 6vw;
    transition-duration: .3s;
}
.contblock a:hover{
    color: #c12322;
}
.contblock .addr{
    margin-top: 5vw;
    font-size: 16px;
    line-height: 24px;
    opacity: .5;
}

.person div:nth-child(1){
    width:60vw;
    height: 50vw;
    background-position: center;
    background-size: cover;
}
.person div:nth-child(2){
    font-size: 20px;
    margin-top: 20px;
    line-height: 24px;
}
.person div:nth-child(3){
    font-size: 16px;
    line-height: 24px;
    color: #a9a99a;
}

.color-black{
    color: #0f1516;
}
.bold{
    font-family: 'circe400' !important;
}
.case-open{
    font-size: 20px;
    font-family: 'circe200';
    line-height: 28px;
}
.case-open h2{
    font-family: 'circe300';
    font-size: 28px;
    line-height: 28px;
}
.case-open .small-text{
    font-family: 'circe300';
    font-size: 18px;
    line-height: 24px;
}
.mph1{ 
    text-align: center;
    width: 100%;
}
.fsmall{
    font-size: 14px ;
    line-height: 21px;
}
.fmedium{
    font-size: 22px;
    line-height: 45px;
}
.fbig{
    font-size: 52px;
    line-height: 62px;
}

.mb1col{
    margin-bottom:8.333%;
}

.mt1col{
    margin-top:8.333%;
}
.ml1col{
    margin-left:8.333%;
}
.mr1col{
    margin-right:8.333%;
}
.ml2col{
    margin-left:8.333%;
}
.mr2col{
    margin-right:8.333%;
}
.pl1col{
    padding-left:8.333% !important;
}
.pr1col{
    padding-right:8.333% !important;
}
.mt05col{
    margin-top:4.166%;
}
.mb05col{
    margin-bottom:4.166%;
}
.mt05col{
    margin-top:4.166%;
}
.pb05col{
    padding-bottom:4.166%;
}
.mt025col{
    margin-top:2.083%;
}
.pt05col{
    padding-top:4.166%;
}

.pt1col{
    padding-top:8.333%;
}
.pb1col{
    padding-bottom:8.333%;
}
.mt-1col{
    margin-top:-8.333%;
}
.first-block{
    /*margin-top: calc((8.333vw + 64px)*-1);*/
    /*height: calc( 100vh - (8.333vw + 64px) );*/
    max-height: 100vh;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 2;
}
.second-block {
    margin-top: calc(100vh - 64px - 8.333%);
}

.headlinks{
    display: flex;
}
.headlinks span{
    display: flex;
    align-items: center;
}
.headlinks span a{
    font-size: 18px;
    font-family: 'circe200';
    margin-right: 24px;
}
.headlinks span:last-child a{
    margin-right: 56px;
}
/*.headlinks span:after{
    content:"";
    display: inline-block;
    width: 5px;
    height: 5px;

    background-color: #E0D00B;
    margin: 0px 10px;

}
.headlinks span:last-child:after{
    content: none;
}*/
.make-order{
    font-family: 'circe300';
    font-size: 17px;
    cursor: pointer;
    line-height: 40px;
    padding-top: 4px !important;
    padding: 0px 16px;
    border: 2px solid #ffffff;
    color: #ffffff;
    
}
.video-100-wrapper{
    position: absolute;
    display: table;
    top: 0px;
    width: 100%;
    overflow: hidden;
    height: 100svh;
}
.video-100-holder{
    display: table-cell;
    vertical-align: middle;
    height: 100svh;
    text-align: center;
}
.video-100{
    height: 100svh;
}
.video-100 video{
    object-fit: cover;
    overflow: hidden;
    width: 100%;
    height: 100%;
}/*
#pagecontent{ text-align: center;}
.width-holder{
    display: inline-block;
    max-width: 1920px;
    text-align: left;
}*/

.headmenu_wrapper{
    z-index: 1000;
    position:relative;
    height:64px; 
    width:100%;
    
    
}

.headmenu_wrapper.in-view .container-fluid{
    background-color:#0e0e0e;
}

.headmenu{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.headmenu .logo img{
    height:48px;
    display: block;
}
.headmenu .menuicon {
    width: 44px;
    height: 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-duration: .3s;
   
    margin-left: 16px;

}
.headmenu .menuicon div {
    width: 20px;
    height: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    background: #fff;

}
.casetitle{
    text-align: center;
}


.topimg{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}


.mpdesc div{
    display: flex;
    align-items: center;
}
.mpdesc div:after{
    content:"";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background-color: #C12322;
    margin: 0px 15px;
}
.mpdesc div:last-child:after{
    content: none;
}

.mpname h1{
    color: #fff;
    font-size: 70px;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
}


.screen-padding{
    padding: 0px 128px;
}
.block{
    padding: 128px 0px;
    margin-top:-1px;
}
/* SWITHER **************************************************************/
.swither div{
    margin-right: 4px;
    font-size: 14px;
    padding: 0px 16px;
    line-height:40px;
    display: inline-block;
}
.swither div:not(:first-child){
    padding: 0px 16px;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #c1222200;
}
.swither div:not(:first-child):hover{
    border: 1px solid #C12322;
}
.swither .set{
    background-color:#C12322;
}
.swither div:first-child{
    margin-right: 32px;
    font-size: 28px;
    text-transform: uppercase;
    padding-left: 0px;
}
.swither div:last-child{
    margin-right: 0px;
}

/* portfolio ***********************************************************/


.portfolio-preview-item .about{
    position: absolute;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    align-content: space-between;
    
}


.portfolio-preview-item .about div{
    flex: 1 0 50%;
    padding: 32px;
}
.portfolio-preview-item .about div:nth-child(2){
    text-align: right;
}
.portfolio-preview-item .media{
    height: 100vw;
    position: relative;
    overflow: hidden;
}
.portfolio-preview-item video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.portfolio-preview-item .preview_img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.portfolio-preview-item .about div:nth-child(1){
    font-size: 48px;
    line-height: 48px;
    padding: 64px 32px 32px 64px;
    opacity: 0;
    transition-duration: .3s;
}
.portfolio-preview-item .about div:nth-child(2){
    padding: 64px 64px 32px 32px;
    opacity: 0;
    transition-duration: .3s;
}
.portfolio-preview-item .about div:nth-child(2) span{
    font-size: 14px;
    display: inline-block;
    padding: 8px 12px;
    line-height: 12px;
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 20px;
   
    font-family: 'circe200';
}
.portfolio-preview-item .about div:nth-child(3){
    padding: 32px 32px 64px 64px;
    opacity: 0;
    transition-duration: .3s;
    font-family: 'circe200';
}
.portfolio-preview-item .about div:nth-child(1){
    opacity: 0;
}
.portfolio-preview-item .about div:nth-child(2){
    opacity: 0;
}
.portfolio-preview-item .about div:nth-child(3){
    opacity: 0;
}

.portfolio-preview-item .about:hover div:nth-child(1){
    opacity: 0;
}
.portfolio-preview-item .about:hover div:nth-child(2){
    opacity: 0;
}
.portfolio-preview-item .about:hover div:nth-child(3){
    opacity: 0;
}
.portfolio-preview-item .media{
    border-radius: 10px;
    
}
.xlchess {
    margin-bottom:32px;
}
.xlchess2 {
    margin-bottom:120px;
}
.xlchessname{
    font-size: 40px;
    line-height: 41px;
    font-family: 'circe400';
    margin-left: 16px;
}
.xlchessdesc{
    font-size: 19px;
    line-height: 29px;
    font-family: 'circe200';
    opacity: .5;
    margin-top: 12px;
    margin-left: 16px;
}

/* tags ****************************************************************/
.portfolio-preview-item{
    cursor:pointer;
}
.portfolio-preview-item.left{
    padding-left: 64px; 
    padding-right: 32px;
}
.portfolio-preview-item.right{
    padding-left: 32px; 
    padding-right: 64px;
}
.portfolio-preview-item .content img{
    display: block; 
    width: 100%;    
   /* border-radius: 24px;*/
}
.portfolio-preview-item .desc{
    display: flex;    
    justify-content: flex-start;    
    align-items: center;    
    padding: 24px 8px;
}
.portfolio-preview-item .desc div:nth-child(1){
    text-transform:uppercase;    
    font-size: 32px;    
    margin-right: 40px;
}
.portfolio-preview-item .desc div:nth-child(2){
    margin-right: 40px;  
    font-size: 16px;    
    line-height: 20px;    
    font-family: 'TTNorms-Regular';
}
.portfolio-preview-item .desc div:nth-child(3){
    display: flex;    
    margin-left: auto;    
    opacity: .4;    
    flex-wrap: nowrap;
}
.portfolio-preview-item .desc div:nth-child(3) span{
    display: inline-block;
    font-size: 12px;
    margin: 4px;
    line-height: 20px;
    padding: 0px 12px 2px 12px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.3);
    font-family: "TTNorms-Regular";
}


.p128{
padding: 128px;
}
.footer{
    background-color: #000;
    font-family: 'circe200';
    padding-top:48px;
    padding-bottom:48px;
}
.footer .links a{
    margin-right: 2vw;
    font-size: 16px;
}
.footer .logo img{
    height:40px;
    display: block;
}
.footer .cop{
    opacity: .5;
    font-size: 14px;
}
.footer-order .desc{

    width: 100%;
    font-family: 'circe200';
    color: #919191;
}
.footer-order .desc a{
    color: #919191;
}
.footer-order .desc a:hover{
    color: #fff;
}

.footer-order .order-list{
    margin-top: 36px;
}

.footer-order .order-list a{
    display: inline-block;
    background-position: left center;
    padding-left: 48px;
    background-size: 32px;
    line-height: 40px;
    font-family: 'circe200';
    font-size: 18px;
    background-repeat: no-repeat;
    display: block;
 
}

.footer-order .order-list a:hover span{
    opacity: 1;
    color: #cccccc;
}
.footer-order .order-list .email{
    background-image: url('../img/icon_footer_email_1.svg');
}
.footer-order .order-list .phone{
    background-image: url('../img/icon_footer_phone_1.svg');
}
.footer-order .order-list .telegram{
    background-image: url('../img/icon_footer_telegram_1.svg');
}
.footer-order .order-list .brif{
    background-image: url('../img/icon_footer_brif_1.svg');
}





.crumbs{
    display: flex;
}

.crumbs a, .crumbs span{
    font-size: 18px;
    font-family: 'circe200';
    opacity: .9;
    display: flex;
    align-items: center;
}
.crumbs span{
    opacity: .5;
}
.crumbs a:after{
    content: '←';
    display: inline-block;
    margin: 0px 15px;
}
.crumbs a:hover{
    opacity: .8;
}

/**************************************************/
/* marker ****************************************/
/***************************************************/
.marker{
    z-index: 3;
    position: absolute;
    display: flex;
    font-size: 12px;
    text-transform: uppercase;
    font-family: TTNorms-Regular;
    color: #fff;
    padding: 8px;
    border-radius: 40px;

    backdrop-filter: blur(3.125rem);
    -webkit-backdrop-filter: blur(3.125rem);
    margin-top: 6px;
}
.marker div:nth-child(1){
    /*border: 1px solid #fff;*/
    background-color: #fff;
    color: #000;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    font-family: 'TTNorms-ExtraBold';
}
.marker div:nth-child(2){
    line-height: 30px;
    margin: 0px 16px;
}
.marker.dark  div:nth-child(1){
   /* border: 1px solid #000000;*/
   background-color: #000000;
   color: #ffffff;
}
.marker.dark{
    color: #000000;
}

/*******************************************/
/*  lins *************************************/
/*********************************************/
.line-right{
    display: flex;
    align-items: center;
}
.line-right div:nth-child(1){
    white-space: nowrap;
}
.line-right div:nth-child(2){
    background-color: #fff;
    width: 100%;
    height: 1px;
    margin: 0px 32px;
}

/* buttons ***************************************/

.red-button{
    display: inline-block;
    background-color: #c12322e0;
    color: #fff;
    cursor: pointer;
    padding: 0px 24px;
    border-radius: 30px;
    border: none;
    outline: none;
    line-height: 47px;
    font-family: 'TTNorms-regular';
    font-size: 16px;
}
.red-button:hover{
    background-color: #c12322;
}

/***********************************************/
/*********************************************/
/**********************************************/
/* case open page *****************************/
/*************************************************/
/********************************************/


.hr{
    height: 1px;
    margin-left: 2%;
    margin-right: 2%;
    background-color: #ffffff5c;
}

/* drop menu */

.mobile-menu-panel.show {
    margin-left: 0px;
}

.mobile-menu-panel {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    background-color: #0f1516;
    z-index: 1001;
    padding: 50px;
    margin-left: 100%;
    overflow: auto;
    transition-duration: .3s;
}
.mmmlinks {
    clear: both;
    padding-top: 40px;
}
.mmmlinks a {
    color: rgba(255, 255, 255, .7);
    display: block;
    border-top: 1px solid #434343;
    padding: 15px 15px;
}
.mmmlinks a:last-child {
    border-bottom: 1px solid #434343;
}

.mmmlinks-second {
    clear: both;
    padding-top: 80px;
}
.mmmlinks-second a {
    color: rgba(255, 255, 255, .5);
    line-height: 40px;
    padding: 10px 15px;
}
.mobile-menu-panel .close {
    display: inline-block;
    float: right;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: relative;
    cursor: pointer;

}
.mobile-menu-panel .close div {
    width: 30px;
    height: 2px;
    position: absolute;

    background-color: #fff;
    transition-duration: .3s;
}
.mobile-menu-panel .close div:nth-child(1) {
    transform: rotate(45deg);
    top: 23px;
}
.mobile-menu-panel .close div:nth-child(2) {
    transform: rotate(-45deg);
    top: 23px;
}
.mobile-menu-panel .logo{
    height: 50px;
    display: block;
}

.pla2 h2{
    margin-bottom:30px;
}
/* pages */
.pla{
    font-size: 18px;
    color: #000000;
    background-color: #a9a99a;
    display: inline-block;
    padding: 4px 16px;
}
.pla2{
   /* margin-top: 50px;*/
}

.pla2 h2{
    font-family: 'circe300';
}

/* checkbox */
/* CHECKBOX *********************************************************************************/
.me-checkbox{
	cursor:pointer;
}
.me-checkbox>input{
	position: absolute;
    z-index: -1;
    opacity: 0;
}
.me-checkbox>span {
	display: inline-flex;
	align-items: start;
	user-select: none;
	line-height:20px;
}
.me-checkbox.err>span {

	color:#fb525b;
}
.me-checkbox>span::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #adb5bd;
	border-radius: 3px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% 60%;
}

.me-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
  border-color: #000000;
}
.me-checkbox>input:not(:disabled):active+span::before {
	background-color: #b3d7ff;
	border-color: #b3d7ff;
}
.me-checkbox>input:focus+span::before {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.me-checkbox>input:focus:not(:checked)+span::before {
  border-color: #80bdff;
}
.me-checkbox>input:checked+span::before {
	border-color: #0b76ef;
	background-color: #0b76ef;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.me-checkbox>input:disabled+span::before {
	background-color: #e9ecef;
}

/* POPUP */
.popup h1{
    font-size: 35px;
    line-height: 35px;
    font-family: 'circe400';
   
}
.popup .selector{ 
    line-height: 36px;
    border-radius: 50px;
    display: inline-block;
    padding: 0px 16px;
    font-size: 16px;
    margin: 4px 0px;
    cursor: pointer;
    color: #00000061;
    background-color: #b6b5bb30;
}
.popup .selector.set{
    background-color: #E0D00B;
    color: #000000;

} 
.popup .selector.err{ 
    background-color: #f9b6b6
}
.popup input[type=submit], .popup  input[type=button]{
    background-color: #0b76ef;
    border: none;
    font-family: 'circe400';
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 20px 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}

.popup .infobloc{
    margin-bottom: 20px;
}
.popup .cb{
    margin: 4px 0px;
}
.popup input[type=text], .popup textarea{
    width: 100%;
    outline: none;
    font-family: 'circe300';
    font-size: 18px;
    line-height: 20px;
    padding: 14px 14px 12px 14px;
    border-radius: 4px;
    border: none;
    resize: none;
    overflow: hidden;
}
.popup input[type=text].err, .popup textarea.err{
    background-color: #f9b6b6;

    color: #a51010;
}

.popup .action-footer{
    display: flex;
    align-items: center;
}
.popup .f-name{
    padding-right: 4px;
}
.popup  .f-phone{
    padding-left: 4px;
}
.popup  .f-mail{
    padding-top: 8px;
}
.popup .disclamer{
    font-size: 14px;
    line-height: 16px;
    color: #bbbbbb;
    margin-top: 16px;
}
.popup .disclamer a{
    color: #bbbbbb;
    text-decoration: underline;
}

.popup textarea::-moz-placeholder 				, .popup input[type=text]::-moz-placeholder 				{ font-family: 'circe300'; font-size: 18px; color:#868686;}
.popup textarea::-webkit-input-placeholder 		, .popup input[type=text]::-webkit-input-placeholder 		{ font-family: 'circe300'; font-size: 18px; color:#868686;}
.popup textarea:-ms-input-placeholder 			, .popup input[type=text]:-ms-input-placeholder 			{ font-family: 'circe300'; font-size: 18px; color:#868686;}
.popup textarea::-ms-input-placeholder 			, .popup input[type=text]::-ms-input-placeholder 			{ font-family: 'circe300'; font-size: 18px; color:#868686;}
.popup textarea::placeholder 					, .popup input[type=text]::placeholder 					    { font-family: 'circe300'; font-size: 18px; color:#868686;} 

.popup textarea.err::-moz-placeholder 				, .popup input[type=text].err::-moz-placeholder 				{ color:#a51010}
.popup textarea.err::-webkit-input-placeholder 		, .popup input[type=text].err::-webkit-input-placeholder 		{ color:#a51010}
.popup textarea.err:-ms-input-placeholder 			, .popup input[type=text].err:-ms-input-placeholder 			{ color:#a51010}
.popup textarea.err::-ms-input-placeholder 			, .popup input[type=text].err::-ms-input-placeholder 			{ color:#a51010}
.popup textarea.err::placeholder 					, .popup input[type=text].err::placeholder 					    { color:#a51010} 


.popup .tadesc{
    font-size: 18px;

    line-height: 20px;
    margin-bottom: 14px;

}

.popup-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background-color: #0000007a;
    z-index: 2000;
    display: none;
    backdrop-filter: blur(6px);
}
.popup-holder {
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    perspective: 500px;
    -webkit-perspective: 500px;
}
.popup-wrapper .popup-scroller {
    max-height: 100vh;
    overflow: auto;
}
.popup-wrapper.show .popup {
    margin-top: 0px;
    transform: scale(1);
    opacity: 1;
}
.popup {
    background-color: #e7eaeb;
    color: #0f1516;
    display: inline-block;
    width: 100%;
    height: 100vh;
    opacity: 0;
    transform: scale(.3);
    transition-duration: .5s;
    overflow: auto;
}
.popup-wrapper .close {

    display: inline-block;
    float: right;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: relative;
    cursor: pointer;
    margin-right: 50px;
    margin-top: 50px;
}
.popup-wrapper .close div {
    width: 30px;
    height: 2px;
    position: absolute;
    left: 14px;
    background-color: #0a0e0f;
    transition-duration: .3s;
}
.popup-wrapper .close div:nth-child(1) {
    transform: rotate(45deg);
    top: 23px;
}
.popup-wrapper .close div:nth-child(2) {
    transform: rotate(-45deg);
    top: 23px;
}
.popup-content{
    padding: 30px;
    text-align: left;
}

/* УСЛУГИ */

.service-block{
    display:flex;
}
.service-title{
    flex-basis: 30%;
    font-size: 42px;
    font-family: 'circe300';
    padding-top: 30px;
}
.service-list{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex-basis: 70%;
}
.service-list div:nth-child(odd){
    flex-basis: 70%;
}
.service-list div:nth-child(even){
    flex-basis: 30%;
}
.service-list div{
    border-bottom:1px solid rgba(255,255,255,.1);
    padding:32px 0px;
}

.service-name span, .service-price{
    font-size: 22px;
    color: #c3aa7a;
}
.service-name a{
    font-size: 32px;
    opacity: 1;
}
.service-name a:after{
    
    content: '⟶';
    display: inline-block;

}