/*body {
				font-size: 14px!important;
			}*/
			.text-left {
				text-align: left;
			}
			.charser {
				word-wrap: break-word;
				display: block;
			}
			.charser img {
				display: block;
				max-width: 99%;
				height: auto;
			}
			
.mw-body  {
	color: rgb(255, 255, 255);
	font-size: 1.5em;
	font-weight: normal;
    line-height: 1.25;
    margin: 1.5em 0 0.5em;
	border-bottom: 3px solid rgb(40, 96, 144);
    padding-bottom: 5px;
}
	
			/*#particles-js{
				position: fixed;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				z-index: 0;
				overflow: hidden;
			}*/
			textarea {
				overflow-y: scroll;
				overflow-y: auto!important;
			}
			
			.no-gutter > [class*='col-'] {
				padding-right:0;
				padding-left:0;
			}
			
			.gutter-5 > [class*='col-'] {
			padding-right: 5px;
			padding-left: 5px;
			}
			
			
			@media (max-width: 740px) {
			.navbar_mob {
				display: none;
			}
			}
			
			.dropdown-menu {
			background: #262A37!important;
			color: #eeeeee!important;
			}
			.navy-blue-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
			color: #eeeeee!important;
			}
			.btn-page {
			margin: 0px;
			margin-top: 2px;
			margin-bottom: 2px;
			text-transform: none;
			font-weight: 400;
			font-size: 1rem!important;
			}
			.btn-url {
			margin: 0px;
			margin-top: 2px;
			margin-bottom: 2px;
			width: 250px;
			height: 34px;
			text-transform: none;
			font-weight: 400;
			font-size: 1rem!important;
			padding: 0px!important;
			}
			.btn_auto {
			width: 135px!important;
			height: 34px;
			}
			.btn_auto_comparison {
			width: 135px!important;
			height: 34px;
			border-radius: 18px 0px 18px 0px;
			}
			.btn-commands {
			background-color: #2e785b !important;
			color: white;
			margin: 0px;
			margin-top: 6px !important;
			}
			.btn-commands:focus,.btn-commands:hover {
			background-color: #198e60!important;
			color: white;
			}
			.btn-tuning {
			background-color: #444444!important;
			color: white;
			}
			.btn-tuning:focus,.btn-tuning:hover{
			background-color: #363f66 !important;
			color: white;
			}
			.btn-tuning-100 { width: 100%; }
			.btn-tuning-left { text-align: left; }
			hr {
			border-top: 1px solid #ccc!important;	
			}
			.progress-online {
			height: 20px;
			background-color: #262a37;
			}
			.progress-online .progress-bar {
			height: 20px;
			}
			#transition p {
			margin: 0px;
			margin-top: 6px !important;
			}
			
			
			
			.thumb img {
			-webkit-filter: grayscale(0);
			filter: none;
			border-radius: 5px;
			background-color: #262A37!important;
			border: 1px solid #262A37!important;
			padding: 5px;
			}
			.title32 {
			text-align: center;
			font-size: 32px;
			color: #d4aa5e;
			}
			.title30 {
			text-align: center;
			font-size: 32px;
			color: #d4aa5e;
			}
			.title28 {
			text-align: center;
			font-size: 28px;
			color: #d4aa5e;
			}
			.title26 {
			text-align: center;
			font-size: 26px;
			color: #d4aa5e;
			}
			.title24 {
			text-align: center;
			font-size: 24px;
			color: #d4aa5e;
			}
			.title22 {
			text-align: center;
			font-size: 22px;
			color: #d4aa5e;
			}
			.title20 {
			text-align: center;
			font-size: 20px;
			color: #d4aa5e;
			}
			.title18 {
			text-align: center;
			font-size: 20px;
			color: #d4aa5e;
			}
			.title16 {
			text-align: center;
			font-size: 16px;
			color: #d4aa5e;
			}
			.tuning_color {
				min-width: 24px;
				display: inline-block;
			}
			.head {
			color: #daa520!important;
			}
			table.table th.headline {
			color: #d4aa5e!important;
			}
			table.table td.headline {
			color: #d4aa5e!important;
			}
			.headline {
				color: #d4aa5e!important;
			}
			.bus {
			color: #ffa50b;
			}
			.tram {
			color: #f00;
			}
			.troll {
			color: #4aa5ff;
			}
			a:not([href]):not([tabindex]) {
				color: #398cf7;
				cursor: pointer;
			}
			.ok {
				color: #00c700;
				color: #27ae60;
				font-weight: bold;
			}
			.feil {
				color: #ff3d3d;
				font-weight: bold;
			}
			pre {
				color: #69829c;
				background-color: #2d2929;
			}
			IMG.fig
			{
				float: right; /* Обтекание картинки по левому краю */
				padding-left: 10px; /* Отступ слева */
				padding-bottom: 10px; /* Отступ снизу */
			}
			
			#plus {
				position:absolute; left:20px; top:20px; width:16px; height:16px; z-index:90; filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=100, Style=0);
			}
			#minu {
				position:absolute; left:20px; top:46px; width:16px; height:16px; z-index:90; filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=100, Style=0);
			}
			.menu_w {
				display:inline-block;
				position:relative;
			}
			.menu_w-span {
				display:inline-block;
				position:absolute;
				top:3px;
				left:0px;
				color:#FFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:20px;
				background-color:rgba(0,0,0,.4);
				padding:10px 15px;
			}
			.menu_w-span-job {
				display: inline-block;
				position: absolute;
				top: 0px;
				left: 0px;
				color: #FFF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 20px;
				background-color: rgba(0,0,0,.5);
				padding: 3px 15px;
				width: 100%;
				text-align: center;
			}
			.menu_w-span-job2 {
				position: absolute;
				bottom: 0px;
				left: 0px;
				color: #FFF;
				width: 100%;
				text-align: center;
			}
			.menu_w-skins-price {
				display: inline-block;
				position: absolute;
				bottom: 0px;
				left: 0px;
				color: #FFF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				background-color: rgba(0,0,0,.5);
				padding: 3px 15px;
				width: 100%;
				text-align: left;
			}
			.menu_w-skins-id {
				display: inline-block;
				position: absolute;
				top: 0px;
				left: 0px;
				color: #FFF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				background-color: rgba(0,0,0,.5);
				padding: 3px 15px;
				width: 70%;
				text-align: left;
			}
			.menu_w-skins-info {
				display: inline-block;
				position: absolute;
				top: 0px;
				right: 0px;
				color: #FFF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				background-color: rgba(0,0,0,.5);
				padding: 3px 15px;
				width: 30%;
				text-align: right;
			}
			.menu_w-div {
				display:inline-block;
				position:absolute;
				top:3px;
				right:0px;
				color:#FFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:1px;
				background-color:rgba(0,0,0,.4);
				padding:3px;
			}
			.online-test {
				text-decoration:none;
				display: table-cell;
				vertical-align: middle;
				height: 10px;
			}
			.noborder {
				border: 0;
			}
			#header2 h1 {
				font-size: 42px;
				font-weight: bold;
				}
			#header2 h2 {
				font-size: 18px;
				margin-bottom: 20px;
			}
			#header2 h3 {
				font-size: 17px;
				margin-bottom: 20px;
				max-width: 800px;
			}
			.contacts-menu{display:block;margin-top:30px}.contacts-menu ul li a{display:block;padding:5px 0}.contacts-menu ul li a:hover{font-weight:700}.contacts-menu ul li a.active{color:#333;font-weight:700}.contacts-menu ul li a i{width:8px;height:8px;vertical-align:middle;display:inline-block;border-radius:100%;margin-right:10px}.contacts-menu ul li a.contacts-all i{background-color:#6c757d}.contacts-menu ul li a.contacts-work i{background-color:#844ff1}.contacts-menu ul li a.contacts-family i{background-color:#ed5060}.contacts-menu ul li a.contacts-friends i{background-color:#61cd66}.contacts-menu ul li a.contacts-other i{background-color:#4897fb}.contacts-menu ul li a span{float:right;color:#646464!important;font-weight:400!important}.contact-list .table tbody th,.contact-list .table thead th:first-child{width:40px;padding-left:10px}.contact-list .table>tbody>tr>td,.contact-list .table>tbody>tr>th,.contact-list .table>tfoot>tr>td,.contact-list .table>tfoot>tr>th,.contact-list .table>thead>tr>td,.contact-list .table>thead>tr>th{padding:20px 10px}.contact-list .table tbody tr td,.contact-list .table tbody tr th{cursor:pointer}.contact-person .person-header{width:100%;display:block}.contact-person .person-header img{width:120px;height:120px;border-radius:120px;margin:0 auto;display:block}.contact-person .person-header h3{font-size:22px;font-weight:700;color:#333;width:100%;margin:15px 0;text-align:center}.contact-person .person-header span{width:100%;display:block;margin-bottom:15px;text-align:center}.contact-person .person-body h4{text-transform:uppercase;font-weight:700;width:100%;text-align:center;margin-top:35px;display:block;font-size:13px}.contact-person .person-body p{text-align:center;margin-top:20px}.profile-cover{width:100%;display:block;position:relative;border-radius:6px;z-index:1}
			
			
			/*body {
				color: #fff !important;
				font-family: Rubik,sans-serif;
				font-size: 16px;
				-webkit-font-smoothing: antialiased;
			}*/
			.trending-services{height:365px}.trending-services .slimScrollDiv,.trending-services .slimScrollDiv ul{height:365px!important}.trending-services ul li{border-bottom:1px solid #e5e9ec;padding:12px 0}.trending-services ul li:last-child{border-bottom:0}
			

			.vuvod_kotot {
				word-wrap: break-word;
				display: block;
			}

			.vuvod_kotot img {
				display: block;
				max-width: 99%;
				height: auto;
			}
			b {
			font-weight: bold;
			}
			.info-card h4 {
				margin-bottom: 15px;
				font-size: 14px;
			}
			.info-card h4 span {
				float: right;
			}
			.nabor_info {
				min-width: 50px;
				max-width: 400px;
				background: #33b749;
				padding: 3px 3px;
				display: inline-block;
				text-align: center;
				border-radius: 7px;
				margin-bottom: 5px;
			}
			.nabor0 {
				background: #337ab7;
			}
			.nabor1 {
				background: #a933b7;
			}
			.nabor2 {
				background: #b73333;		
			}
			.nabor3 {
				background: #b77c33;		
			}
			.nabor4 {
				background: #bb995c;		
			}
			div.scrollup {
				position: fixed;
				color: #fff;
				background-color: #286090;
				right: 5px;
				bottom: 0px;
				padding: 4px 10px;
				font-size: 20px;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				cursor: pointer;
				display: none;
				text-align: center;
				z-index: 1000;
			}
			.scrollup i {
				color: #fff;
			}
			.scrollleft i {
				color: #fff;
			}
			.scrollrigth i {
				color: #fff;
			}
			div.scrollup:hover {
				background-color: #009ef7;
			}
			div.scrollleft {
				position: fixed;
				color: #fff;
				background-color: #286090;
				right: 85px;
				bottom: 0px;
				padding: 4px 10px;
				font-size: 20px;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				cursor: pointer;
				display: block;
				text-align: center;
				z-index: 1000;
				width: 38px;
			}
			div.scrollrigth {
				position: fixed;
				color: #fff;
				background-color: #286090;
				right: 45px;
				bottom: 0px;
				padding: 4px 10px;
				font-size: 20px;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				cursor: pointer;
				display: block;
				text-align: center;
				z-index: 1000;
				width: 38px;
			}

			.testki { 
				height: avto;
				position: fixed;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 1050;
				overflow: hidden;
				-webkit-overflow-scrolling: touch;
				outline: 0; 
				overflow-x: hidden;
				overflow-y: auto;
			}
			.checkbox_slider + label {
				cursor: pointer;
			}
			.checkbox_slider:not(checked) {
				position: absolute;
				opacity: 0;
			}
			.checkbox_slider:not(checked) + label {
				position: relative;
				padding: 0 0 0 40px;
				color: #980b9;
				font-weight: bold;
			}
			.checkbox_slider:not(checked) + label:before {
				content: '';
				position: absolute;
				top: 0px;
				left: 0;
				width: 35px;
				height: 21px;
				border-radius: 13px;
				background: rgb(255, 255, 255);
				border-color: rgb(223, 223, 223);
				box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
			}
			.checkbox_slider:not(checked) + label:after {
				content: '';
				position: absolute;
				top: 0px;
				left: 1px;
				width: 20px;
				height: 20px;
				border-radius: 10px;
				background: #FFF;
				box-shadow: 0 2px 5px rgba(0,0,0,.3);
				transition: all .2s;
			}
			.checkbox_slider:checked + label:before {
				background: rgb(99, 114, 130)
			}
			.checkbox_slider:checked + label:after {
				left: 15px;
				top: 0px;
			}
			.table-card {
			border-radius: 6px;
			padding: 0!important;
			margin-bottom: 20px;
			border: none;
			-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
			-moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
			box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
			background-color: #262A37;
			background-clip: border-box;
			}
			.table-card td {
			border-top: none;
			border-bottom: none;
			}
			.menuhover {
				color: #6458ff;
			}
			.menuhoverinline {
				display: none;
			}
			.menuhover:hover > .menuhoverinline {
				display: inline-block;
			}
			.hover_link {
				padding: .475rem .75rem; line-height: 1.5; vertical-align: middle; text-align: center; font-weight: 400; display: inline-block;
			}
			
			.metafunc {
			display: inline-block;
			margin-left: .5rem;
			color: #398cf7;
			}




				cursor: not-allowed;
			}
			@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');
			
			.gallery_edit {
				position: absolute;
				bottom: 9px;
				right: 9px;
				color: #FFF;
			}
			.radar_edit {
				position: absolute;
				top: 24px;
				left: 3px;
				color: #FFF;
			}
			
			.example2 {
				display:inline-block;
				position:relative;
			}
			.example2 span {
				display:inline-block;
				position:absolute;
				top:3px;
				left:0px;
				color:#FFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:20px;
				background-color:rgba(0,0,0,.4);
				padding:10px 15px;
			}
			.example2 div {
				display:inline-block;
				position:absolute;
				top:3px;
				right:0px;
				color:#FFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:20px;
				background-color:rgba(0,0,0,.4);
				padding:3px;
			}
			.icons22 {
				width: 22px;
				height: 22px;
			}
			
			.iconsfix {
				margin-top: -4px;
			}
			
			.table-container {
				margin-left: 0px;
				width: 100%;
				overflow-y: auto;
				_overflow: auto;
			}
			.table-contai{
				width: 100%;
				height: 100%;
				overflow-y: auto;
				padding-right: 17px;
				box-sizing: content-box;
			}
			.mapWindow {
			  height: 455px;
			  width: 100%;
			  overflow-x: scroll;
			  overflow-y: scroll;
			}
			
			.tuning_img {
				display: block;
				max-width: 99%;
				height: auto;
			}
			
			#header {
				color: #ececec;
				height: 100vh;
			}
			#header .container {
				position: relative;
				top: 38%;
				transform: translateY(-50%);
			}
			#header h1 {
				font-size: 42px;
				font-weight: bold;
			}
			#header h2 {
				font-size: 16px;
				margin-bottom: 25px;
			}
			.navbar-dark .navbar-nav .nav-link {
				color: #FFFFFF;
			}
			#menu_activi {
				background-color: #337ab7;
				border-style: none;
				font-size: 16px;
				border-radius: 15px;
				max-width: 12	0px;
			}
			
			#header .overlay {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background-color: rgba(0,0,0,0.7);
			}
			.navbar-brand {
				font-size: 28px;
				font-weight: bold;
			}
			
			.comments {
				margin-left: -30px;
				width: 100%;
			}
			.media-body  {
				margin-left: 10px;
			}
			.media-body .author {
				display: inline-block;
				font-size: 1rem;
				color: #d4aa5e;
				font-weight: 700;
			}
			.media-body .metadata {
				display: inline-block;
				margin-left: .5rem;
				color: #a2cc97;
				font-size: .8125rem;
			}
			.media-body .metafunc {
				display: inline-block;
				margin-left: .5rem;
				color: #398cf7;
			}
			.footer-comment {
				color: #777;
			}
			.vote.plus:hover {
				color: green;
			}
			.vote.minus:hover {
				color: red;
			}
			.vote {
				cursor: pointer;
			}
			.comment-reply a {
				color: #777;
			}
			.comment-reply a:hover, .comment-reply a:focus {
				color: #000;
				text-decoration: none;
			}
			.devide {
				padding: 0px 4px;
				font-size: 0.9em;
			}
			.media-text {
				margin-bottom: 0.25rem;
			}
			.title-comments {
				font-size: 1.4rem;
				font-weight: bold;
				line-height: 1.5rem;
				color: rgba(0,0,0,.87);
				margin-bottom: 1rem;
				padding-bottom: .25rem;
				border-bottom: 1px solid rgba(34,36,38,.15); 
			}
			.photo-dialog {
				pointer-events: auto;
			}

			.photo-container {
				margin-left: 0px;
				width: 100%;
				max-height: avto;
				max-height: 88%;
				overflow-x: auto;
				overflow-y: auto;
				background-color: #504f4f;
			}
			.photo-modal { 
				height: avto;
				position: fixed;
				top: 30px;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 1050;
				overflow: hidden;
				text-align:center;
			}
			
			.apst-button {
				width: 40px;
				height: 40px;
				background-color: rgba(62,119,170,.5);
			}
			.apst-button::before {
				left: 11px;
				top: 15px;
				width: 18px;
				height: 18px;
			}

			.fixed {
				position: fixed;
			}

			.img-circle {
				border-radius: 50%;
			}

			.img_pole {
				height: 255px;
				width: 100%;
				overflow-x: scroll;
				overflow-y: scroll;
			}

			.m-r-xxs2 {
				margin-right: 5px;
				margin-top: 0px;
				padding: .375rem .75rem;
				display: inline-block;
				font-weight: 400;
				color: #212529;
				text-align: center;
				vertical-align: middle;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				background-color: transparent;
				border: 1px solid transparent;
				padding: .375rem .75rem;
				font-size: 1rem;
				line-height: 1.5;
				border-radius: .25rem;
				transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
				font: 400 13.3333px Arial;
				
			}

			/* AUTO */
			.b-goods-descrip__item {
				color: #ccc;
				font-size: 16px;
			}
			.b-goods__title {
				color: #2e80fd;
				min-height: 30px;
				font-size: 1.5rem;
				font-family: Rubik,sans-serif;
			}
			.b-goods-descrip {
				border-top: unset;
				text-align: center;
			}
			
			.b-goods__price {
				font: 700 17px Arial;
			}
			
			table.table a {
				margin: 0;
				color: #007bff;
			}
			table.table th {
				color: #fff!important
			}
			table.table td {
				color: #fff!important
			}
			
			html {
				position: relative;
				min-height: 100%;
			}
			body {
				/* Margin bottom by footer height */
				margin-bottom: 60px;
			}
			#footer {
				position: absolute;
				bottom: 0;
				width: 100%;
			}
			/*
			.navy-blue-skin input[type="checkbox"]:checked + label:before {
				border-right: none!important;
				border-bottom: none!important;
			}

			.navy-blue-skin input[type="checkbox"].filled-in:checked + label:before {
				border-right: none!important;
				border-bottom: none!important;
			}

			.navy-blue-skin input[type="checkbox"].filled-in:checked + label:after {
				background-color: none!important;
				border-color: none!important;
			}*/
			table.table-auto td {
				border-color: #264f8e;	
			}
		
			.img-rounded {
				border-radius: 50%;
				width: 50px;
				height: 50px;
			}

			.media-ansver {
				margin-left: 0px;
			}
			
			@media (max-width: 540px) {
			.media-text.text-justify {
				margin-left: -70px!important;
			} 
			.media-heading {
				padding-bottom: 15px!important;
			}
			.media-body .author {
				font-size: .6125rem!important;
			}
			.media-body .metadata {
				font-size: .6125rem!important;
			}
			.media-body .menuhoverinline {
				font-size: .6125rem!important;
			}
			.media-text.text-justify{ 
				font-size: 15px;
			}
			.media-ansver {
				margin-left: -70px;
			}
			.media-heading .metafunc {
				display: block;
			}
			}
			.job_title {
			font-weight: 700;
			}
			@media (max-width: 640px) {
			.job_title {
				display: block;
				text-align: center;
			}
			.job_text {
				display: block;
				border-bottom: 2px solid #ccc;
				padding-bottom: 10px;
			}
			}
			.radar_edit {
				position: absolute;
				top: 33px;
				left: 3px;
				color: #FFF;
			}
			
			.house-number-ok {
				color: black;
				background-color: #00c700;
				border-radius: 15px;
				padding-left: 5px;
				padding-right: 5px;
				font-size: 11px;
			}
			.house-number-no {
				color: black;
				background-color: #ff3d3d;
				border-radius: 15px;
				padding-left: 5px;
				padding-right: 5px;
				font-size: 11px;
			}
			.house_field {
				height: 355px;
				width: 100%;
				border: 1px solid #C1C1C1;
				overflow-x: scroll;
				overflow-y: scroll;
			}
			.bnt_filter {
				margin: 0px!important;
				margin-top: 5px!important;
			}

			.view img {
				margin-left: auto!important;
				margin-right: auto!important;	
			}
			
			
			@media (min-width: 740px) {
				.menu-main {
					display: none;
				}
			}
			@media (max-width: 360px) {
				audio {
					width: 220px;
				}
			}
			@media (min-width: 1450px) {
				.menuHide {
					display: none;
				}
			}

			.infoFade {
				background: #05050ede;
			}
			
			
			.card.card-image {
    width: 100%;
    background-position: center;
    background-size: cover
}

