.collapse.in { display: block!important; } .collapse { display: none!important; }

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.rotate90 {
       -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
       -o-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       transform: rotate(90deg);
      }
      .rotate180 {
       -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
       -o-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
       transform: rotate(180deg);
      }
      .rotate270 {
       -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
       -o-transform: rotate(270deg);
       -ms-transform: rotate(270deg);
       transform: rotate(270deg);
      }

html, body{

	background-image: url(/catalog/view/theme/default/image/background.gif);

    background-color: #d5f1fc;

	color: #16486a;

	font-weight: 600;

    line-height: 1;

	height: 100%;

	margin: 0;

}

.text-center {

	text-align: center;

}



b {

	font-weight: bold;

}

a {

	text-decoration: none;

}



a:hover {

	text-decoration: none;

}



.price {

	margin-bottom: 12px;

	font-size: 1.3em;

}



.description {

	margin-top: 15px;

}



.container-full {

	margin: 0 auto;

    width: 100%;

    padding: 0 27px;

}



.main-text {

	text-indent: 30px;

	margin-top: 32px;

	text-align: right;

}



.top-menu {

	text-shadow: 2px 2px 2px #fff;

	margin-top: 12px;

	font-size: 20px;

	font-weight: 700;

	color: #257aaa;

}



.top-menu-line {

	background-image: url(/catalog/view/theme/default/image/top-line.png);

	background-repeat: no-repeat;

	background-size: contain;

	height: 39px;

    width: 100%;

}



.logo-main {

	background-image: url(/catalog/view/theme/default/image/main-logo.png);

	background-repeat: no-repeat;

	background-size: contain;

	height: 144px;

    width: 150px;

    margin-left: auto;

    margin-right: auto;

}



.logo-info {

	background-image: url(/catalog/view/theme/default/image/main-logo.png);

	background-repeat: no-repeat;

	background-size: contain;

	height: 136px;

    width: 128px;

    margin-left: 20px;

}



.blank-paper {

	background-image: url(/catalog/view/theme/default/image/blank-paper.png);

	background-repeat: no-repeat;

	background-size: contain;

	width: 100%;

	color: #6c4f16;

	margin-top: 10px;

}



.buy-button {

	display: block;

	background-image: url(/catalog/view/theme/default/image/mail-button.png);

	background-repeat: no-repeat;

	background-size: contain;

	height: 52px;

    width: 200px;

	border-radius:26px;

    margin-left: auto;

    margin-right: auto;

	-webkit-filter:drop-shadow(1px 1px 1px black);

	text-decoration: none;

	color: #02fea1;

    font-size: 20px;

	padding: 14px 35px;

}



.lasa-button {

	display: block;

	background-image: url(/catalog/view/theme/default/image/mail-button.png);

	background-repeat: no-repeat;

	background-size: contain;

	height: 52px;

    width: 200px;

	border-radius:26px;

    margin-left: auto;

    margin-right: auto;

	-webkit-filter:drop-shadow(1px 1px 1px black);

	text-decoration: none;

	color: #583513;

    font-size: 20px;

	padding: 15px 10px;

}



.font-size {

	max-width: 470px;

    font-size: 17px;

    padding: 8px 19px 10px 107px;

}



.text-about{

	font-size: 14px;

	line-height: 1.2em;

	text-indent: 20px;   

    margin-bottom: 0;     

	text-shadow: 2px 2px 2px #fff;

}



.text-about-title{

	font-size: 16px;

    font-weight: 700;

	text-shadow: 2px 2px 2px #fff;

	font-style: italic;

}





.blank-paper-title-1 {

	padding: 30% 35% 30% 30%;

	text-align: center;

	font-weight: 700;

}



.blank-paper-title-2 {

	padding: 5% 15% 50% 10%;

    text-align: center;

    font-style: italic;

	font-size: 16px;

}



