﻿html {
	height: 100%;
}
body {
	font: 14px/18px 'PT Sans';
	color: #1b1c1f;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding:0;
	margin:0;
	background: #fff url(images/bg.png) top center repeat-y;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}
a {
	font: 14px/18px 'PT Sans';
	color: #7a5f16;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	font: 14px/18px 'PT Sans';
	color: #1b1c1f;
	text-align: justify;
	margin: 10px 0;
}
img {
	border: none;
}
h1{
	font: italic 22px 'PT Serif';
	color: #1b1c1f;
	text-align: left;
	padding: 0px 0 8px 10px;
	margin: 10px 0 5px;
	background: url(images/h1.png) center bottom no-repeat;
	background-size: 100% 5px;
}
h2{
	font: italic 20px 'PT Serif';
	color: #4f5050;
	text-align: center;
	padding: 0 0 8px;
	margin: 16px 0 6px;
}
h3{
	font: italic 17px 'PT Serif';
	color: #4f5050;
	text-align: center;
	padding: 0 0 8px;
	margin: 16px 0 6px;
}
ul, ol{
	padding: 0 0 0 20px;
	margin: 10px 0;
	text-align: left;
}
ul li, ol li{
	font: 14px/18px 'PT Sans';
	color: #1b1c1f;
	margin: 0;
}
ul.with_marker{
	padding: 0px;
	list-style-image: url(images/li.png);
	list-style-position:inside
}
ul.with_marker li{
	
	padding: 0 0 0 5px;
	
}
br.clear{
	clear: both;
}

.video {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.video > img, .video > iframe, .video > object, .video > video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.cfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  *zoom: 1; }

/******************************************************/
.title,.title_pole{
    display: none !important;
}
.overlay_dark_ring {
 background:url(images/dark.png) left top repeat;
     bottom: 0;
     display: none;
     height: 100%;
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     z-index: 20;
 }
#loading_ring {
    background: url("images/loading.gif") no-repeat scroll center center transparent;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
}
/****************************************************************************************/
table.content_ins{
	padding:0;
	margin:0;
	border-collapse:collapse;
	border-color:transparent;
	border-width:0px;
	border:0px;
	background:none;
	table-layout: fixed;
	width:100%;
	display: block;
}

table.content_ins tbody, table.content_ins tr {
	display: block;
}
table.content_ins td{
	display: block;
	padding: 0;
}
table{
	border-collapse:collapse;
}

.blackglama_coats {
	display: block;
	width: 100% !important;
	max-width: 900px;
	clear: both;
	margin: 20px 0;
}


table.content_ins .blackglama_coats td {
	display: inline-block;
	margin-right: 20px;
}

table.content_ins .blackglama_coats tr {
	margin-right: -20px;
}

.center{
	
	margin: 0 auto;
}
img.left{
	float: left;
	margin: 0px 10px 10px 0;
}
img.right{
	float: right;
	margin: 0px 0px 10px 10px;
}
.footer_bg{
	padding: 0 0 30px;
	min-height: 100%;
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	display: block;
	text-align: center;
	overflow: hidden;
}
/****************************************************************************************/
.header{
	width: 100%;
	margin: 0 auto;
	padding: 1px 0 0 0;
	position: relative;
}
.header_phone{
	position: absolute;
	top: 12px;
	left: 0;
	width: 245px;
	height: 73px;
	border-right: 1px solid #d5d5d5;
}
.header_phone div{
	display: table-cell;
	width: 245px;
	height: 73px;
	vertical-align: middle;
}
.header_phone p{
	font: 13px/17px 'PT Sans';
	color: #747474;
	margin: 0 0 8px 7px;
	text-indent: -7px;
	padding-left: 27px;
	background: url(images/main_contact_icon2.png) left 2px no-repeat;
	background-size: 15px auto;
}
.header_phone p span{
	font: bold 16px/17px 'PT Sans';
	color: #4a4949;
	text-transform: uppercase;
}
.header_phone p small{
	font: 12px/17px 'PT Sans';
	color: #747474;
}

.header_phone div.msg-link{
	display: block;
	height: auto;
	line-height: 24px;
	margin: 5px 0 0 9px;
	vertical-align: middle;
	text-align: left;
}
.header_phone div.msg-link a{
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	margin: 0 5px 0 0;
}

.phone_sep{
	display: inline-block;
	padding: 0 7px 0 0;
	border-right: 1px solid #d4d4d4;
	margin: 0 5px 0 6px;
}
.header_lang_switch_container{
	position: absolute;
	top: 16px;
	right: 0;
	width: 185px;
	height: 25px;
	text-align: right;
}
.header_lang_switch_container div{
	width: 78px;
	height: 25px;
	font-size: 0px;
	display: inline-block;
}
.header_lang_switch_container div a{
	display: inline-block;
	width: 39px;
	height: 25px;
	font: 16px/24px 'PT Sans';
	color: #383838;
	background: #d8d8d8;
	text-align: center;
	text-decoration: none;
}
.header_lang_switch_container div a.active, .header_lang_switch_container div a:hover{
	background: #eaeaea;
}
.header_logo{
	display: block;
	width: 239px;
	margin: 12px auto 0 auto;
}

