h1{
	text-align:center;
}

/*********************************************************************************************/
.index_cat{
	max-width: 1020px;
	margin: 20px 0 0px -20px;
	padding: 0 0 10px;
	overflow: hidden;
}

.index_cat div p.index_cat_description {
 	display: table;
 	margin: 0 auto;
 	padding: 0;
 	width: auto;
}

.index_cat_description a {
	display: table-cell;
	vertical-align: middle;
}

.index_cat div.index_cat_item{
	display: block;
	width: 235px;
	height: 320px;
	float: left;
	margin: 0 0 20px 20px;
	background: #dadcdf;
	cursor: pointer;
}
.index_cat div.index_cat_item > div{
	width: 225px;
	height: 310px;
	border: 1px solid #eeeff1;
	margin: 4px auto;
	position: relative;
}
.index_cat div p{
	display: block;
	font: italic 14px/16px 'PT Serif';
	color: #747578;
	text-align: center;	
	width: 195px;
	padding: 13px 0 0;
	margin: 2px auto;
	height: 33px;
}
.index_cat div.index_cat_item:hover > div{
	background: url(images/index_photoalbum_hover.png) no-repeat;
	background-size: 100% 100%;
}
.index_cat div.index_cat_item div div{
	display: block;
	position: relative;
	width: 195px;
	height: 240px;
	overflow: hidden;
	margin: 20px auto 0;
	text-align: center;
}
.index_cat div.index_cat_item div div a{
	display: block;
	width: 300%;
	text-align: center;
	line-height: 240px;
	margin-left: -195px;
}
.index_cat div.index_cat_item div a img{
	height:240px;
}
.index_cat div.index_cat_item div a.name{
	display: table-cell;
	vertical-align: middle;
	width: 195px;
	height: 32px;
	text-transform: uppercase;
	font: 13px/32px 'PT Sans';
	color: #38393b;
	text-shadow: 0 1px 0 #ffffff;
	border-bottom: 1px solid #c8c8c8;
	box-shadow: 0 1px 0 #f2f3f5;
	text-align: center;
	text-decoration: none;
	margin: 3px auto 0;
	position: relative;
}
.benefits span{
	display:block;
	text-align:center;
	padding:7px 0 0;
	color:#51585b;
	font:bold 16px 'PT Sans';
	text-transform:uppercase;
}
.scheme,.txt > div.scheme{
	padding:0 0 20px;
	margin:0;
	text-align:center;
	float:none;
	width:100%;
}
.scheme span{
	width:28%;
	padding:10px 2.5% 10px;
	margin:0;
	display:inline-block;
	vertical-align:top;
	color:#51585b;
	font:bold 16px 'PT Sans';	
	text-transform: uppercase;
	text-align: center;
}

.step_img {
	display: none;
}

.step_description {
	display: inline;
}
.step_description p {
	display: inline;
}

.step {
	display: inline;
}

.scheme_img {
	width: 100%;
}

#slider2 {
	margin: 0;
	padding: 0;
}

#slider2 li {
	display: inline;
}

p.h2{
	font: italic 20px 'PT Serif';
	color: #4e4f4f;
	text-align: center;
	padding: 0px 0 8px 10px;
	margin: 10px 0 15px;
	background: url(images/h1.png) center bottom no-repeat;
	background-size: 100% 5px;
}
p.h2 a{
	text-decoration:none;
	font: italic 20px 'PT Serif';
	color: #4e4f4f;
}
.index_response,.txt > div.index_response{
	padding:0 0 10px;
	margin:0;
	text-align:center;
	float:none;
	width:100%;
}

.index_response .bx-wrapper .bx-controls-direction a {
	top: 16px;
	margin-top: 0;
	width: 40px;
	height: 40px;
}

.index_response .bx-wrapper .bx-prev {
	right: 71px;
	left: initial;
	background: url(images/prev_feedback.png) no-repeat center center;
}

.index_response .bx-wrapper .bx-next {
	right: 15px;
	background: url(images/next_feedback.png) no-repeat center center;
}

.index_response .bx-wrapper .bx-prev:hover {
	background: url(images/prev_feedback_hover.png) no-repeat center center;
}

.index_response .bx-wrapper .bx-next:hover {
	background: url(images/next_feedback_hover.png) no-repeat center center;
}

