/************************************************************************************/
/* 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: #252525;
	height: 100%;
	font-family: 'Montserrat'!important;
	font-size: 16px!important;
	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: #005BAA;
	line-height: 1.2em;
	margin: 0;
	padding-bottom: 30px;
}

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

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

.modal-header h3 { font-size: 30px; font-weight: 600; color: #005BAA; line-height: 1.2em; margin: 0;   padding-bottom: 0; margin-bottom: 60px;  }

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

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

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


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

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

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

a:active {
	color: #5793CF;
	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 { position: fixed; top: 0px; 	width: 100%; z-index: 200; background: #ffffff; }
.bars { float: left; display: block; z-index: 999999; position: relative;   }
.brand { z-index: 999999; position: relative; display: block;  float: left; }

.nav > li > a:hover, .nav > li > a:focus {  text-decoration: none;  background-color: #fff; }
.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: 0 0 0 0px; }
.dropdown-menu { background: rgba(255, 255, 255, 0.9); color: #252525; border-top: solid 1px #EC6A23; }

.navbar-nav { float: left; margin: 0; }	
	.nav > li.dropdown > a, .nav > li.dropdown span { font-family: 'Montserrat'; font-style: normal; font-weight: 400; padding: 3px 0px  3px 0px;  }
	.nav > li.dropdown.dropdownTwo { display: none;}
	.nav > li.dropdown.dropdownTwo > a, .nav > li.dropdown.dropdownTwo > span { font-style: normal; display: block; font-weight: 400; cursor: pointer;}
	.nav > li.dropdown.dropdownTwo.Active > a, .nav > li.dropdown.dropdownTwo.Active > span { color: #F37428; }
	.nav > li.dropdown.dropdownTwo > span:hover	{ color: #5793CF; }
	
	.nav > li.dropdown {  position: relative;}
	.nav > li.dropdown > ul  {  position: absolute; left: 0px; top: 65px; background: #ffffff; padding: 26px 26px 12px 26px; border: solid 2px #005BAA; border-radius: 16px; box-shadow: 3px 5px 24px rgba(163, 177, 198, 0.5); display: none;}
	.nav > li.dropdown.Active > ul  { display: block;}
	.nav > li.dropdown > ul  a { font-family: 'Montserrat'; font-style: normal; font-weight: 400; padding: 3px 0px  3px 0px;  }
	.nav > li.dropdown > ul  a:hover {color: #F37428; }
	.nav > li.dropdown > ul > li { display: block; white-space: nowrap; padding: 0; margin-bottom: 16px;	}

.contactsHeader { padding-left: 0px; padding-top: 18px; }
	.searchHeader  { display: none; }
	.search { font-weight: 500; font-family: Montserrat; color: #252525; background: #EDEDED; border-radius: 30px;}
	.search .form-control  { font-weight: 300; font-family: Montserrat; color: #252525; border-right: 0; box-shadow: 0 0 0;  background: none; border-color: transparent; }
	.search .input-group.stylish-input-group .form-control:focus { border: none!important;  background: none!important; border-color: transparent!important; background-color: transparent!important;}	
	.search  .input-group.stylish-input-group .input-group-addon , .search  .input-group.stylish-input-group .input-group-addon:focus, .search  .input-group .form-control:first-child { 	border: none!important;  background: none!important; border-color: transparent!important; background-color: transparent!important; }
	.search .stylish-input-group .form-control::placeholder  { font-size: 18px; font-weight: 500; font-family: Montserrat; color: #96959B; border: none!important;  background: none!important; border-color: transparent!important; background-color: transparent!important;  }
	
	.buttonB2b { display: block; float: left; background: url('/image/main/b2b.svg') center center no-repeat; display: block; background-size: auto 100%; }
	.buttonB2b:hover { background: url('/image/main/b2bOver.svg') center center no-repeat;  background-size: auto 100%;}
	
	a.buttonOrder { font-family: 'Montserrat'; font-style: normal; font-weight: 600;  text-align: center; color: #FFFFFF; background: #F37428; border-radius: 30px; display: block; float: left; margin-left: 20px;}
	 a.buttonOrder:hover { background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), #F37428;border: none; color: #fff;  } 
	 .contactsHeader a.buttonOrder { display: none; }
	 .phoneHeaderBut  { display: none; }
	 
	 p.phoneBut a  { font-family: 'Montserrat'; font-style: normal; font-weight: 600;  text-align: center; color: #FFFFFF; background: linear-gradient(90deg, #1B4790 -0.03%, #1A7BBF 100.02%); border-radius: 30px; display: block; }
	 p.phoneBut a:hover { background: #1A7BBF; border: none; color: #fff;  } 
	 p.phoneButImg a   { text-align: center; background: linear-gradient(90deg, #1B4790 -0.03%, #1A7BBF 100.02%); border-radius: 30px; display: block; }
	  p.phoneButImg a:hover { background: #1A7BBF; border: none;  } 

	/* --- Mobile portrait --- (col-mp) */
	@media only screen and (min-width: 0px) and (max-width: 480px) {
		header.container-full { height: 59px!important; border-bottom: solid 1px #005BAA!important; }
		.top-menu-nav { display: none;}  
		.nav > li.dropdown > a, .nav > li.dropdown span { padding: 3px 0px  3px 0px; margin: 18px 20px 0px 0;  font-size: 12px; line-height: 15px; }
		.nav > li.dropdown > a.buttonBars { padding: 2px 0px  0px 0px; }
		.nav > li.dropdown > a.buttonBars  > img { width: 27px; height: auto; display: block;}
		.bars { margin: 12px 20px 0 0px; width: 27px; height: auto; }
		.brand { padding: 18px 20px 0 0px; }
		.brand img {  width: 80px; height: auto; display: block; }
		.col-tp-4.contactsHeader { padding-top: 14px; }
		.buttonB2b { width: 60px; height: 32px;  float: right; }
		a.buttonOrder {font-size: 12px; line-height: 15px; padding: 9px 0px 0px 0px; border-radius: 30px; height: 32px; width: 148px; }
		.phoneHeader { display: none;}
		 .phoneHeaderBut  { display: block; }
		  p.phoneButImg a  { height: 32px; padding: 8px 0px 0px 0px; margin-left: -9px;  margin-right: 9px;  }	
	}

	/* --- Mobile landscape --- (col-ml) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		header { height: 59px; border-bottom: solid 1px #005BAA; }
		.top-menu-nav { display: none;} 
		.nav > li.dropdown > a, .nav > li.dropdown span { padding: 3px 0px  3px 0px; margin: 18px 20px 0px 0;  font-size: 12px; line-height: 15px; }
		.nav > li.dropdown > a.buttonBars { padding: 2px 0px  0px 0px; }
		.nav > li.dropdown > a.buttonBars  > img { width: 27px; height: auto; display: block;}
		.bars { margin: 12px 20px 0 0px; width: 27px; height: auto; }
		.brand { padding: 18px 20px 0 0px; }
		.brand img {  width: 80px; height: auto; display: block; margin-top: 0px;}
		.col-tp-4.contactsHeader { padding-top: 14px; }
		.buttonB2b { width: 60px; height: 32px;  float: right;}
		a.buttonOrder { font-size: 12px; line-height: 15px; padding: 9px 0px 0px 0px; border-radius: 30px; height: 32px; width: 148px;}
		.phoneHeader { display: none;}
		 .phoneHeaderBut  { display: block;}
		  p.phoneButImg a  { height: 32px; padding: 8px 0px 0px 0px;   margin-left: -9px; margin-right: 4px; }	
	}	

	
	/* --- Small tablet portrait --- (col-st) */
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		header { height: 59px; border-bottom: solid 1px #005BAA; }
		.nav > li.dropdown > a, .nav > li.dropdown span { padding: 3px 0px  3px 0px; margin: 18px 20px 0px 0;  font-size: 12px; line-height: 15px; }
		.nav > li.dropdown > a.buttonBars { padding: 2px 0px  0px 0px; }
		.nav > li.dropdown > a.buttonBars  > img { width: 27px; height: auto; display: block;}
		.bars { margin: 20px 20px 0 0px; width: 27px; height: auto; }
		.brand { padding: 18px 20px 0 0px; }
		.brand img {  width: 80px; height: auto; display: block;}
		.col-tp-4.contactsHeader { padding-top: 14px; }
		.buttonB2b { width: 60px; height: 32px; float: right; }
		a.buttonOrder {font-size: 12px; line-height: 15px; padding: 9px 0px 0px 0px; border-radius: 30px; height: 32px; width: 136px; }
		.phoneHeader { display: none;}
		 .phoneHeaderBut  { display: block; }
		  p.phoneButImg a  { height: 32px; padding: 8px 0px 0px 0px;  margin-right: 9px;  }	
	}	
	@media only screen and (min-width: 850px) and (max-width: 991px) {
		a.buttonOrder { width: 148px; }
	}

	/* --- Tablet portrait --- (col-tp) */
		@media only screen and (min-width: 991px) and (max-width: 1241px) {
		header { height: 68px;  border-bottom: solid 2px #005BAA; }
		.nav > li.dropdown > a, .nav > li.dropdown span { margin: 25px 10px 0px 0; font-size: 12px; line-height: 15px; }
		.nav > li.dropdown > a.buttonBars { padding: 2px 0px  2px 0px; }
		.nav > li.dropdown > a.buttonBars  > img { width: 27px; height: auto; display: block;}	
		.bars { margin: 25px 20px 0 0px; width: 27px; height: auto; }		
		.brand { padding: 24px 20px 0 9px; }
		.brand img {  width: 80px; height: auto; display: block;}		
		.col-tp-4.contactsHeader { padding-left: 0px; padding-top: 18px; }
		.buttonB2b { width: 60px; height: 32px; }		
		a.buttonOrder { font-size: 12px; line-height: 15px; padding: 9px 0px 0px 0px; border-radius: 30px; height: 32px;  width: 137px; margin-left: 18px;  }
		 .contactsHeader a.buttonOrder { display: block; width: auto; float: none; margin-left: 78px; font-size: 12px; line-height: 15px;  }	
		 .phoneHeader { display: none;}
		 .phoneHeaderBut  { display: block; }
		  p.phoneButImg a  { height: 32px; padding: 8px 0px 0px 0px;  }		
	}
	@media only screen and (min-width: 1050px) and (max-width: 1150px) {
		.nav > li.dropdown > a.buttonBars { padding: 25px 0px  2px 0px; }
		.nav > li.dropdown.dropdownTwo  { display: block;} 
		a.buttonOrder { width: 150px; }
	}
	@media only screen and (min-width: 1150px) and (max-width: 1241px) {
		.nav > li.dropdown > a.buttonBars { padding: 25px 0px  2px 0px; }
		.nav > li.dropdown.dropdownTwo  { display: block;} 
		a.buttonOrder { width: 150px; }
	}


	/* --- Tablet landscape --- (col-tr) */
		@media only screen and (min-width: 1241px) and (max-width: 1440px) {
		header { height: 88px;   border-bottom: solid 2px #005BAA; }
		.nav > li.dropdown.dropdownTwo  { display: none;} 
		.brand { padding: 25px 20px 0 0px; }
		.bars { margin: 38px 20px 0 0px; width: 41px; height: 28px;}
		.nav > li.dropdown > a, .nav > li.dropdown span {  margin: 31px 15px 0px 0; font-size: 14px; line-height: 17px; }
		.nav > li.dropdown > a.buttonBars { padding: 7px 0px  7px 0px;}
		.contactsHeader { padding-left: 0px; padding-top: 18px; }
		.searchHeader  { display: block; }
		.search { padding: 8px 15px 8px 15px; height: 50px;  border-radius: 30px; }
		.search , .search .form-control , .search .stylish-input-group .form-control::placeholder, header a.buttonOrder  { font-size: 14px; line-height: 17px; }
		.buttonB2b { width: 92px; height: 50px;  }
		a.buttonOrder { padding: 16px 0px 0px 0px; width: 170px;  font-size: 18px; line-height: 22px; border-radius: 30px; height: 50px; margin-left: 18px; }	
		.contactsHeader a.buttonOrder { display: block; width: auto; float: none; margin-left: 110px; font-size: 12px; line-height: 17px;  }	
		p.phoneBut a  { font-size: 12px; line-height: 17px;  border-radius: 30px; height: 50px; padding: 17px 0px 0px 0px;   margin-right: -18px;}
		.nav > li.dropdownThree  { display: none; }  
	}
	
	@media only screen and (min-width: 1350px) and (max-width: 1440px) {
		.nav > li.dropdown > a, .nav > li.dropdown span {  margin: 23px 20px 0px 0;  padding: 11px 0px  11px 0px;  }
		a.buttonOrder { width: 178px;  }	
		.contactsHeader a.buttonOrder { display: block; width: auto; float: none; margin-left: 110px; font-size: 12px; }	
		p.phoneBut a  { font-size: 12px; line-height: 17px;  border-radius: 30px; height: 50px; padding: 17px 0px 0px 0px;   margin-right: -18px;}
	}


	/* --- Tablet landscape --- (col-ts) */

	@media only screen and (min-width: 1440px) and (max-width: 1920px) {
		header { height: 88px;   border-bottom: solid 2px #005BAA; }
		.bars {  margin: 28px 10px 0 0px; width: 41px; height: 28px;}
		.brand { padding: 25px 14px 0 3px;  }
		.top-menu-nav { margin-right: -80px;}
		.nav > li.dropdown > a, .nav > li.dropdown span { margin: 24px  10px 0px 0; padding: 11px 0px  11px 0px;  font-size: 14px; line-height: 17px; }
		.nav > li.dropdown > a.buttonBars { padding: 7px 0px  7px 0px;}
		.contactsHeader { padding-left: 0px; padding-top: 18px; }
		.searchHeader  { display: block; }
		.search { font-size: 18px; padding: 8px 15px 8px 15px; height: 50px;  border-radius: 30px; margin-left: 30px;}
		.search , .search .form-control , .search .stylish-input-group .form-control::placeholder { font-size: 14px; line-height: 17px; }
		.buttonB2b { width: 92px; height: 50px;  }
		a.buttonOrder { padding: 15px 0px 0px 0px; width: 182px;  font-size: 14px; line-height: 22px; border-radius: 30px; height: 50px; margin-left: 18px; }	
		.contactsHeader a.buttonOrder { display: block; width: auto; float: none; margin-left: 110px; font-size: 14px; line-height: 22px; padding: 15px 0px 0px 0px;  }	
		p.phoneBut a  {  font-size: 14px; line-height: 22px; border-radius: 30px; height: 50px; padding: 15px 0px 0px 0px;   margin-right: -18px;}
	}
	@media only screen and (min-width: 1550px) and (max-width: 1650px) {
		.bars {  margin: 28px 20px 0 0px; }
		.brand { padding: 25px 20px 0 3px;  }
		.nav > li.dropdown > a, .nav > li.dropdown span { margin: 24px  20px 0px 0; }
		a.buttonOrder { width: 186px; }	
		.contactsHeader a.buttonOrder { font-size: 14px; line-height: 22px; padding: 15px 0px 0px 0px;  }	
	}
	@media only screen and (min-width: 1650px) and (max-width: 1750px) {
		.bars {  margin: 28px 30px 0 0px; }
		.brand { padding: 25px 30px 0 3px;  }
		.nav > li.dropdown > a, .nav > li.dropdown span { margin: 24px  20px 0px 0; }
		a.buttonOrder {width: 202px; }	
		.contactsHeader a.buttonOrder { font-size: 14px;  line-height: 22px; padding: 15px 0px 0px 0px;  }	
	}		
	
	@media only screen and (min-width: 1750px) and (max-width: 1850px) {
		.bars {  margin: 28px 30px 0 0px; }
		.brand { padding: 25px 30px 0 3px;  }
		.nav > li.dropdown > a, .nav > li.dropdown span { margin: 24px  20px 0px 0; }
		a.buttonOrder { width: 212px; }	
		.nav > li.dropdown.dropdownTwo { display: block;}
		.contactsHeader a.buttonOrder { font-size: 14px;  line-height: 22px; padding: 15px 0px 0px 0px;  }	
	}		
	@media only screen and (min-width: 1850px) and (max-width: 1920px) {
		.bars {  margin: 28px 25px 0 0px; }
		.brand { padding: 25px 25px 0 3px;  }
		.nav > li.dropdown > a, .nav > li.dropdown span { margin: 24px  20px 0px 0; }
		.nav > li.dropdown.dropdownTwo { display: block;}
		a.buttonOrder { width: 242px;  }	
		.contactsHeader a.buttonOrder { font-size: 14px;  line-height: 22px; padding: 15px 0px 0px 0px;  }	
	}		
	

/* --- Tablet landscape --- (col-tl) */
@media only screen and (min-width: 1920px)  {	
	header { height: 88px;   border-bottom: solid 2px #005BAA; }
	.bars { margin: 28px 25px 0 0px; width: 41px; height: 28px;}
	.brand { padding: 25px 25px 0 0px; }

	.nav > li.dropdown > a, .nav > li.dropdown span { padding: 10px 0px  10px 0px; margin: 21px 18px 0px 0; font-size: 18px; line-height: 22px; }
	.nav > li.dropdown > a.buttonBars { padding: 7px 0px  7px 0px;}
	.nav > li.dropdown.dropdownTwo { display: block;}
	
	.contactsHeader { padding-left: 0px; padding-top: 18px; }		
	.buttonB2b { width: 92px; height: 50px;  }
	a.buttonOrder { font-size: 18px; line-height: 22px; border-radius: 30px; height: 50px; padding: 13px 0px 0px 0px;  width: 254px;}
	.contactsHeader a.buttonOrder { display: block; width: auto; float: none; margin-left: 110px;  font-size: 18px;}	
	p.phoneBut a  {  font-size: 18px; line-height: 22px; border-radius: 30px; height: 50px; padding: 13px 0px 0px 0px;   margin-right: -18px;}

	
	.searchHeader  { display: block; }
	.search { font-size: 18px; padding: 7px 16px 7px 14px; height: 50px;  border-radius: 30px;}
	.search .form-control  { font-size: 18px; }
	.search .stylish-input-group .form-control::placeholder  { font-size: 18px; }
	
}


	
/* hamburger */
.hamburger { padding: 0px; }
.hamburger-box { width: 40px; height: 28px; }

/* выпадающее меню */

.offcanvas { background: #FFFFFF; box-shadow: 3px 5px 24px rgba(163, 177, 198, 0.5); border-radius: 0px 0px 30px 30px; color: #252525; overflow-y: hidden; overflow-x: hidden;  position: fixed; height: auto; left: 0px; padding: 0 0 20px 0; z-index: 9999; display: none; width: 100%; }
	.offcanvas--left--active { top: 0%; }
	.offcanvasTop { height: 88px; border-bottom: solid 2px #005BAA; margin-bottom: 40px;  }
	.offcanvas__trigger--open { margin-top: 10px; }	

	.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus { text-decoration: none; }
	span.panel-title  { margin: 0 0 20px 68px; display: block;  padding: 0 0 0 0; color: #005BAA; background-color: transparent; border-color: transparent; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 30px; line-height: 1.2;} 
	span.panel-title  a { color: #005BAA;} 
	span.panel-title.panel-title-Red  a  { color: #F37428;}
	span.panel-title  a:hover, span.panel-title.panel-title-Red  a:hover { color: #5793CF; }
	h4.accordion-title a { border-bottom: solid 1px #005BAA; }
	h4.accordion-title a:hover { border: none; }
	
	.panel-collapse { padding-bottom: 10px;}
	ul.navi li { padding: 0px 0 0px 0; margin: 0 0 16px 30px; }
	ul.navi a { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 1.2; color: #252525; }
	ul.navi li + li:before { padding-right: 0; }
	ul.navi a:hover { color: #5793CF; }


	.linkMail { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 36px; line-height: 1.2; padding: 0 0 0 0; margin: 0px 0 22px 0; }
	.linkMail a { color: #005BAA; }
	.linkMail a:hover { color: #5793CF; }
	
	.offcanvas .phone { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 30px; line-height: 1.2; color: #252525; padding: 0 0 0 0; margin: 0 0 20px 0; }
	.offcanvas .phone a { color: #252525; }
	.offcanvas .phone a:hover { color: #5793CF; }
	
	.address { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 18px;  line-height: 1.2; color: #252525; margin: 40px 80px 40px 10px; }

	.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { 	border-top: none; 	border-top-color: #fff; padding:  0 0 0 0; }	

	@media only screen and (min-width: 1540px) and (max-width: 1700px) {

	}
	
	@media only screen and (min-width: 1480px) and (max-width: 1540px) {

	}
	
	@media only screen and (min-width: 1440px) and (max-width: 1480px) {

	}
	
		/* --- Tablet landscape --- (col-ts) */
	@media only screen and (min-width: 1440px) and (max-width: 1920px) {
		ul.navi li { margin: 0 0 12px 62px; }
		ul.navi a {font-size: 14px; }
		.address { font-size: 14px; }
		header .offcanvas .buttonB2b { float: left;}
	}
	/* --- Tablet landscape --- (col-tr) */
	@media only screen and (min-width: 1241px) and (max-width: 1440px) {
		ul.navi li { margin: 0 0 8px -8px; }
		ul.navi a {font-size: 14px; line-height: 17px; }
		span.panel-title  { margin: 0 0 18px 0;} 
		.linkMail, .offcanvas .phone { font-size: 30px; margin: 0 0 18px 0; }
		.address { font-size: 14px; margin: 35px 10px 35px 0; }
		.hamburger-box {width: 27px; height: 19px; }
		header .offcanvas .buttonB2b { float: left; margin-left: -10px}
	}
	/* --- Tablet portrait --- (col-tp) */
	@media only screen and (min-width:1100px) and (max-width: 1241px) {
		.offcanvas { padding: 0 0 30px 0;}
		span.panel-title  { font-size: 26px; margin: 0 0 16px 14px;} 
		ul.navi li { margin: 0 0 6px 16px; }
		ul.navi a {font-size: 12px; }
		.linkMail, .offcanvas .phone {font-size: 26px; margin: 0px 0 14px 0; }
		.address { font-size: 12px; margin: 36px 0 30px 0;}
		.hamburger-box {width: 27px; height: 19px; }
		 .offcanvasTop { height: 68px; }
		header .offcanvas .buttonB2b { float: left; margin-left: -10px;}
	}
	@media only screen and (min-width: 991px) and (max-width: 1100px) {
		.offcanvas { padding: 0 0 30px 0;}
		span.panel-title  { font-size: 26px; margin: 0 0 16px 14px;} 
		ul.navi li { margin: 0 0 6px 16px; }
		ul.navi a {font-size: 12px; }
		.linkMail, .offcanvas .phone {font-size: 26px; margin: 0px 0 14px 0; }
		.address { font-size: 12px; margin: 36px 0 30px 0;}
		.hamburger-box {width: 27px; height: 19px; }
		 .offcanvasTop { height: 68px; }
		header .offcanvas .buttonB2b { float: left; margin-left: -10px;}
	}
	/* --- Small tablet portrait --- (col-st) */
	@media only screen and (min-width: 880px) and (max-width: 991px) {
		.offcanvas { padding: 0 0 10px 0;   }
		span.panel-title  { font-size: 20px; margin: 0 0 12px 14px;} 
		ul.navi li { margin: 0 0 5px 16px; }
		ul.navi a { font-size: 12px; }
		.linkMail, .offcanvas .phone { font-size: 20px; margin: 0px 0 14px 10px; }
		 .offcanvas .phone {margin: 0px 10px 14px 10px; }
		.address { font-size: 12px;  margin: 20px 0 10px 10px;}
		.hamburger-box {width: 27px; height: 19px; }
		 .offcanvasTop { height: 59px; border-bottom: solid 1px #005BAA; margin-bottom: 24px; }
		 header .offcanvas .buttonB2b { float: left;}
	}
	@media only screen and (min-width: 767px) and (max-width: 880px) {
		.offcanvas { padding: 0 0 10px 0;   }
		span.panel-title  { font-size: 20px; margin: 0 0 12px 14px;} 
		ul.navi li { margin: 0 0 5px 16px; }
		ul.navi a {font-size: 12px; }
		.linkMail, .offcanvas .phone {font-size: 20px; margin: 0px 0 14px 10px; }
		 .offcanvas .phone {margin: 0px 10px 14px 10px; }
		.address { font-size: 12px;  margin: 20px 0 10px 10px;}
		.hamburger-box {width: 27px; height: 19px; }
		 .offcanvasTop { height: 59px; border-bottom: solid 1px #005BAA; margin-bottom: 24px; }
		 header .offcanvas .buttonB2b { float: left;}
	}
	/* --- Mobile landscape --- (col-ml) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.offcanvas { padding: 0 0 10px 0;  height: auto; min-height: 100%;  box-shadow: none; border-radius: 0px 0px 0px 0px; left: 0px; top: 0px; overflow-y: auto;}
		span.panel-title  { font-size: 20px; margin: 0 0 12px 14px;} 
		#offcanvasInOne, #offcanvasInTwo { margin: 0 0 20px 0px; }
		ul.navi li { margin: 0 0 5px 16px; }
		ul.navi a {font-size: 12px; }
		.linkMail, .offcanvas .phone {font-size: 20px; margin: 0px 0 14px 10px; }
		.offcanvas  .phone {margin: 0px 10px 14px 10px; }
		.address { font-size: 12px;  margin: 30px 0 10px 10px;}
		.offcanvasTop {  height: 59px; border-bottom: solid 1px #005BAA; margin-bottom: 24px; }
		 header .offcanvas .buttonB2b { float: left;}
	}

	/* --- Mobile portrait --- (col-mp) */
	@media only screen and (min-width: 0px) and (max-width: 480px) {
		.offcanvas { padding: 0 0 10px 0;  height: auto; min-height: 100%;  box-shadow: none; border-radius: 0px 0px 0px 0px; left: 0px; top: 0px; overflow-y: auto;}
		span.panel-title  { font-size: 20px; margin: 0 0 12px 14px;} 
		#offcanvasInOne, #offcanvasInTwo { margin: 0 0 20px 0px; }
		ul.navi li { margin: 0 0 5px 16px; }
		ul.navi a {font-size: 12px; }
		.linkMail, .offcanvas .phone {font-size: 20px; margin: 0px 0 14px 10px; }
		 .offcanvas .phone {margin: 0px 10px 14px 10px; }
		.address { font-size: 12px;  margin: 30px 0 10px 10px;}
		 .offcanvasTop {  height: 59px; border-bottom: solid 1px #005BAA; margin-bottom: 24px; }
		 header .offcanvas .buttonB2b { float: left;}
	}

.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--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--initialized {
	display: block;
}

.offcanvas i {
	color: #252525;
}

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

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

.navbar-nav-rt li a {
	color: #252525;
	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: #252525;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0 12px 5px 8px;
}

/************************************************************************************/
/* Footer  
/************************************************************************************/

.footer-border { border-top: solid 2px #005BAA; padding: 50px 0 25px 0; clear: both;  }

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

	footer .contact { }
	footer .share {  padding-top: 44px; }
	footer ul.menu-a { list-style: none; text-decoration: none; margin: 0; padding: 0; width: 80%; }
	footer .contact  ul.menu-a { width: 100%; display: block; }
	footer ul.menu-a li { list-style: none; display: block; padding: 0; margin: 0 0 16px 0;}
	footer .menu-a li a { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px;  color: #252525; display: block;  }
	footer .menu-a li a:hover { color: #5793CF; text-decoration: none; }
	
	footer ul.menu-a.listButtons li a  {text-decoration: underline; }
	footer ul.menu-a.listButtons li a:hover  {text-decoration: none; }	

	.share ul {padding: 0; margin: 0; list-style: none; }
	.share ul > li { float: left; display: block; margin-right: 18px; }
	.share ul > li > a { display: block; margin: 0px; width: 48px; height: 48px; font-size: 0px; }
	
	.vk { display: block; width: 48px; height: 48px;  background: url('/image/footer/vk.svg') center center no-repeat; background-size: 100%; }
	.vk:hover { background: url('/image/footer/vkOver.svg') center center no-repeat; background-size: 100%; }
	.youtube-play { display: block; width: 48px; height: 48px;  background: url('/image/footer/youtube.svg') center center no-repeat; background-size: 100%; }
	.youtube-play:hover { background: url('/image/footer/youtubeOver.svg') center center no-repeat; background-size: 100%; }	
	.dzen { display: block; width: 48px; height: 48px;  background: url('/image/footer/dzen.svg') center center no-repeat; background-size: 100%; }
	.dzen:hover { background: url('/image/footer/dzenOver.svg') center center no-repeat; background-size: 100%; }
	.vc { display: block; width: 48px; height: 48px;  background: url('/image/footer/vc.svg') center center no-repeat; background-size: 100%; }
	.vc:hover { background: url('/image/footer/vcOver.svg') center center no-repeat; background-size: 100%; }
	
	.tme { display: block; width: 48px; height: 48px;  background: url('/image/footer/telegram.svg') center center no-repeat; background-size: 100%; }
	.tme:hover { background: url('/image/footer/telegramOver.svg') center center no-repeat; background-size: 100%; }
	.habr { display: block; width: 48px; height: 48px;  background: url('/image/footer/habr.svg') center center no-repeat; background-size: 100%; }
	.habr:hover { background: url('/image/footer/habrOver.svg') center center no-repeat; background-size: 100%; }
	
	.copy p { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; color: #252525; margin-bottom: 8px; line-height: 17px;}
	.copy p a { text-decoration: underline;}
	.copy p a:hover { text-decoration: none; }
	
	footer .blockMenuFooter { margin-bottom: 30px; 	color: #252525; 	text-decoration: none !important; 	font-family: 'Montserrat'; 	font-style: normal; 	font-weight: 700; 	font-size: 16px;  line-height: 20px; display: none; background: url('/image/footer/open.svg') right center no-repeat; cursor: pointer; border: none; padding: 0 0 0 0; height: auto; text-align: left;  }
	footer .blockMenuFooter:hover { border: none; padding: 0 0 0 0; height: auto; text-align: left;  color: #252525; 	}
	footer .closeWin { margin-top: -50px;  margin-bottom: 16px; 	font-size: 16px;  line-height: 20px; 	color: #252525; 	text-decoration: none !important; 	font-family: 'Montserrat'; 	font-style: normal; 	font-weight: 700;   background: #ffffff url('/image/footer/close.svg') right center no-repeat; display: none; cursor: pointer; }
	
	footer .blockMenuFooter.active { color: #252525; }
	footer .bmf { display: block;  background: #ffffff }
	
	@media only screen and (min-width: 0px) and (max-width: 479px) {

	}
	
/* --- Tablet landscape --- (col-ts) */
	@media only screen and (min-width: 1440px) and (max-width: 1919px) {
			.footer-border { padding: 36px 0 25px 0; }
			footer h6 { margin-bottom: 16px; font-size: 20px; line-height: 24px; }
			footer ul.menu-a li { margin: 0 0 12px 0;}
			footer .menu-a li a { font-size: 14px; line-height: 17px; }
			.share ul > li { margin-right: 16px; }
			.share ul > li > a { width: 36px; height: 36px;}
			.copy p { font-size: 12px;  line-height: 15px;}
	}
/* --- Tablet landscape --- (col-tr) */
	@media only screen and (min-width: 1241px) and (max-width: 1440px) {
			.footer-border { padding: 34px 0 25px 0; }
			footer h6 { margin-bottom: 16px; font-size: 20px; line-height: 24px; }
			footer ul.menu-a li { margin: 0 0 12px 0;}
			footer .menu-a li a { font-size: 14px; line-height: 17px; }
			.share ul > li { margin-right: 12px; margin-bottom: 12px;  }
			.share ul > li > a { width: 36px; height: 36px;}
			.copy p { font-size: 12px;  line-height: 15px;}		
	}
/* --- Tablet portrait --- (col-tp) */
	@media only screen and (min-width: 992px) and (max-width: 1240px) {
			.footer-border { padding: 25px 0 25px 0; border-top: solid 1px #005BAA;}
			footer h6 { margin-bottom: 16px; font-size: 18px; line-height: 22px; }
			footer ul.menu-a li { margin: 0 0 10px 0;}
			footer .menu-a li a { font-size: 12px; line-height: 15px; }
			.share ul > li { margin-right: 12px; margin-bottom: 12px;  }
			.share ul > li > a { width: 32px; height: 32px;}
			.copy p { font-size: 10px;  line-height: 12px; margin-bottom: 7px; }		

	}
/* --- Small tablet portrait --- (col-st) */
	@media only screen and (min-width: 880px) and (max-width: 991px) {
			.footer-border { padding: 24px 0 24px 0;  border-top: solid 1px #005BAA;}
			footer h6 { margin-bottom: 16px; font-size: 18px; line-height: 22px; }
			footer ul.menu-a li { margin: 0 0 10px 0;}
			footer .menu-a li a { font-size: 12px; line-height: 15px; }
			.share ul > li { margin-right: 12px; margin-bottom: 12px;  }
			.share ul > li > a { width: 36px; height: 36px;}
			.copy p { font-size: 10px;  line-height: 12px; margin-bottom: 7px; }	


	}
@media only screen and (min-width: 767px) and (max-width: 879px) {
			.footer-border { padding: 24px 0 24px 0;  border-top: solid 1px #005BAA;}
			footer h6 { margin-bottom: 16px; font-size: 18px; line-height: 22px; }
			footer ul.menu-a li { margin: 0 0 10px 0;}
			footer .menu-a li a { font-size: 12px; line-height: 15px; }
			.share ul > li { margin-right: 10px; margin-bottom: 10px;  }
			.share ul > li > a { width: 30px; height: 30px;}
			.copy p { font-size: 10px;  line-height: 12px; margin-bottom: 7px; }	


	}
/* --- Mobile landscape --- (col-ml) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.footer-border { padding: 20px 0 20px 0;  border-top: solid 1px #005BAA;}
			footer h6 { display: none; } 
			footer .bmf { display: none; }
			footer .blockMenuFooter, footer .closeWin  { display: block; }
			footer ul.menu-a { width: 100%; }
			footer .share {  padding-top: 30px; }
			footer ul.menu-a li { margin: 0 0 10px 0;}
			footer .menu-a li a { font-size: 12px; line-height: 15px; }
			.share ul > li { margin-right: 12px; }
			.share ul > li > a { width: 32px; height: 32px;}
			.copy p { font-size: 10px;  line-height: 12px; margin-bottom: 7px; }	
			.copyright { margin-bottom: 23px;}
	}

/* --- Mobile portrait --- (col-mp) */
	@media only screen and (min-width: 0px) and (max-width: 479px) {
			.footer-border { padding: 20px 0 20px 0;  border-top: solid 1px #005BAA;}
			footer h6 { display: none; } 
			footer .bmf { display: none; }
			footer .blockMenuFooter, footer .closeWin  { display: block; }
			footer ul.menu-a { width: 100%; }
			footer .share {  padding-top: 30px; }
			footer ul.menu-a li { margin: 0 0 10px 0;}
			footer .menu-a li a { font-size: 12px; line-height: 15px; }
			.share ul > li { margin-right: 12px; }
			.share ul > li > a { width: 32px; height: 32px;}
			.copy p { font-size: 10px;  line-height: 12px; margin-bottom: 7px; }	
			.copyright { margin-bottom: 23px;}
	}



/************************************************************************************/
/* Header & Nav Close проверить необходимость этих стилей
/************************************************************************************/

.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: #252525;
	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;
}

/************************************************************************************/
/* IndexSlider
/************************************************************************************/
#banners { margin: 0 0 90px 0; padding-top: 0px; }
	#banners-a { margin: 0 0 45px 0; padding-top: 88px; }
	.size .container-small { position: absolute; bottom: 10px; margin-left: auto; margin-right: auto;}
	@media only screen and (max-width: 1241px) {
		#banners-a { padding-top: 68px;  }
	}
	@media only screen and (max-width: 991px) {
		#banners-a { padding-top: 59px;  }
	}

	.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; }
	
	.owl-carousel .owl-dots { 	display: block; text-align: center; margin-top: -80px; }
	.owl-carousel button.owl-dot span { display: block; width: 24px; height: 24px; margin: 0 10px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; background: #345167; border:none; }
	.owl-carousel button.owl-dot.active span{	background: #F37428; }
	.owl-carousel .owl-dot { display: inline-block; zoom: 1; z-index: 99; position: relative; }
	.owl-carousel .owl-prev, .owl-carousel .owl-next { display: none; }
	/* --- Small tablet portrait --- (col-st) */
	@media only screen and (max-width: 991px) {
		.owl-carousel button.owl-dot span { width: 18px; height: 18px; margin: 0 10px; }
		.owl-carousel .owl-dots { 	display: block; text-align: center; margin-top: -50px; }
	}
		/* --- Mobile landscape --- (col-ml) */
	@media only screen and (max-width: 767px) {
		.owl-carousel .owl-dots { 	display: none; }
	}
	
/************************************************************************************/
/* проверить необходимость этих стилей
/************************************************************************************/	

main h1 { padding: 0 0 0 0; margin-bottom: 24px; }
main h1 a { text-decoration: underline !important; }
main h1 a:hover { text-decoration: none !important; }

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: 'Montserrat';
	color: #ffffff; 
}

.size h2#main-header { padding-top: 90px; font-family: 'Montserrat'; color: #ffffff; padding: 0 0 0 0; margin-bottom: 24px; font-weight: normal; font-size: 30px; line-height: 1.2em; }
.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: #F9F9F9;
	color: #252525;
	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: 'Montserrat';
	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;
}

.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: #252525;
	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: 'Montserrat';
}

.news {
	background: #E9E9E9;
	color: #252525;
	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: 'Montserrat';
	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: 'Montserrat';
	text-decoration: underline;
	color: #404040;
}

.tu-a {
	font-size: 16px;
	font-family: 'Montserrat';
	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: 'Montserrat';
	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;
}

.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: 'Montserrat';
	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: 'Montserrat';
	color: #676767;
	font-size: 18px;
}

.panel-body span {
	font-family: 'Montserrat';
	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: 'Montserrat';
	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;
}

.news-list article {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}

/* 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: #252525;
}

.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
}


/************************************************************************************/
/* Media
/************************************************************************************/

@media only screen and (min-width: 0px) and (max-width: 479px) {
		
	
	.dropdown-toggle img {
		height: 18px;
	}
	

	.search-small {
		height: 35px;
	}
	
	.manager {
		width: 25px;
		height: 45px;
		float: right;
		margin-right: 10px;
	}
	


	.bg-news {
		background: #ffffff;
	}
	
	footer .contact {	}
	
	.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, .size h2#main-header {
		font-size: 20px;
	}

	
	.size h1, .size h2#main-header {
		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: 480px) and (max-width: 767px) {
	#banners {
		margin: 0 0 60px 0;
	}
	
	
	
	.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;
	}
	

	.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, .size h2#main-header {
		font-size: 20px;
	}
	
	.size h1, .size h2#main-header {
		padding-top: 50px;
	}
}

/* --- Small tablet portrait --- (col-st) */
@media only screen and (min-width: 767px) and (max-width: 991px) {
	#banners {
		margin: 0 0 60px 0;
	}
	
	.bg-news {
		background: #ffffff;
	}
	
	.login {
		padding: 14px 10px 0 16px;
		cursor: pointer;
	}
	
	.col-5 {
		width: 100%;
		float: left;
		padding-bottom: 20px;
	}
	

	.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, .size h2#main-header {
		font-size: 20px;
	}
	
	.size h1, .size h2#main-header {
		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;
	}
	
	.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: #252525;
	font-weight: 300;
	margin: 0 15px 30px 15px;
	padding: 0;
	font-size: 25px;
}

/*  Reclamation and order form styles end */



/* 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: 'Montserrat';
	color: #404040;
	margin-bottom: 5px !important;
	padding-bottom: 0px; 
}

.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;
}


/*  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: 767px) 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;
}

.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: #005BAA;
    font-weight: bold;
}
.b-thanks__item{
	font-size: 18px;
    padding: 3px;
    color: black;
}
.b-thanks__number{
	font-size: 26px;
	font-weight: bold;
}



.lightning {/* position: absolute; top: 88px; left: 0px; right: 0px;*/ margin-top:88px; background: #F37428; padding: 26px 26px 26px 26px; font-weight: 600; font-size: 16px; text-align: center; color: #FFFFFF; line-height: 1.2;  }
@media only screen and (min-width: 991px) and (max-width: 1241px){
	.lightning{margin-top:68px;}
}
@media only screen and (min-width: 767px) and (max-width: 991px){
	.lightning{margin-top:59px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
	.lightning{margin-top:59px;}
}
@media only screen and (min-width: 0px) and (max-width: 480px){
.lightning{margin-top:59px;}
}
#banners-a {
  margin: 0 0 45px 0;
  padding-top: 0px;
}


.medal_block {margin-bottom:100px;}
.medal_block img {margin:0 20px 20px 0;}
.medal_block .system_integrator {max-width:104px;}
.medal_block .cnews {max-width:250px;}
.medal_block .tadviser {max-width:250px;}

@media only screen and (min-width: 767px) and (max-width: 1241px) {
.medal_block {margin-bottom:90px;}
.medal_block img {margin:0 10px 10px 0;}
.medal_block .system_integrator {max-width:70px;}
.medal_block .cnews {max-width:200px;}
.medal_block .tadviser {max-width:200px;}
}

@media only screen and (min-width: 479px) and (max-width: 767px) {
.medal_block {display: none;}
}