@charset "utf-8";
/* CSS Document */

body {
font-family: 'Roboto Condensed', sans-serif;
font-size:15px;
color:#848484;
background:url(head.jpg) #000000 top center repeat-x;
line-height:24px;
margin:0px;
padding:0px;
}

a {
text-decoration:none;
}

.title {
width:100%; max-width:571px; display:block; margin:auto;
margin-top:21em;
}

.welcome {
width:100%;
padding:0;
max-width:720px;
display:block;
margin:auto;
text-align:center;
padding-top:2%;
}

ul {margin:0;padding:0; color:#b8b8b8; overflow:hidden;}
ul li {margin:0;padding:0;list-style:none; width:30%; max-width:340px; float:left; margin:40px 2%; display:inline-block;}
ul li strong {color:#6a6a6a; margin-top:10px; display:block; border-top: solid 1px #414141;}
ul img {display:block; width:100%; transition: all .2s ease-in-out;}
ul img:hover {transform: scale(1.05);}

ul a.button {text-align:center; display:block; width:100%; font-size:20px; text-transform:uppercase; border:solid #b85824 2px; color:#b85824; padding:0.2em 0; transition: 0.2s ease all;}
ul a.button:hover {background:#b85824; color:white;}

h1 {font-size:40px;font-weight:bold;text-transform:uppercase; margin-top:0.2em; margin-bottom:0.2em; line-height:36px;}
h1 a {color:#b85824; display:block;}
h1 a span {color:white; font-size:24px; display:block; font-weight:normal; margin-bottom:-8px;}

.wrap {width:100%; max-width:1280px; display:block; margin:auto;}

/* price */
.price {font-weight:bold; margin:10px 0;}
.price-old {font-size: 22px;line-height: 30px;}
.price-old {color: #3894c3;}
.price-old {margin-right: 10px;}
.price-old::before {
    margin-top: -3px;
    transform: rotate(-20deg);
}
.price-old {
    position: relative;
	}
 .price-old {
    color: #ffffff;
}
.price-new {color:#FF0000;}
.price-old::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    margin-top: -1px;
    border-bottom: 1px solid;
}
.price .tb_integer {
    white-space: nowrap;
}
.price .tb_decimal_point, #cart .tb_total .tb_decimal_point {
    display: inline !important;
    margin-left: 1px;
    font-size: 0.6em;
    vertical-align: top;
}
.price .tb_decimal, .price .tb_decimal_point, #cart .tb_total .tb_decimal, #cart .tb_total .tb_decimal_point {
    position: relative;
    top: -0.26em;
}
.price .tb_decimal, #cart .tb_total .tb_decimal {
    position: relative;
    top: -0.3em;
    font-size: 0.55em;
    vertical-align: top;
}
.price .tb_currency.tb_after, #cart .tb_total .tb_currency.tb_after {
    position: relative;
    /*top: 0.45em;*/
    margin-left: -1.2em;
    font-size: 0.45em;
	color:#b8b8b8;
}

 .price-new, #ProductPriceSystem_DAuHUM6x .price-regular {
    font-size: 28px;
    line-height: 30px;
}
.price-new {
    color: red;
	font-size:2.5em;
}
.price-old {font-size:2em; font-weight:normal;}

/* price */


/* footer */

.footer {
background:#094061;
border-top:solid 7px #1a70a3;
border-bottom:solid 7px #1a70a3;
overflow:hidden;
margin-top:50px;
}


.plus {
text-align:center; clear:both; padding-top:30px;
display:block;
}

.plus img {
margin:10px;
width:90%;
max-width:309px;
}

/* footer */

/* контакти */

.contacts {
padding:40px 2%;
padding-top:70px;
text-align:center;
font-size:2em;
}

.contacts a {
color:#ffffff;
padding:14px;
padding-left:65px;
margin:1%;
display:inline-block;
line-height:26px;
}

.contacts a:nth-of-type(1) {
background:url(i-phone.png) 10px 0px no-repeat;
}

.contacts a:nth-of-type(2) {
background:url(i-skype.png) 10px 0px no-repeat;
}

.contacts a:nth-of-type(3) {
background:url(i-loc.png) 10px 0px no-repeat;
}

.contacts a:nth-of-type(4) {
background:url(i-fb.png) 10px 0px no-repeat;
}
/* контакти */

.bigpic {
margin-bottom: 10em;
background-image: url(bg.jpg);
background-size: cover;
text-align: center;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 4%;
color: #FFFFFF;
padding-bottom: 30px;
padding-top: 30px;
}

@media screen and (max-width: 1140px) {
	ul li {margin:60px 10%;}

@media screen and (max-width: 720px) {
	ul li {display:block;width:98%; margin:auto; margin-top:60px}
	ul {width: 70%; margin: auto;}
	body {background-size:180%;}
	.title {margin-top:9em;}
	ul a.button {background:#b85824; color:white;}
}