.index_response .item{
	background:#e1e3e6;
	border:4px solid #e4e6ea;
	box-shadow:inset 0px 0px 0px 1px #f2f3f5;
	margin:0 0 15px;
	padding:15px 15px 15px 160px;
	position:relative;
	min-height:130px;
}

#slider3 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

img.avatar{
	position:absolute;
	left:15px;
	top:15px;
	max-height:130px;
}
.index_response .item p{
	padding:0 0 5px;
	margin:0;
	color:#1b1c1f;
	font:14px 'PT Sans';
}
.index_response .item p.author{
	color:#51585b;
	font:bold 16px 'PT Sans';
	text-transform:uppercase;
	padding:0 0 2px;
}
.index_response .item p.date{
	color:#51585b;
	font: 16px 'PT Sans';
	padding:0 0 7px;
}
.link,.txt > div.link{
	padding:0 0 20px;
	margin:0 0 0 -20px;
	text-align:center;
	float:none;
	width:auto;
}
.link:after{
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.link div,.link div:hover{
	height:auto;
	background:none;
	cursor:default;  
}
.link span {
  display: inline-block;
  padding:0;
  margin:0;
  position:relative;
  width:auto;
  height:auto;
  font: italic 15px 'PT Serif';
  color: #595b5e;
  text-align: center;
  vertical-align: top;
}
.link span.name, .link a.name{
	display:inline-block;
	padding:0 15px;
	margin:0;
	position:absolute;
	left:0;
	bottom:18px;
	color:#ffffff;
	font: italic 18px 'PT Serif';
	text-shadow:rgba(0,0,0,0.5) 1px 1px 0px;
}
.index_publ_block,.txt > div.index_publ_block{
	padding:0 0 20px;
	margin:0 0 0 -20px;
	text-align:center;
	float:none;
	width:auto;
}
.index_publ_block:after{
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.index_publ_block div.index_publ,.index_publ_block div.index_publ:hover{
	height:auto;
	background:none;
	cursor:default;  
	display: block;
	width: 235px;
	float:left;
	padding:0 0 0 20px;
}
.index_publ_block span {
  display: inline-block;
  padding:0;
  margin:0;
  position:relative;
  width:auto;
  height:auto;
  font: italic 15px 'PT Serif';
  color: #595b5e;
  text-align: center;
  vertical-align: top;
}
.index_publ_block span.name, .index_publ_block a.name{
	display:inline-block;
	padding:0 15px;
	margin:0;
	position:absolute;
	left:0;
	bottom:18px;
	color:#ffffff;
	font: italic 16px/18px 'PT Serif';
	text-shadow:rgba(0,0,0,0.5) 1px 1px 0px;
	text-align: left;
	text-decoration:none;
}
.index_form,.txt > div.index_form{
	padding:25px 0 20px;
	margin:10px 0 15px 0px;
	text-align:center;
	float:none;
	width:auto;
	background:url(images/bottom_form_bg.jpg) center top no-repeat;
	background-size: cover;
	min-height:170px;
}
p.form_head{
	color:#fefefe;
	font: italic 20px 'PT Serif';
	padding:0 0 10px;
	margin:0 0 0 0px;
	text-align:center;
}
.index_form table.form{
	width:305px;
	margin:0 auto 0;
	border:none;
	background:none;
}

.index_form table.form tbody {
    display: table-row-group; 
}

.index_form table.form td{
	color:#feffff;
	font:bold 14px 'PT Sans';
	vertical-align:middle;
	padding:5px;
	display: table-cell;	
}

.index_form table.form tr{
	display: table-row;
}

.index_form table.form input[type="text"]{
	width:198px;
	height:14px;
	padding:7px 10px;
	margin:0;
	background:#ffffff;
	color:#4e4f4f;
	font: 14px 'PT Sans';
	border:1px solid #dedfdf;
	outline: none;
}

.index_form table.form input[type="text"]:focus, .index_form table.form input[type="text"]:active{
	border:1px solid #84a7e1 !important;
}

.index_form table.form input[type="text"]::-moz-placeholder {
	font: bold 14px 'PT Sans';
	color: transparent;
}

.index_form table.form input[type="text"]::-webkit-input-placeholder {
	font: bold 14px 'PT Sans';
	color: transparent;
}

.index_form table.form .input{
	padding:0;
	margin:0;
	position:relative;
}
.index_form table.form .error{
	position:absolute;
	left:100%;
	top:0;
	padding-left: 10px;
	width: 220px;
}
.index_form  .error ul:before{
	content:'';
	display:block;
	width:7px;
	height:14px;
	background:url(images/error_arr.png) left top no-repeat;
	margin: 0 0 -14px -16px;
}
.index_form  .error ul{
	width: 200px;
	background: #fff;
	padding: 5px 9px 7px;
	border: 1px solid red;
	list-style: none;
	margin: 0;
}
.index_form  .error ul li{
	font: 12px/14px 'segoe ui', arial;
	color:#000;
}
.index_form table.form input[type="submit"]{
	width:150px;
	height:30px;
	padding:5px 10px;
	margin:0;
	background:url(images/bottom_form_bt.jpg) left top no-repeat;
	color:#4e4f4f;
	font: 14px 'PT Sans';
	border:none;
	cursor:pointer;
}
table.contact_main{
	width:100%;
	border:none;
	margin:0 0 15px;
}
table.contact_main td{
	border:none;
	padding:5px;
	vertical-align:top;
	height:90px;
}
table.contact_main td p{
	color:#4e4f4f;
	font: 16px 'PT Sans';
	padding:0 0 15px;
	margin:0;
}
.index_mode{
	padding:15px 0 10px 0;
	margin:10px 0 0;
}

.index_mode:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	position: absolute;
	background:url(images/main_contact_icon.png) center center no-repeat;
	width: 19px;
	height: 20px;
	top: 0;
	left: 0;
}

.index_phone{
	padding:15px 0 10px 0;
	margin:10px 0 0;
	position: relative;
}

.index_phone:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	position: absolute;
	background:url(images/main_contact_icon2.png) center center no-repeat;
	width: 19px;
	height: 20px;
	top: 0;
	left: 0;
}

