﻿
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


/* croppie.css */
.croppie-container{width:100%;height:100%}.croppie-container .cr-image{z-index:-1;position:absolute;top:0;left:0;transform-origin:0 0;max-height:none;max-width:none}.croppie-container .cr-boundary{position:relative;overflow:hidden;margin:0 auto;width:100%;height:100%}.croppie-container .cr-viewport{position:absolute;border:1px solid #fff;margin:auto;top:1px;bottom:0;right:0;left:1px;box-shadow:0 0 2000px 2000px rgba(0,0,0,0.5);z-index:0}.croppie-container .cr-original-image{display:none}.croppie-container .cr-vp-circle{border-radius:50%}.croppie-container .cr-overlay{z-index:1;position:absolute;cursor:move}.croppie-container .cr-slider-wrap{width:75%;margin:15px auto;text-align:center}.croppie-result{position:relative;overflow:hidden}.croppie-result img{position:absolute}.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.cr-slider{-webkit-appearance:none;width:300px;max-width:100%}.cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:rgba(0,0,0,0.5);border:0;border-radius:3px}.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}.cr-slider:focus{outline:none}.cr-slider::-moz-range-track{width:100%;height:3px;background:rgba(0,0,0,0.5);border:0;border-radius:3px}.cr-slider::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}.cr-slider:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.cr-slider::-ms-track{width:100%;height:5px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}.cr-slider::-ms-fill-lower{background:rgba(0,0,0,0.5);border-radius:10px}.cr-slider::-ms-fill-upper{background:rgba(0,0,0,0.5);border-radius:10px}.cr-slider::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:1px}.cr-slider:focus::-ms-fill-lower{background:rgba(0,0,0,0.5)}.cr-slider:focus::-ms-fill-upper{background:rgba(0,0,0,0.5)}.cr-rotate-controls{position:absolute;bottom:5px;left:5px;z-index:1}.cr-rotate-controls button{border:0;background:none}.cr-rotate-controls i:before{display:inline-block;font-style:normal;font-weight:900;font-size:22px}.cr-rotate-l i:before{content:'↺'}.cr-rotate-r i:before{content:'↻'}
ackground:rgba(0,0,0,0.5)}.cr-slider:focus::-ms-fill-upper{background:rgba(0,0,0,0.5)}.cr-rotate-controls{position:absolute;bottom:5px;left:5px;z-index:1}.cr-rotate-controls button{border:0;background:none}.cr-rotate-controls i:before{display:inline-block;font-style:normal;font-weight:900;font-size:22px}.cr-rotate-l i:before{content:'↺'}.cr-rotate-r i:before{content:'↻'}


/* font fio */
@font-face {font-family: 'OpenGostARegular'; src: url('../font/OpenGostARegular.ttf') format('truetype'); font-weight: normal; font-style: normal;}