.doska-objavlenij {

	background-image: url(/catalog/view/theme/default/image/board-bg.png);

    background-repeat: no-repeat;

    background-size: contain;

	display: block;

    margin-left: auto;

    margin-right: auto;

    width: 1270px;

	padding-bottom: 55px;

	padding-top:40px;

	display: none;

}



.mobile-doska-objavlenij {

	display: block;

}



.board-holder {

	background-color: #e9dbf5;

    padding: 15px;

    border-radius: 10px;

    -webkit-filter: drop-shadow(1px 1px 3px black);

	max-width: 338px;

	margin-left: auto;

    margin-right: auto;

}





.board-holder p {

	font-size: 17px;

}



.footer-menu {

	font-size: 14px;
	margin-top: 40px;

}
	
.blue-box {
	background-color: #7FD3FF;
    min-height: 235px;
    font-size: 38px;
    font-style: italic;
    text-align: center;
    padding: 30px 50px;
    border: #7daed0 solid 3px;
    border-radius: 20px;
	margin: 15px;
	line-height: 1.3em;
}

.blue-box .title-blue {
	font-size: 48px;
}

.footer-padding{
	padding-top: 90px;
	padding-right: 20px;
}


@media (min-width: 576px) {

	.blue-box {
		min-height: 235px;
		font-size: 38px;
	}

	.blue-box .title-blue {
		font-size: 48px;
	}
	
	.font-size {

		max-width: 470px;

		font-size: 20px;

		padding: 14px 30px 10px 110px;

	}

	.blank-paper-title-2 {

		font-size: 11px;

	}

	

	.board-holder p{

		font-size: 17px;

	}

	

	.board-holder {

		max-width: 338px;

	}

	

	.mobile-doska-objavlenij {

		display: block;

	}

	.footer-menu {

	    font-size: 16px;

	}
	
	.footer-padding{
		padding-top: 90px;
		padding-right: 20px;
	}
}



@media (min-width: 768px) { 

	.blue-box {
		min-height: 175px;
		font-size: 20px;
		padding: 20px;
	}

	.blue-box .title-blue {
		font-size: 22px;
	}
	
	.font-size {

		max-width: 281px;

		font-size: 11px;

		padding: 6px 8px 10px 71px;

	}

	

	.blank-paper-title-2 {

		font-size: 11px;

	}

	.doska-objavlenij {

		display: block;

	}

	.mobile-doska-objavlenij {

		display: none;

	}

	.board-holder p{

		font-size: 10px;

	}

	.footer-menu {

		font-size: 16px;

	}
	.footer-padding{
		padding-top: 90px;
		padding-right: 20px;
	}

}



@media (min-width: 992px) { 

	.blue-box {
		min-height: 175px;
		font-size: 25px;
	}

	.blue-box .title-blue {
		font-size: 28px;
	}

	.font-size {

		max-width: 470px;

		font-size: 14px;

		padding: 7px 18px 10px 85px;

	}

	.blank-paper-title-2 {

		font-size: 10px;

	}

	.text-about{

		font-size: 17px;

		line-height: 1.2em;

		text-indent: 20px;   

		margin-bottom: 0;     

		text-shadow: 2px 2px 2px #fff;

	}



	.text-about-title{

		font-size:  16px;

		font-weight: 700;

		text-shadow: 2px 2px 2px #fff;

	}

	.board-holder p{

		font-size: 14px;

	}

	.doska-objavlenij {

		display: block;

	}

	.mobile-doska-objavlenij {

		display: none;

	}

	.footer-menu {

		font-size: 20px;

	}
	.footer-padding{
		padding-top: 45px;
		padding-right: 20px;
	}
}



