/************************************************************************************/
/* Themes site
/************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');
p {}

body {
	background: #ffffff;
	padding: 0;
	color: #000000;
	height: 100%;
	font-family: 'robotolight';
	font-size: 16px;
	font-weight: normal;
	margin: 0 auto;
	line-height: 1.4em;
	min-width: 360px;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	height: 100%;
}

.container-full.rec img, .container-full.last-rec img{
	max-width: 100%;
	height: auto;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-weight: normal;
}

h1 {
	font-size: 30px;
	font-weight: normal;
	color: #195EA5;
	line-height: 1.2em;
	margin: 0;
	padding-bottom: 30px;
}

h2 {
	font-size: 30px;
	font-weight: normal;
	color: #195EA5;
	line-height: 1.2em;
	margin: 0;
}

h3 {
	font-size: 24px;
	font-weight: normal;
	color: #195EA5;
	line-height: 1.2em;
	padding-bottom: 16px;
}

h4 {
	font-size: 20px;
	font-weight: normal;
	color: #195EA5;
	line-height: 1.2em;
}

h5 {
	font-size: 15px;
	font-weight: normal;
}

h6 {
	font-size: 16px;
	font-weight: normal;
}

p {
	margin: 0 0 10px;
	font-weight: normal;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #EC6A23;
	text-decoration: none;
}

a:active {
	color: #EC6A23;
	text-decoration: none;
}

small {
	font-size: 80%;
}

mark {
	background-color: #fcf8e3;
	padding: .2em;
}

pre {
	text-align: left;
}

.red_placeholder::placeholder {
	color: red;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

.text-nowrap {
	white-space: nowrap;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
}

.img-responsive-center {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.auto {
	margin: 0 auto;
}

.img-rounded {
	border-radius: 8px;
}

.img-thumbnail {
	padding: 4px;
	line-height: 1.42857143;
	background: none;
	border: 1px solid #444444;
	border-radius: 0px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.img-thumbnail:hover { background: #fff; }

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

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.invisible {
	visibility: hidden;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.hidden {
	display: none !important;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.text-left-a {
	text-align: left;
}

.text-right-a {
	text-align: right;
}

.display-table {
	display: table;
	table-layout: fixed;
	position: relative
}

.display-cell {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

:focus {
	outline: none !important;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0;
}

.flex-center {
	align-items: center;
}

/************************************************************************************/
/* Header & Nav
/************************************************************************************/
header { height: 80px; border-bottom: solid 1px #F3762A; position: fixed; top: 0px; 	width: 100%; z-index: 200; background: #ffffff; }
@media only screen and (max-width: 1240px) {
	header { height: 50px; }
}

@media only screen  and (max-width: 767px) {
	.top-menu-nav { display: none; }
}

.brand { padding-top: 25px; float: left; width: 170px; height: 34px; padding-left: 15px; padding-right: 20px;  }
		@media only screen and (max-width: 1240px) {
			.brand { padding-top: 14px; width: 80px; height: 22px; padding-left: 15px; padding-right: 25px;  }
			.brand img { width: 80px; height: 22px; }
		}

.bars { padding-top: 12px; float: left;  }

.contactsHeader { padding-left: 0px; padding-top: 25px; }
		@media only screen  and (max-width: 1240px) {
			.contactsHeader { padding-top: 12px; }
		}
	.phone a { font-family:  Montserrat;  font-size: 16px; display: block; text-align: right;   float: right; margin-left: 30px; margin-top: 8px; }
		@media only screen and (min-width: 1441px) and (max-width: 1680px) {
			.phone a { font-size: 15px;  margin-left: 25px;}
		}
		@media only screen and (min-width: 1241px) and (max-width: 1440px) {
			.phone a { font-size: 14px;  margin-left: 15px;}
		}
		@media only screen  and (max-width: 1240px) {
			.phone a { margin-top: 0px; margin-left: 20px;}
		}
		.phone a:hover { color: #EC6A23; }
		.phoneMob, .orderMob { display: block; width: 28px;height: 28px; float: right; margin-left: 15px;}
		a .iconHeader  { display: block; width: 28px;height: 28px; }
		a .iconHeaderOver  { display: none; width: 28px;height: 28px; }
		a:hover .iconHeader  { display: none;  }
		a:hover .iconHeaderOver  { display: block;  }
		
		header a.order { padding: 7px 20px 7px 20px;  background: linear-gradient(135deg, #FF8400 0%, #D15815 100%); border: none; color: #fff;	font-size: 14px; border-radius: 8px; display: block; text-align: center; float: right; margin-left: 30px;  font-family: Montserrat; font-weight: 500;}
		header a.order:hover {background: linear-gradient(135deg, #DD7200 0%, #A3430E 100%); border: none; color: #fff;  } 
		@media only screen and (min-width: 1441px) and (max-width: 1680px) {
			header a.order  { font-size: 13px; margin-left: 25px; padding: 8px 15px 7px 15px;}	
		}
		@media only screen and (min-width: 1241px) and (max-width: 1440px) {
			header a.order  { font-size: 12px; margin-left: 20px; padding: 8px 12px 8px 12px;}
		}
		@media only screen and (max-width: 1240px) {
			header a.order { padding: 0px 0px 0px 0px;  	background: none; color: #000;	float: right; margin-left: 20px;}
			header a.order:hover {background: none; color: #000;} 
		}
		
		
		@media only screen and (min-width: 768px) and (max-width: 991px) {
			header a.order, header .phoneMob a { margin-left: 12px;}
			header a.orderMobB2B { margin-left: 0px;}
		}
		@media only screen and (max-width: 767px) {
			header a.order { margin-left: 15px;}
			.phoneMob, .orderMob { margin-left: 15px;}
		}

.nav > li > a {
	padding: 0 10px 0 0;
}

.nav > li.dropdown > a { padding: 31px 10px; }

@media only screen and (max-width: 1240px)  {
	.nav > li.dropdown > a { padding: 15px 10px; }
}

@media only screen and (max-width: 990px)  {
	.nav > li.dropdown > a { padding: 15px 5px; }
}


.search { font-size: 14px; font-family: Montserrat; color: #96959B; height: 34px; padding-top: 0px; width: 30%; background: #EDEDED; border-radius: 8px; float: right; }
	.stylish-input-group .form-control { border-right: 0; box-shadow: 0 0 0;  font-size: 14px; font-family: Montserrat; color: #96959B; background: none; border-color: transparent; }
		.search .stylish-input-group .form-control:focus { border: none;  }
		
		.search  .stylish-input-group .input-group-addon { 	background: none !important; }
		
		@media only screen and (min-width: 1441px) and (max-width: 1680px) {
			.search {width: 28%; }
		}
		
		@media only screen and (max-width: 1440px) {
				.search { display: none; }
		}


.search-small {
	height: 59px;
	padding-top: 17px;
	float: right;
	padding-left: 5px;
	cursor: pointer;
}

.login {
	height: 58px;
	float: right;
	padding: 14px 20px 0 16px;
	cursor: pointer;
}

.manager {
	height: 59px;
	width: 58px;
	float: right;
	padding: 14px 16px 0 25px;
	cursor: pointer;
}

.order-foot a{ 	text-decoration: underline; 	color: white; }

.order-foot a:hover{
	color: #ee8d02;
}



.stylish-input-group button {
	border: 0;
	background: transparent;
}

.input-group-addon {
	padding: 6px 10px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	color: #444444;
	text-align: center;
	background-color: transparent;
	border: 0;
}

.bs.dropdown-toggle::after {
	display: none;
}

.bs.dropdown-menu:before {
	position: absolute;
	top: -9px;
	right: 12px;
	display: inline-block;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #EC6A23;
	border-left: 9px solid transparent;
	border-bottom-color: #EC6A23;
	content: '';
}

.bs.dropdown-menu:after {
	position: absolute;
	top: -8px;
	right: 13px;
	display: inline-block;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	border-left: 8px solid transparent;
	content: '';
}

.bs.dropdown-menu {
	right: 10px;
	left: auto;
	color: #000000;
	background: rgba(255, 255, 255, 0.9);
	margin-top: 0;
	border-top: solid 1px #EC6A23;
	border-radius: 0px;
}
.bs.dropdown-menu .dropdown-item:hover{
	color: #EC6A23;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 200px;
	padding: 10px;
	margin: -1px 0 0;
	list-style: none;
	font-size: 16px;
	text-align: left;
	background-color: #ffffff;
	border: none;
}

.form-control::-webkit-input-placeholder {
	color: #444444;
}

.form-control::-moz-placeholder {
	color: #444444;
}

.form-control:-ms-input-placeholder {
	color: #444444;
}

.form-control:-moz-placeholder {
	color: #444444;
}

.form-control:focus {
	border: 1px solid #ffffff;
	outline: 0;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0)
}

.offcanvas__trigger--open {
	margin-top: 10px;
}

.offcanvas__trigger--open.ss {
	border: 0;
	background: none;
	font-size: 20px;
	color: #ffffff;
	padding-top: 0;
	cursor: pointer;
}

.offcanvas__trigger--open {
	border: 0;
	background: none;
	font-size: 20px;
	color: #454545;
	padding-top: 0;
	cursor: pointer;
}

.offcanvas__trigger--close {
	border: 0;
	background: none;
	font-size: 20px;
	color: #ffffff;
	padding-top: 0;
	cursor: pointer;
}

.tty {
	position: absolute;
	top: 15px;
	right: 15px;
}

.offcanvas {
	background: rgba(255, 255, 255, 0.96);
	color: #000000;
	overflow-y: auto;
	position: fixed;
	z-index: 999999;
	display: none;
	transform: translate3d(0, 0, 0);
	transition: transform 0ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.offcanvas--top {
	top: -580px;
	left: 0;
	width: 100vw;
	height: auto;
	padding: 15px 0;
}

.offcanvas--top--active {
	transform: translate3d(0, 580px, 0);
	margin-top: 59px;
}

.offcanvas--right {
	background: #000000;
	color: #ffffff;
	top: 0;
	padding-top: 40px;
	right: -320px;
	width: 320px;
	height: 100vh;
}

.offcanvas--right--active {
	transform: translate3d(-320px, 0, 0);
}

.offcanvas--bottom {
	bottom: -320px;
	left: 0;
	width: 100vw;
	height: 320px;
}

.offcanvas--bottom--active {
	transform: translate3d(0, -320px, 0);
}

.offcanvas--left {
	top: 0;
	padding-top: 40px;
	left: -100%;
	width: 100%;
	height: 100vh;
}

.offcanvas--left--active {
	transform: translate3d(100%, 0, 0);
	margin-top: 60px;
}

.offcanvas--initialized {
	display: block;
}

.offcanvas i {
	color: #000000;
}

.navbar-nav-rt ul {
	padding: 10px;
}

.navbar-nav-rt li {
	padding: 5px 0;
}

.navbar-nav-rt li a {
	color: #000000;
	text-decoration: none;
	padding: 5px 0;
}

.navbar-nav-rt li a:hover {
	color: #EC6A23 !important;
	text-decoration: none;
}

ul.navbar-nav-rt {
	list-style: none !important;
	padding: 0 14px;
}

.dropdown-header {
	color: #000000;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0 12px 5px 8px;
}

/************************************************************************************/
/* IndexSlider
/************************************************************************************/
#banners {
	margin: 0 0 90px 0;
	padding-top: 80px;
}

#banners-a {
	margin: 0 0 45px 0;
	padding-top: 80px;
	
}

.size .container-small { position: absolute; bottom: 10px; margin-left: auto; margin-right: auto;}

@media only screen and (min-width: 0px) and (max-width: 1240px) {
	#banners-a {
		padding-top: 50px;
	}
}

.size {
	width: 100%;
	min-height: 150px;
	position: relative;
}

#banners .owl-carousel .item {
	position: relative;
	padding: 0;
	text-align: center;
}

#banners .owl-carousel .owl-item {
	float: left;
	text-align: center;
}

main h1 {
	padding: 0 17px 24px 18px;
}

main h4 {
	font-size: 34px;
	font-weight: normal;
	color: #444444;
	line-height: 1.2em;
	margin: 0 0 15px 0;
	padding: 0;
}

.menu-b {
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0 0 40px 0;
}

.menu-b li a {
	font-size: 16px;
	color: #185CA3;
	text-decoration: underline;
}

.menu-b li {
	padding: 3px 0;
}

.menu-b li a:hover {
	color: #EC6A23;
}

.menu-d {
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0 0 20px 0;
}

.menu-d li {
	font-size: 16px;
	padding: 0px 0;
}

.fa-ul li a {
	font-size: 16px;
	color: #185CA3;
	text-decoration: underline;
}

.fa-ul li a:hover {
	color: #EC6A23;
}

.fa-ul li {
	margin-bottom: 10px;
}

.fa-ul {
	padding-bottom: 30px;
}

.fa-ul i.pdf {
	color: #EF4036;
}

.fa-ul i.doc {
	color: #1B0683;
}

.fa-ul i.zip {
	color: #FDB714;
}

.namess {
	padding-bottom: 50px !important;
}

.size h1 {
	padding-top: 90px;
	font-family: 'robotobold';
	color: #ffffff;
}

.banner {
	padding-bottom: 30px;
}

.prim {
	color: #185CA3;
	font-size: 20px;
	line-height: 1.3em;
	padding-bottom: 30px;
}

.br {
	margin: 120px 0;
}

.menu-c li a {
	display: block;
	padding-right: 10px;
	font-size: 24px;
	color: #444444;
}

.menu-c li {
	display: inline-block;
	padding: 20px 0;
}

.menu-c span.active {
	background: #dddddd;
}

.menu-c span:hover {
	background: #eeeeee;
}

.menu-c span {
	padding: 2px 8px;
}

.pr .menu-c li a {
	display: list-item;
	padding-right: 10px;
	font-size: 24px;
	color: #444444;
	line-height: 1.4em
}

.pr .menu-c li {
	display: list-item;
	padding: 0 0 40px 0;
}

.pr .menu-c span.active {
	background: #dddddd;
}

.pr .menu-c span:hover {
	background: #dddddd;
}

.pr .menu-c span {
	padding: 2px 8px;
}

.pr .menu-c li:last-child {
	padding-bottom: 0
}

.pr-a .menu-c li a {
	display: list-item;
	padding-right: 10px;
	font-size: 24px;
	color: #444444;
	line-height: 1.4em
}

.pr-a .menu-c li {
	display: list-item;
	padding: 20px 0;
}

.pr-a .menu-c span.active {
	background: #dddddd;
}

.pr-a .menu-c span:hover {
	background: #eeeeee;
}

.pr-a .menu-c span {
	padding: 2px 8px;
}

p a.active, .its a.active {
	color: #0059AB;
}

.rec, .last-rec, .no-rec {
	background: #EAEAEA;
	color: #000;
	display: table;
	width: 100%;
	padding: 40px 0 40px 0 !important;
}

.no-rec{
	background: none;
}

.rec h6 , .last-rec h6{
	color: #0059AB;
	font-size: 24px;
	padding: 15px 0 8px 0;
	margin: 0 0 22px 0px;
}

p a{
	cursor: pointer;
}

.rec-a {
	background: #ffffff;
	color: #444444;
	display: table;
	width: 100%;
	padding: 40px 0 0 0 !important;
}

.rec-a h6 {
	color: #0059AB;
	font-size: 24px;
	padding: 15px 0 8px 0;
	margin: 0 0 22px 0px;
}

.block-a {
	padding-top: 30px;
	padding-bottom: 30px;
}

.block {
	margin-top: 30px;
	marging-bottom: 30px;
}

.btn img {
	padding-right: 15px;
}
.btn{
  border-radius: 0px;
}
.btn-primary {
	color: #444444;
	background-color: #EAEAEA;
	border-color: #444444;
	font-size: 18px;
	padding: 8px 10px
}

.btn-primary:focus, .btn-primary.focus {
	color: #444444;
	background-color: #EAEAEA;
	border-color: #444444
}

.btn-primary:hover {
	color: #444444;
	background-color: #EAEAEA;
	border-color: #444444
}

.btn-primary:active:hover, .btn-primary.active:hover {
	color: #444444;
	background-color: #EAEAEA;
	border-color: #444444
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: 0px
}

.right {
	padding-bottom: 40px;
}

.right h4{
	margin-bottom: 15px;
}

.brands {
	padding: 50px 15px;
}

.pad {
	margin-bottom: 50px
}

.art {
	margin-top: 145px
}

.brands-a {
	padding: 20px 0;
}

.pr-a,
.c-sin {
	position: relative;
	float: left;
}

.border-left {
	border-left: 1px solid #DADADA;
}

.border-right {
	border-right: 1px solid #DADADA;
}

.equal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.equal > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.tovar p {
	margin-bottom: 25px;
}

.tovar-img {
	margin: 7px 0;
}

.tovar-name {
	margin-bottom: 20px;
	font-family: 'robotobold';
	font-size: 16px;
}

.news-a .prim {
	color: #185CA3;
	font-size: 20px;
	line-height: 1.3em;
	padding-bottom: 0 !important;
}

/************************************************************************************/
/* Modal
/************************************************************************************/
.modal-backdrop {
	opacity: 0.8 !important;
}
.modal-dialog{
	opacity: 0.9;
	border-radius: 0px;
	width: 470px;
}
.modal-content{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.modal-open .modal {
	padding-left: 0px !important;
	padding-right: 0px !important;
	overflow-y: scroll;
}
.modal-footer{
	border-top: none;
}
.modal-content input{
	border: none;
	border-bottom: 1px solid #9b9b9b8f;
	width: 72%;
	margin: 0 auto;
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 5px;
}
.modal-content input:last-child{
	margin-bottom: 7px;
	background: transparent;
	border: 1px solid #9b9b9b;
	font-size: 20px;
	color: #616161;
}
.modal-header {
	color: #ffffff;
	padding: 40px 40px 0px 0px;
	border-bottom: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.modal-content .cross-stick{
	width: 87%;
	height: 1px;
	background-color: #ff7709;
	transform: rotate(45deg);
	opacity: 1;
}
.modal-content .cross-stick:last-child{
	transform: rotate(-45deg);
	margin-top: -1px;
}
.modal-header h4{
	width: 72%;
	color: black;
}
.modal-header .close{
	margin-top: 2px;
	border-radius: 25px;
	border: 1px solid #ff7709;
	color: #ff7709;
	height: 25px;
	width: 25px;
	opacity: 1;
}
@media(max-width: 470px){
	.modal-dialog{
		width: 100%;
	}
	.modal-header .close{
		color: black;
		border: none;
	}
	.modal-content .cross-stick{
		background-color: black;
	}
	.modal-content{
		position: relative;
		background-color: #fff;
		border: none;
		border-radius: 0px;
		box-shadow: none;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		outline: 0;
		padding-bottom: 1px;
		margin-top: 50px !important;
	}
}
.panel {
	margin-bottom: 0;
}

figure img {
	padding-bottom: 31px;
}

figcaption {
	margin-bottom: 35px;
}

.footer-border {
	border-top: solid 1px #F37529;
	padding: 35px 0 25px 0;
}

.dos {
	background: #EAEAEA;
	color: #ffffff;
	display: table;
	width: 100%;
	margin-top: 40px;
	padding-bottom: 20px !important;
}

.image-square {
	width: 40px;
	height: 40px;
	margin: 0 10px 10px 0;
}

.service-box {
	display: block;
	overflow: hidden;
	position: relative;
}

.service-box .tu {
	float: left;
	height: 37px;
	margin: 0;
	text-align: left;
	width: 110px;
}

.service-box p {
	display: block;
	overflow: hidden;
	color: #000000;
	position: relative;
	font-size: 16px;
	padding-left: 55px;
}
.service-box:last-child p{
	margin-bottom: 25px;
}

.service-box {
	margin: 15px 0 0 0;
}

.service-box h5 a {
	color: #555555;
}

.service-box h5 {
	color: #555555;
}

.service-box span {
	color: #555555;
	padding-right: 10px;
	font-size: 16px;
	font-family: 'robotomedium';
}

.news {
	background: #E9E9E9;
	color: #000000;
	padding: 20px 0;
}

.news h6 {
	color: #0059AB;
	font-size: 24px;
	padding: 15px 0 8px 0;
	margin: 0 0 22px 0px;
	text-decoration: underline;
}

.bg-news {
	padding-left: 10px;
	padding-right: 10px;
}

.outter-square {
	width: 100px
}

.bg-news {
	margin: 0;
	padding: 0 10px
}

.service-box h5 {
	font-size: 16px;
	font-family: 'robotomedium';
	color: #404040;
	padding-bottom: 16px !important
}

.service-box .tu-a {
	float: left;
	height: 38px;
	margin: 0;
	text-align: left;
	width: 55px;
}

.outter-square-a {
	width: 40px
}

a.link-card {
	font-size: 16px;
	font-family: 'robotomedium';
	text-decoration: underline;
	color: #404040;
}

.tu-a {
	font-size: 16px;
	font-family: 'robotomedium';
	text-decoration: none;
	color: #404040;
}

.bs a {
	padding: 10px !important;
	line-height: 2em;
  color: rgb(51, 51, 51);
}

.news-a .date {
	font-size: 15px;
	color: #ff6514  !important;
	padding-bottom: 10px !important
}

.news-a h5, .news-a h5 a {
	font-size: 16px;
	font-family: 'robotomedium';
	color: #404040;
	margin-bottom: 15px !important
}

.news-a p, .news-a p a {
	text-decoration: none;
	padding-bottom: 20px;
}

.col-5, .col-5x {
	position: relative;
	padding-right: 10px;
	padding-left: 20px;
}

.col-5 {
	width: 20%;
	float: left;
}

.col-5x {
	width: 80%;
	float: left;
}

.nav > li.dropdown.open {
	position: static;
}

.nav > li.dropdown.open .dropdown-menu { display: table; border-radius: 0; width: 100%; left: 0; 	right: 0; padding: 30px; z-index: 5000; }

.nav.navbar-nav { margin-left: -9px; margin-top: 2px; }
@media only screen and (max-width: 1240px)  {
	.nav.navbar-nav { margin-left:  30px;  margin-top: 0px; }
}


.navbar-nav > li > a { padding-bottom: 13px; }

.navbar-default {
	background-color: #ffffff;
	color: #000000;
	border-bottom: solid 1px #EC6A23;
}

.navbar-default .navbar-nav > li > a { color: #000000; font-family: 'Montserrat'; font-size: 14px;}

@media only screen and (min-width: 1441px) and (max-width: 1700px) {
	.navbar-default .navbar-nav > li > a { font-size: 13px;}
}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
		.navbar-default .navbar-nav > li > a { font-size: 12px;}
}
@media only screen  and (min-width: 991px) and (max-width: 1200px) {
		.navbar-default .navbar-nav > li > a { font-size: 12px;}
}

@media only screen  and (max-width: 990px) {
		.navbar-default .navbar-nav > li > a { font-size: 12px;}
}



.dropdown-menu {
	background: rgba(255, 255, 255, 0.9);
	color: #000000;
	border-top: solid 1px #EC6A23;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus {
	color: #000000;
	background-color: transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #ffffff;
	color: #EC6A23;
}

.navbar-nav {
	float: left;
	margin: 0;
}

ul.navi li {
	padding: 5px 0 5px 0;
}

ul.navi a {
	margin: 0;
	font-size: 16px;
	height: 59px;
	color: #333333;
	padding-right: 8px;
}

ul.navi li + li:before {
	padding-right: 0;
}

ul.navi a:hover {
	color: #EC6A23;
}

/*.panel-title > a:before {float: right !important; font-family: FontAwesome; content:"\f077"; padding-right: 5px;}
.panel-title > a.collapsed:before {float: right !important; content:"\f078";}*/

.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {
	text-decoration: none;
}

.panel-heading a {
	color: #155CA2;
	background-color: transparent;
	border-color: transparent
}

.panel-title {
	text-transform: uppercase;
}

.panel, .panel-default {
	border-color: transparent;
	background: none;
}

.panel {
	margin-bottom: 0;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: none;
	border-top-color: rgb(221, 221, 221);
}

.form-control-b {
	display: block;
	width: 100%;
	height: 32px;
	padding: 3px 12px;
	line-height: 1.42857143;
	background: none;
	border: 1px solid #cccccc;
	border-radius: 0;
	margin: 3px 0;
	margin-bottom: 15px;
}

.form-control-b:focus {
	border: 1px solid #005f9b;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control-b::-moz-placeholder {
	color: #333333;
	opacity: .8;
}

.form-control-b:-ms-input-placeholder {
	color: #333333;
	opacity: .8;
}

.form-control-b::-webkit-input-placeholder {
	color: #333333;
	opacity: .8;
}

main label {
	font-weight: normal;
	text-align: left;
	padding-bottom: 5px;
	color: #185CA3;
	font-size: 20px;
}

.form-control-a {
	text-align: center;
	display: block;
	width: 100%;
	height: 32px;
	padding: 3px 12px;
	line-height: 1.42857143;
	background: none;
	border: 1px solid #cccccc;
	border-radius: 0;
	margin: 0 auto;
	width: 50px;
}

.form-control-a:focus {
	border: 1px solid #cccccc;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #ffffff;
}

.form-control-a::-moz-placeholder {
	color: #333333;
	opacity: .8;
}

.form-control-a:-ms-input-placeholder {
	color: #333333;
	opacity: .8;
}

.form-control-a::-webkit-input-placeholder {
	color: #333333;
	opacity: .8;
}

.prim h3 {
	padding: 30px 0 0 0;
}

.price {
	font-family: 'robotoregular';
	padding: 20px 0 0 0;
	font-size: 20px;
}

.price span {
	font-family: 'robotobold';
	color: #185CA3;
}

.fa-ul {
	margin: 20px 0 0 0;
}

.fa-ul li {
	margin: 5px 0 5px 0;
	font-size: 15px;
}

.fa-ul i {
	color: #F37529;
}

.res {
	margin-top: 40px;
}

.res-a {
	margin: 60px 0;
}

.bran {
	margin-bottom: 15px;
}

.btn-call {
	color: #ffffff;
	background-color: #185CA3;
	border: solid 1px #185CA3;
	padding: 3px 10px;
	font-size: 14px;
	line-height: 1.42857143;
	height: 34px;
	margin: 20px 0 30px 0;
}

.kol {
	font-family: 'robotobold';
	color: #676767;
	font-size: 18px;
}

.panel-body span {
	font-family: 'robotobold';
	color: #185CA3;
}

.panel-body .fa-ul {
	margin: 0 0 0 16px;
}

.panel-body .fa-ul li {
	margin: 5px 0;
	font-size: 15px;
}

.panel-body .fa-ul i {
	color: #F37529;
	font-size: 8px;
	padding-top: 7px;
}

.panel-body .fa-li {
	position: absolute;
	left: -3.14285714em;
	width: 3.14285714em;
	top: .14285714em;
	text-align: center;
}

.sd. panel-default {
	background: #ffffff !important;
}

.panel-heading.sd {
	color: #333333;
	background-color: #ffffff;
	border-color: #ffffff;
}

.panel-title.ad > a:before {
	float: right !important;
	font-family: FontAwesome;
	content: "";
	padding-right: 5px;
}

.btn-danger:focus, .btn-danger.focus {
	color: #ffffff;
	background-color: #F37529;
	border-color: #F37529
}

.btn-danger:hover {
	color: #ffffff;
	background-color: #F37529;
	border-color: #F37529
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	color: #ffffff;
	background-color: #F37529;
	border-color: #F37529
}

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
	color: #ffffff;
	background-color: #F37529;
	border-color: #F37529
}

.btn-danger.df {
	color: #ffffff;
	background-color: #185CA3;
	border-color: #185CA3
}

.btn-danger.df:focus, .btn-danger.df.focus {
	color: #ffffff;
	background-color: #185CA3;
	border-color: #185CA3
}

.btn-danger.df:hover {
	color: #ffffff;
	background-color: #185CA3;
	border-color: #185CA3
}

.btn-danger.df:active, .btn-danger.df.active, .open > .dropdown-toggle.btn-danger.df {
	color: #ffffff;
	background-color: #185CA3;
	border-color: #185CA3
}

.btn-danger.df:active:hover, .btn-danger.df.active:hover, .open > .dropdown-toggle.btn-danger.df:hover, .btn-danger.df:active:focus, .btn-danger.df.active:focus, .open > .dropdown-toggle.btn-danger.df:focus, .btn-danger.df:active.focus, .btn-danger.df.active.focus, .open > .dropdown-toggle.btn-danger.df.focus {
	color: #ffffff;
	background-color: #185CA3;
	border-color: #185CA3
}

.orange {
	color: #F37529;
	border: solid 1px #F37529;
	display: inline;
	padding: 3px 10px;
}

.blue {
	color: #185CA3;
	padding-bottom: 20px;
}

textarea {
	resize: none;
	min-height: 135px !important;
	padding: 15px;
}

.pb {
	padding-bottom: 20px;
}

.pb-a {
	padding-bottom: 10px;
}

.block_forma {
	background: #f1f1f1 !important;
	padding: 15px;
	display: none;
}

.open_block {
	cursor: pointer
}

.p15 {
	padding: 20px;
}

.open_block p {
	margin: 0 0 3px 0;
}

.masonry {
	display: block;
}

.block_forma_a p span {
	font-family: 'robotobold';
	color: #185CA3;
}

.block_forma_a p a {
	text-decoration: underline
}

.pr article {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

article {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

/* 5 columns */
.masonry.masonry-columns-5 {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5;
}

/*-4 columns------*/
.masonry.masonry-columns-4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

/*-3 columns------*/
.masonry.masonry-columns-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

/*-2 columns------*/
.masonry.masonry-columns-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

/*-1 columns------*/
.masonry.masonry-columns-1 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.masonry .masonry-item {
	display: inline-block !important;
	width: 100% !important;
	max-width: 100% !important;
	position: relative;
	display: block;
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: .25rem;
	float: none !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-bottom: 2.25rem !important;
}

.masonry .masonry-item {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
	padding: 10px;
	border: 1px solid transparent;
	transition: all 0.4s ease-in-out;
}

.filter {
	padding-bottom: 30px;
}

.filter h3 {
	padding-bottom: 40px;
}

.filter img {
	padding-bottom: 20px;
}

.height-100 {
	height: 100%;
}

.height-100 * {
	margin: 0 auto;
}

.opacity {
	opacity: .4
}

.opacity:hover {
	opacity: 1
}

main table {
	width: 100%;
	text-align: center;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

main table th {
	padding: 12px;
	margin: 0;
	border: 1px solid #cccccc;
}

main table td {
	padding: 12px;
	margin: 0;
	border: 1px solid #cccccc;
}

main table thead {
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

main table tbody tr td {
	border: 1px solid #cccccc;
}

main table tbody tr:hover td {
	background-color: #f3f3f3;
}

/************************************************************************************/
/* RangeSlider
/************************************************************************************/
.ir {
	padding: 15px 20px 15px 20px;
}

.irs {
	position: relative;
	display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.irs-line {
	position: relative;
	display: block;
	overflow: hidden;
	outline: none !important;
}

.irs-line-left, .irs-line-mid, .irs-line-right {
	position: absolute;
	display: block;
	top: 0;
}

.irs-line-left {
	left: 0;
	width: 11%;
}

.irs-line-mid {
	left: 9%;
	width: 82%;
}

.irs-line-right {
	right: 0;
	width: 11%;
}

.irs-bar {
	position: absolute;
	display: block;
	left: 0;
	width: 0;
}

.irs-bar-edge {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

.irs-shadow {
	position: absolute;
	display: none;
	left: 0;
	width: 0;
}

.irs-slider {
	position: absolute;
	display: block;
	cursor: default;
	z-index: 1;
}

.irs-slider.type_last {
	z-index: 2;
}

.irs-min {
	position: absolute;
	display: block;
	left: 0;
	cursor: default;
}

.irs-max {
	position: absolute;
	display: block;
	right: 0;
	cursor: default;
}

.irs-from, .irs-to, .irs-single {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	cursor: default;
	white-space: nowrap;
}

.irs-grid {
	position: absolute;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
}

.irs-with-grid .irs-grid {
	display: block;
}

.irs-grid-pol {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 8px;
	background: #000000;
}

.irs-grid-pol.small {
	height: 4px;
}

.irs-grid-text {
	position: absolute;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	text-align: center;
	font-size: 9px;
	line-height: 9px;
	padding: 0 3px;
	color: #000000;
}

.irs-disable-mask {
	position: absolute;
	display: block;
	top: 0;
	left: -1%;
	width: 102%;
	height: 100%;
	cursor: default;
	background: rgba(0, 0, 0, 0.0);
	z-index: 2;
}

.irs-disabled {
	opacity: 0.4;
}

.lt-ie9 .irs-disabled {
	filter: alpha(opacity=40);
}

.irs-hidden-input {
	position: absolute !important;
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: none !important;
	z-index: -9999 !important;
	background: none !important;
	border-style: solid !important;
	border-color: transparent !important;
}

.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {
	background: url(images/sprite-skin-flat.png) repeat-x;
}

.irs {
	height: 40px;
}

.irs-with-grid {
	height: 60px;
}

.irs-line {
	height: 12px;
	top: 25px;
}

.irs-line-left {
	height: 12px;
	background-position: 0 -30px;
}

.irs-line-mid {
	height: 12px;
	background-position: 0 0;
}

.irs-line-right {
	height: 12px;
	background-position: 100% -30px;
}

.irs-bar {
	height: 12px;
	top: 25px;
	background-position: 0 -60px;
}

.irs-bar-edge {
	top: 25px;
	height: 12px;
	width: 9px;
	background-position: 0 -90px;
}

.irs-shadow {
	height: 3px;
	top: 34px;
	background: #000000;
	opacity: 0.25;
}

.lt-ie9 .irs-shadow {
	filter: alpha(opacity=25);
}

.irs-slider {
	width: 16px;
	height: 18px;
	top: 22px;
	background-position: 0 -120px;
}

.irs-slider.state_hover, .irs-slider:hover {
	background-position: 0 -150px;
}

.irs-min, .irs-max {
	color: #999999;
	font-size: 10px;
	line-height: 1.333;
	text-shadow: none;
	top: 0;
	padding: 1px 3px;
	background: #e1e4e9;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.irs-from, .irs-to, .irs-single {
	color: #ffffff;
	font-size: 10px;
	line-height: 1.333;
	text-shadow: none;
	padding: 1px 5px;
	background: #3095E3;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.irs-from:after, .irs-to:after, .irs-single:after {
	position: absolute;
	display: block;
	content: "";
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: 3px solid transparent;
	border-top-color: #3095E3;
}

.irs-grid-pol {
	background: #e1e4e9;
}

.irs-grid-text {
	color: #999999;
}

.its {
	padding: 20px 0 20px 10px;
	font-size: 18px;
	color: #444444 !important;
}

.its > a:after {
	font-family: FontAwesome;
	content: "\f0d7";
	padding: 0 0 0 10px;
	color: #bbbbbb;
}

.block_forma_a p span {
	padding: 0 10px 0 0;
}

.pr-a .btn-read-ba {
	border: none;
	text-align: left;
	padding: 10px;
	font-size: 24px;
	color: #444444;
	line-height: 1.3em;
	background: #ffffff;
	margin: 8px 0;
	display: block
}

.pr-a .btn-read-ba.active {
	background: #dddddd;
}

.pr-a .btn-read-ba:hover {
	background: #eeeeee;
}

.pr-a .btn-read-b {
	border: none;
	text-align: left;
	padding: 8px 10px;
	font-size: 18px;
	color: #444444;
	line-height: 1.3em;
	background: #ffffff;
	margin: 4px 0;
	display: block
}

.pr-a .btn-read-b.active {
	background: #dddddd;
}

.pr-a .btn-read-b:hover {
	background: #eeeeee;
}

.pr-b .btn-read-b {
	border: none;
	text-align: left;
	padding: 8px 10px;
	font-size: 24px;
	color: #444444;
	line-height: 1.3em;
	background: #ffffff;
	margin: 4px 0;
}

.pr-b .btn-read-b.active {
	background: #dddddd;
}

.pr-b .btn-read-b:hover {
	background: #eeeeee;
}

.pr .btn-read-b {
	border: none;
	text-align: left;
	padding: 10px;
	font-size: 24px;
	color: #444444;
	line-height: 1.3em;
	background: none;
	margin: 8px 0;
	display: block
}

.pr .btn-read-b.active {
	background: #dddddd;
}

.pr .btn-read-b:hover {
	background: #dddddd;
}

.fr {
	margin-top: -18px
}

footer {
	background: #fff;
	color: #000000;
	width: 100%;
	display: table;
}

.copyright {
	background: #ffffff;
	color: #616161;
	font-size: 12px;
	padding: 10px 0;
	height: 40px;
}

.copyright span {
	padding: 0 15px 0 0;
	float:left;
}

.copyright .tns-copyright-wrap {
	padding: 0 5px 0 0;
	float:left;
}

.copyright a {
	text-decoration: underline;
}

footer .name {
	color: #000000;
	font-size: 12px;
	padding-top: 20px;
}

footer .name a {
	color: #000000;
	text-decoration: underline
}

footer .contact {  padding-top: 3px; }
footer ul.menu-a { list-style: none; text-decoration: none; margin: 0; padding: 0; }
footer .menu-a li a { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; color: #000000; }
@media only screen and (max-width: 400px)  { 
	footer .contact {  padding-top: 0px; }
	footer ul.menu-a  {width: 100%;} 
	footer .contact ul.menu-a  {width: 100%;} 
	footer .menu-a li a { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; color: #000000; }
}

@media only screen and (max-width: 481px)  { 
	footer .contact {  padding-top: 0px; }
	footer ul.menu-a  {width: 80%;} 
	footer .contact ul.menu-a  {width: 100%;} 
	footer .menu-a li a { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; color: #000000; }
}

@media only screen and (min-width: 767px)  { 
	footer .contact {  padding-top: 3px; }
	footer ul.menu-a  {width: 80%;} 
	footer .contact ul.menu-a  {width: 100%;} 
	footer .menu-a li a { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 13px; color: #000000; }
}

@media only screen and (min-width: 1401px)  { 
	footer .contact {  padding-top: 3px; }
	footer ul.menu-a  {width: 80%;} 
	footer .contact ul.menu-a  {width: 100%;} 
	footer .menu-a li a { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; color: #000000; }
}

@media only screen and (min-width: 1601px)  { 
	footer .contact {  padding-top: 3px; }
	footer ul.menu-a  {width: 70%;} 
	footer .contact ul.menu-a  {width: 100%;} 
	footer .menu-a li a { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 15px; color: #000000; }
}


footer ul.menu-a.listButtons li a  {text-decoration: underline; }
footer ul.menu-a.listButtons li a:hover  {text-decoration: none; }

footer .menu-a li {
	padding: 0 0 15px 0;
	line-height: 1.2;
}

footer .menu-a li a:hover {
	color: #EC6A23;
	text-decoration: none;
}

footer h6 {
	margin-bottom: 30px;
	font-size: 24px;
	color: #000000;
	text-decoration: none !important;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
}

.share {
	padding-top: 20px;
}

.share ul {
	display: inline-block;
	padding: 0;
	margin: 0 0 -7px 0;
	list-style: none;
}

.share ul > li {
	float: left;
	display: block;
	margin-right: 8px;
	border: solid 1px #ffffff;
	border-radius: 50% !important;
}

.share ul > li > a { display: block; float: left; margin-right: 10px; width: 48px; height: 48px; font-size: 0px; }

@media only screen and (max-width: 1300px) {
.share ul > li > a { margin-right: 0px; width: 24px; height: 24px;  }	
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
.share ul > li > a { margin-right: 0px; width: 36px; height: 36px;  margin-right: 5px; }	
}

@media only screen and (max-width: 480px) {
.share ul > li > a { margin-right: 0px; width: 48px; height: 48px;  margin-right: 10px; }	
}

/************************************************************************************/
/* Media
/************************************************************************************/
@media only screen and (min-width: 0px) and (max-width: 1000px) {
	.col-5 {
		width: 100%;
		float: left;
		padding-bottom: 20px;
	}
	
	footer ul.menu-a  { margin-bottom: 30px; }
	footer .contact  ul.menu-a  { margin-bottom: 0px; }
	.share { padding-top: 0px; }	
	footer h6 { font-size: 16px; margin-bottom: 20px; }
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
	header {
		height: 50px;
		border-bottom: solid 1px #F3762A;
	}
	
	#banners {
		margin: 0 0 60px 0;
		padding-top: 45px;
	}
	
	.brand {
		float: left;
		width: auto;
		padding-top: 12px;
	}
	
	.brand img {
		height: 25px;
	}
	
	.copyright span {
		display: block;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding-right: 4px;
	}
	
	
	.dropdown-toggle img {
		height: 18px;
	}
	

	.search-small {
		height: 35px;
	}
	
	.manager {
		width: 25px;
		height: 45px;
		float: right;
		margin-right: 10px;
	}
	
	.offcanvas--top--active {
		transform: translate3d(0, 90px, 0);
		margin-top: 45px;
	}
	
	.offcanvas--left--active {
		margin-top: 45px;
	}
	
	.bg-news {
		background: #ffffff;
	}
	
	footer .contact {
		padding-top: 8px;
	}
	
	.text-left {
		text-align: left !important;
	}
	
	.text-right {
		text-align: left !important;
	}
	
	.news {
		padding: 20px 0 0 0;
	}
	
	.col-5 {
		width: 100%;
		float: left;
		padding-bottom: 20px;
	}
	
	.dos {
		padding-bottom: 0 !important;
	}
	
	.service-box {
		margin: 11px 0;
	}
	
	.news {
		padding: 5px 0 20px 0;
	}
	
	.btn-primary {
		font-size: 17px;
		padding: 4px 10px;
	}
	
	.art {
		margin-top: 25px
	}
	
	.border-left {
		border-left: none;
	}
	
	.border-right {
		border-right: none;
	}
	
	.masonry.masonry-columns-4,
	.masonry.masonry-columns-5,
	.masonry.masonry-columns-3,
	.masonry.masonry-columns-2 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	
	h1 {
		font-size: 20px;
	}
	
	.size h1 {
		padding-top: 50px;
	}
	
	article, .pr article {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

/* --- Mobile landscape --- (col-ml) */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	#banners {
		margin: 0 0 60px 0;
	}
	
	.offcanvas--top--active {
		transform: translate3d(0, 90px, 0);
		margin-top: 45px;
	}
	
	.offcanvas--left--active {
		margin-top: 45px;
	}
	
	
	.text {
		padding-left: 0;
	}
	
	.text-left {
		text-align: left !important;
	}
	
	.text-right {
		text-align: left !important;
	}
	
	.bg-news {
		background: #ffffff;
	}
	
	.news {
		padding: 20px 0 0 0;
	}
	
	.login {
		padding: 14px 10px 0 16px;
		cursor: pointer;
	}
	
	.col-5 {
		width: 100%;
		float: left;
		padding-bottom: 20px;
	}
	
	footer .menu-a li a { font-size: 12px; 	}
	
	.dos {
		padding-bottom: 0 !important;
		margin-top: 20px;
	}
	
	.service-box {
		margin: 15px 0;
	}
	
	.news {
		padding: 5px 0 20px 0;
	}
	
	.bs.dropdown-menu {
		right: 0;
		left: auto;
	}
	
	.art {
		margin-top: 25px
	}
	
	.border-left {
		border-left: none;
	}
	
	.border-right {
		border-right: none;
	}
	
	.masonry.masonry-columns-4,
	.masonry.masonry-columns-5,
	.masonry.masonry-columns-3 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
	h1 {
		font-size: 20px;
	}
	
	.size h1 {
		padding-top: 50px;
	}
}

/* --- Small tablet portrait --- (col-st) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#banners {
		margin: 0 0 60px 0;
	}
	
	.offcanvas--top--active {
		transform: translate3d(0, 90px, 0);
		margin-top: 45px;
	}
	
	.bg-news {
		background: #ffffff;
	}
	
	.login {
		padding: 14px 10px 0 16px;
		cursor: pointer;
	}
	
	.col-5 {
		width: 100%;
		float: left;
		padding-bottom: 20px;
	}
	
	footer .menu-a li a { font-size: 12px; 	}
	
	.dos {
		padding-bottom: 0 !important;
		margin-top: 20px;
	}
	
	.service-box {
		margin: 15px 0;
	}
	
	.news {
		padding: 5px 0 20px 0;
	}
	
	.masonry.masonry-columns-4,
	.masonry.masonry-columns-5 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
	h1 {
		font-size: 20px;
	}
	
	.size h1 {
		padding-top: 50px;
	}
}

/* --- Tablet portrait --- (col-tp) */
@media only screen and (min-width: 992px) and (max-width: 1240px) {
	
	#banners {
		margin: 0 0 60px 0;
	}
	
	.login {
		padding: 14px 10px 0 16px;
		cursor: pointer;
	}
	
	.col-5 {
		width: 100%;
		float: left;
		padding-bottom: 20px;
	}
	
	footer .menu-a li a { font-size: 12px; 	}
	footer h6 {  font-size: 16px;}
	
 
	footer .menu-a ul {
		margin-bottom: 15px;
	}
	
	.masonry.masonry-columns-4,
	.masonry.masonry-columns-5 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
}

/* --- Tablet landscape --- (col-tl) */
@media only screen and (min-width: 1241px) and (max-width: 7680px) {

}

/*   Form styles (callback)   */

.input-desc {
	width: 40%;
	display: inline-block;
	margin-top: 20px;
	margin-left: 30px;
}

.input-submit {
	width: 30%;
	background-color: #428bca;
	border: none;
	color: #ffffff;
	height: 34px;
	font-size: 22px;
	float: left;
}

/*  Form styles end   */

/*  Search mobile */

#txtSearch {
	height: 42px;
}

/*  Search mobile end */

/*  Reclamation and order form styles */
.big-form {
	text-align: center;
	padding-top: 50px;
	margin-bottom: 40px;
}

@media (max-width: 700px) {
	.big-form {
		width: 100%;
		margin-left: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 360px) {
	.big-form {
		width: 100%;
		margin-left: 0px;
		padding-left: 10px;
		padding-right: 60px;
	}
}

.big-form input, .big-form select {
	display: inline-block;
	width: 100%;
	height: 33px;
	margin: 0 auto;
	padding: 5px 0px;
	margin-top: 20px;
	border: none;
	border-bottom: 1px solid #eb6014;
}

.big-form input[type=submit] {
	width: auto;
}

.big-form textarea {
	display: inline-block;
	width: 100%;
	height: 33px;
	margin: 0 auto;
	padding: 5px 7px;
	margin-top: 20px;
	resize: vertical;
	border: none;
	border-bottom: 1px solid #eb6014;
}

.big-form .form-required.starrequired {
	padding-left: 5px;
	padding-right: 5px;
}

.big-form .input-desc {
	text-align: left;
	vertical-align: top;
}


.big-form .form-head {
	color: #000000;
	font-weight: 300;
	margin: 0 15px 30px 15px;
	padding: 0;
	font-size: 25px;
}

/*  Reclamation and order form styles end */

/* hamburger */
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	position: absolute;
	width: 25px;
	height: 2px;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
	border-radius: 4px;
	background-color: #000000;
	
}

.hamburger {
	padding: 0px;
}

.hamburger-box {
	width: 25px;
}

#my-navigation {
	overflow-x: hidden;
	position: fixed;
	padding-top: 0;
	top: 5px;
	bottom: 0;
	height: auto;
}

/* news style */

.leftimg {
	float: left;
	margin: 5px 20px 20px 0;
}

.rightimg {
	float: right;
	margin: 5px 0 20px 20px;
}

.news-b .date {
	font-size: 15px;
	color: #ff6514  !important;
	padding-bottom: 5px !important
}

.news-b h5, .news-b h5 a {
	font-size: 16px;
	font-family: 'robotomedium';
	color: #404040;
	margin-bottom: 10px !important
}

.news-b h5 a:hover {
	color: #EC6A23
}

.news-b p, .news-b p a {
	text-decoration: none;
}
.news-b{
	padding-bottom: 10px;
}
.its-a {
	padding: 10px 0 30px 0;
	font-size: 18px;
	color: #444444 !important;
}

.its-a > a:after {
	font-family: FontAwesome;
	content: "\f0d7";
	padding: 0 0 0 10px;
	color: #bbbbbb;
}

.its-a a.active, .news-b .active {
	color: #0059AB;
}

.panel-heading.sd-a {
	background-color: transparent;
	border-color: transparent;
}

.panel-group {
	margin-left: 0;
	padding: 0;
	width: 100%;
	float: left;
	overflow-x: scroll;
	height: 100%;
}

.my-navigation-closer {
	width: 20%;
	height: 100%;
	right: 0;
	margin-right: 0;
}

@media (min-width: 481px) and (max-width: 767px) {
	#my-navigation {
		top: 14px;
	}
}

@media (min-width: 768px) {
	#my-navigation {
		top: 59px;
	}
}

/*  news style end   */

/*  How-to-work style  */
.how-to-work {
	max-width: 990px;
}

.how-to-work h2 {
	margin-top: 100px;
	padding-left: 15px;
	padding-right: 15px;
	color: #3da2d6;
}

.how-to-work .triple-blocks {
	padding: 0px 15px;
	margin-top: 25px;
	display: flex;
}

.how-to-work .triple-blocks .triple-blocks-inner {
	padding: 50px 15px 50px 40px;
	width: 100%;
}

.how-to-work .triple-blocks .triple-blocks-inner .block-head {
	text-transform: uppercase;
	font-size: 22px;
}

.how-to-work .triple-blocks ul {
	list-style-type: disc;
	margin-top: 50px;
	font-size: 14px;
	padding-left: 18px;
}

.how-to-work .triple-blocks ul li {
	margin-bottom: 5px;
}

.how-to-work .triple-blocks:first-child .triple-blocks-inner {
	background-color: #f3f3f3;
}

.how-to-work .triple-blocks:nth-child(2) .triple-blocks-inner {
	background-color: #e5f6f9;
}

.how-to-work .triple-blocks:nth-child(3) .triple-blocks-inner {
	background-color: #e8fbd9;
}

.how-to-work .top-left {
	width: 50%;
	float: left;
}

.how-to-work .bottom-right {
	width: 50%;
	float: right;
	bottom: 70px;
	right: 9px;
	position: absolute;
}

.how-to-work .crooked-back {
	position: relative;
	height: 832px;
	background-repeat: no-repeat;
	margin-top: 100px;
	background-position: center;
	background-image: url('/company/how-to-work/images/second-block.png');
}

.how-to-work .why-XCOM {
	background-size: auto;
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: 30px;
	height: 806px;
	display: block;
	position: relative;
}

.how-to-work .why-XCOM div {
	padding-top: 90px;
	top: 76px;
	position: absolute;
	padding-left: 30px;
	padding-right: 30px;
	border-left: 1px solid #68d89f;
	border-right: 1px solid #68d89f;
	border-bottom: 1px solid #68d89f;
}

.how-to-work .why-XCOM span {
	font-size: 20px;
	display: block;
}

.how-to-work .why-XCOM p {
	font-size: 15px;
	margin-bottom: 50px;
}

.how-to-work .same-blocks {
	padding: 15px;
	border: 1px solid #079fc0;
	padding-bottom: 110px;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.how-to-work .flex {
	display: flex;
}

.how-to-work .same-blocks span {
	color: #079fc0;
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 50px;
	display: block;
}

.how-to-work .same-blocks a.button {
	position: absolute;
	bottom: 48px;
	display: block;
	right: 28px;
	left: 28px;
	text-align: center;
	height: 32px;
	line-height: 32px;
	color: #079fc0;
	border: 1px solid;
	font-size: 20px;
}

.how-to-work .same-blocks ul {
	list-style-type: disc;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.how-to-work .same-blocks ul li {
	margin-bottom: 7px;
}

.how-to-work .same-blocks ul li a {
	border-bottom: 1px solid;
}

.how-to-work .double-blocks div {
	height: 400px;
	background-repeat: no-repeat;
	margin-top: 100px;
}

.how-to-work .double-blocks p b {
	display: block;
}

.how-to-work .double-blocks p b:not(:first-child) {
	margin-top: 20px;
}

.how-to-work .last-block {
	margin-bottom: 50px;
	margin-top: 70px;
}

.how-to-work .last-block .orange_theme span {
	display: block;
	font-size: 24px;
	color: #ee8d02;
}

.how-to-work .last-block .orange_theme a {
	border: 1px solid #ee8d02;
	display: block;
	text-align: left;
	padding-left: 85px;
	width: 85%;
	height: 44px;
	line-height: 44px;
	margin-top: 25px;
}

.how-to-work .last-block .green_theme span {
	display: block;
	font-size: 24px;
	color: #79ca4a;
}

.how-to-work .last-block .green_theme a {
	border: 1px solid #79ca4a;
	display: block;
	text-align: left;
	padding-left: 85px;
	width: 85%;
	height: auto;
	line-height: 44px;
	margin-top: 25px;
}

.how-to-work .last-block a {
	background-repeat: no-repeat;
	background-position: 20px center;
}

@media (min-width: 768px) and (max-width: 850px) {
	.how-to-work .why-XCOM {
		height: 1050px;
	}
	
	.how-to-work .last-block .green_theme a {
		width: 100%;
	}
	
	.how-to-work .last-block .orange_theme a {
		width: 100%;
	}
}

	.how-to-work .crooked-back {
		background-image: none;
	}
	
	.how-to-work .crooked-back .top-left {
		width: 100%;
	}
	
	.how-to-work .crooked-back .bottom-right {
		width: 100%;
		float: left;
		bottom: 0px;
		right: 0px;
		position: relative;
	}
	
	.how-to-work .crooked-back {
		height: 400px;
	}
	@media(max-width: 767px) {
		.how-to-work .last-block .green_theme {
			margin-top: 30px;
		}
		.how-to-work .last-block .green_theme a:nth-child(3) {
			line-height: normal;
		}
	}
	.how-to-work .last-block .green_theme a {
		width: 100%;
	}
	
	.how-to-work .last-block .orange_theme a {
		width: 100%;
	}
}

/*  How-to-work style end  */
/*ul.navi li:first-child {
	padding-top: 15px;
}

ul.navi li:last-child {
	padding-bottom: 15px;
}*/

h6 a {
	color: inherit;
}

h6 a:link {
	color: inherit;
}

h6 a:visited {
	color: inherit;
}

h6 a:hover {
	color: inherit;
}
.detailPage ul.tabs{
	margin: 0 0 0 0;
	list-style: none;
	padding: 20px 0;
}
.detailPage ul.tabs li{
	list-style: none;
	font-weight: 300;
	background: none;
	border: none;
	text-align: left;
	padding: 8px 10px;
	font-size: 24px;
	color: #444;
	line-height: 1.3em;
	background: #fff;
	margin: 4px 0;

}
.detailPage ul.tabs li a.filter-link{
	color: black;
	text-decoration: none;
}
.owl-carousel .owl-dots{
	display: block;
	text-align: center;
	margin-top: -70px;
}
.owl-carousel button.owl-dot span{
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	filter: Alpha(Opacity=40);
	opacity: 0.4;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	background: none;
	border: 1px solid #fff;
}
.owl-carousel button.owl-dot.active span{
	opacity: 1;
	background: #E54C39;
	border: 1px solid #fff;
}
.owl-carousel .owl-dot{
	display: inline-block;
	zoom: 1;
	z-index: 99;
	position: relative;
}
.owl-carousel .owl-prev, .owl-carousel .owl-next{
	display: inline-block;
	zoom: 1;
	font-size: 48px;
	filter: Alpha(Opacity=100);
	opacity: 1;
	position: absolute;
	top: 55%;
	margin-top: -53px;
	background: none;
	border: none;
}
.owl-carousel .owl-prev{
	left: 10px;
}
.owl-carousel .owl-next{
	right: 10px;
}
.preview-images:hover{
	filter: grayscale(100%);
}
@media all and (-ms-high-contrast:none)
{
	.pr-a { float: none } /* IE8 */
}



/* ADD BOOTSTRAP STYLES */

span.filter-option{
	padding-left: 15px;
}
.you-watched h4{
	font-size: 34px;
	font-weight: normal;
	color: #444444;
	line-height: 1.2em;
	margin: 0 0 15px 0;
	padding: 0;
}
.you-watched ul.menu-b {
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0 0 40px 0;
}
.you-watched ul.menu-b li{
	background: none;
	padding: 3px 0;
}

div.modal-backdrop.in{
	z-index: 199;
}

/* Блок спасибо
 */
.b-thanks{
	text-align: left;
}
.b-thanks__container {
	margin-top: 59px;
    box-sizing: border-box;
}
.b-thanks__container.b-thanks__container-top {
	margin-top: -80px !important;
}
.b-thanks__title{
	padding: 10px 0 20px 0;
    font-size: 24px;
    color: #195ea5;
    font-weight: bold;
}
.b-thanks__item{
	font-size: 18px;
    padding: 3px;
    color: black;
}
.b-thanks__number{
	font-size: 26px;
	font-weight: bold;
}