@import url(https://fonts.googleapis.com/css?family=Lato:400,300italic,300);



body {font-family: 'Lato', sans-serif; color: #fff; font-size: 16px; font-weight: 300; padding: 0 0 40px 0;}

a {color: #e55202;} a:hover {color: #000;}

#content {background: url(../img/bg.png); padding: 50px 45px 45px 30px; margin: 0 0 0 58px; width: 455px; position: relative;}

.logo {margin: 0 0 50px 0;}

h1 {font-size: 20px; color: #ff200a; font-weight: 400;}

h2 {font-size: 16px; font-weight: 300; margin: 0 0 30px 0;}

em {color:#ff200a; }

p {margin: 0 0 20px 0; line-height: 22px;}



#footer-links, #footer-links li {margin: 0; padding: 0; list-style-type: none;}

#footer-links {position:absolute; bottom: 0; margin: 0 0 0 58px;}

#footer-links li {float: left;}

#footer-links a {padding: 10px 15px; margin: 0 5px; background: url(../img/bg-link.png); color: #fff; text-transform: uppercase; display: block; float: left; min-width: 107px; text-decoration:none; text-align: center; font-size: 18px; font-weight: 400;}



#contact-popup-content {text-align: center;}

#contact-popup-content .email a {text-decoration: none; font-size: 20px; font-weight: 400; margin-top:19px;}



#controls-wrapper ul#slide-list {margin-left: 0 !important; left: 0;}



@media all and (max-width: 768px) {

#content {width: auto; margin: 0 20px;}

#prevslide, #nextslide {display: none !important;}

.logo {width: 100%; max-width: 428px;}

#footer-links {position: relative; margin: 20px 0 0 20px;}

#contact-popup-content {width: auto !important;}

}

@media all and (max-width: 320px) {

	#footer-links a {width: auto;}

	.fancybox-inner {width: auto !important;}

}