@media (min-width: 1200px) { 

	.blue-box {
		min-height: 205px;
		font-size: 38px;
	}

	.blue-box .title-blue {
		font-size: 48px;
	}

	.font-size {

		max-width: 410px;

		font-size: 18px;

		padding: 8px 30px 10px 95px;

	}

	.blank-paper-title-2 {

		font-size: 13px;

	}

	.text-about{

		font-size: 20px;

		line-height: 1.2em;

		text-indent: 30px; 

		margin-bottom: 0;     

		text-shadow: 2px 2px 2px #fff;

	}



	.text-about-title{

		font-size: 22px;

		font-weight: 700;

		text-shadow: 2px 2px 2px #fff;

	}

	.doska-objavlenij {

		display: block;

	}

	.mobile-doska-objavlenij {

		display: none;

	}

	.footer-menu {

		font-size: 27px;

	}
	.footer-padding{
		padding-top: 70px;
		padding-right: 20px;
	}
}



.lasa-button-1 {

	display: block;

	background-image: url(/catalog/view/theme/default/image/lasa-menu-1.png);

	background-repeat: no-repeat;

	background-size: contain;

    margin-left: auto;

    margin-right: auto;

	    margin-bottom: 20px;

	-webkit-filter:drop-shadow(1px 1px 1px black);

	text-decoration: none;

	color: #583513;    

    text-align: left;

	width: 100%;

	min-height: 5em;

}



.lasa-button-2 {

	display: block;

	background-image: url(/catalog/view/theme/default/image/lasa-menu-2.png);

	background-repeat: no-repeat;

	background-size: contain;

    margin-left: auto;

    margin-right: auto;

	margin-bottom: 20px;

	-webkit-filter:drop-shadow(1px 1px 1px black);

	text-decoration: none;

	color: #583513;

    text-align: left;

	width: 100%;

	min-height: 5em;

}



.lasa-button-3 {

	display: block;

	background-image: url(/catalog/view/theme/default/image/lasa-menu-3.png);

	background-repeat: no-repeat;

	background-size: contain;

    margin-left: auto;

    margin-right: auto;

	margin-bottom: 20px;

	-webkit-filter:drop-shadow(1px 1px 1px black);

	text-decoration: none;

	color: #583513;

    text-align: left;

	width: 100%;

	min-height: 5em;

}



.photo-main {

	display: block;

	margin-left: auto;

    margin-right: auto;

	margin-top: 15px;

	border: solid #9e9093 4px;

	max-height: 520px;

}



.video-holder-main {

	margin-top: 99px;

}



.mail-button {

	display: block;

	background-image: url(/catalog/view/theme/default/image/mail-button.png);

	background-repeat: no-repeat;

	background-size: contain;

	height: 52px;

    width: 200px;

	border-radius:26px;

    margin-left: auto;

    margin-right: auto;

	-webkit-filter:drop-shadow(1px 1px 1px black);

	text-decoration: none;

	color: #02fea1;

    padding: 14px 0 8px 14px;

    font-size: 20px;

}



.mail-button a:hover, a:hover span  {

	box-shadow: 1px 2px 5px #536c7a;

	text-decoration: none;

}



.img-button img {
	transition: all .2s ease-in-out;
}

.img-button a:hover, a:hover img  {
	transform: scale(1.01); 
}

.img-button div.blue-box {
	color: #16486a;
	transition: all .2s ease-in-out;
}

.img-button a:hover, a:hover div.blue-box  {
	transform: scale(1.01); 
}

.mail-button-holder {

	width: 200px;

	margin-top: 20px;

	margin-right: 40px;

    float: right;

}



.buy-button-holder {

	width: 200px;

	margin-top: 20px;

	margin-right: auto;

    margin-left: auto;

}



.title-main-menu {

	display: block;

    margin-left: auto;

    margin-right: auto;

	margin-top: 20px;

}



.main-menu {

	margin-top: 10px;

}



.main-menu-item {

	display: block;

	margin-top: 20px;

	height: 45px;

	width: 95%;

	font-family: 'Spectral', serif;

	font-weight: 700;

	font-style: italic;

	color: #60442b;

	font-size: 24px;

	padding: 8px 0px 0px 40px;

	line-height:1.2;

	white-space: nowrap;

	/* added */

	display: inline-block;

	position: relative;

	margin-right: .65em; 

	/* make some space for the pointy bit */

	-webkit-filter:drop-shadow(1px 1px 1px black);

}