.order_transfer {
	position: absolute;
	right: 0;
	top: 52px;
	width: 228px;
	text-align: center;
	background: url(images/order_transfer.png) no-repeat center center, -moz-linear-gradient(bottom, #df0000 0%, #d60000 100%);
	background: url(images/order_transfer.png) no-repeat center center, -webkit-linear-gradient(top, #df0000 0%, #d60000 100%);
	background: url(images/order_transfer.png) no-repeat center center, -o-linear-gradient(bottom, #df0000 0%, #d60000 100%);
	background: url(images/order_transfer.png) no-repeat center center, linear-gradient(to bottom, #df0000 0%, #d60000 100%);
  border-radius: 3px;
  height: 29px;
}

.order_transfer a {
	background: url(images/order_transfer.png) no-repeat center center;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-shadow: 0px 1px 0px rgba(78, 0, 0, 0.4);
  padding: 5px 0;
}

.order_transfer:hover {
	background: url(images/order_transfer.png) no-repeat center center, -moz-linear-gradient(bottom, #df0000 0%, #9d0000 100%);
	background: url(images/order_transfer.png) no-repeat center center, -webkit-linear-gradient(top, #df0000 0%, #9d0000 100%);
	background: url(images/order_transfer.png) no-repeat center center, -o-linear-gradient(bottom, #df0000 0%, #9d0000 100%);
	background: url(images/order_transfer.png) no-repeat center center, linear-gradient(to bottom, #df0000 0%, #9d0000 100%);
}

.menu_button {
	width: 40px;
  height: 40px;
  background: url(images/menu_button.png) no-repeat center center #ebebeb;
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
  display: none;
}

.menu_button.active {
	background: url(images/menu_button_active.png) no-repeat center center #ebebeb;
}


/**********************************************************************************************/
.top_menu{
	max-width: 1000px;
	margin: 23px auto 0 auto;
	height: 55px;
	background: url(images/top_menu_bg.png) center top repeat-x;
}
.top_menu > ul{
	display: flex;
	margin: 0px;
	padding: 0px;
	max-width: 1050px;
	/* overflow: hidden; */
	list-style: none;
	font-size: 0px;
	text-align: center;
	margin: 0 -25px

}
.top_menu > ul > li{
	display: inline-block;
	height: 54px;
	padding: 0 18px;
	margin: 0px;
	background: url(images/top_menu_sep.png) left center no-repeat;
	cursor: pointer;
}
.top_menu ul li:first-child{
	background: none;
	padding: 0 29px
}

.top_menu ul li:last-child{
	padding: 0 29px
}
.top_menu li a{
	display: block;
	height: 54px;
	font: 14px/54px 'PT Sans';
	color: #3d3d3d;
	text-decoration: none;
	text-transform: uppercase;
}
.top_menu > ul > li:hover > a, .top_menu >ul > li.top_menu_curr > a{
	background: url(images/top_menu_hover.png) center top no-repeat;
	color: #747474;
}

/*  menu item with dropdown */ 
.top_menu li {
	position: relative;
	z-index: 1;
}

.top_menu li > div {
	position: absolute;
	left: 0;
	top: 100%;
	display: block;
	overflow: hidden;
	min-width: 270px;
	background: #fff;
	opacity: 0;
	box-shadow: 0px 0px 15px rgba(30, 51, 125, 0.1);
	
    transform: scaleY(0);
    transform-origin: 0 0;
	/* opacity: 1;
    transform: scaleY(1); */

	transition: opacity, transform 0.2s linear;
}

.top_menu li:hover div {
	opacity: 1;
    transform: scaleY(1);
}

.top_menu li > div > ul {
	list-style: none;
	margin: 0;
}

.top_menu li > div > ul > li {
	padding: 0;
	height: unset;
}

.top_menu li > div > ul > li > a {
	height: 44px;
}

.top_menu li > div > ul > li > a:hover {
	text-decoration: underline;
}

.top_menu ul div li:first-child,
.top_menu ul div li:last-child {
	padding: 0 !important;
}

/*************************************************************************************************/
.main{
	margin: 0 auto;
	position: relative;
}
.content{
	position: relative;
}
/*************************************************************************************************/

.txt{
	max-width: 1000px;
	overflow: hidden;
}
.txt > div{
	width: 485px;
	float: left;
}
.txt > div:first-child{
	margin: 0 30px 0 0;
}

.show_more {
	display: none;
}

.txt .full_text {
	float: none;
	width: auto;
}

.txt .h1_index, .txt .h2_index, .txt .benefits_container {
 	width: auto;
 	margin: 0 !important;
 	float: none;
}

/**************************************************************************************************/
.footer{
	height: 129px;
	position: relative;
	max-width: 1000px;
	margin-top: -130px; 
	border-top: 1px solid #787878;
	margin: 0 auto;
	padding: 0 0 20px;
}
.footer_right{
	float: right;
	padding: 36px 0 0 0;
}
.footer_right > img, .footer_right > a{
	float: right;
	margin: 0 20px 0 0;
}
.footer_logo{
	display: block;
	width: 239px;
	margin: 30px auto 0;
}
.footer_left{
	float: left;
	padding: 30px 0 0 25px;
}
.footer_left span{
	margin: 4px 0;
	font: 14px 'PT Sans';
	color: #000000;
}

.footer_share{
	text-align: right;
	line-height: 24px;
	margin: 20px 0 0;
	vertical-align: middle;
}
.index-page .footer_share{
	text-align: left;
}
.footer_share a{
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	margin: 0 0 0 5px;
}

.pinterest_button {
	display: inline-block;
	vertical-align: top;
}


.pinterest_button > a {
	display: block;
	width: 24px;
	height: 24px;
	background: url(images/pinterest_like_share_button.png) no-repeat center center / cover;
}

.pinterest_button > a:hover {
	opacity: 0.5;
}

.ya-share2 {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.share_buttons {
	background: #d6dde3;
	border-top: 1px solid #c8cacc;
	border-bottom: 1px solid #c8cacc;
	padding: 18px 20px;
	display: none;
	text-align: left;
	position: relative;
}


.instagram_share {
	position: absolute;
	left: 132px;
	bottom: 60px;
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	background: url(images/instagram_like_share_button.png) no-repeat center center;
	background-size: cover;
}

.instagram_share a {
	color: transparent;
	line-height: 0;
}

.instagram_share:hover {
	opacity: 0.9;
}

.share_buttons p {
	text-align: left;
}

.subscribe_text p {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #000b3e;
	font-size: 18px;
	font-weight: 700;
}

.subscribe_heading p, .share_heading p {
	font-size: 14px;
	color: #000000;
}

.share_buttons input[type="text"] {
	display: block;
    width: 258px;
    height: 38px;
    border: 1px solid #bec0c5;
    background: #fff;
    padding: 0 10px;
    margin-bottom: 17px;
    outline: none;
}

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

.share_buttons input[type="submit"] {
	display: block;
    width: 206px;
    height: 45px;
    border: none;
    text-align: center;
    font-size: 17px;
    color: #4c4e4e;
    cursor: pointer;    
	  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-bottom: 20px;
	  outline: none;

}

.share_buttons input[type="submit"]:hover {
	 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%);
}


/************************************************************************************************/
.slider-container{
	overflow: hidden;
}
.slide-1{ 
	margin: 0 0 14px;
	height: 420px;
	padding: 0 0 0px 0;
	left: 50%;
    margin-left: -500px;
    width: 1000px;
    position: relative;
    overflow: hidden;
	}
.slide-1 .slider{ 
	width: 100%; 
	height: 420px;
	overflow: hidden;
	position:relative;
	overflow: hidden;
}
.slide-1 .slide{ 
	width:auto;
	height:100%;
	position: relative;
	text-align: center;
	}
.slide-1 .slide img{
	height: 420px;
}
.sli-links{ 
	margin-top:-10px;
	text-align:center;
	position: relative;
	z-index:3;
}
.sli-links .control-slide{
	margin:2px;
	display:inline-block;
	width:18px;
	height:18px;
	overflow:hidden;
	font-size: 0;
	text-indent:-9999px !important;
	background:url(images/radioBg.png) center top no-repeat;}
.sli-links .control-slide:hover{
	cursor:pointer;}
.sli-links .control-slide.active{
	background-position:center bottom;}
.prewbutton, .nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
	display:block;
	width:37px;
	height:56px;
	position:absolute;
	top: 190px;
	overflow:hidden;
	text-indent:-999px;
	background:url(images/arrowBg.png) left top no-repeat;
	opacity: 1;
	z-index:3;
	outline:none !important;}
.prewbutton{left: 20px;}
.nextbutton{
	right: 20px;
	background:url(images/arrowBg.png) right top no-repeat;
}
.prewbutton:hover{opacity: 0.9;}
.nextbutton:hover{opacity: 0.9;}

.slide-2{ 
	margin: 0 0 14px;
	height: 250px;
	padding: 0 0 0px 0;
	background: url(images/slider_shadow.png) center bottom no-repeat;
	left: 50%;
    margin-left: -500px;
    width: 1000px;
    position: relative;
    overflow: hidden;
	}
.slide-2 .slider{ 
	width: 100%; 
	height: 250px;
	overflow: hidden;
	position:relative;
	overflow: hidden;
}
.slide-2 .slide{ 
	width:auto;
	height:100%;
	position: relative;
	text-align: center;
	
	}
.slide-2 .slide img{
	top: -40px;
	position: relative;
}

.slide-2 .prewbutton, .slide-2 .nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
	top: 100px;
}
/***********************************************************************************************************/
.link{
	width: 1020px;
	margin: 0 0 0 -20px;
}
.link div{
	display: block;
	width: 320px;
	height: 50px;
	float: left;
	margin: 0 0 0 20px;
	background: #dadcdf;
	cursor: pointer;
}
.link span{
	display: table-cell;
	width: 320px;
	height: 50px;
	font: italic 15px 'PT Serif';
	color: #595b5e;
	text-align: center;
	vertical-align: middle;
}
.link a{
	display: inline-block;
	color: #595b5e;
	text-shadow: 0 1px 0 #ededef;
	text-decoration: none;
	font: italic 15px 'PT Serif';
	padding: 0 5px 0 0;
}
.link div:hover{
	background: #cccfd4;
}
.link div:hover a{
	text-decoration: underline;
}
/*********************************************************************************************/
.index_photoalbum{
	max-width: 1020px;
	margin: 20px 0 20px -20px;
	padding: 0 0 10px;
	overflow: hidden;
}
.index_photoalbum div.small_index_photoalbum{
	display: block;
	width: 320px;
	height: 443px;
	float: left;
	margin: 0 0 20px 20px;
	background: #dadcdf;
	cursor: pointer;
}
.index_photoalbum div.small_index_photoalbum > div{
	width: 310px;
	height: 433px;
	border: 1px solid #eeeff1;
	margin: 4px auto;
	position: relative;
}
.index_photoalbum div p{
	display: block;
	font: italic 14px/16px 'PT Serif';
	color: #747578;
	text-align: center;	
	width: 290px;
	padding: 13px 0 0;
	margin: 2px auto;
}
.index_photoalbum div.small_index_photoalbum:hover > div{
	background: url(images/index_photoalbum_hover.png) no-repeat;
	background-size: 100% 100%;
}
.index_photoalbum div.small_index_photoalbum div div{
	display: block;
	position: relative;
	width: 262px;
	height: 299px;
	overflow: hidden;
	margin: 17px auto 0;
	text-align: center;
}
.index_photoalbum div.small_index_photoalbum div div a{
	display: block;
	width: 300%;
	text-align: center;
	line-height: 299px;
	margin-left: -262px;
}
.index_photoalbum div.small_index_photoalbum div a img{
	height: 299px;
}
.index_photoalbum div.small_index_photoalbum div a.name{
	display: block;
	width: 262px;
	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: 0 auto;
	position: relative;
}
/*********************************************************************/
.index_photoalbum div.big_index_photoalbum{
	display: block;
	width: 490px;
	height: 443px;
	float: left;
	margin: 0 0 20px 20px;
	background: #dadcdf;
	cursor: pointer;
}
.index_photoalbum div.big_index_photoalbum > div{
	width: 480px;
	height: 433px;
	border: 1px solid #eeeff1;
	margin: 4px auto;
	position: relative;
}
.index_photoalbum div.big_index_photoalbum:hover > div{
	background: url(images/index_photoalbum_hover.png) no-repeat;
	background-size: 100% 100%;
}
.index_photoalbum div.big_index_photoalbum div div{
	display: block;
	position: relative;
	width: 447px;
	height: 299px;
	overflow: hidden;
	margin: 17px auto 0;
	text-align: center;
}
.index_photoalbum div.big_index_photoalbum div div a{
	display: block;
	width: 300%;
	text-align: center;
	line-height: 299px;
	margin-left: -447px;
}
.index_photoalbum div.big_index_photoalbum div a img{
	height: 299px;
}
.index_photoalbum div.big_index_photoalbum div a.name{
	display: block;
	width: 262px;
	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: 0 auto;
	position: relative;
}

.txt .benefits {
	width: 100%;
	float: none;
	margin-top: 20px;
}

#slider1 {
	padding: 0;
	margin: 0;
	text-align: center;
}

#slider1 li {
	display: inline-block;
	vertical-align: top;
	margin-right: 70px;
    width: 250px;
    margin-bottom: 30px;
}

/*********************************************************************************************/
.our_plus_container{
	margin: 20px 0 0 0;
    clear: both;
    width: 100% !important;
}
.our_plus_container p.tit{
	font: italic 20px 'PT Serif';
	color: #4f5050;
	text-align: center;
	background: url(images/our_plus_container_tit.png) bottom center no-repeat;
	padding: 0 0 8px;
	margin: 16px 0;
}
.our_plus{
	width: 1030px;
	margin: 0 0 0 -15px;
}
.our_plus div{
	width: 188px;
	height: 188px;
	overflow: hidden;
	float: left;
	margin: 0 0 0 15px;
	position: relative;
}
.our_plus div img{
	min-height: 188px;
	min-width: 188px;
}
.our_plus div div{
	display: none;
}
.our_plus div:hover div{
	display: block;
	width: 188px;
	height: 188px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	background: url(images/our_plus_hover.png) repeat;
}
.our_plus div:hover div span{
	display: table-cell;
	width: 168px;
	height: 188px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0 10px;
	color: #181818;
	font: 14px 'PT Sans';
	text-shadow: 0 1px 0 #f3ede7;
}
.our_plus div:hover div span strong{
	font: bold italic 15px 'PT Serif';
	color: #1b1c1f;
	display: block;
	text-shadow: 0 1px 0 #f3ede7;
}
/**************************************************************************************************************/
.path{
	font: 12px/14px 'PT Sans';
	color: #4f5050;
	text-align: left;
}
.path a {
	font: 12px/14px 'PT Sans';
	color: #7a5f16;
	padding-right: 15px;
	margin-right: 7px;
    background: url("images/path.png") no-repeat scroll right 5px transparent;
}
/**************************************************************************************************************/
/*
.photoalbum{
	width: 1020px;
	margin: 20px 0 20px -20px;
}
.photoalbum > div{
	float: left;
	margin: 0 0 20px 20px;
	height: 235px;
	width: 235px;
	overflow: hidden;
}
.photoalbum div div{
	display: block;
	position: relative;
	width: 235px;
	height: 235px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.photoalbum div div a{
	display: block;
	width: 300%;
	text-align: center;
	line-height: 235px;
	margin-left: -235px;
}
.photoalbum div a img{
	height: 235px;
}
.photoalbum > div:hover{
	height: 231px;
	width: 231px;
	border: 2px solid #2c2d2f;
}
.photoalbum > div:hover div{
	left: -2px;
	top: -2px;
}
/**************************************************************************************************************/
/**************************************************************************************************************/
.photoalbum{
	max-width: 1020px;
	margin: 20px 0 20px -16px;
}
.photoalbum > div{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 20px 16px;
	/* height: 235px; */
	width: 235px;
	overflow: hidden;
}
.photoalbum div div{
	display: block;
	position: relative;
	width: 235px;
	/* height: 235px; */
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.photoalbum div div a{
	display: table-cell;
	width: 235px;
	/* height: 235px; */
	text-align: center;
	vertical-align: middle;
}
.photoalbum div a img{
	max-width: 235px;
	max-height: 235px;
}
.photoalbum > div:hover{
	/* height: 231px; */
	/* width: 231px; */
	/* border: 2px solid #2c2d2f; */
}
.photoalbum > div:hover div{
	/* left: -2px;
	top: -2px; */
}
/**************************************************************************************************************/
.paging{
	text-align: left;
	padding: 0;
}
.paging a{
	display: inline-block;
	font: 15px/21px 'PT Sans';
	height: 21px;
	min-width: 8px;
	color: #323232;
	padding: 0 7px;
	text-decoration: none;
	margin: 0 5px;
	background: #fff;
	border: 1px solid #aaadaf;
}
.paging a span{
	display: inline-block;
	min-width: 8px;
	text-align: center;
}
.paging a:hover, .paging a.page_active{
	background: #e4e6eb;
}
/**************************************************************************************************************/
.subdirections{
	width: 1035px;
	margin: 17px 0 17px -17px;
}
.subdirections div{
	width: 320px;
	float: left;
	margin: 0 0 17px 17px;
	background: #d6dde2 url(images/subdirections.jpg);
	background-size: 100% 100%;
	box-shadow: 0 1px 1px #cecfcf;
	border-bottom: 1px solid #919598;
	border-top: 1px solid #fff;
}
.subdirections div a{
	display: table-cell;
	width: 320px;
	padding: 0 20px;
	text-align: center;
	vertical-align: middle;
	padding: 6px 0 7px;
	font: 14px/16px 'PT Sans';
	color: #1b1c1f;
	text-decoration: none;
	text-shadow: 0 1px 0 #e8ecf0;
}
.subdirections div:hover{
	background: #d6dde2 url(images/subdirections_hover.jpg);
	background-size: 100% 100%;
}
.subdirections{
}
/**************************************************************************************************************/
#printcont{
}
#printcont p{
	font: 14px 'PT sans';
	color: #1b1c1f;
}
#printcont p span{
	font: bold 14px 'PT sans';
	color: #7a5f16;
	text-transform: uppercase;
}
.print_btn{
	font: bold 14px/21px 'PT sans';
	color: #323232;
	text-transform: uppercase;
	background: url(images/print_btn.png) no-repeat;
	display: block;
	width: 71px;
	height: 24px;
	position: absolute;
	top: 24px;
	right: 0px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #f7f8f9;
	cursor: pointer;
}
/**************************************************************************************************************/
.form_container{
	border: 4px solid #e4e5e9;
	margin: 20px 0;
}
.form{
	border: 1px solid #fff;
	background: #eceeef;
	padding: 1px 4px;
}
.form p.tit{
	font: italic 20px 'PT Serif';
	color: #4f5050;
	margin: 10px 0px;
	padding: 0 20px 4px;
	background: url(images/form_tit.png) center bottom no-repeat;
	background-size: 100% 5px;
}

.form table td{
	height: 9px;
}

.form .form_inside {
	text-align: left;
	max-width: 935px;
    margin: 15px auto 10px;
    font: bold 14px/25px 'PT Sans';
	color: #4f5050;
	text-shadow: 0 1px 0 #f9fafa;
}

.form .user_name_email, .form .message_field, .form .user_name, .form .user_email, .form .user_phone, .form .user_date, .form .user_add {
	display: inline-block;
	vertical-align: top;
}

.form .user_name, .form .user_email, .form .user_phone {
	margin-bottom: 15px;
	/*margin-right: 20px;*/
}
.form .user_date{
	margin-bottom: 15px;
}

.form .heading {
	display: inline-block;
    width: 75px;
    vertical-align: top;
}

.form .message_field .heading {
	width: 90px;
}

.form input[type="text"], .form input[type="email"], .form input[type="password"]{
	display: block;
	width: 328px;
	height: 25px;
	border: 1px solid #bec0c5;
	background: #fff;
	padding: 0 10px;
	font: 14px 'PT Sans';
	color: #4f5050;
	outline: none;
}

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

.form select {
	display: inline-block;
	vertical-align: top;
	width: 157px;
	height: 27px;
	border: 1px solid #bec0c5;
	background: #fff;
	padding: 0 10px;
	font: 14px 'PT Sans';
	color: #4f5050;
	margin-right: 11px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(images/form_arrow.png) no-repeat right center;
    outline: none;
}

.form select:focus, .form select:active {
	border:1px solid #84a7e1 !important;
}

.form .select_number .user_phone input[type="text"] {
	width: 157px;	
	display: inline-block;
	vertical-align: top;
}

.form option[selected] {
	background:#e4e5e9;
}

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

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

.form textarea::-moz-placeholder, .form textarea::-moz-placeholder, .form textarea::-moz-placeholder {
	font: 14px 'PT Sans';
	color: transparent;
}

.form textarea::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
	font: 14px 'PT Sans';
	color: transparent;
}

.form .bigger_height textarea {
	height: 101px;
}

.form textarea{
	display: inline-block;
	vertical-align: top;
	width: 328px;
	height: 96px;
	border: 1px solid #bec0c5;
	background: #fff;
	padding: 4px 10px;
	resize: none;
	font: 14px 'PT Sans';
	color: #4f5050;
	outline: none;
}

.form textarea:focus, .form textarea:active {
	border:1px solid #84a7e1 !important;
}

.form input[type="submit"]{
	display: block;
	width: 123px;
	height: 34px;
	border: none;
	background: url(images/form_submit.png) center top no-repeat;
	padding: 0px;
	font: 14px/32px 'PT Sans';
	color: #4f5050;
	cursor: pointer;
	margin: 10px auto 15px;
	outline: none;
}

.form input[type="submit"]:hover{
	background: url(images/form_submit_hover.png) center top no-repeat;
}
.error{
	margin: 0px auto;
	padding: 0px;
	width: 240px;
}
.error ul{
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}
.error li{
	margin: 0px;
	padding: 0px;
	color: #e02e2e;
}
/**************************************************************************************************************/
.questions{

}
.questions > div{
	padding: 10px 0 20px;
	border-top: 1px solid #a7976d;
}
.questions > div:first-child{
	border-top: none;
}
.question{
	padding: 0 0 10px;
}
.answer{
	background: url(images/answer.png) left 3px no-repeat;
	min-height: 60px;
}
.question p, .answer p{
	font: 14px 'PT Sans';
	color: #1b1c1f;
	margin: 0px;
}
.answer p{
	padding: 0 0 0 70px;
}
.question p span, .answer p span{
	font: bold 14px 'PT Sans';
	color: #7a5f16;
	text-transform: uppercase;
	margin: 0 5px 0 0;
}
/************************************************************************************************/
.publications{
	max-width: 1020px;
	margin: 20px 0 0 -20px;
	font-size: 0;
	text-align: left;
}
.publications div.publication{
	display: inline-block;
	vertical-align: top;
	max-width: 480px;
	margin: 0 0 20px 20px;
	overflow: hidden;
	text-align: left;
}
.publications div.publication div{
	display: inline-block;
	vertical-align: top;
	width: 290px;
}
.publications  a.img{
	display: inline-block;
	vertical-align: top;
	width: 180px;
	margin: 5px 10px 10px 0;
}
.publications a img{
	width: 180px;
}
.publications p{
	margin: 0px;
	font: 14px 'PT Sans';
	color: #1b1c1f;
	text-align: left;
}
.publications p a{
	font: bold 14px 'PT Sans';
	color: #7a5f16;
	text-transform: uppercase;
}
.publications span{
	font: 12px 'PT Sans';
	color: #68696a;
}
.form_container p{
	padding:0;
	margin:0;
}

.headerImg{
    overflow: hidden;
    position: relative;
    width: 100%;
}


.soc_icon{
	font-size: 0px;
	padding: 6px 0 0;
	clear: both;
	margin-right: -14px;
}
.index-page .footer .soc_icon{
	padding: 25px 0 0;
}

.social_button {
	display: inline-block;
	vertical-align: middle;
	margin: 0 14px 0 0;
	width: 27px;
	height: 27px;
}

.social_button img {
	width: 27px;
}

.social_button a {
	line-height: 27px;
	 }

.social_icon_hover {
	display: none !important;
}

.social_button:hover .social_icon {
	display: none !important;
}

.social_button:hover .social_icon_hover {
	display: block !important;
}
.left_block_overlay.open .social_button {
    margin: 0 5px 0 0;
}

.left_block_overlay:not(.open) .social_button{
	margin-bottom: 5px;
}
.left_block_overlay:not(.open) .social_button.open_only{
	display: none !important; 
}

/*************************  левая всплывашка *************************************/
.left_block_overlay{
	display: block;
	position: fixed;
	right: 0px;
	top: 50%;
	background: #f2f4f7;
	border: 6px solid #787e85;
	-moz-transform: translate( 0%,-50%);
    -ms-transform: translate( 0%,-50%);
    -webkit-transform: translate( 0%,-50%);
    -o-transform: translate( 0%,-50%);
    transform: translate( 0%,-50%);
    z-index: 11114;
	padding: 7px;

	
	width: 29px;
}

.instagram_share_container {
	position: relative;
	display: inline-block;
    position: relative;
    width: 29px;
    height: 24px;
}

.instagram_share_container .instagram_share {
	top: 0;
    left: 3px;
}

.left_block_overlay.open .instagram_share_container .instagram_share {
	top: 24px;
    left: -58px;
}

.left_block_social a{
	display: inline-block;
	transition: all 300ms ease 0s;
}
.left_block_social a img{
	display: block;
	margin: 0 auto 9px;
}

.ya-share2__list {
	text-align: center;
	margin-right: -4px !important;
}

.ya-share2__list_direction_horizontal > .ya-share2__item {
	margin-bottom: 4px !important;
}

.ya-share2__container_size_m .ya-share2__item:last-child {
	margin-right: 4px !important;
}

.left_block_social .text{
	display: none;
}
.btn_open{
	display: block;
	padding: 8px 0 11px;
	text-align: center;
}
.btn_close{
	display: none;
}
.left_block_overlay.open {
	width: 273px;
	padding: 7px 10px;
	background: #d7dce2;
	-webkit-box-shadow: inset 0px 0px 7px 0px rgba(255,255,255,0.47);
	-moz-box-shadow: inset 0px 0px 7px 0px rgba(255,255,255,0.47);
	box-shadow: inset 0px 0px 7px 0px rgba(255,255,255,0.47);
}
.left_block_overlay.open .btn_open{display: none;}

.left_block_overlay.open .left_block_social{
	padding: 0 0 0 15px;
	display: inline-block;
	vertical-align: top;
}
.left_block_overlay.open .left_block_social .text{
	display: block;
	padding: 0 0 6px;
	font-size: 16px;
}
.left_block_overlay.open .left_block_social a img{
	margin: 0 6px 0 0px;
}
.left_block_overlay.open  .tit{
	padding: 8px 14px;
	background: #fff;
	color: #26272a;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	text-align: left;

}
.left_block_overlay .open_block{
	display: none;
}
.left_block_overlay.open .open_block{
	display: block;
}
.open_block table{
	margin: 0 0 10px 15px;
	
}

.open_block table td{
	padding: 4px 0;
	font-size: 16px;
}
.open_block input[type="text"]{
	display: block;
	width: 223px;
	height: 25px;
	border: 1px solid #bec0c5;
	background: #fff;
	padding: 0 10px;
	outline: none;
}

.open_block input[type="text"]:focus, .open_block input[type="text"]:active{
border:1px solid #84a7e1 !important;
}
.open_block input[type="submit"]{
	display: inline-block;
	width: 123px;
	height: 34px;
	border: none;
	background: url(images/submit_b.png) left top no-repeat;
	text-align: center;
	font-size: 14px;
	color: #4f5050;
	line-height: 28px;
	cursor: pointer;
	padding: 0 0 4px;
	outline: none;
}
.open_block input[type="submit"]:hover{
	background: url(images/submit_b.png) left bottom no-repeat;
}
.left_block_overlay_cont{
	position: relative;
}
.left_block_overlay.open  .btn_close{
	display: block;
	position: absolute;
	top: -34px;
	left: -6px;
}


.txt .how_find{
	width:100%;
	position:relative;
	min-height:260px;
	padding-bottom:20px;
}
.how_find_map{
	position:absolute;
	left:0;
	top:0;
	width: 100%;
}

.how_find_map iframe {
	width: 100% !important;
}

.how_find_block{
	position:relative;
	margin:12px 20px;
	width:250px;
	background:url(images/index_cont_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}

.how_find_block_container {
	padding:16px 17px;
}

.how_find_block .index_mode{
	margin-top:0;
	padding-top:2px;
	padding-bottom:1px;
	background-position:left 0;
	position: relative;
}

.contact_heading {
	padding-left: 30px;
}

.how_find_block .index_mode p,.how_find_block .index_phone p{
	margin-top:0;
	color:#4e4f4f;
	margin-bottom: 7px;
}
.how_find_block .index_phone{
	margin-top:0;
	padding-top:2px;
	padding-bottom:0px;
	background-position:left 0;
}
.how_find_block .index_phone p{
	margin-bottom:7px;
}
.how_find_block p{
	margin-top:0;
}

/****************************************************/

.fur1 {
	margin: 0 auto -20px auto;
}

.fur2 {
	margin: 20px auto -10px auto;
}

.fur2_container {
	margin-right: -15px;
}

.fur1_block, .fur2_block {
	display: inline-block;
	vertical-align: top;
}

.fur2_block {
	max-width: 320px;
	margin-right: 15px;
	margin-bottom: 30px;
}

.fur1_block_container {
	display: table;
	margin-bottom: 20px;
}

.fur1_block_img, .fur1_block_text {
	display: table-cell;
	vertical-align: middle;
}

.fur1_block_img {
	padding: 0 20px 0 0;
}

.partners {
	display: block;
	text-align: left;
}

table.partners td {
	display: inline-block;
    width: 163px;
    vertical-align: top;
}


.form .form_inside-col_small{
	display: inline-block;
	/*width: 35%;*/
	width: 45%;
	vertical-align: top;
}
.form .form_inside-col_small .heading{
	width: 75px;
}	
.form .form_inside-col_small input{
	width:  100%;
}

.form .form_inside-col_big{
	width: 54%;
	display: inline-block;
	vertical-align: top;
}
.form .form_inside-col_big .heading{
	width: 75px;
}
.form .form_inside-col_big .heading.-long{
	width: 246px;
	    line-height: 15px;
}	
.form .form_inside-col_big input{
	width: calc( 100% - 75px);
}
.form .user_name, .form .user_email {
    width: calc( 100% - 135px);
}

.form .form_inside-col_big .user_date input,
.form .form_inside-col_big .user_date select,
.form .form_inside-col_big .user_date button{
	/*width: 125px;*/
	width: 220px;
	display: inline-block;
}
.form .form_inside-col_big .user_date button{
	background-image: -moz-linear-gradient( 90deg, rgb(214,224,228) 0%, rgb(233,239,242) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(214,224,228) 0%, rgb(233,239,242) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(214,224,228) 0%, rgb(233,239,242) 100%);
	box-shadow: 0px 2px 3px 0px rgba(168, 173, 175, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
	border: none;
	color: #4f5050;
	border-radius: 0;
	border-top: 1px solid #fff;
	height: 27px;
	cursor: pointer;
}
.form .form_inside-col_big .user_phone input[type="text"]{
	/*width: 311px;*/
	width: 220px;
	
}
.form .form_inside-col_big .user_date select{
	font-size: 13px;
}
.form .form_inside-col_big .user_date span{
	display: inline-block;
	padding: 0 15px;
	font-weight: 400;
}

.form .form_inside-col_full{
	width: 100%;
}
.form .form_inside-col_full .heading{
	width: 75px;
}
.form .form_inside-col_full textarea{
	width: calc( 100% - 120px);
}

/*************************************************************/
#ui-datepicker-div .ui-datepicker {
    padding: 1px;
	border-radius: 5px;
	background: #f5f7f9;
}
#ui-datepicker-div .ui-widget-header {
    border: 1px solid #b0b8bd;
    background: #e2dfdf;
    color: #333;
    font-weight: bold;
}
#ui-datepicker-div .ui-datepicker .ui-datepicker-header{
	background-image: -moz-linear-gradient( 90deg, rgb(0,143,244) 0%, rgb(0,169,242) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(0,143,244) 0%, rgb(0,169,242) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(0,143,244) 0%, rgb(0,169,242) 100%);
	border: none;
	border-radius: 5px 5px 0 0;
}
#ui-datepicker-div .ui-datepicker-title span{
	font-size: 15px;
	color: #1b1c1f;
	font-weight: bold;
	text-shadow: none;
	
}
#ui-datepicker-div .ui-datepicker th {
    padding: 0 3px;
	height: 25px;
    text-align: center;
    font-weight: bold;
    border: 0px none;
	background: #d4e8fb;
}
#ui-datepicker-div .ui-datepicker th span{
	font-size: 12px;
	color: rgb(20, 142, 240);
	text-shadow: 0.5px 0.866px 0px rgba(255, 255, 255, 0.75);
}
#ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: none;
	font-size: 12px;
    font-weight: normal;
    color: #1b1c1f;
	text-align: center;
}
#ui-datepicker-div .ui-state-active, 
#ui-datepicker-div .ui-widget-content .ui-state-active, 
#ui-datepicker-div .ui-widget-header .ui-state-active,
#ui-datepicker-div .ui-state-default:hover{
	border: none;
    background: #d4e8fb;
    font-weight: normal;
    color: #0098f4;
	border-radius: 3px;
}
#ui-datepicker-div .ui-state-highlight, 
#ui-datepicker-div .ui-widget-content .ui-state-highlight, 
#ui-datepicker-div .ui-widget-header .ui-state-highlight{
	background: none;
}
#ui-datepicker-div .ui-datepicker-next.ui-corner-all,
#ui-datepicker-div .ui-datepicker-prev.ui-corner-all {
	border: none !important;
	cursor: pointer;
}
#ui-datepicker-div .ui-datepicker-next.ui-corner-all span,
#ui-datepicker-div .ui-datepicker-prev.ui-corner-all span{
	display: none;
}
#ui-datepicker-div .ui-datepicker-next.ui-corner-all{
	background: url(../images/cal_next.png) center center no-repeat !important;
	right: 2px !important;
	top: 2px !important;
}
#ui-datepicker-div .ui-datepicker-prev.ui-corner-all{
	background: url(../images/cal_prev.png) center center no-repeat !important;
	left: 2px !important;
	top: 2px !important;
}


