* {margin:0px; padding:0px; border:0; box-sizing:border-box;}
body {position:relative; min-width:320px; width:100vw; height:100vh; color:#000000; font-family:'Russo One', sans-serif; background-color:#ffffff; text-align:center; overflow-x:hidden;}
tbody {width:100%}
p {margin:15px 0; padding:0; font-size:18px; line-height:1.3;}
ol, ul {margin:0 0 0 20px;}
li {margin:0 0 5px 10px;}
a, a:link, a:visited, a:hover {color:inherit; text-decoration:underline; transition:.3s;}
a:hover {color:#FFC200;}

div#top {display:block; position:fixed; left:0; top:0; width:100%; height:100px; background:#252525; overflow:hidden; transition:.3s; text-align:center; z-index:1000;}
div#hat {position:relative; display:inline-block; width:100%; max-width:1200px; height:100px; padding:0 25px; text-align:left;}
a#smalllogo {position:absolute; display:inline-block; left:20px; top:10px; width:160px; height:80px; background-image:url(/Images/logowhite.svg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
div#conts {position:absolute; display:inline-block; right:410px; top:20px; width:500px; padding:0; text-align:left; color:#ffffff; transition:.3s;}
div#conts p {font-size:18px; line-height:18px; font-weight:normal; margin:0; padding:5px 0; text-align:right;}
div#phones {position:absolute; display:inline-block; right:150px; top:36px; width:250px; padding:0; text-align:right; color:#ffffff; transition:.3s;}
a.topphone {font-size:24px; line-height:24px; font-weight:bold; text-decoration:none;}
div#time {position:absolute; display:inline-block; right:20px; top:25px; width:100px; padding:0; text-align:right; color:#ffffff; transition:.3s;}
div#time p {font-size:18px; line-height:18px; font-weight:normal; margin:0; padding:5px 0;}

div#main {position:relative; width:100%; margin-top:100px; transition:.5s;}
div#banner {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:400px; transition:.3s; background-image:url(/Images/back.jpg); background-position:50% top; background-repeat:no-repeat; background-size:cover;}
div.banner {width:90%; max-width:1200px; padding:50px 30px; color:#000000; display:flex; flex-direction:column; align-items:center; justify-content:center;}
div.banner div {width:100%; padding:20px; margin:0; text-align:center;}
div.banner h2 {font-size:24px; line-height:28px; font-weight:normal; padding:0 0 10px 10px; text-shadow:0 1px 0 #FFFFFF80;}
div.banner p {font-size:21px; line-height:24px; font-weight:normal; padding:0 0 10px 10px; text-shadow:0 1px 0 #FFFFFF80;}
a.button:link, a.button:visited {display:inline-block; width:200px; height:120px; padding:100px 0 0 0; margin:10px; background-position:50% top; background-repeat:no-repeat; vertical-align:top; color:#FFFFFF; text-transform:uppercase; text-decoration:none; transition:.3s;}
a.button:hover {transform:scale(1.1);}

div#options {position:relative; width:100%; min-height:200px; padding:30px 0; overflow:hidden; backgr-ound:linear-gradient(45deg,#d5dae6,#959aa7); background-image:url(/Images/draw.png); background-position:50% 50%; background-repeat:repeat; display:flex; flex-direction:column; align-items:center; justify-content:center;}
div#options h2 {color:#FFFFFF; padding:0 30px; text-transform:uppercase;}
div.options {width:100%; max-width:1200px; padding:30px 0; display:flex; flex-direction:row; flex-wrap:wrap;}
div.options div {width:14%; margin:0 1%; color:#FFFFFF; font-size:16px; line-height:18px; transition:.3s;}
div.options div img {width:60px;}
div.options div:hover {transform:scale(1.2);}

div#page {width:100%; min-height:100vh; background:white; text-align:center;}
div.text {display:inline-block; width:100%; max-width:1000px; padding:30px; text-align:left;}
div.text p, li {font-family:'Open Sans', sans-serif;}
div.text h2 {color:#515459; font-size:28px; line-height:1; text-align:center; padding:10px 0; margin:0; text-transform:uppercase;}

div.price {width:100%; padding:25px; margin:0; display:flex; flex-direction:row;}
div.price div {width:19%; font-size:20px; line-height:24px; text-align:center; border-left:1px solid #ccc;}
div.price div.header {text-align:left; border:0;}
div.price strong {display:block; color:#18346e; font-size:28px; line-height:38px;}

div#footer {position:relative; display:flex; align-items:center; justify-content:center; width:100%; transition:.3s; background-color:#a5a5a5;}
div.footer {width:100%; max-width:1200px; padding:20px; color:#ffffff; text-align:left;}
div.footer * {color:#000000; font-size:14px; line-height:1.5;}

div#photos {display:inline-block; position:relative; width:100%; max-width:1200px; overflow:hidden; text-align:center;}
div#photos h2 {color:#515459; font-size:28px; line-height:1; text-align:center; padding:10px 0; margin:20px 0; text-transform:uppercase;}
div#photos img {height:240px; width:24%; margin-bottom:5px; cursor:pointer; vertical-align:top; transition:.3s;}
div#photos span {position:absolute; right:25px; bottom:10px; display:inline-block; background-color:#B71C1C; color:#ffffff; width:40px; height:40px; font-size:21px; line-height:1; text-align:center; margin:0; padding:9px 0 0 0; box-shadow:0 1px 3px #000;}

div#slider {display:none; position:relative; left:0; top:0; width:100%; height:100vh; text-align:center; padding:0; background-color:rgba(0,0,0,.9); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; z-index:2000; transition:.5s;}
div#left {display:inline-block; width:70px; height:100%; position:absolute; left:0; top:0; background-image:url(/Images/arrowleft.png); background-position:50% 50%; background-repeat:no-repeat; cursor:pointer;}
div#right {display:inline-block; width:70px; height:100%; position:absolute; right:0; top:0; background-image:url(/Images/arrowright.png); background-position:50% 50%; background-repeat:no-repeat; cursor:pointer;}
div#close {display:inline-block; width:40px; height:40px; position:absolute; right:10px; top:10px; background-image:url(/Images/close.png); background-position:50% 50%; background-repeat:no-repeat; cursor:pointer;}

div#map {display:flex; flex-direction:row; display:flex; align-items:center; justify-content:center; width:100%; height:300px; margin-top:30px; background:linear-gradient(45deg,#929294,#484b50)}
div#map div {width:100%;}
div.address {display:inline-block; padding:30px; font-family:'Open Sans', sans-serif; text-align:left; color:#FFFFFF; font-size:16px; line-height:21px; text-align:right; transition:.3s;}
div.map {height:300px; position:relative; overflow:hidden;}

@media only screen and (max-width : 1100px), only screen and (max-device-width : 1100px){
	div#conts {right:260px;}
	div#phones {right:20px;}
	div#time {display:none;}
}
@media only screen and (max-width : 950px), only screen and (max-device-width : 950px){
	div#conts {display:none;}
	div.banner {flex-direction:column;}

	div.options div {width:25%; margin:10px 3%; font-size:16px; line-height:18px; transition:.3s;}
	
	div#photos {position:relative; width:100%; height:auto; overflow:hidden; text-align:left;}
	div#photos div {display:inline-block; width:100%; height:auto; text-align:center;}
	div#photos img {width:32%; height:auto; margin:0 0 2px 0;}
}
@media only screen and (max-width : 620px), only screen and (max-device-width : 620px){
	div.banner {padding:20px 0;}
	a.button:link, a.button:visited {display:inline-block; width:160px; height:20px; padding:100px 0 0 0; margin:10px; background-position:50% top; background-repeat:no-repeat;  color:#FFFFFF; text-transform:uppercase; text-decoration:none; transition:.3s;}
	a.button:hover {transform:scale(1.1);}
	div.options div {width:40%; margin:10px 3%; font-size:16px; line-height:18px; transition:.3s;}
	div#map {flex-direction:column; height:auto;}
	div.map {height:500px;}
	div.map iframe {height:500px;}
}
@media only screen and (max-width : 500px), only screen and (max-device-width : 500px){
	div.banner h2 {font-size:21px; line-height:24px; font-weight:normal; padding:0 0 10px 10px; text-shadow:0 1px 0 #00000070;}
	div.banner p {font-size:16px; line-height:21px; font-weight:normal; padding:0 0 10px 10px; text-shadow:0 1px 0 #00000070;}
	a#logo {display:inline-block; width:100%; max-width:300px; height:100px; background-image:url(/Images/smalllogo.svg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
	a.phone {font-size:28px; line-height:28px; font-weight:bold; text-decoration:none;}

}