.main-menu span::after {

	content:"";

	position: absolute;

	top:0;

	left:100%;

	width:0;

	height:0; 

	border-top-color:transparent;

	border-right-color:transparent;

	border-bottom-color:transparent;

	

	/* the opposite of the pointing direction */

	border-top-width:1.5rem;

	border-right-width:1.5rem;

	border-bottom-width:1.3rem;

	border-left-width:1.5rem;

	border-style:solid;

}



.main-menu span.biege::after {

	border-left-color: #f8d3d3; 

}



.main-menu span.biege::before {

	content:url('/catalog/view/theme/default/image/main-menu-1.png');

	position: absolute;

	top: -3px;

    right: 105%;

	width:0;

	height:0; 

}



.biege {

	background: #f8d3d3;

}



.main-menu span.orange::after {

	border-left-color: #f8e098; 

}



.main-menu span.orange::before {

	content:url('/catalog/view/theme/default/image/main-menu-2.png');

	position: absolute;

	top: -3px;

    right: 105%;

	width:0;

	height:0; 

}



.orange {

	background: #f8e098;

}



.main-menu span.light-orange::after {

	border-left-color: #f8fad3; 

}



.main-menu span.light-orange::before {

	content:url('/catalog/view/theme/default/image/main-menu-3.png');

	position: absolute;

	top: -3px;

    right: 105%;

	width:0;

	height:0; 

}



.light-orange {

	background: #f8fad3;

}



.main-menu span.light-green::after {

	border-left-color: #d4e5cf; 

}



.main-menu span.light-green::before {

	content:url('/catalog/view/theme/default/image/main-menu-4.png');

	position: absolute;

	top: -3px;

    right: 105%;

	width:0;

	height:0; 

}



.light-green {

	background: #d4e5cf;

}



.main-menu span.azure::after{

	border-left-color: #b6e5e8;

}



.main-menu span.azure::before {

	content:url('/catalog/view/theme/default/image/main-menu-5.png');

	position: absolute;

	top: -3px;

    right: 105%;

	width:0;

	height:0; 

}



.azure {

	background: #b6e5e8;

}



.main-menu span.blue::after{

	border-left-color: #92d3fb;

}



.main-menu span.blue::before {

	content:url('/catalog/view/theme/default/image/main-menu-6.png');

	position: absolute;

	top: -3px;

    right: 105%;

	width:0;

	height:0; 

}



.blue {

	background: #92d3fb;

}



.main-menu span.purple::after{

	border-left-color: #e3d2f1;

}



.main-menu span.purple::before {

	content:url('/catalog/view/theme/default/image/main-menu-7.png');

	position: absolute;

	top: -3px;

    right: 105%;

	width:0;

	height:0; 

}



.purple {

	background: #e3d2f1;

}



.footer {

	background-image: url(/catalog/view/theme/default/image/footer.png);

	background-repeat: no-repeat;

	background-size: contain;

	height: calc(100vw * 0.0984);

    width: 100%;
	margin-top: 40px;

}

.push{

	/*height: 187px;*/

}





.footer-container {

	position: relative;

	width: 100%;

    height: 100%;

}



.footer-menu {

    font-weight: 700;

    float: right;

	position: absolute;

	bottom: 5%;

    right: 2.5em;

	text-shadow: 1px 1px 1px #fff;

}



.footer-menu a {

	color: #d4bc8d;

	max-width: 170px;

    display: block;

    float: left;

    margin: 0 15px 0 15px;

	text-align: center;

}



.footer-menu a:hover {

	color: #fff;

}



#form-language .language-select {

	text-align: left;

}



#form-language .language-select:hover {

	text-shadow: none;

	color: #ffffff;

	background-color: #229ac8;

	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);

	background-repeat: repeat-x;

}



.open > .btn {

	background-image: none;

	background-color: #FFFFFF;

	border: 1px solid #E6E6E6;

	color: #666;

	box-shadow: none;

	text-shadow: none;

}