/*************************************************************/

@media screen and (min-width: 1001px) {
	.col2{
		float: left;
		width: 50%;
	}
	.form .form_inside-col_big .user_add input {
		width: 138px;
	}
}
@media screen and (min-width: 980px) {
	.message_field.bigger_height{
		    margin-left: 35px;
	}
	
	 
	
}
@media screen and (max-width: 1000px) {

	.top_menu ul {
		margin: 0;
	}

	.index_photoalbum_container {
		padding: 0 20px;
	}

	.index_cat_container {
		padding: 0 20px;
	}

	.publications  a.img {
		float: left;
		display: inline-block;
		vertical-align: top;
	}

	.photoalbum br.clear {
		display: none;
	}

	.map_container_interior {
	 margin: 0 -20px;
	}

	.map_container_interior iframe {
		width: 100% !important;
	}

	.index_photoalbum br {
		display: none;
	}

	.form {
		padding: 1px 10px;
	}

	.content{
		padding: 0 20px;	
	}

	.content .path {
		padding: 0;
	}

	.path {
		padding: 0 20px;
	}

	.publications div.publication {
		display: block;
		max-width: none;
		margin: 0 0 20px 0;
	}

	.publications {
		margin: 20px 0 0 0;
	}

	.publications br.clear {
		display: none;
	}

	.publications div.publication div {
		width: 100%;
		display: block;
	}

	.paging {
		padding: 0 20px;
	}

	.h1_index, .h2_index, .benefits_container {
		padding: 0 20px;
	}

	.top_menu ul li:first-child {
		padding: 0 14px;
	}

	.top_menu ul li:last-child{
		padding: 0 14px
	}

	.top_menu li {
		padding: 0 14px;
	}

	.prewbutton {
		left: 40px;
	}

	.nextbutton {
		right: 40px;
	}

	.header_phone {
		left: 20px;
	}

	.header_lang_switch_container {
		right: 20px;
	}

	.order_transfer {
		right: 20px;
	}

	h1 {
		margin: 10px 20px 5px 20px;
	}

	.content h1 {
		margin: 10px 0 5px 0;
	}

	.index_photoalbum {
		text-align: center;
	}

	.index_photoalbum div.small_index_photoalbum {
		display: inline-block;
		vertical-align: top;
		float: none;
	    width: 280px;
    	height: 412px;
	}

	.index_photoalbum div.small_index_photoalbum > div {
		width: 270px;
    	height: 402px;
	}

	.index_photoalbum div.small_index_photoalbum div a img {
		height: 260px;
	}

	.index_photoalbum div.small_index_photoalbum div div a {
		width: auto;
	    margin-left: 0;
	    line-height: 18px;
	}

	.index_photoalbum div.small_index_photoalbum div div {
		width: 227px;
		height: 260px;
	}

	.index_photoalbum div p {
		padding: 7px 0 0;
	    width: 230px;
	    height: 57px;
	}

	.index_photoalbum div.small_index_photoalbum div a.name {
		padding-top: 6px;
	}
	
	.form .form_inside {
		text-align: center;
	}

	.form .heading {
		display: none;
	}
	
	.form .form_inside-col_small{
		width: 100%;
	}
	.form .form_inside-col_big{
		width: 100%;
	}
	.form .form_inside-col_full textarea {
		    width: calc( 100% - 52px);
	}
	
	.form .form_inside-col_big .user_date input, .form .form_inside-col_big .user_date select{
		width: 104px;
		width: 256px;
	}
	.form .form_inside-col_big .user_date button {
		width: 112px;
	}
	.form .form_inside-col_big .user_date span {
		padding: 0 5px;
	}
	.form .user_name, .form .user_email {
		width: auto;
	}
	
	
	.footer_right {
	    padding: 36px 0 0 0;
	}

	
	.form {
		padding: 1px 0;
		margin: 0;
	}

	.form_container {
		margin: 20px -20px;
	}

	
	.form input[type="text"]::-moz-placeholder, .form input[type="email"]::-moz-placeholder, .form input[type="password"]::-moz-placeholder {
		font: 14px 'PT Sans';
		color: #7c7c7c;
	}

	.form input[type="text"]::-webkit-input-placeholder, .form input[type="email"]::-webkit-input-placeholder, .form input[type="password"]::-webkit-input-placeholder {
			font: 14px 'PT Sans';
			color: #7c7c7c;
		}

	.form textarea::-moz-placeholder, .form textarea::-moz-placeholder, .form textarea::-moz-placeholder {
		font: 14px 'PT Sans';
		color: #7c7c7c;
	}

	.form textarea::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
		font: 14px 'PT Sans';
		color: #7c7c7c;
	}

	.form input[type="text"], .form input[type="email"], .form input[type="password"] {
		width: 456px;
	    height: 16px;
	    padding: 10px 16px;
	}

	.form select {
		width: 121px;
		height: 38px;
	}
	.form .form_inside-col_big .user_phone input[type="text"] {
		width: 321px;
	}
	.form .form_inside-col_big .user_date input {
		width: 456px;	
	}
	.form .form_inside-col_full textarea {
		width: 456px;
	    height: 82px;
	    padding: 11px 16px;
	}
	
	
	.message_field.bigger_height{
		    display: block;
	}
	.form textarea {
		width: 456px;
		padding: 11px 16px;
	}

	.form .user_add {
		margin-bottom: 15px;
	}
}


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

	.top_menu ul li:first-child {
		padding: 0 10px;
	}

	.top_menu ul li:last-child{
		padding: 0 10px
	}

	.top_menu li {
		padding: 0 10px;
	}
	
	
	
	
	
}

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

	.print_btn {
		display: none;
	}

	

	.slide-1 {
		width: 900px;
		margin-left: -450px;
	}

	.left_block_overlay {
		display: none;
	}

	.footer {
		border-top: 1px solid transparent;
	}

	.left_block_overlay {
		display: none;
	}

	.share_buttons {
		display: block;
	}

	.share_buttons #subscribe_form_b {
		max-width: 335px;
		margin: 0 auto;
	}

	
}

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