.card.card-image [class*=rgba-] {
    border-radius: .25rem
}

.card.card-cascade .view.view-cascade {
    border-radius: .25rem;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}

.card.card-cascade .view.view-cascade.gradient-card-header {
    padding: 1.6rem 1rem;
    color: #fff;
    text-align: center
}

.card.card-cascade .view.view-cascade.gradient-card-header .card-header-title {
    font-weight: 500
}

.card.card-cascade .view.view-cascade.gradient-card-header .btn-floating {
    background-color: rgba(255,255,255,.2)
}

.card.card-cascade.wider {
    background-color: transparent;
    box-shadow: none
}

.card.card-cascade.wider .view.view-cascade {
    z-index: 2
}

.card.card-cascade.wider .card-body.card-body-cascade {
    z-index: 1;
    margin-right: 4%;
    margin-left: 4%;
    background-color: #1e1e2d;
    border-radius: 0 0 .25rem .25rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.card.card-cascade.wider .card-body.card-body-cascade .card-footer {
    margin-right: -1.25rem;
    margin-left: -1.25rem
}

.card.card-cascade.wider.reverse .card-body.card-body-cascade {
    z-index: 3;
    margin-top: -1rem;
    border-radius: .25rem;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}

.card.card-cascade.narrower {
    margin-top: 1.25rem
}

.card.card-cascade.narrower .view.view-cascade {
    margin-top: -1.25rem;
    margin-right: 4%;
    margin-left: 4%
}
.view img, .view video {
    position: relative;
    display: block;
}
.view .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
.waves-effect {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.card-img-top {
    width: 100%;
    border-radius: 8px;
}

#zoomPlus {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 90;
}
#zoomMinus {
  position: absolute;
  left: 20px;
  top: 46px;
  z-index: 90;
}
#zoomPlus i, #zoomMinus i {
  color: rgb(255 255 255 / 80%);	
}

.buttonnew {
	color: #CCC;
	padding: 10px 20px;
	border-radius: .30rem;
	margin-top: 15px;
	height: auto;
	transition: all 0.5s ease-in-out;
	border: none;
	text-transform: uppercase;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.25);
	background: #337ab7;
	background:-webkit-linear-gradient(to right, #1d354a, #337ab7);
	background: linear-gradient(to right, #1d354a, #337ab7);
}
.buttonnew i {
	color: #FFF;
}
.buttonnew:hover {
	cursor: pointer;
	background:-webkit-linear-gradient(to left, #1d354a, #337ab7);
	background: linear-gradient(to left, #1d354a, #337ab7);
}
.buttonnew.disabled, .buttonnew:disabled {
	opacity: .65;
}