.open .dropdown-menu {

	display: block;

}



.dropdown-menu {

	background: #eee;

	z-index: 1001;

}

.dropdown-menu {

	min-width: 100%;

}

@media (max-width: 478px) {

	.dropdown-menu {

		width: 100%;

	}

}

.dropdown-menu table {

	margin-bottom: 10px;

}

.dropdown-menu li > div {

	min-width: 427px;

	padding: 0 10px;

}

@media (max-width: 478px) {

	 .dropdown-menu li > div {

		min-width: 100%;

	}

}

@media (min-width: 768px) {

	.dropdown:hover .dropdown-menu {

		display: block;

	}

}

.dropdown-menu li p {

	margin: 20px 0;

}



.dropdown-menu {

	padding-bottom: 0;

}

.dropdown-inner {

	display: table;

}

.dropdown-inner ul {

	display: table-cell;

}

.dropdown-inner a {

	min-width: 160px;

	display: block;

	padding: 3px 20px;

	clear: both;

	line-height: 20px;

	color: #333333;

	font-size: 12px;

}

.dropdown-inner li a:hover {

	color: #FFFFFF;

}

@media (min-width: 768px) {

	.dropdown:hover .dropdown-menu {

		display: block;

	}

}

@media (max-width: 767px) {

	 {

		border-radius: 4px;

	}

	 div.dropdown-inner > ul.list-unstyled {

		display: block;

	}

	 div.dropdown-menu {

		margin-left: 0 !important;

		padding-bottom: 10px;

		background-color: rgba(0, 0, 0, 0.1);

	}

	 .dropdown-inner {

		display: block;

	}

	 .dropdown-inner a {

		width: 100%;

		color: #fff;

	}

	 .dropdown-menu a:hover,

	 .dropdown-menu ul li a:hover {

		background: rgba(0, 0, 0, 0.1);

	}

	 .see-all {

		margin-top: 0;

		border: none;

		border-radius: 0;

		color: #fff;

	}

}



.photo-album img {

	margin-top: 0.7em;

}



.event-holder {

    background-image: url(/catalog/view/theme/default/image/event-holder.png);

    background-repeat: no-repeat;

    background-size: contain;

    height: 148px;

    width: 500px;

    margin-bottom: 20px;

    -webkit-filter: drop-shadow(1px 1px 1px black);

    text-decoration: none;

    color: #583513;

    font-size: 20px;

    padding: 13px 80px 10px 35px;

    text-align: left;

    margin-right: auto;

    margin-left: auto;

	cursor: pointer;

}



.event-holder:hover {

	transform: scale(1.01); 

}



.review-holder:hover {

	transform: scale(1.01); 

}



.review-holder {

    background-image: url(/catalog/view/theme/default/image/event-holder.png);

    background-repeat: no-repeat;

    background-size: contain;

    height: 148px;

    width: 500px;

    margin-bottom: 20px;

    -webkit-filter: drop-shadow(1px 1px 1px black);

    text-decoration: none;

    color: #583513;

    font-size: 20px;

    padding: 13px 0px 10px 31px;

    text-align: left;

    margin-right: auto;

    margin-left: auto;

    cursor: pointer;

}



.time {

	font-weight: 700;

}





.doska-objavlenij .row {

	margin-right: 30px;

    margin-left: 30px;

}



.lang-ru{

	cursor: pointer;

	background: url(/catalog/view/theme/default/image/ru-eng.png) no-repeat;

    display: block;

    height: 60px;

    background-position: 0;

    width: 37px;

	margin-top: 40px;

}



.lang-en{

	cursor: pointer;

	background: url(/catalog/view/theme/default/image/ru-eng.png) no-repeat;

    display: block;

    height: 60px;

    background-position: -40px;

    width: 37px;

	margin-top: 40px;

}



.product-thumb {

	text-align: center!important;

	margin-top:20px;

}