.index_photoalbum div p span {
		font: italic 14px/16px 'PT Serif' !important;
	}
}

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

	.top_menu ul li:first-child {
		padding: 0 10px;
	}

	.top_menu ul li:last-child{
		padding: 0 10px
	}

	.top_menu li {
		padding: 0 10px;
	}
}

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

	.footer_left {
		padding: 0px 0 0 20px;
	}

	.footer_left br {
		display: none;
	}

	.footer_right {
		padding: 0 20px 30px 0;    	
	}

	.footer_right > img, .footer_right > a {
		margin: 0;
	}

	.footer_left span {
		display: block;
	}

	.top_menu > ul > li {
		padding: 0 8px;
	}
}

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

	.top_menu ul li:first-child {
		padding: 0 10px;
	}

	.top_menu ul li:last-child{
		padding: 0 10px
	}

	.top_menu li {
		padding: 0 10px;
	}
}

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

	.slide-1 {
		width: 800px;
		margin-left: -400px;
	}

}

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

	.top_menu ul li:first-child {
		padding: 0 8px;
	}

	.top_menu ul li:last-child{
		padding: 0 8px
	}

	.top_menu li {
		padding: 0 8px;
	}
}

@media screen and (max-width: 800px) {
	.form input.feedback_inside {
		margin-top: 20px;
	}

	.top_menu ul li:first-child {
		padding: 0 6px;
	}

	.top_menu ul li:last-child{
		padding: 0 6px
	}

	.top_menu li {
		padding: 0 6px;
	}

	.header_phone {
		border-right: none;
	}

	.form .user_name_email {
		display: block;
		margin: 0 auto;
	}

	.form .user_name, .form .user_email, .form .user_phone {
		margin-right: 0;
	}

	.news_img {
		float: none;
		margin: 20px 0 !important;
		width: 100% !important;
		height: auto !important;
	}
}

