@font-face{	font-family:"Montserrat Light";	src:url('../fonts/Montserrat-Light.ttf');}
@font-face{	font-family:"Montserrat";	src:url('../fonts/Montserrat-Regular.ttf');}
@font-face{	font-family:"Montserrat Bold";	src:url('../fonts/Montserrat-Bold.ttf');}
@font-face{	font-family:"Montserrat ExtraBold";	src:url('../fonts/Montserrat-ExtraBold.ttf');}
@font-face{	font-family:"Montserrat ExtraLight";	src:url('../fonts/Montserrat-ExtraLight.ttf');}
@font-face{	font-family:"Montserrat Medium";	src:url('../fonts/Montserrat-Medium.ttf');}
html,body{height: 100%;width: 100%; font-family: 'Montserrat', arial;font-size: 20px;}
input{font-family: 'Montserrat', arial;font-size: 20px;}
h1,h2,h3{font-family:"Montserrat ExtraBold";}
.bg-black{background-color: #282828!important;}
.logo{min-width: 246px;height: 63px;background: url(../images/logo.png) no-repeat;transition: 0.5s}
.logo:hover{background: url(../images/logo_h.png) no-repeat;transition: 0.5s}
.nav-link{font-family: 'Montserrat Light', arial;font-size: 18px;}
.nav-item-big{margin-right: 30px;}
.nav-user{border: 1px solid;    padding: 8px 10px;    margin-top: -8px;}
.sv-slider{height: 1034px; width: 100%;background: url(../images/BGblured.jpg) no-repeat 50% 30%;transition: 0.5s;}
.sv-slider-bg {background: url(../images/BG1min2.jpg) no-repeat 50% 30%;}
.sv-slider-bg:hover{background: url(../images/BG1min.jpg) no-repeat 50% 30%;transition: 0.5s;}
.sv-slider__moz{height: 1372px; width: 100%;position: relative;}
.sv-slider__moz:before, .sv-slider__moz:after {height: 1366px; top: 68px;content: "";position: absolute;right: 0px;bottom: 0px;left: 0px;opacity: 1;z-index: -2;}
.sv-slider__moz:before {background: url(../images/BG1min2.jpg) no-repeat 100% 100%;z-index: -1;transition: opacity 0.5s;}
.sv-slider__moz:after {background: url(../images/BG1min.jpg) no-repeat 100% 100%;	}
.sv-slider__moz:hover:before {opacity: 0;}
.block2{background-color:#232323;height:566px;} .block2 p{font-size: 20px;}
.boxtoplink{font-size: 40px;font-family:"Montserrat ExtraBold";}
.block3{/*height: 948px;*/ width: 100%;background: url(../images/BG3.jpg) no-repeat top center;} .block3 a{line-height: 1.2}
.block4{/*height: 948px;*/ width: 100%;background: #282828;} .block4 a{line-height: 1.2}
.block5{width: 100%; height: auto;background: url(../images/block5.png) no-repeat top left;-webkit-background-size: contain;
-moz-background-size: contain;-o-background-size: contain;background-size: contain;background-attachment: relative;}.block5 a{line-height: 1.2}
@media screen and (max-width: 1755px) {
    .block5 {
        background-image: none;
    }
}
.lamp{height: 566px; width: 770px;background: url(../images/lamp.png) no-repeat center center;}
.lamp2{height: 277px; width: 277px;background: url(../images/lamp2.png) no-repeat center center;}
.shesternya{right: 170px;top: 96px; height: 140px;}
.pic3{height: 546px; width:436px; background: url(../images/pic3.png) no-repeat center center;}
.vericaltext{  writing-mode:tb-rl; text-align: center;margin-top: 180px;}
.wow {  visibility: hidden;}
.line1{height:97px; width:1px; border-left:3px solid #f8f5f8d1; top:-80px; right:41px;border-top-left-radius: 10px;/*right:43%*/}
.line2{height:1px; width:356px; border-bottom:2px solid #f8f5f8d1; top:-80px; left: 52px;border-bottom-right-radius: 10px;}
.line3{height:573px; width: 1px; border-right: 2px solid #f8f5f8d1;top: -653px;left: 406px;}
.authlink{font-size: 19px;text-align: left;}
.bclose{color:#fff;background-color: #FF3133!important; padding: 0 6px!important;right: -8px;position: absolute;top: -10px;opacity: 1;}
.modal-fined .modal-dialog{max-width: 480px;} .modal-fined .form-control{width: 80%;}
.modal-fined input{border: 2px solid #464646;border-radius: 0px; }
.modal-login input{border: 2px solid #464646;border-radius: 0px; }
.modal-login-btn{border-radius: 0;background-color: #282828;}
.block5 input,.block5 select{border: 1px solid #464646;border-radius: 0px; }
.required{}.required::after{position: absolute;  top: -16px;  right: -10px;  color: #FF3133;  content: '*';display: block;width: 4px;height: 4px;}
#map {width:100%; height: 1250px; }
.maps h1{font-size: 40px;}
.mapboxgl-popup-content {border-radius: 0;}
.container-fluid.maps{background-color:#323432;}
.maps-row{font-size: 20px;}
.maps-row .icons{background-color: #FF3133;min-width: 66px;text-align: center;}
.maps-row .fa{font-size: 40px;text-align: center; color: white;}
.footer p{font-family: "Montserrat Light";}
.up{position: relative;top:-10px;right: -40px;background-color: #fff;color:#FF3335;/*position: absolute;top:-12px;right:-12px;*/border: 2px solid #282828;font-size: 32px;padding: 0px 12px; transition: 0.5s;}
.upp{position: absolute;color: #888B8F;font-size: 20px; right: 62px; top:6px; text-transform: uppercase; opacity: 0;transition: 0.5s;}
.uplink:hover .up{background-color: #282828;color:#fff; transition: 0.5s;}
.uplink .upp{color:#282828; opacity: 1;transition: 0.5s;}
.ftext{display: inline-block; text-align: left;}
.svtrans{transition: 0.5s}
.footerup-shadow{-webkit-box-shadow: 0px -10px 25px 0px rgba(50, 50, 50, 0.24);-moz-box-shadow:    0px -10px 25px 0px rgba(50, 50, 50, 0.24);box-shadow:         0px -10px 25px 0px rgba(50, 50, 50, 0.24);}
/*page home */

/*page2*/
.headproduct h1{font-size: 40px;}
.card{border-color: #282828;border-radius: 0;width:100%;min-width:250px;margin-bottom:5px;}
.h2num2{position: absolute;left: -10px;top:-10px;padding: 10px;border-radius: 0;font-size: 20px;}
.card-title{font-family: "Montserrat Medium";text-align: center;font-size: 18px; padding-top: 28px;}
.card-text{font-family: "Montserrat Light";text-align: left;font-size: 18px; color: #2c2c2c;line-height: 1.2;}
.card-img-line{width: 80%;height: 1px;border-bottom: 1px solid #2c2c2c; margin: 0 auto;}
.pricing-card-title{width: 100%; text-align: center;font-family: "Montserrat ExtraBold"; font-size: 20px; background-color: #282828;color: #fff;}
.pricing-card-buy{text-align: center; display: block; color:#282828;}.pricing-card-buy:hover{text-decoration: none;}
.pricing-card-buy2{border:1px solid white;border-top: none;font-family:"Montserrat ExtraBold";}
.card:hover .pricing-card-title{background-color: #FF3133; }
.card:hover .card-body{background-color: #282828;color: #fff;}
.card:hover .card-body p{color: #fff; transition: 0.5s;}
.card:hover .card-img-line{opacity: 0;}
.card:hover .pricing-card-buy{background-color: #282828;color: #fff;}
.card2 .imgbody{background-color: #282828;color: #fff;transition: 0.5s;}
.card2:hover .imgbody{background-color: #fff;color: #282828;transition: 0.5s;}

/*page1*/
.vertical-text {transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform-origin: left top 0;-moz-transform-origin: left top 0;
-webkit-transform-origin: left top 0;transform-origin: left top 0;white-space: nowrap;}
.vtms{height: 350px;position: relative;left: 56px;font-size: 40px;}
.drevo .head{font-family: "Montserrat Medium"; font-size: 18px; text-decoration: underline; margin-bottom: -4px;}
.drevo UL {margin: 0;padding: 0;list-style: none;}
.drevo UL {overflow: hidden;}
.drevo LI, .drevo .header {position:relative;padding-left: 1.2em; margin-bottom: 0;font-size: 16px;}
.drevo .header + Ul {margin-left: 30px;padding-top: 10px;}
.drevo LI {margin-bottom: .8em;  }
.drevo LI:before, .drevo .header:before {content: "";  display: block;  position: absolute;  left: 0;  bottom: .7em;  width: 15px;  height: 0;  border-bottom: 1px solid #282828;  }
.drevo LI:last-child:before, .drevo .header:last-of-type:before {height: 1000px;  border: 1px solid #282828;border-width: 0 0 1px 1px}
.drevo .p-has-headers > LI {margin: 10px 0 0px;}
.drevo .p-has-headers > LI:before {content: none;}
.drevo .a-has-headers > LI {margin: 10px 0 0px;}
.drevo .a-has-headers > LI:before {content: none;}
.drevo li p{cursor:pointer;}
.drevo li a{cursor:pointer;}
.datadark {background-color: #282828;color: #fff}
.datadark .drevo LI:before, .datadark .drevo .header:before{border-bottom: 1px solid #fff;}
.datadark .drevo LI:last-child:before, .datadark .drevo .header:last-of-type:before{border: 1px solid #fff;border-width: 0 0 1px 1px}
/*page2*/

.li-active{color:#FF3133;padding-left: 2em!important;/*overflow: hidden;*/}
.li-active::before{width: 25px!important;}
.innercontent h2{font-size: 40px;font-family: "Montserrat Medium";}
.innercontent p{font-size: 18px;font-family: "Montserrat light";}
.innercontent .a-stream{font-size: 18px;font-family: "Montserrat Regular";color: #2c2c2c;}
/*page3*/
@media screen and (min-width: 1024px) {
  .sv-slide-text h1{font-size: 60px}
  .sv-slide-text p{font-size: 22px}
  .h2num{position: absolute;left: -76px;top:2px;}
.mapboxgl-popup-tip {border: 24px solid transparent;}
.modal-fined {top:100px;left:232px;}
.modal-fined .modal-content::after{height: 64px;width: 1px;border:1px solid white; content: "";position: absolute;top: -64px;right: 36px;}
/*.li-active::after{width: 46%;content: "";  display: block;    position: absolute;    right: 0;    bottom: .7em; height: 0;    border-bottom: 1px solid #282828;}*/
.li-active:after {content: '';display: inline-block;vertical-align: middle;box-sizing: border-box;width: 100%;height: 1px;background: #282828;border: solid #FFF;border-width: 0 10px;margin-right: -100%;}

}
/*page5*/
.cls-1 {fill: #ee3436;}
.cls-1, .cls-2 {fill-rule: evenodd;}
.cls-2 {fill: #fff;}
.card2:hover .cls-2 {fill: #282828;}
.formhead{font-family:"Montserrat ExtraBold";}
.blackboxinput{border: 2px solid white; background-color: transparent;outline: none;color: white;border-radius: 0; font-size: 18px;}
.blackboxselect{border: 2px solid white; background-color: transparent;outline: none;color: white;border-radius: 0; font-size: 18px;background: url(../images/drop_ic.png) no-repeat 96% 50%;}
.blackboxselect	{-webkit-appearance: none;	    -moz-appearance: none;	    -ms-appearance: none;	    appearance: none!important;}
.blackboxselect::-ms-expand {display: none;}

.radiosv label {	display: inline-block;	cursor: pointer;	position: relative;	padding-left: 25px;	margin-right: 20px;	font-size: 17px;line-height: 1.2;}
.checksv label {	display: inline-block;	cursor: pointer;	position: relative;	padding-left: 40px;	margin-right: 10px;	font-size: 17px;}
.radiosv input[type=radio],
.checksv input[type=checkbox] {	display: none;}
.radiosv label:before {	content: "";	display: inline-block;	width: 16px;	height: 16px;	margin-right: 14px;	position: absolute;	left: 0;	bottom: 1px;  background-color: transparent;    border: 1px solid white;}
.checksv label:before {	content: "";	display: inline-block;	width: 27px;	height: 27px;	margin-right: 14px;	position: absolute;	left: -4px;	bottom: 1px;  background-color: transparent;    border: 2px solid white;}
.radiosv label:before {	border-radius: 8px;}
.checksv .checkbox label {	margin-bottom: 16px;}
.checksv .checkbox label:before { border-radius: 0px;}
.radiosv input[type=radio]:checked + label:before {    content: "";   width: 16px;  	height: 16px;    background-color: #FF3133;      border: 1px solid #FF3133;}
/*.checksv input[type=checkbox]:checked + label:before {	content: "";	width: 16px;  	height: 16px;    background-color: #FF3133;      border: 1px solid #FF3133;}*/
.checksv input[type=checkbox]:checked + label:before {content: "\25A0";    color: #FF3133;    font-size: 34px;    text-align: center;    line-height: 16px;}

.amount {position: relative;font-size: 17px;height: 70px;}
.amount span {	display:inline-block;	width:18px;	height:8px;	background: url(../images/+.png) no-repeat;	cursor:pointer;	text-align:center;position: absolute;    left: 8px;    top: 0px; z-index: 100;}
.down {background: url(../images/-.png) no-repeat!important;top: 40px!important;}
.amount span:hover {  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.amount input {	width:30px;	text-align:center;  background: transparent;  border: none;  color: white;position: absolute;top:8px;}
.amount label {display: inline-block;	cursor: pointer;	position: relative;	padding-left: 40px;	margin-right: 10px;margin-top: 12px;   line-height: 1;}
.wline{width: 1px; height:3rem;  background: white; margin: 0 auto;position: absolute;  left: 49%; margin-top: -3rem;}
.wlinedynamic{bottom: -3rem;opacity: 0;}
.deckdynamic1:hover .wlinedynamic,.deckdynamic2:hover .wlinedynamic,.deckdynamic3:hover .wlinedynamic,.deckdynamic4:hover .wlinedynamic{opacity:1;}
/*page6*/

.spechead{font-family:"Montserrat ExtraBold";font-size: 1rem;}
.tablesv{font-family:"Montserrat Light";font-size: 0.8rem;line-height: 0.9;}
.tablesv th,.tablesv td{vertical-align: middle;}
.tablesv .vertical{  -webkit-transform: rotate(-90deg);  -moz-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -o-transform: rotate(-90deg);  transform: rotate(-90deg);}
.center{ display: block; margin: 0 auto;}
.tooltipwin{position: absolute;color: white;text-align: left;background: #282828;}
/*page6*/


@media screen and (min-width: 768px) {
modal-login:before {display: inline-block;vertical-align: middle;content: " ";height: 100%;}
.borderr{border-right: 1px solid white;}.borderl{border-left: 1px solid white;}.borderl2{border-left: 1px solid black;}
.whiteline{min-width: 140px;max-width: 140px;margin-left: 70px;}
.h2num{margin-right: 10px;}
}
@media screen and (max-width: 1280px) {
.ftext{font-size: 16px;}
.up{border: 1px solid #282828;font-size: 28px;padding: 0px 8px;top:-4px;}
.upp{font-size: 18px;}
}
@media screen and (max-width: 1200px) {
.nav-link::after{height: 8px;width: 1px;border:1px solid white; content: "";position: relative;top: -23px;right: 10px;}
.nav-user{position: relative;top: 10px;left: 8px;}
.navbar-nav{right: 22px;    position: relative;}
.modal-fined {top:40%;left:0px;}
.modal-fined .modal-content::after{display: none;}
.innerhead h2{font-size: 32px;}
.h-25{height: 55px !important;}
}
@media screen and (max-width: 992px) {
  .vertical-text {transform: rotate(0deg);-ms-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -webkit-transform: rotate(0deg);font-size: 20px;height: auto;display: contents;line-height: 3;}
  .vert-col{margin-bottom: 40px;}
  .vert-col img{float: left;   padding-right: 20px;}
  .innercontent{border-left: none!important;}
  .h-25{height: 55px !important;}
}
@media screen and (max-width: 768px) {
  .headproduct h1,.innerhead h2{font-size: 20px;}
  .innercontent h2,.innercontent p {font-size: 14px;}
  .sv-slider{height:736px;background-position: 56% 20%;}
  .sv-slider:hover{background-position: 56% 20%;}
  .h2num{margin-right: 10px;}
  .boxtoplink{font-size: 20px;}
  .block2 p,.block3 p,.block4 p,.block5 p {font-size: 18px;}
  .vericaltext{font-size: 32px;}
  .sv-slide-text h1{font-size: 29px;}.sv-slide-text p{font-size: 18px;line-height: 1.3;}
  .modal-fined {text-align: center; top:24%;left:0;}
  .block5{background-size: 30%;}.block5 input,.block5 select,.block5 label{font-size: 12px;}
  .maps h1{font-size: 20px;}  .maps-row .fa{font-size: 27px; }  .maps-row{font-size: 12px;}
  #map {width:100%; height: 550px; }
  .mapboxgl-popup-content {padding:0;}
  .ftext{font-size: 13.5px;}
  .h-25{height: 35px !important;}
  
}
@media (max-width: 576px) {
  .boxtoplink{font-size: 20px;}
  .block2 p,.block3 p,.block4 p,.block5 p{font-size: 12px;}
  .vericaltext{line-height: 0.4;font-size: 24px;}
  .sv-slide-text h1{font-size: 29px;}.sv-slide-text p{font-size: 15px;line-height: 1.1;}
  .h-25{height: 20px !important;}
  .shesternya {right: 126px;}
}
#headerBanner {
min-height: 1334px;margin-top: -100px;padding-top: 500px;
}
@media (min-width: 1439px)
{
.container {
    max-width: 1440px;
}
.line1{}
.line2{left: 79px;width: 629px;}
.line3{left: 706px;top:-653px;height: 574px;    border-right: 2px solid #f8f5f8d1;}
}
.line3__moz{top: -715px;height: 635px;}
.badge {border-radius: 0;width:65px; height:65px;padding-top:18px;margin-top: -8px;}
.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-bottom-left{display:none; }
.text-dark {color: #282828 !important}
.btn-dark {background-color: #282828 !important; border-color: #282828 !important;border-radius: 0;}
.btn-dark:hover {background-color: #383838 !important; border-color: #383838 !important;}
.alert {
    position: fixed;
    top: calc(80px + 15px);
    left: calc(50% - 600px / 2);
    color: white;
    text-align: center;
    max-width: 600px;
    width: 100%;
    min-height: 50px;
    font-weight: 400;
    z-index: 9999;
}

.alert .close {
    height: calc(50px - 0.75rem * 2);
    line-height: calc(50px - 0.75rem * 2 - 8px / 2);
    color: white;
    text-shadow: none;
    font-size: 21px;
    font-weight: 500;
}

@media (max-width: 768px) {
    .alert {
        top: calc(72px + 15px);
        left: auto;
        max-width: inherit;
        width: calc(100% - 20px);
        margin: 0 10px;
    }
}