a.to_cont{
	width:205px;
	padding:7px 0px 10px;
	margin: -1px 0 0 0;
	background:url(images/main_contact_bt.png) left top no-repeat;
	color:#4e4f4f;
	font: 14px 'PT Sans';
	display:inline-block;
	text-decoration:none;
	text-align:center;
}



@media screen and (max-width: 1000px) {
	.link, .txt > div.link {
		padding: 0 20px;
	}

	.index_publ_block, .txt > div.index_publ_block {
		padding: 0 20px;
	}

	.index_cat {
		text-align: center;
	}

	p.h2 {
		margin: 10px 20px 15px 20px;
	}

	.index_cat div.index_cat_item {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.index_cat br {
		display: none;
	}

	.link div {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 20px 20px;
	}

	.index_publ_block div.index_publ,.index_publ_block div.index_publ:hover{ 
		display:inline-block;
		width: 235px;
		float: none;
		padding:0 0 20px 20px;
	}
}

@media screen and (max-width: 960px) {

	.link, .txt > div.link {
		margin-top: -30px;
	}
}

@media screen and (max-width: 890px) {

	.link, .txt > div.link {
		margin-top: -50px;
	}
}

@media screen and (max-width: 860px) {

	.link, .txt > div.link {
		margin-top: -70px;
	}
}

@media screen and (max-width: 800px) {

	.index_form table.form .error {
		padding-left: 0;
		position: static;
	}

	.index_form table.form .error ul {
		margin: 10px auto;
	}

	.index_form  .error ul:before {
		display: none;
		width: 0;
		height: 0;
	}
}

@media screen and (max-width: 790px) {

	#slider2 {
		background: #eff0f2;
		display: block;
		height: 72px;
		padding-bottom: 3px;
	}

	.scheme .bx-viewport {
		height: 75px !important;
	}

	.scheme, .txt > div.scheme {
		width: auto;
	}

	#slider2 li {
		display: inline-block;
		vertical-align: top;
		border-top: 1px solid #f8f9fb;
		border-bottom: 1px solid #f8f9fb;
		background: #eff0f2;
		height: 67px;
		margin-top: 3px;
	}
	.scheme_img {
		display: none;
	}

	.step_img, .step_description {
		display: inline-block;
		vertical-align: top;
	}

	.step_description {
	    width: 150px;
    	padding: 0 0px 0 17px;
	}

	.step {
		display: inline-block;
		width: 263px;
	}

	.step_description p {
		display: table;
		width: 145px;
		padding: 0 17px;
		height: 67px;
		margin: 0;
	}

	.step_description p span {
		display: table-cell;
		vertical-align: middle;
		font-size: 14px;
	}

	.scheme span {
		font: bold 14px 'PT Sans';
		padding-bottom: 0;
		width: auto;
		text-align: left;
		padding: 0;
	}
}