@media screen and (max-width: 784px) {
	.photoalbum > div {
		height: auto;
	    width: auto;
	    border: 2px solid transparent;
    }

    .photoalbum > div:hover {
	    height: auto;
    	width: auto;
    }

    .photoalbum div div a {
    	width: auto;
   		height: auto;
    	line-height: 0;
    }

    .photoalbum > div:hover div {
    	left: initial;
    	top: initial;
    }

    .photoalbum div div {
    	width: auto;
    	height: auto;
    }
}

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

	.top_menu ul li:first-child {
		padding: 0 5px;
	}

	.top_menu ul li:last-child{
		padding: 0 5px
	}

	.top_menu li {
		padding: 0 5px;
	}
}


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

	.slide-1 {
		width: 700px;
		margin-left: -350px;
		height: 320px;
	}

	.slide-1 .slide img{
		height: 320px;
	}

	.slide-1 .slider {
		height: 320px;
	}

	.map_container_interior iframe {
		height: 250px;
	}

}

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

	.index_photoalbum div.small_index_photoalbum {
		padding: 4px;
		height: 404px;
		width: 272px;
	}

	.index_photoalbum {
		padding: 0;
	}

	.index_photoalbum div.small_index_photoalbum > div {
		width: 270px;
		margin: 0 auto;
	}

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

	.form p.tit {
		background: url(images/form_tit_mobile.png) no-repeat center bottom;
		background-size: auto 4px;
		text-align: center;
	}

	.header_lang_switch_container {
		top: 20px;
	}

	.menu_button {
		display: block;
	}

	.top_menu {
		display: none;
	}

	.header_logo {
	    margin: 12px auto 0 auto;
	    border-bottom: 1px solid #d8dadb;
	    padding-bottom: 18px;
	    width: 100%;
	}

	.header_phone {
		position: static;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 9px;
		margin-top: 18px;
		margin-left: 20px;
	}

	.order_transfer {
		position: static;
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
	}

	.top_menu {
		height: auto;
		background: none; 
		margin-top: 0;   
	}

	.top_menu ul {
		margin: 0;
		display: block;
	}

	.top_menu > ul > li {
		padding: 0;
	    background: none;
	    display: block;
	    border-bottom: 1px solid #d8dadb;
	    height: auto;
	}

	.top_menu > ul > li:first-child {
		padding: 0;
	}

	.top_menu > ul > li:last-child {
		padding: 0;
	}

	.top_menu ul li a {
		height: auto;
		font: 14px/44px 'PT Sans';
		color: #141619;
		padding: 0 20px;   	
	}

	.top_menu li.-has-dropdown div a {
		padding: 0;
	}

	.top_menu > ul > li:hover > a, .top_menu > ul > li.top_menu_curr > a {
		background: none;
	}
	
	.top_menu li > div {
		display: none !important;
	}

	.index_cat {
		text-align: center;
	}

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

