html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}
a:hover {
text-decoration:none;
}
a img {border: 0;}





body {
font-family: 'Open Sans', sans-serif;
	color: #686868;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

header {
width:992px;
height:125px;
margin:0 auto;
}

.logo {
float:left;
margin-top:10px;
}

nav {
float:right;
margin-top:50px;
}

nav a{
float:left;
font-size:16px;
color:#545454;
text-decoration:none;
margin:0 20px;
padding:5px 10px;
}
nav a:hover {
background:#d43c6a;
border-radius:10px;
color:#fff;

}
nav a.buy {
background:#d43c6a;
border-radius:10px;
color:#fff;
margin:0;
}
nav a.cart {
margin-right:0;
}
nav a.cart:hover {
background:none;
}

#bg1 {
width:100%;
height:693px;
background:url('../images/bg1.jpg') top center no-repeat;
}

.content {
width:992px;
height:100%;
margin:0 auto;
position:relative;
}
#bg1 .text1 {
width:478px;
height:478px;
background:url('../images/circle1.png') no-repeat;
font-family: 'Exo 2', sans-serif;
font-weight:700;
font-size:39px;
color:#fff;
font-style:italic;
text-align:center;
padding-top:90px;
top:20px;
left:0;
position:absolute;
}

#bg1 .text2 { 
width:261px;
height:261px;
background:url('../images/circle2.png') no-repeat;
font-weight:600;
font-size:30px;
color:#fff;
font-style:italic;
text-align:center;
top:350px;
left:310px;
position:absolute;
padding-top:80px;
}
#bg1 .text3 { 
font-weight:600;
font-size:26px;
color:#4e391c;
font-style:italic;
top:590px;
left:470px;
position:absolute;
}
#perevagy {
width:100%;
height:100%;
background:url('../images/bg2.jpg') #fff repeat-x;

}

#perevagy h3 {
font-weight:800;
font-size:40px;
text-align:center;
padding:50px 0 80px;
    z-index:3;
position:relative;
}

#perevagy .item {
width:250px;
float:left;
text-align:center;
font-size:20px;
    z-index:3;
position:relative;

}
#perevagy .itemk {
margin:10px auto 50px;
width:200px;
    z-index:3;
position:relative;

}
#perevagy .c {
margin:0 121px;
}
#kontakty {
width:100%;
height:403px;
background:url('../images/bg3.jpg') top center no-repeat;
text-align:center;

}
#kontakty h3 {
font-weight:800;
font-size:40px;
text-align:center;
padding:30px 0 30px;
background:url('../images/globe.png') left top 30px no-repeat;
margin:0 auto;
width:450px;
    z-index:3;
position:relative;

}
#kontakty .text1 {
font-weight:600;
font-size:24px;
color:#1b1b1b;
font-style:italic;
    z-index:3;
position:relative;

}
#kontakty .text2 {
font-weight:300;
font-size:24px;
color:#1b1b1b;
margin-top:20px;
    z-index:3;
position:relative;

}
#map {
width:100%;
height:100%;

}

#zamovyty {
width:100%;
height:100%;
text-align:center;
}
#zamovyty h3 {
font-weight:800;
font-size:40px;
text-align:center;
padding:35px 0 30px;
    z-index:3;
position:relative;


}
#zamovyty .text {
font-weight:300;
font-size:16px;
font-style:italic;
margin-bottom:20px;
    z-index:3;
position:relative;


}
#zamovyty .form {
width:530px;
height:550px;
background:#d2d2d2;
margin:0 auto;
border-radius:10px;
}
.form .rsform-block-name input,.form .rsform-block-phone input {
width:360px;
height:30px;
border-radius:5px;
border:none;
margin-bottom:15px;
padding:5px 10px;
font-size:14px;
color:#353535;
}
.form .kilk {
font-size:14px;
color:#545454;
text-align:right;
margin-right:75px;
}
.form .kilk input {
width:60px;
height:30px;
border-radius:5px;
border:none;
padding:5px 10px;
font-size:14px;
color:#999;

}
.form .opys {
font-size:14px;
color:#545454;
width:360px;
margin:0 auto;
text-align:left;
}
.form .opys strong {
font-weight:800;
font-size:19px;
}
.form .rsform-block-additional textarea {
width:360px;
height:120px;
border-radius:5px;
border:none;
margin-bottom:15px;
padding:10px;
font-size:14px;
color:#353535;
margin-top:15px;
font-family: 'Open Sans', sans-serif;

}
.form input#send {
width:380px;
padding:10px;
text-align:center;
background:#d43c6a;
border:none;
border-radius:5px;
font-size:14px;
color:#fff;
font-weight:600;
cursor:pointer;
-webkit-appearance: none;

}
.form input#send:hover {
background:#dd4875;
}

#zamovyty .cat {
top:620px;
left:745px;
position:absolute;
}
footer {
text-align:center;
font-weight:300;
font-size:17px;
font-style:italic;
color:#000;
width:992px;
margin:50px auto 0;
position:relative;
    z-index:3;
height:130px;
}
footer .text {
  padding-left: 250px;
    padding-top: 70px;
    position: relative;
    z-index: 3;

}

.foot1 {
left: 330px;
    position: absolute;
    top: 20px;
    z-index:0;
}