@media screen and (max-width: 780px) {

	.link, .txt > div.link {
		margin-top: -85px;
	}
}

@media screen and (max-width: 735px) {

	p.h2 {
			background: url(images/h1_mobile.png) no-repeat center bottom / auto 4px;
			text-align: center;
		}
}

@media screen and (max-width: 710px) {

	.link, .txt > div.link {
		margin-top: -95px;
	}
}

@media screen and (max-width: 700px) {
	a.to_cont {
			width: 206px;
	    padding: 12px 0px 15px;
	    font: 17px 'PT Sans';	    
	  background: -moz-linear-gradient( 90deg, rgb(224,237,240) 0%, rgb(243,248,249) 100%);
	  background: -webkit-linear-gradient( 90deg, rgb(224,237,240) 0%, rgb(243,248,249) 100%);
	  background: -ms-linear-gradient( 90deg, rgb(224,237,240) 0%, rgb(243,248,249) 100%);
	  box-shadow: 0px 1px 2.97px 0.03px rgba(152, 165, 169, 0.004),inset 0px 2px 7px 0px rgba(255, 255, 255, 0.004);
	  margin-top: 8px;
	}
}


@media screen and (max-width: 600px) {

	.index_response .item{
		margin: 0;
		padding: 16px;
	}

	#slider3 {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	img.avatar{
		position: static;
		float: left;
		margin: 0 12px 15px 0;
	}
}

@media screen and (max-width: 555px) {

	.index_photoalbum {
		margin-bottom: 4px;
	}

	.index_cat {
		text-align: center;
		margin: 7px 0 0px -20px;
	}

	.index_cat div.index_cat_item {
		display: inline-block;
		float: none;
		vertical-align: top;
		width: 131px;
    	height: 203px;
    	padding: 3px;
	}

	.index_cat div.index_cat_item > div {
		width: 129px;
    	height: 201px;
    	margin: 0;
	}

	.index_cat div.index_cat_item div a.name {
		width: 120px;
    	height: 38px;
    	margin: 5px auto 0;
    	line-height: 14px;
    	font-size: 12px;
   	 line-height: 13px;
	}

	.index_cat div.index_cat_item div div {
	    width: 115px;
	    height: 139px;
	    margin: 11px auto 12px auto;
	}

	.index_cat div.index_cat_item div div a {
		width: auto;
		margin-left: -6px;
		line-height: 18px;
	}

	.index_cat div.index_cat_item div a img {
		height: 139px;
		width: auto;
	}
}

@media screen and (max-width: 535px) {
	.index_publ_block div.index_publ,.index_publ_block div.index_publ:hover{ 
		padding:0 0 2px 20px;
	}
}

@media screen and (max-width: 500px) {
	.index_cat div.index_cat_item {
	    margin: 0 0 5px 2px;
    }
    .index_cat {
	    text-align: center;
	    margin: 5px 0 0px -2px;
	}
}