@media screen and (max-width: 730px) {
	#slider1 {
		text-align: left;
	}
	
}

@media screen and (min-width: 736px) {
	.top_menu {
		display: block !important;
	}
}

@media screen and (min-width: 706px) {
	#slider1 {
		transform: none !important;
	}
}

@media screen and (max-width: 700px) {
	.header_phone div.msg-link.msg-link{
		text-align: center;
	}

	table.content_ins .blackglama_coats td {
		margin-bottom: 20px;
	}

	table.content_ins .blackglama_coats tr {
		margin-bottom: -20px;
	}

	.how_find_block .index_mode p, .how_find_block .index_phone p {
		margin-top: 0px !important;
		margin-bottom: 9px;
		padding-left: 30px;
	}

	.how_find_block p {
		margin-top: 9px !important;
	}

	.h1_index_img {
		display: none;
	}

	.h2_index_img {
		display: none;
	}

	.how_find_map {
		position: static;
	}

	.how_find_block {
		margin: 12px auto 0 auto;
		width: 100%;
	}

	.how_find_block .whatsapp {
		display: none;
	}

	.how_find_block .viber_contact {
		display: none;
	}	

	.how_find_block_container {
		width: auto;
		height: auto;
		background: #e0e1e5;
		padding: 5px;
	}

	.how_find_block_container2 {
		padding: 10px 11px;
		border: 1px solid #eeeff2;
	}

	.fur2_block {
		display: block;
	    margin: 0 auto 20px auto;
	}

	.fur2_container {
		margin-right: 0;
	}
}

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

	.slide-1 {
		width: 600px;
		margin-left: -300px;
	}

}

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

	.index_photoalbum div.small_index_photoalbum {
		margin: 0 auto 6px auto;
		display: block;
	}

	.index_photoalbum {
		margin-left: 0;
	}
}

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

	.form input.feedback_inside[type="submit"] {
		margin-top: 15px;
	}

	

	

	.footer_logo img {
		width: 245px;
	}

	.social_button {
		display: inline-block;
		vertical-align: middle;
		margin: 0 8px 10px 0;
		width: 270x;
		height: 27px;
	}

	.social_button img {
		width: 27px;
	}

	.footer_left {
		text-align: left;
	}
	.footer_right {
		float: none;
		width: 280px;
    	margin: 0 auto;
		padding: 0 20px 0px 0;
	}
	.footer_right .soc_icon,
	.footer_right .footer_share{
		text-align: center;
	}

	.soc_icon {
		margin-right: -20px;
	}

	.footer_right > img, .footer_right > a {
		float: none;
	}

	.footer_left {
		float: none;
		padding: 30px 0 20px 0;
	    width: 280px;
	    margin: 0 auto;
	}

	.paging {
		text-align: center;
	}

	.form input[type="submit"] {
		width: 210px;
	    height: 49px;
	    padding: 5px 10px;
	    margin: 10px auto 15px auto;
	    font: 17px 'PT Sans';
	    background: url(images/form_submit.png) center top no-repeat;
	    background-size: 210px 49px
	}

	.form input[type="submit"]:hover {
		background: url(images/form_submit_hover.png) center top no-repeat;
		background-size: 210px 49px
	}
	
	
	.form input[type="text"], .form input[type="email"], .form input[type="password"],
	.form .form_inside-col_big .user_date input ,
	.form .form_inside-col_full textarea {
		width: 256px;
	}

	.form select {
		width: 121px;
		height: 38px;
	}
	.form .form_inside-col_big .user_phone input[type="text"] {
		width: 121px;
	}
	.form textarea {
		width: 256px;
	}
}

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

	.slide-1 {
		width: 500px;
		margin-left: -250px;
		height: 280px;
	}

	.slide-1 .slide img{
		height: 280px;
	}

	.slide-1 .slider {
		height: 280px;
	}

	.prewbutton {
		display: none;
	}

	.nextbutton {
		display: none;
	}

}

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

	.slide-2 {
		width: 800px;
		margin-left: -300px;
		height: 200px;
	}
	
	.slide-2 img{
	height: 200px;
	}
}



