body {
	margin: 0;
	font-family: 'Open Sans', sans;
	background-color:black;
	color: #ddd;
}

header {
	margin: 50px 0;
}
.c {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.clr {
	clear: both;
}

div.by2 {
	width: 50%;
	float: left;
}

h1, h2, h3 {
	color: #ed9900;
}


div.slider { width: 100%; height: 330px; }
div.slider div {
	width: 25%; height: 100%;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
div.slider div:after {
	position: absolute;
	content: ' ';
	width: 2px;
	height: 100%;
	background-color: black;
}
div.slider div:first-child:after {
	background-color: transparent;
}

div#logo_wrap {
	text-align: center;
	width: 60%;
	float: left;
}
div#logo_wrap img#logo {
	width: 90%;
}
div#logo_wrap h1 {
	text-align: right;
}
div#adr_wrap {
	text-align: center;
	width: 40%;
	float: left;
}
a.phoneBtn {
	display: inline-block;
	padding: 20px;
	background-color: #ed9900;
	color: black;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
}

div.content {
	padding: 30px 0;
	font-size: 1.2em;
}

div.accordion {
	margin: 20px;
}
div.accordion h3 {
	background-color: #ed9900;
	color: black;
	padding: 20px;
	border-radius: 5px;
	background-image: url(down.png);
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

div.accordion.active h3 {
	background-image: url(up.png);
}

div.accordion div {
	display: none;
}
div.accordion.active div {
	display: block;
}

div.accordion input[type=text],
div.accordion textarea {
	width: 100%;
	padding: 5px 10px;
	margin: 5px 0;
	box-sizing: border-box;
}
div.accordion textarea {
	height: 300px;
	font-family: 'Open Sans', sans;
}
div.accordion input[type=submit] {
	background-color: #ed9900;
	color: black;
	border: none;
	padding: 10px 20px;
}

label.photo {
	display: block;
	padding: 35px 20px;
	background-image: url(photo.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 5px 0;
	background-color: #ed9900;
	color: white;
	text-align: center;
}
label.photo input {
	visibility: hidden;
	position: absolute;
	left: 0;
}

footer {
	background-color: #ed9900;
	color: #222;
	padding: 30px 0 50px 0;
}



        ul.gal {
                list-style-type:none;
                padding: 0;
        }
        ul.gal li {
                width: 390px;
                margin-right: 10px; margin-bottom: 50px;
                float: left;
                height: 250px;
                background-size: contain;
                background-position: 50% 50%;
                background-color: white;
                background-repeat: no-repeat;
                position: relative;
        }
        ul.gal li span {
                position: absolute;
                display: block;
                width: 370px;
                padding: 10px;
                text-align: center;
                bottom: -40px;
                background-color: rgba(237,153,0,.97);
                color: white;
        }




div#progress {
        width: 320px; margin: 0 auto;
        display: none;
}
div.progBar { width: 300px; height: 10px; position: relative; }
div.progBar:after {
        content:' ';
        width: 20px;
        display: block;
        background-color: #ed9900;
        height: 10px;
        position: absolute;
        left: 0;
        animation: pBar 2s infinite;
}
@keyframes pBar {
        0% { left: 0; }
        50% { left: 290px; }
        100% { left: 0; }
}




@media (max-width: 1200px){
	div.c {  width: auto; margin: 10px; }
}
@media (max-width: 800px){
	div.by2 {
		float: none;
		width: auto;
	}
	div.slider { width: 100%; height: 350px; }
	div.slider div {
		width: 50%; height: 50%;
	}
	div#logo_wrap, div#adr_wrap {
		width: auto; float: none;
	}
	div.slider div:after {
		display: block;
		position: static;
		width: 100%; height: 173px;
		border: 1px solid black;
		background-color: transparent;
	}

	ul.gal li {
		float: none !important;
		margin: 55px auto !important;
	}
}