.foot2 {
left: 300px;
    position: absolute;
    top: -25px;
    z-index: 0;
}
.foot3 {
 left: 490px;
    position: absolute;
    top: 10px;
    z-index: 0;
}
.foot4 {
 left: 490px;
    position: absolute;
    top: -40px;
    z-index: 2;

}
.footcat {
  left: 480px;
    position: absolute;
    bottom: 0px;
    z-index: 0;

}
.momo2{
background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #fff;
    border-radius: 10px;
    height: 70px;
    left: 50%;
    margin-left: -125px;
    margin-top: -35px;
    position: fixed;
    top: 50%;
    width: 250px;
    z-index: 15;
	
}
.momo{
	background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
.closed{
	border: 2px solid #fff;
    border-radius: 14px;
    cursor: pointer;
    float: right;
    margin-right: 5px;
    margin-top: 3px;
    padding: 3px 7px;
}
.modal-message {

}
.momo2 p{
	padding-left: 10px;
    padding-top: 10px;
}
 @media only screen and (max-width: 767px) {
	
	body {
		width: 320px;
		padding: 0;
		margin:0 auto;
	}
	.content {
width:320px;
height:100%;
margin:0 auto;
}

	header {
width:320px;
height:100%;
margin:0 auto;
}
#bg1,nav a.cart,.foot1,.foot2,.foot3,.foot4,.footcat,#zamovyty .cat,#perevagy .itemk,#map {
display:none;
}
.logo {
float:none;
margin-top:10px;
text-align:center;
}
nav {
float:none;
margin:10px;
text-align:center;
}
nav a{
float:none;
font-size:10px;
color:#545454;
text-decoration:none;
margin:10px 0px;
padding:5px 10px;
display:table-cell;
}
#perevagy .c {
margin:0;
}
#perevagy .item {
width:250px;
margin:0px auto 50px !important;
float:none;
}
#perevagy h3 {
font-weight:800;
font-size:30px;
text-align:center;
padding:20px 0 40px;
    z-index:3;
position:relative;
}
#kontakty h3 {
font-weight:800;
font-size:30px;
text-align:center;
padding:10px 0 10px 20px;
background:url('../images/globe.png') left top 30px no-repeat;
margin:0 auto;
width:300px;
    z-index:3;
position:relative;

}
#zamovyty h3 {
font-weight:800;
font-size:30px;
text-align:center;
padding:25px 0 20px;
    z-index:3;
position:relative;


}
#zamovyty .form {
width:300px;
height:550px;
background:#d2d2d2;
margin:0 auto;
border-radius:10px;
}
.form .rsform-block-name input,.form .rsform-block-phone input {
width:260px !important;
height:30px;
border-radius:5px;
border:none;
margin: 0 10px 15px;
padding:5px 10px;
font-size:14px;
color:#353535;
}
.form .kilk {
font-size:14px;
color:#545454;
text-align:right;
margin-right:10px;
}
.form .kilk input {
width:50px !important;
height:30px;
border-radius:5px;
border:none;
padding:5px 10px;
font-size:14px;
color:#999;

}
.form .opys {
font-size:14px;
color:#545454;
width:280px;
margin:0 auto;
text-align:left;
}
.form .opys strong {
font-weight:800;
font-size:19px;
}
.form .rsform-block-additional textarea {
width:260px !important;
height:120px;
border-radius:5px;
border:none;
 margin: 15px 10px;
padding:10px;
font-size:14px;
color:#353535;
margin-top:15px;
font-family: 'Open Sans', sans-serif;

}
.form input#send {
width:280px;
padding:10px;
text-align:center;
background:#d43c6a;
border:none;
border-radius:5px;
font-size:14px;
color:#fff;
font-weight:600;
cursor:pointer;
-webkit-appearance: none;
margin:0 10px;
}
footer {
width:320px;
 height: 50px;
    margin: 20px auto 0;
}

footer .text {
    padding-top: 0px;
    padding-left:0px;
}
#GMapsID_mod_custom_content__0_1_map {
height:150px !important;
}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	body {
	width:100%;
		padding: 0;
		margin:0 auto;
	}

.content {
width:320px;
height:100%;
margin:0 auto;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
	width:100%;
		padding: 0;
		margin:0 auto;
	}

.content {
width:480px;
height:100%;
margin:0 auto;
}
	header {
width:480px;
height:100%;
margin:0 auto;
}
nav a{
font-size:14px;
margin:10px;
}
#perevagy .item {
width:400px;
}
#kontakty h3 {
width:330px;
}
#zamovyty .form {
width:440px;
}
.form .rsform-block-name input,.form .rsform-block-phone input,.form .rsform-block-additional textarea {
width:400px !important;
}
.form .opys,.form input#send {
width:420px;
}
footer {
width:480px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	body {
	width:100%;
		padding: 0;
		margin:0 auto;
	}

.content {
width:768px;
height:100%;
margin:0 auto;
}
	header {
width:768px;
height:100%;
margin:0 auto;
}
footer {
width:768px;
}
#perevagy .c {
    margin: 0 5px;
}
nav a {
font-size:12px;
margin:0;
}
#bg1 .text3 {
font-size:24px;
}
#zamovyty .cat {
left: 634px;
}
.foot4 {
    left: 350px;
    }
    
    .footcat {
    
    left: 340px;
    
    }
    
footer .text {
    padding-left: 160px;
    }
}

a.phone {
    color: #686868;
    font-weight: bold;
    text-decoration:none;
}

a.phone:hover {
text-decoration:underline;
}