@media screen and (max-width: 480px) {

	.index_form  .error ul {
		width: 270px;
	}

	.index_form table.form .error {
		width: 290px;
	}

	.index_response .item p.author {
		margin-top: 52px
	}

	.index_response .item p.date {
		margin-bottom: 5px;
	}

	img.avatar {
		width: 91px;
	}

	.index_response .item p {
		text-align: left;
	}

	.link, .txt > div.link {
		margin-top: -60px;
		margin-left: 0;
		padding-bottom: 0;
	}

	.link div {
		margin-left: 0;
		margin-bottom: 6px;
		width: 100%;
		height: auto;
	}

	.txt > div.link img {
		width: 100%;
	}

	p.h2 {
		margin-top: 45px;
	}

	.index_form table.form input[type="text"]::-moz-placeholder {		
		color: #7c7c7c;		
	}

.index_form table.form input[type="text"]::-webkit-input-placeholder {		
		color: #7c7c7c;		
	}

	.index_form table.form .heading {
		display: none;
	}

	.index_form table.form tr {
		display: block;
	}

	table.content_ins td {
		display: block;
	}

	.index_form table.form, .index_form table.form tbody {
		display: block;
		width: 100%;
	}

	.index_form table.form input[type="text"] {
		margin: 0 auto;
		display: block;
		width: 256px;
		padding: 12px 16px;
		border: 1px solid transparent;
	}

	.index_form table.form td {
		display: block;
	}

	.index_form, .txt > div.index_form {
	    margin: 10px 0 15px 0;
	    padding: 12px 0 20px;
	}

	.index_form table.form input[type="submit"] {
	    width: 206px;
	    height: 45px;
	    padding: 5px 10px;
	    margin: 0 auto;
	    background: -moz-linear-gradient( 90deg, rgb(224,237,240) 0%, rgb(243,248,249) 100%);
		  background: -webkit-linear-gradient( 90deg, rgb(224,237,240) 0%, rgb(243,248,249) 100%);
		  background: -ms-linear-gradient( 90deg, rgb(224,237,240) 0%, rgb(243,248,249) 100%);
		  box-shadow: 0px 1px 3px 0px rgba(152, 165, 169, 0.004),inset 0px 2px 7px 0px rgba(255, 255, 255, 0.004);
		  font: 17px 'PT Sans';
	}

	a[onclick="return hs.expand(this)"] {
	  display: block;
	  clear: both;
	 } 
	 a[onclick="return hs.expand(this)"] img{
	  display: block !important;
	  max-width: 100%;
	  margin: 0 auto 10px !important;
	  float: none !important;
	 } 
}


@media screen and (max-width: 414px) {
	.index_cat {
		text-align: center;
		margin: 5px 0 0px -2px;
	}

	.index_cat div.index_cat_item {
		display: inline-block;
		float: none;
		vertical-align: top;
		width: 131px;
    	height: 203px;
    	padding: 3px;
    	margin: 0 0 5px 2px;
	}
}

@media screen and (max-width: 400px) {

	.index_phone:before,
	.index_mode:before {
			left: -29px;
	}

	.index_mode:before {
		top: 4px;
	}

}


/* .grid .col-x-y */
.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -13px;
  margin-right: -13px;
  overflow: hidden;
}

.grid [class*='col-'] {
  margin-left: 13px;
  margin-right: 13px;
  margin-bottom: 20px;
}

.grid .col-1-1 {
  margin-bottom: 0;
}

.grid .row {
  display: flex;
  width: 100%;
}

/*==========================================================================================*/
/*  Генерируем классы для инлайнового варианта  */
/*==========================================================================================*/
.col-1-1 {
  width: calc(100% - 26px);
}

.col-1-2 {
  width: calc(50% - 26px);
}

.col-1-3 {
  width: calc(33.33333% - 26px);
}

.col-2-3 {
  width: calc(66.66667% - 26px);
}

.col-1-4 {
  width: calc(25% - 26px);
}

.col-3-4 {
  width: calc(75% - 26px);
}

.col-1-5 {
  width: calc(20% - 26px);
}

.col-2-5 {
  width: calc(40% - 26px);
}

.col-3-5 {
  width: calc(60% - 26px);
}

.col-4-5 {
  width: calc(80% - 26px);
}

.col-1-6 {
  width: calc(16.66667% - 26px);
}

.col-5-6 {
  width: calc(83.33333% - 26px);
}

.col-1-7 {
  width: calc(14.28571% - 26px);
}

.col-2-7 {
  width: calc(28.57143% - 26px);
}

.col-3-7 {
  width: calc(42.85714% - 26px);
}

.col-4-7 {
  width: calc(57.14286% - 26px);
}

.col-5-7 {
  width: calc(71.42857% - 26px);
}

.col-6-7 {
  width: calc(85.71429% - 26px);
}

.col-1-8 {
  width: calc(12.5% - 26px);
}

.col-3-8 {
  width: calc(37.5% - 26px);
}

.col-5-8 {
  width: calc(62.5% - 26px);
}

.col-7-8 {
  width: calc(87.5% - 26px);
}

.col-1-9 {
  width: calc(11.11111% - 26px);
}

.col-2-9 {
  width: calc(22.22222% - 26px);
}

.col-4-9 {
  width: calc(44.44444% - 26px);
}

