/* Common Styles */

html { font-family: 'Open Sans', sans-serif; font-weight:400; font-size:1.2em; letter-spacing:-0.02em; color:#444; line-height:1.2em;}
h1, h2, h3	{letter-spacing:-0.04em; padding:0; margin:0; margin-bottom:15px; font-weight:300; line-height:1em;} 
h1	{font-size:32px; color: #8e727c}
h2	{font-size:28px; color: #683a4d}
h3	{font-size:26px}

a     {color: #683a4d;}


.color0	{background-color: #fafafa;} 
.color1	{background-color: #777; color: white} 
.color2	{background-color: #fff; color: #333} 
.color3	{background-color: #777; color: white} 
.color4	{background-color: #f0f0f0; color: #333} 

.color2 a, .color3 a, .color4 a 	{color:white}
.color1 h1, .color1 h2, .color1 h3 	{color: white}
.color2 h1, .color2 h2, .color2 h3 	{color: #333}
.color3 h1, .color3 h2, .color3 h3 	{color:white}
.color4 h1, .color4 h2, .color4 h3 	{color:#333}

 .color1 table.bordered>tbody>tr { border-bottom: 1px solid #8e727c}



/* Custom Styles */

.footer	{font-weight:300; padding:15px 0}
.copyright {padding:10px 0; font-weight:300;  font-size:14px}


.f01	{background-size:auto; background-position:top center; background-repeat:no-repeat;}	
.f01 h1	{font-size:50px; margin:0}
.f01 h2	{font-size:29px}
.f01 a	{background-color:#99476c; padding:5px 10px; color:white; font-size: 16px; font-weight:300; text-decoration:none; margin-bottom:15px}
.f01 a:hover	{background-color:#683a4d;}
.f01 .desc1	{background-image:url(../img/white50.png); padding:15px; margin-bottom:15px}
	.desc1 .to-right	{float: right; margin-left: 15px; text-align: center}
    .desc1 .to-right img {margin-bottom: 5px}


.f02 .num    {font-size: 45px; font-weight: 600; background-color: #a28690; color: white; text-align: center; 
    padding-top: 20px; width: 70px; height:70px; border-radius: 37px; margin-right: 15px; float: left}
.f02 a.like-btn	{background-color:#99476c; padding:7px 25px; color:white;  font-weight:300; text-decoration:none; font-size: 24px}
.f02 a.like-btn:hover	{background-color:#683a4d;}
.f02 .price    {width:70px; height: 70px; position:relative; top: -230px; right: -130px; background-color: #99476c; color: white; 
    padding-top: 20px; text-align: center; border-radius: 35px; font-size:14px; font-weight: 300; margin-bottom:-70px}
.f02 .price  b  {font-weight: 600; font-size: 24px; line-height: 16px}
.f02 .price i {display: block; line-height: 14px; font-style: normal}

.color2 .num    {font-size: 45px; font-weight: 600; background-color: #683a4d; color: white; text-align: center; 
    padding-top: 20px; width: 70px; height:70px; border-radius: 37px; margin-right: 15px; float: left}


.order-form01 .item	{clear:both; padding-bottom:10px; height:25px}
.order-form01 h2	{font-size:20px; font-weight:400 }
.order-form01 .item td	{font-size:18px; font-weight:300; line-height: 20px; padding:5px 15px}
.order-form01 input	{display:block; height:20px; width:40px; float:right; margin:0; border: 1px solid #9e9e9e; font-size:18px;}


.datacorp-error-text {text-align: left; font-size: 12px; color: #a33;}
.datacorp-order-summary {overflow: hidden; font-size: 16px; font-weight:300; width: 570px;}
.datacorp-order-summary > div {overflow: hidden; width: 100%;}
.datacorp-order-summary .category-header {font-weight: 400; margin: 5px 0 2px 0;}
.datacorp-order-summary .category-title {float: left; width: 300px;}
.datacorp-order-summary .product-title {float: left; width: 300px; padding-left: 5px;}
.datacorp-order-summary .product-price, .datacorp-order-summary .product-quantity, .datacorp-order-summary .product-summa {
        float: right; width: 90px; text-align: right;}
.datacorp-order-summary .order-summa {margin: 5px 0 2px 0; float: right; width: 300px; font-weight: bold; text-align: right;}

.ymaps-2-1-45-input__control {display:none}



/*Адаптивные модификторы*/

@media only screen and (min-width: 0px){
	header {height:270px; background-size: auto 270px}
}
@media only screen and (min-width: 601px){
	header {height:150px; background-size: auto 330px}
}

@media only screen and (min-width: 993px){
	header {height:150px; background-size: 100%}
}