/* The blog main page boxes */
.blog-teaser {
  background-color: #7FD3FF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 5px rgba(69, 69, 69, 0.25);
  -moz-box-shadow: 0px 1px 5px rgba(69, 69, 69, 0.25);
  box-shadow: 0px 1px 5px rgba(69, 69, 69, 0.25);
  margin-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 979px) {
  .blog-teaser {
    display: block;
    float: none;
    width: 95%;
  }
}
.blog-teaser header {
  padding-top: 20px;
  padding-right: 45px;
  padding-left: 45px;
  text-align: center;
}
.blog-teaser header img {
  margin-bottom: 20px;
  /*-webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;*/
}
.blog-teaser header h3 {
  color: #303233;
  margin-top: 0;
  font-size: 28px;
  margin-bottom: 10px;
}
.blog-teaser header h3 a,
.blog-teaser header h3 a:focus,
.blog-teaser header h3 a:hover {
  color: #303233;
}
.blog-teaser header .meta {
  color: #303233;
}
.blog-teaser header hr {
  border-top-color: #303233;
  border-bottom: none;
}
.blog-teaser .body {
  padding-right: 45px;
  padding-left: 45px;
  margin-bottom: 10px;
  color: #303233;
}
.blog-teaser .btn {
  float: right;
  margin-right: 45px;
  margin-bottom: 18px;
}
/* Buttons used in Tales */
.btn-tales-one {
  color: #303233;
  background-color: #cfedfe;
  border-color: #cfedfe;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#cfedfe), to(#93d7fd));
  background-image: -webkit-linear-gradient(top, #cfedfe, 0%, #93d7fd, 100%);
  background-image: -moz-linear-gradient(top, #cfedfe 0%, #93d7fd 100%);
  background-image: linear-gradient(to bottom, #cfedfe 0%, #93d7fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfedfe', endColorstr='#ff93d7fd', GradientType=0);
  background-repeat: repeat-x;
  border-color: #89d3fd;
}
.btn-tales-one:hover,
.btn-tales-one:focus,
.btn-tales-one:active,
.btn-tales-one.active,
.open .dropdown-toggle.btn-tales-one {
  color: #303233;
  background-color: #a7defd;
  border-color: #93d7fd;
}
.btn-tales-one:active,
.btn-tales-one.active,
.open .dropdown-toggle.btn-tales-one {
  background-image: none;
}
.btn-tales-one.disabled,
.btn-tales-one[disabled],
fieldset[disabled] .btn-tales-one,
.btn-tales-one.disabled:hover,
.btn-tales-one[disabled]:hover,
fieldset[disabled] .btn-tales-one:hover,
.btn-tales-one.disabled:focus,
.btn-tales-one[disabled]:focus,
fieldset[disabled] .btn-tales-one:focus,
.btn-tales-one.disabled:active,
.btn-tales-one[disabled]:active,
fieldset[disabled] .btn-tales-one:active,
.btn-tales-one.disabled.active,
.btn-tales-one[disabled].active,
fieldset[disabled] .btn-tales-one.active {
  background-color: #cfedfe;
  border-color: #cfedfe;
}
.btn-tales-one:hover,
.btn-tales-one:focus {
  background-color: #93d7fd;
  background-position: 0 -15px;
}
.btn-tales-one:active,
.btn-tales-one.active {
  background-color: #93d7fd;
  border-color: #89d3fd;
}
.btn-tales-one .caret {
  border-top-color: #303233;
}
.btn-tales-two {
  color: #ffffff;
  background-color: #4c5965;
  border-color: #4c5965;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#4c5965), to(#323a42));
  background-image: -webkit-linear-gradient(top, #4c5965, 0%, #323a42, 100%);
  background-image: -moz-linear-gradient(top, #4c5965 0%, #323a42 100%);
  background-image: linear-gradient(to bottom, #4c5965 0%, #323a42 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c5965', endColorstr='#ff323a42', GradientType=0);
  background-repeat: repeat-x;
  border-color: #2d353c;
}
.btn-tales-two:hover,
.btn-tales-two:focus,
.btn-tales-two:active,
.btn-tales-two.active,
.open .dropdown-toggle.btn-tales-two {
  color: #ffffff;
  background-color: #3a444e;
  border-color: #323a42;
}
.btn-tales-two:active,
.btn-tales-two.active,
.open .dropdown-toggle.btn-tales-two {
  background-image: none;
}
.btn-tales-two.disabled,
.btn-tales-two[disabled],
fieldset[disabled] .btn-tales-two,
.btn-tales-two.disabled:hover,
.btn-tales-two[disabled]:hover,
fieldset[disabled] .btn-tales-two:hover,
.btn-tales-two.disabled:focus,
.btn-tales-two[disabled]:focus,
fieldset[disabled] .btn-tales-two:focus,
.btn-tales-two.disabled:active,
.btn-tales-two[disabled]:active,
fieldset[disabled] .btn-tales-two:active,
.btn-tales-two.disabled.active,
.btn-tales-two[disabled].active,
fieldset[disabled] .btn-tales-two.active {
  background-color: #4c5965;
  border-color: #4c5965;
}
.btn-tales-two:hover,
.btn-tales-two:focus {
  background-color: #323a42;
  background-position: 0 -15px;
}
.btn-tales-two:active,
.btn-tales-two.active {
  background-color: #323a42;
  border-color: #2d353c;
}
.btn-tales-two .caret {
  border-top-color: #ffffff;
}
.btn-xlarge {
  padding: 12px 46px;
  font-size: 20px;
  line-height: normal;
  border-radius: 5px;
}

/* В данном селекторе мы задаем ширину, высоту, обводку, позиционирование, фоновый цвет, цвет и размер теней */

.box2{
padding: 20px;
color: #846115;
	max-width: 100%;
    height: auto;

	padding: 0 0 1px 0;

	position:relative;

	background: #f3f3f3;

	background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));

	background: -moz-linear-gradient(0 0 270deg, #f3f3f3, #f3f3f3 10%, #fff);

	border-top: 1px solid #ccc;

	border-right: 1px solid #ccc;

	-webkit-border-bottom-right-radius: 60px 60px;

	-moz-border-radius-bottomright: 60px 60px;

	border-bottom-right-radius: 60px 60px;

	-webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);

	box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);



}

.box2:before{

	content:'';

	width: 25px;

	height: 20px;

	position: absolute;

	bottom:0;

	right:0;

	-webkit-border-bottom-right-radius: 30px;

	-moz-border-radius-bottomright: 30px;

	border-bottom-right-radius: 30px;

	-webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);

	-moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);

	box-shadow:-2px -2px 5px rgba(0, 0, 0, 0.3);

	-webkit-transform:	rotate(-20deg)

				skew(-40deg,-3deg)

				translate(-13px,-13px);

	-moz-transform:	rotate(-20deg)

					skew(-40deg,-3deg)

					translate(-13px,-13px);

	-o-transform:	rotate(-20deg)

					skew(-40deg,-3deg)

					translate(-13px,-13px);

					transform:

					rotate(-20deg)

					skew(-40deg,-3deg)

					translate(-13px,-13px);

}



/* Здесь определяется затенение загиба */

.box2:after{

	content: '';

	z-index: -1;

	width: 100px;

	height: 100px;

	position:absolute;

	bottom:0;

	right:0;

	background: rgba(0, 0, 0, 0.2);

	display: inline-block;

	-webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 20px 20px 18px rgba(0, 0, 0, 0.2);

	box-shadow: 20px 20px 8px rgba()0,0,0,0.2;

	-webkit-transform: rotate(0deg)

	   		   translate(-45px,-20px)

			   skew(20deg);

	-moz-transform: rotate(0deg)

			translate(-45px,-20px)

			skew(20deg);

	-o-transform: rotate(0deg)

		      translate(-45px,-20px)

		      skew(20deg);

	transform: rotate(0deg)

		   translate(-45px,-20px)

		   skew(20deg);

}