@media screen and (max-width: 525px) {
	.header_phone {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.order_transfer {
		margin: 0 auto 17px auto;
	}

	.order_transfer {
		width: 280px;
		height: 48px;
		background: url(images/order_transfer_mobile.png) no-repeat center center, -moz-linear-gradient(bottom, #df0000 0%, #d60000 100%);
	background: url(images/order_transfer_mobile.png) no-repeat center center, -webkit-linear-gradient(top, #df0000 0%, #d60000 100%);
	background: url(images/order_transfer_mobile.png) no-repeat center center, -o-linear-gradient(bottom, #df0000 0%, #d60000 100%);
	background: url(images/order_transfer_mobile.png) no-repeat center center, linear-gradient(to bottom, #df0000 0%, #d60000 100%);
	}

	.order_transfer a {
		padding: 15px 0;
		font-size: 17px;
		background: url(images/order_transfer_mobile.png) no-repeat center center;
	}

	.order_transfer:hover {
	background: url(images/order_transfer_mobile.png) no-repeat center center, -moz-linear-gradient(bottom, #df0000 0%, #9d0000 100%);
	background: url(images/order_transfer_mobile.png) no-repeat center center, -webkit-linear-gradient(top, #df0000 0%, #9d0000 100%);
	background: url(images/order_transfer_mobile.png) no-repeat center center, -o-linear-gradient(bottom, #df0000 0%, #9d0000 100%);
	background: url(images/order_transfer_mobile.png) no-repeat center center, linear-gradient(to bottom, #df0000 0%, #9d0000 100%);
	}
}

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

.slide-1 {
		width: 450px;
		margin-left: -225px;
	}
}

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

	.viber_contact {
		display: none;
	}

	.fur1_block_container {
		display: block;
	}

	.fur1_block_img, .fur1_block_text {
		display: block;
	}

	.header_lang_switch_container div a {
		display: block;
		background: #eaeaea;
	    width: 40px;
	    height: 40px;
	    font: 16px/40px 'PT Sans';
	}

	.header_lang_switch_container div a.active {
		display: none;
	}

	.header_lang_switch_container {
		right: 20px;
		width: auto;
	}

	.header_lang_switch_container div {
		width: auto;
	}

	.more_text {
		display: none;
	}

	.show_more {
		text-decoration: none;
		font-size: 20px;
		color: #af7500;
		border-bottom: 1px dashed #af7500;
		display: inline-block;
	}

	.txt .full_text p:first-child {
		margin-top: 0;
	}

	.benefit_img, .benefit_description {
		display: inline-block;
		vertical-align: top;
	}

	.benefit_description {
		width: 128px;
    	padding: 0 0 0 15px;
    	margin-left: -2px;
	}

	.benefit_description p {
		display: table;
		height: 77px;
    	margin: 0;
	}

	.benefit_description p span {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		padding: 0;
		font-size: 14px !important;
	}

	.benefit_img img {
		width: 77px !important;
		height: 77px !important
	}

	.benefit_img br, .benefit_description br {
		display: none
	}

	#slider1 li {
		margin-right: 0;
	}

	.slide-2 {
		width: 540px;
		margin-left: -270px;
		height: 135px;
	}
	
	.slide-2 img{
	height: 135px;
	}

	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;
	  height: auto !important;
	 } 
}

@media screen and (min-width: 481px) {
	.more_text {
		display: block !important;
	}
}

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

	body {
		overflow-x: hidden;
	}

	.explore_dubai {
	    float: none !important;
	    width: 100% !important;
	    height: auto !important;
	    margin: 15px 0 !important;
	}

.slide-1 {
		width: 420px;
		margin-left: -210px;
	}

	.publications  a.img {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	table.content_ins .blackglama_coats td img {
		width: 100% !important;
		height: auto !important;
	}

	.blackglama_coats_img {
		float: none !important;
		display: block;
	    margin: 20px auto !important;
	}
}

@media screen and (max-width: 400px) {
	.header_logo {
		margin: 20px auto 0 auto;
	}

	.header_logo img {
		width: 124px;
	}

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

	.slide-1 {
		width: 380px;
		margin-left: -190px;
		height: 160px;
	}

	.slide-1 .slide img{
		height: 160px;
	}

	.slide-1 .slider {
		height: 160px;
	}

	.how_find_block .index_mode, .how_find_block .index_phone {
		width: 178px;
		margin: 0 auto;
	}

	.how_find_block .index_mode p, .how_find_block .index_phone p {
		padding-left: 0;
		text-align: left;
	}

	.how_find_block .index_phone p {
		padding-left: 7px;
	}

	.how_find_block .index_phone p.contact_heading {
		padding-left: 0;
	}

	.share_buttons input[type="text"] {
		margin: 0 auto 18px auto;
	}

	.share_buttons input[type="submit"] {
		margin: 0 auto 20px auto;
		outline: none;
	}

	.how_find_block .index_mode {
		padding-top: 6px;
		padding-bottom: 6px;
	}
}

@media screen and (max-width: 370px) {
	.slide-1 {
		width: 360px;
		margin-left: -180px;
		height: 160px;
	}

	.slide-1 .slide img{
		height: 160px;
	}

	.slide-1 .slider {
		height: 160px;
	}
}

@media screen and (max-width: 350px) {
	.slide-1 {
		width: 340px;
		margin-left: -170px;
		height: 160px;
	}

	.slide-1 .slide img{
		height: 160px;
	}

	.slide-1 .slider {
		height: 160px;
	}
}

@media screen and (max-width: 320px) {
	.slide-1 {
		width: 320px;
		margin-left: -160px;
		height: 135px;
	}

	.slide-1 .slide img{
		height: 135px;
	}

	.slide-1 .slider {
		height: 135px;
	}

	.publications  a.img {
		width: auto;
		max-width: 100%;
	}

	.publications a img {
		width: auto;
		max-width: 100%;
	}

}



.free-call{
	text-decoration: none;
} 
.contact-call-small{
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
.contact-call-big{
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}


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