/* font-family: "RobotoRegular"; */
@font-face {
    font-family: "RobotoRegular";
    src: url("../font/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoBold"; */
@font-face {
    font-family: "RobotoBold";
    src: url("../font/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "RobotoSlabBold"; */
@font-face {
    font-family: "RobotoSlabBold";
    src: url("../font/RobotoSlabBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

.slabfont {
	font-family: "RobotoSlabBold";
}
.regufont {
	font-family: "RobotoRegular";
}
.condfont {
	font-family: "RobotoCondensedRegular";
}


html, body {
    height: 100%;
    padding: 0;
    margin: 0;	 
}



body {
    font-size: 17px;
    color: #FFF;
    min-height: 100%;
    height: auto;

    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /*
	background: #ad332d!important;
	background: -moz-radial-gradient(center, ellipse cover, #ad332d 0%, #852813 44%, #4f190e 86%, #541d15 100%)!important;
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ad332d), color-stop(44%, #852813), color-stop(86%, #4f190e), color-stop(100%, #541d15))!important;
	background: -webkit-radial-gradient(center, ellipse cover, #ad332d 0%, #852813 44%, #4f190e 86%, #541d15 100%)!important;
	background: -o-radial-gradient(center, ellipse cover, #ad332d 0%, #852813 44%, #4f190e 86%, #541d15 100%)!important;
	background: -ms-radial-gradient(center, ellipse cover, #ad332d 0%, #852813 44%, #4f190e 86%, #541d15 100%)!important;
	background: radial-gradient(ellipse at center, #ad332d 0%, #852813 44%, #4f190e 86%, #541d15 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad332d', endColorstr='#541d15', GradientType=1 )!important;
	*/
    /**
	background: #3e3a3a;
	background: -moz-radial-gradient(center, ellipse cover,  #3e3a3a 0%, #0e0d0c 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #3e3a3a 0%,#0e0d0c 100%);
	background: radial-gradient(ellipse at center,  #3e3a3a 0%,#0e0d0c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3a3a', endColorstr='#0e0d0c',GradientType=1 );
	*/
	background: url('../images/bg.jpg') center 0 fixed;
	background-size: cover;
	position: relative;
	/*background-position: center 0px;*/
	background-repeat: no-repeat;
   background-color: #000;
}



body, button, input {
    font-family: 'Open Sans', sans-serif;
}



.actions {padding: 0; margin-top:0; margin-bottom:15px;}
.actions button {margin-right: 5px;}



/** ava */
.ava {position:relative;}
.photo-ava {position:absolute; top:-10px!important; left:-10px!important;}
.btn-photo-ava{position: absolute; z-index: 9; left: 116px; top: 236px;}

.upload-ava .upload-result-ava, .upload-ava.ready .upload-msg-ava {display:none;}/* что за?!? Прячет кнопку, а она нужна, нужно проверить - для чего создавался стиль*/
.upload-ava .upload-result-ava {
	display: inline-block;
}
.upload-ava.ready .upload-ava-wrap {display:block;}
.upload-ava.ready .upload-result-ava {display:inline-block;}

.upload-msg-ava {text-align:center; position:absolute; padding:25px 50px 75px 50px; font-size:22px; color:#FFF; width:250px; border:1px solid #F00; margin-left:84px; margin-top:134px;}
/** ava */



/** vk */
.vk {position:relative; display: inline-block;}
.photo-vk {position:absolute; top:-10px!important; left:-10px!important;}
.btn-photo-vk{position: absolute; z-index: 9; left: 19px; top: 260px;}

#vk{max-width:200px; width:200px;}

.upload-vk {position: relative; display: block;}

.upload-vk .upload-result-vk, .upload-vk.ready .upload-msg-vk {display:none;}
.upload-vk.ready .upload-vk-wrap {display:block;}
.upload-vk.ready .upload-result-vk {display:inline-block;}

.upload-msg-vk {text-align:center; position:absolute; padding:25px 25px 75px 25px; font-size:22px; color:#FFF; width:191px; border:1px solid #F00; margin-left:15px; margin-top:160px;}

.fio-vk {font-family:OpenGostARegular; color:#444444; font-size:24px; position: absolute; left:10px; top: 394px; width:180px; transform: rotate(7deg); line-height: 1.1;}
#fio-vk {width: 350px; height: 40px;}
/** vk */




/** fon-h */
.fon-h {position:relative;}
.photo-h {position:absolute; transform: rotate(6deg); top:51px!important; left:373px!important;}
.btn-photo-h{position: absolute; z-index: 9; left: 112px; top: 155px;}

#fon-h{max-width:1140px; width:1140px;}

.upload-fon-h .upload-fon-wrap-h, .upload-fon-h .upload-result-h, .upload-fon-h.ready .upload-msg-h {display:none;}
.upload-fon-h.ready .upload-fon-wrap-h {display:block;}
.upload-fon-h.ready .upload-result-h {display:inline-block;}

.upload-fon-wrap-h {width:300px; height:300px; margin:0 auto;}

.upload-msg-h {text-align:center; padding:25px 50px 75px 50px; font-size:22px; color:#616161; width:250px; border:1px solid #F00; margin-left:79px; margin-top:54px;}

.fio-h {font-family:OpenGostARegular; color:#585858; font-size:32px; position: absolute; left:14px; top:-30px; width:360px;}
#fio-h {width: 350px; height: 40px;}
#select-h {color: #000; width: 200px; height: 26px;}
#radio-h {color: #000; width: 200px; height: 26px;}
/** fon-h */



/** fon-v */
.fon-v {position:relative;}
.photo-v {position:absolute; transform: rotate(6deg); top:-3px!important; left:425px!important;}
.btn-photo-v {position:absolute; z-index:9; left:61px; top:195px;}

#fon-v{max-width:1140px; width:1140px;}

.upload-fon-v .upload-fon-wrap-v, .upload-fon-v .upload-result-v, .upload-fon-v.ready .upload-msg-v {display:none;}
.upload-fon-v.ready .upload-fon-wrap-v {display:block;}
.upload-fon-v.ready .upload-result-v {display:inline-block;}

.upload-fon-wrap-v {width:300px; height:300px; margin:0 auto;}

.upload-msg-v {text-align:center; padding:25px 50px 75px 50px; font-size:22px; color:#616161; width:224px; border:1px solid #F00; margin-left:41px; margin-top:90px;}

.fio-v {font-family:OpenGostARegular; color:#585858; font-size:32px; position:absolute; left:47px; top:84px; transform:rotate(-90deg); width:500px;}
#fio-v {width: 350px; height: 40px;}
#select-v {color: #000; width: 200px; height: 26px;}
#radio-v {color: #000; width: 200px; height: 26px;}
/** fon-v */





.nav-tabs>li>a {color:#FFF;}
.nav-tabs>li>a:hover {color: #212121;}

h1 {font-size:30px; /*margin-bottom:25px;*/}
h2,.nav-tabs {font-size:16px; margin-bottom:15px;}

.head {margin-bottom:15px;}

input, select {color: #000;}


.btn-group .active i.fa-vk {color:#41658b;}
.btn-group .active i.fa-twitter {color:#00abf0;}
.btn-group .active i.fa-facebook {color:#39579a;}
.btn-group .active i.fa-odnoklassniki {color:#f4960f;}


/** owl carousel **/
.owl-next:hover, .owl-prev:hover {opacity:0.7; text-decoration:none;}
.owl-next{background-color: rgba(0,0,0,.5); opacity: 1; font-family:"FontAwesome"; font-size:36px; position:absolute; color:#FFF; display:block; top:0px; width:40px; line-height:95px; text-align:center; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; cursor:pointer; z-index:99999; right:0px;}
.owl-prev{background-color: rgba(0,0,0,.5); opacity: 1; font-family:"FontAwesome"; font-size:36px; position:absolute; color:#FFF; display:block; top:0px; width:40px; line-height:95px; text-align:center; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; cursor:pointer; z-index:99999; left:0px;}
.owl-next:before {content:"\f054";color: #E10000;transition: all 280ms ease-in-out;}
.owl-prev:before {content:"\f053";color: #E10000;transition: all 280ms ease-in-out;}
.owl-next:hover:before {color: #fff;}
.owl-prev:hover:before {color: #fff;}

.item {background-color:#FFF; border:0px solid #e3e3e3; cursor:pointer;}

/*
.header {border-bottom:2px solid #fff;}
*/
/*
.header h1, .header h2 {font-size:30px; margin-bottom:25px;}
*/
.margin-10 {margin-top:10px;}
.margin-15 {margin-top:15px;}

.main div {margin-top:20px;}
.main img {border:1px solid #fff; width:260px; cursor:pointer; background-color: rgba(0,0,0,.6); /** background-color:#33100e;  background-image: url(../fon/main/noimage.jpg);*/}
.main p {text-align:center; font-size:16px; height:45px; margin: 10px 0 0px 0;}
.main i {font-size:15px; margin-right:3px; margin-left:3px; color:#9F3A22;}



#group-logo-ava .active i {color:#FF0000;}
#logo-ava-1 i {transform: rotate(-45deg);}
#logo-ava-2 i {transform: rotate(45deg);}
#logo-ava-3 i {transform: rotate(45deg);}
#logo-ava-4 i {transform: rotate(-45deg);}



/** buttons **/
.clearfix {
	margin: 0!important;
}
.button {
  margin-top: 20px;
  background-color: #E44721;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  text-align: center;
  color: #fff;
  border: 1px solid #9F3A22;
  border-radius: 2px;
  box-shadow: 0 0 0 0 transparent;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.button:hover {
  color: white;
  box-shadow: 0 0 30px 0 rgba(255, 116, 116, 0.5);
  background-color: #A03A23;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.button:hover:before {
  -webkit-animation: shine 0.5s 0s linear;
  -moz-animation: shine 0.5s 0s linear;
  animation: shine 0.5s 0s linear;
}
.button.disabled:hover, .button[disabled], button:disabled {
	box-shadow: 0 0 0 0 #ff5026;
}
.button:active {
  box-shadow: 0 0 0 0 transparent;
  -webkit-transition: box-shadow 0.2s ease-in;
  -moz-transition: box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in;
}
.button:before {
  content: '';
  display: block;
  width: 0px;
  height: 86%;
  position: absolute;
  top: 7%;
  left: 0%;
  opacity: 0;
  background: white;
  box-shadow: 0 0 15px 3px white;
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  transform: skewX(-20deg);
}
.button.disabled:before {
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: all 0 none;
    transition: none;
	content: ""!important;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	content: none!important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=50);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .5;
}

@-webkit-keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
@-moz-keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
@keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}



.main img {border: 1px solid #9F3A22; }
.main p {margin: 10px 0 10px 0;}
.main i {color: #fff;}


.header h1, .header h2{font-size:26px;}
h3 {
	font-size: 24px;
}
/*#panel-main .header h1, */#panel-main .header h2, #panel-main .header h3 {font-size:30px;}
/*#panel-main */.header h1 {
	font-size: 60px;
	font-family: "RobotoSlabBold";
	text-transform: uppercase;
	line-height: 80px;
	margin: 0;
}


/* новые стили */
.bp-item-index .btn {
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.btn-red {
	background: #e60000;
	background: -moz-linear-gradient(top,  #e60000 1%, #ba0000 100%);
	background: -webkit-linear-gradient(top,  #e60000 1%,#ba0000 100%);
	background: linear-gradient(to bottom,  #e60000 1%,#ba0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60000', endColorstr='#ba0000',GradientType=0 );
	font-size: 15px;
	line-height: 24px;
	border: 0;
	border-radius: 3px;
	font-family: "RobotoBold";
	-webkit-box-shadow: 0px 0px 9px 6px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:    0px 0px 9px 6px rgba(0, 0, 0, 0.7);
	box-shadow:         0px 0px 9px 6px rgba(0, 0, 0, 0.7);
}
.bp-width-95 {
	display: block;
	width: 95px;
	position: absolute;
	left: 0;
	top: 0;
}
.header {
	padding: 30px 0 20px 0;
	position: relative;
	padding-left: 95px;
}
.header img {
	margin: 30px 0 0 0;
}
/*
.header > h3 {
	font-size: 26px;
	line-height: 36px;
	margin-right: 20px;
	font-family: 'benderbold', 'Open Sans', sans-serif;
	color: #E44721;
}
*/
.header > h3, .header > h1, .header > h2 {
	display: inline-block;
	text-shadow: 1px 1px 2px #000;
}
.bp-descr {
	font-size: 17px;
	font-family: "RobotoRegular";
	padding-left: 95px;
	margin-bottom: 20px;
}
.bp-left-95 {
	padding-left: 95px;
}
.bp-left-54 {
	padding-left: 54px;
	display: inline-block;
}
.row.main {
	padding-left: 95px;
}
.bp-thumb {
	/*h-thumb*/
}
.bp-item-index {
	/*height: 0;
	padding-bottom: 50%;*/
	margin: 0!important;
	min-height: 250px;
}
.bp-thumb-h {
	background-image: url('../images/h-thumb.jpg');
	background-size: cover;
	position: relative;
	background-position: center 0px;
	background-repeat: no-repeat;
}
.bp-thumb-v {
	background-image: url('../images/v-thumb.jpg');
	background-size: cover;
	position: relative;
	background-position: center 0px;
	background-repeat: no-repeat;
}
.bp-thumb-av {
	background-image: url('../images/av-thumb.jpg');
	background-size: cover;
	position: relative;
	background-position: center 0px;
	background-repeat: no-repeat;
	height: 0;
	width: 250px;
	/*padding-bottom: 100%;*/
}
.bp-thumb-vk {
	background-image: url('../images/vk-thumb.jpg');
	background-size: cover;
	position: relative;
	background-position: center 0px;
	background-repeat: no-repeat;
	height: 0;
	width: 134px;
}
.bp-thumb-poisk {
	background-image: url('../images/poisk-thumb.jpg');
	background-size: cover;
	position: relative;
	background-position: left 0px;
	background-repeat: no-repeat;
	height: 0;
	max-width: 851px;
	min-height: 320px;
}
.bp-item-name {
	margin: 0!important;
	position: absolute;
	left: 20px;
	top: 20px;
	font-family: "RobotoBold";
	font-size: 15px;
	text-transform: uppercase;
	line-height: 23px;
}
.bp-thumb-av .bp-item-name, .bp-thumb-vk .bp-item-name {
	font-size: 13px;
	right: 15px;
	top: 10px;
	left: 15px;
	text-shadow: 0px 0px 5px rgba(0,0,0,.7);
}
#panel-main [class*="col-"] {
	padding-right: 0!important;
	margin-top: 15px;
}
.bp-item-index .d-flex {
	margin-top: 0;
}
.header {
	/*border-bottom: 1px solid #B5A099;*/
}
.btn-brown {
	line-height: 38px;
	border: 1px solid #E44721;
	padding: 0 15px;
	box-sizing: border-box;
	overflow: hidden;
	transition: all 0.3s ease;
}
.btn-brown:hover, .btn-brown:active, .btn-brown:focus {
	box-shadow: 0 0 30px 0 rgba(228, 71, 33, 0.7);
	background: #5f1c14;
	border-color: #E44721;
	color: #ff5026;
}
.button:before {
	background: #ff5026;
	box-shadow: 0 0 15px 3px #ff5026;
}
.main .col-md-3 img {
    border: 1px solid #B5A099;
	transition: all 0.3s ease;
}
.main .col-md-3:hover img {
	border: 1px solid #E44721;
	background-color: rgba(0,0,0,.8);
}
.main .col-md-3:hover .fa {
	transition: all 0.3s ease;
	text-shadow: 0px 0px 7px #000;
}
.main .col-md-3:hover .fa {
	color: #E44721;
}
.d-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	text-align: center;
}
.d-flex > span {
	display: block;
	width: 100%;

	font-size: 17px;
}
.main p {
    min-height: 50px;
}
.bp-footer {
	margin-top:60px;
	color:#fff;
	/*background: rgba(0,0,0,.6);*/
	padding: 0 15px 10px 95px;
}
.bp-footer p {
	font-size: 31px;
	line-height: 31px;
	font-family: "RobotoSlabBold";
}
.bp-footer a {
	text-decoration: underline;
	color: #B7B7B7;
}
.bp-footer a:hover {
	text-decoration: none;
}
.bp-footer > div:last-child {
	margin-top: 30px;
	color:#B7B7B7;
	font-size: 15px;
}
.margin-top-remove {
	margin-top: 0!important;
}

.mb-cell > a > i:before {
	color: rgba(0,0,0,1.0);
}
.bp-item {
	width: 260px;
	overflow: hidden;
	margin: 20px auto 0 auto;
	position: relative;
	min-width: 220px;
}
.bp-item .btn-brown {
	width: 100%;
}
.bp-icons {
	margin: 0!important;
	padding: 5px 0 0 0;
	display: inline-block;
}
.bp-thumb-vk .bp-icons {
	padding: 0;
}
.main > div > .bp-item > .bp-icons {
	position: absolute;
	top: 285px;
	left: 0;
	width: 260px;
}
.main > div:last-of-type > .bp-item > .bp-icons {
	left: -85px;
}
.bp-item-index:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,.5);
	margin: 0!important;
	transition: all 0.3s ease;
}
.bp-item-index:hover:before {
	background-color: rgba(0,0,0,0);
}
.bp-gray {
	color: #666666;
}
.bp-small {
	font-size: 13px;
	line-height: 13px;
}
.bp-number {
	width: 35px;
	display: inline-block;
	height: 35px;
	margin-right: 15px;
	line-height: 35px;
	background: rgb(229, 0, 0);
	background: -moz-linear-gradient(90deg, rgb(229, 0, 0) 0%, rgb(173, 1, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgb(229, 0, 0) 0%, rgb(173, 1, 1) 100%);
	background: -o-linear-gradient(90deg, rgb(229, 0, 0) 0%, rgb(173, 1, 1) 100%);
	background: -ms-linear-gradient(90deg, rgb(229, 0, 0) 0%, rgb(173, 1, 1) 100%);
	background: linear-gradient(180deg, rgb(229, 0, 0) 0%, rgb(173, 1, 1) 100%);

	border-radius: 50%;
	text-align: center;
	font-size: 22px;
	font-family: "RobotoBold";
	margin-top: 2px;

	-webkit-box-shadow: 0px 0px 9px 6px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:    0px 0px 9px 6px rgba(0, 0, 0, 0.7);
	box-shadow:         0px 0px 9px 6px rgba(0, 0, 0, 0.7);
}
.bp-opacity-input {
	background: transparent;
	border: 0;
	border-bottom: 1px solid #fff;
	color: #fff!important;
	margin-left: 54px!important;
}
label.btn i {
	font-size: 20px;
	transition: all 0.3s ease;
}
label.btn {
	padding: 5px 7px;
}
label.btn.active, label.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.0);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.0);
}
.btn-group .active i, .btn-group .btn:hover i {
	color: #e40000!important;
}
.owl-next, .owl-prev {
	bottom: 0;
	display: block;
}
.owl-next:before, .owl-prev:before {
	top: 50%;
	left: 50%;
	display: block;
	height: 38px;
	line-height: 38px;
	width: 25px;
	margin-left: -12px;
	margin-top: -18px;
	font-size: 36px;
	position: relative;
}

@media (max-width: 1200px) {
	#fon-h, #fon-v {
		position: absolute;
		left: 50%;
		margin-left: -570px;
	}
	.fon-h, .fon-v {
		min-height: 380px;
		overflow: hidden;
	}
	.photo-h, .photo-v {
		left: 50%!important;
	}
	.photo-h {
		margin-left: -200px;
	}
	.photo-v {
		margin-left: -145px;
	}

}

@media (max-width: 970px) {
	.bp-descr {
		padding-left: 0;
	}
	.row.main {
		padding-left: 0;
	}
	.bp-footer {
		padding-left: 15px;
	}
	.col-md-4 .bp-thumb-av {
		width: 100%;
	}
	.bp-left-95 {
		padding-left: 0;
	}
	.ava {
		position: relative;
		margin: 0;
		margin: 0 auto;
		width: 400px;
		min-height: 400px;
	}
	.upload-ava .col-sm-12 {
		min-height: auto!important;
	}
	.upload-ava .col-sm-12 .actions {
		position: relative!important;
		text-align: center;
	}
}

@media (max-width: 768px) {
	#panel-main [class*="col-"] {
		padding-right: 15px!important;
	}
	.col-md-4 .bp-thumb-av {
		width: 250px;
	}
	.vk {
		left: 50%;
		margin-left: -100px;
	}
	.bp-sc {
		min-height: auto!important;
	}
	.bp-sc .actions {
		position: relative!important;
		text-align: center;
	}
}

@media (max-width: 680px) {
	.header {
		text-align: center;
	}
	.header > img {
		margin: 0;
	}
	.header > h3 {
		margin-right: 0;
	}
	.header > h1 {
		font-size: 40px;
		line-height: 40px;
		min-height: 80px;
		text-align: left;
	}
	.col-md-4 .bp-thumb-av, .col-md-4 .bp-thumb-vk {
		margin: 0 auto !important;
	}
	.bp-footer {
		text-align: center;
	}
	.bp-footer .mb-table {
		margin: 0 auto!important;
	}
	.bp-item-index .btn {
		position: relative;
		left: 0;
		bottom: 20px;
		margin: 0 auto;
		display: block;
		top: 200px;
	}
	.actions {
		text-align: center;
	}
	.section-poisk {top: 260px !important;}
}

@media (max-width: 480px) {
	.bp-item-index .btn {
		white-space: normal;
		right: 20px;
	}
	.header > h1 {
		font-size: 40px;
		line-height: 40px;
		min-height: 80px;
		text-align: center;
	}
	.header {
		padding-left: 0;
	}
	.header .bp-width-95 {
		position: relative;
		margin: 0 auto;
	}
	.header .bp-width-95 img {
		margin-top: 0;
	}
	.bp-item-index .btn {
		position: absolute;
		left: 0;
		bottom: 20px;
		margin: 0 auto;
		display: block;
		top: auto;
		left: 20px;
		right: 20px;
	}
	.ava {
		position: absolute;
		margin: 0;
		margin: 0 auto;
		width: 400px;
		min-height: 400px;
		left: 50%;
		margin-left: -200px;
	}
	.upload-ava .bp-av {
		display: block;
		min-height: 400px!important;
	}
}

@media (max-width: 380px) {
	.header > h1 {
		font-size: 32px;
		line-height: 34px;
		min-height: auto;
		text-align: center;
	}
	.bp-thumb-poisk {min-height: 260px;}
	.section-poisk {top: 200px !important;}
}

input[placeholder] {color: #666666;font-family: "RobotoRegular";font-size: 17px;}
input::-moz-placeholder {color: #666666;font-family: "RobotoRegular";font-size: 17px;}
input:-moz-placeholder {color: #666666;font-family: "RobotoRegular";font-size: 17px;}
input:-ms-input-placeholder {color: #666666;font-family: "RobotoRegular";font-size: 17px;}
/* новые стили */

.splash{position: absolute; width: 100%; height: 100%; display: none; z-index: 99; background-color: rgba(0, 0, 0, 0.8);}
.splash i {font-size: 60px; color:red; margin-top: 40px;}
.splash span {font-size: 30px;}