.col-5-9 {
  width: calc(55.55556% - 26px);
}

.col-7-9 {
  width: calc(77.77778% - 26px);
}

.col-8-9 {
  width: calc(88.88889% - 26px);
}

.col-1-10 {
  width: calc(10% - 26px);
}

.col-3-10 {
  width: calc(30% - 26px);
}

.col-7-10 {
  width: calc(70% - 26px);
}

.col-9-10 {
  width: calc(90% - 26px);
}

@media (min-width: 414px) {
  .col-xs-1-1 {
    width: calc(100% - 26px);
  }
  .col-xs-1-2 {
    width: calc(50% - 26px);
  }
  .col-xs-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-xs-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-xs-1-4 {
    width: calc(25% - 26px);
  }
  .col-xs-3-4 {
    width: calc(75% - 26px);
  }
  .col-xs-1-5 {
    width: calc(20% - 26px);
  }
  .col-xs-2-5 {
    width: calc(40% - 26px);
  }
  .col-xs-3-5 {
    width: calc(60% - 26px);
  }
  .col-xs-4-5 {
    width: calc(80% - 26px);
  }
  .col-xs-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-xs-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-xs-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-xs-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-xs-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-xs-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-xs-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-xs-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-xs-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-xs-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-xs-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-xs-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-xs-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-xs-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-xs-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-xs-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-xs-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-xs-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-xs-1-10 {
    width: calc(10% - 26px);
  }
  .col-xs-3-10 {
    width: calc(30% - 26px);
  }
  .col-xs-7-10 {
    width: calc(70% - 26px);
  }
  .col-xs-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 568px) {
  .col-sm-1-1 {
    width: calc(100% - 26px);
  }
  .col-sm-1-2 {
    width: calc(50% - 26px);
  }
  .col-sm-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-sm-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-sm-1-4 {
    width: calc(25% - 26px);
  }
  .col-sm-3-4 {
    width: calc(75% - 26px);
  }
  .col-sm-1-5 {
    width: calc(20% - 26px);
  }
  .col-sm-2-5 {
    width: calc(40% - 26px);
  }
  .col-sm-3-5 {
    width: calc(60% - 26px);
  }
  .col-sm-4-5 {
    width: calc(80% - 26px);
  }
  .col-sm-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-sm-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-sm-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-sm-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-sm-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-sm-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-sm-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-sm-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-sm-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-sm-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-sm-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-sm-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-sm-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-sm-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-sm-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-sm-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-sm-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-sm-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-sm-1-10 {
    width: calc(10% - 26px);
  }
  .col-sm-3-10 {
    width: calc(30% - 26px);
  }
  .col-sm-7-10 {
    width: calc(70% - 26px);
  }
  .col-sm-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 820px) {
  .col-md-1-1 {
    width: calc(100% - 26px);
  }
  .col-md-1-2 {
    width: calc(50% - 26px);
  }
  .col-md-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-md-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-md-1-4 {
    width: calc(25% - 26px);
  }
  .col-md-3-4 {
    width: calc(75% - 26px);
  }
  .col-md-1-5 {
    width: calc(20% - 26px);
  }
  .col-md-2-5 {
    width: calc(40% - 26px);
  }
  .col-md-3-5 {
    width: calc(60% - 26px);
  }
  .col-md-4-5 {
    width: calc(80% - 26px);
  }
  .col-md-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-md-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-md-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-md-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-md-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-md-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-md-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-md-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-md-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-md-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-md-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-md-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-md-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-md-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-md-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-md-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-md-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-md-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-md-1-10 {
    width: calc(10% - 26px);
  }
  .col-md-3-10 {
    width: calc(30% - 26px);
  }
  .col-md-7-10 {
    width: calc(70% - 26px);
  }
  .col-md-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 1024px) {
  .col-lg-1-1 {
    width: calc(100% - 26px);
  }
  .col-lg-1-2 {
    width: calc(50% - 26px);
  }
  .col-lg-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-lg-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-lg-1-4 {
    width: calc(25% - 26px);
  }
  .col-lg-3-4 {
    width: calc(75% - 26px);
  }
  .col-lg-1-5 {
    width: calc(20% - 26px);
  }
  .col-lg-2-5 {
    width: calc(40% - 26px);
  }
  .col-lg-3-5 {
    width: calc(60% - 26px);
  }
  .col-lg-4-5 {
    width: calc(80% - 26px);
  }
  .col-lg-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-lg-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-lg-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-lg-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-lg-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-lg-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-lg-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-lg-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-lg-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-lg-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-lg-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-lg-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-lg-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-lg-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-lg-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-lg-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-lg-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-lg-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-lg-1-10 {
    width: calc(10% - 26px);
  }
  .col-lg-3-10 {
    width: calc(30% - 26px);
  }
  .col-lg-7-10 {
    width: calc(70% - 26px);
  }
  .col-lg-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 1280px) {
  .col-xl-1-1 {
    width: calc(100% - 26px);
  }
  .col-xl-1-2 {
    width: calc(50% - 26px);
  }
  .col-xl-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-xl-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-xl-1-4 {
    width: calc(25% - 26px);
  }
  .col-xl-3-4 {
    width: calc(75% - 26px);
  }
  .col-xl-1-5 {
    width: calc(20% - 26px);
  }
  .col-xl-2-5 {
    width: calc(40% - 26px);
  }
  .col-xl-3-5 {
    width: calc(60% - 26px);
  }
  .col-xl-4-5 {
    width: calc(80% - 26px);
  }
  .col-xl-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-xl-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-xl-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-xl-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-xl-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-xl-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-xl-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-xl-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-xl-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-xl-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-xl-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-xl-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-xl-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-xl-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-xl-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-xl-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-xl-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-xl-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-xl-1-10 {
    width: calc(10% - 26px);
  }
  .col-xl-3-10 {
    width: calc(30% - 26px);
  }
  .col-xl-7-10 {
    width: calc(70% - 26px);
  }
  .col-xl-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 980px) {
  .col-mobile-1-1 {
    width: calc(100% - 26px);
  }
  .col-mobile-1-2 {
    width: calc(50% - 26px);
  }
  .col-mobile-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-mobile-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-mobile-1-4 {
    width: calc(25% - 26px);
  }
  .col-mobile-3-4 {
    width: calc(75% - 26px);
  }
  .col-mobile-1-5 {
    width: calc(20% - 26px);
  }
  .col-mobile-2-5 {
    width: calc(40% - 26px);
  }
  .col-mobile-3-5 {
    width: calc(60% - 26px);
  }
  .col-mobile-4-5 {
    width: calc(80% - 26px);
  }
  .col-mobile-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-mobile-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-mobile-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-mobile-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-mobile-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-mobile-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-mobile-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-mobile-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-mobile-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-mobile-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-mobile-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-mobile-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-mobile-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-mobile-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-mobile-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-mobile-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-mobile-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-mobile-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-mobile-1-10 {
    width: calc(10% - 26px);
  }
  .col-mobile-3-10 {
    width: calc(30% - 26px);
  }
  .col-mobile-7-10 {
    width: calc(70% - 26px);
  }
  .col-mobile-9-10 {
    width: calc(90% - 26px);
  }
}

/* .order-{breakpoint}-{value} */
.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

@media (min-width: 414px) {
  .order-xs-1 {
    order: 1;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-3 {
    order: 3;
  }
  .order-xs-4 {
    order: 4;
  }
  .order-xs-5 {
    order: 5;
  }
  .order-xs-6 {
    order: 6;
  }
  .order-xs-7 {
    order: 7;
  }
  .order-xs-8 {
    order: 8;
  }
  .order-xs-9 {
    order: 9;
  }
  .order-xs-10 {
    order: 10;
  }
}

@media (min-width: 568px) {
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
}

@media (min-width: 820px) {
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
}

@media (min-width: 1024px) {
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
}

@media (min-width: 1280px) {
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
}

@media (min-width: 980px) {
  .order-mobile-1 {
    order: 1;
  }
  .order-mobile-2 {
    order: 2;
  }
  .order-mobile-3 {
    order: 3;
  }
  .order-mobile-4 {
    order: 4;
  }
  .order-mobile-5 {
    order: 5;
  }
  .order-mobile-6 {
    order: 6;
  }
  .order-mobile-7 {
    order: 7;
  }
  .order-mobile-8 {
    order: 8;
  }
  .order-mobile-9 {
    order: 9;
  }
  .order-mobile-10 {
    order: 10;
  }
}