body {
margin:0;
padding:0;
font-family:'open sans', arial, sans serif;
}

h3 {
text-align:center;
font-weight:normal;
font-size:1.8em;
text-transform:uppercase;
color:#ff2f29;
}

h4 {
text-align:center;
font-weight:normal;
font-size:1.4em;
text-transform:uppercase;
}

.clear {
clear:both;
}

.center {
text-align:center;
}

.grid {
width:1260px;
margin:0 auto;
}

.header {
width:100%;
height:600px;
background-image:url(background.jpg);
background-position:center;
background-size:cover;
background-attachment:fixed;
}

.header .content {
position:absolute;
top:0;
width:100%;
max-height:600px;
z-index:100;
}

.topbar {
width:100%;
height:auto;
}

.logo {
height:45px;
float:left;
padding:20px 5px;
}

.menu {
padding:15px;
float:right;
margin:0;
padding:0;
}

.menu li {
display:inline-block;
margin:0;
list-style-type:none;
padding:24px 34.5px;
}

.menu li a#offer {
display:inline-block;
margin:0;
background-color:#ff2f29;
list-style-type:none;
padding:10px 34.5px;
border-radius:2px;
}

.menu li.icon {
display:none;
font-size:30px;
}

.menu li a {
text-decoration:none;
line-height:25px;
font-weight:normal;
color:white;
}

.promo {
font-weight:bold;
font-size:2.3em;
color:white;
padding:150px 0 15px 0;
width:60%;
margin:0 auto;
text-align:center;
text-transform:uppercase;
}

.promo_text {
width:60%;
margin:0 auto;
text-align:center;
color:white;
}

#white_button {
border:2px solid white;
border-radius:4px;
padding:0.5em 1.6em;
color:white !important;
text-transform:uppercase;
text-align: center;
font-weight:normal;
display:inline-block;
text-decoration:none;
margin-right:25px;
}

.fluid {
width:100%;
}

.fluid h2 {
font-size:2.2em;
font-weight:normal;
text-transform:uppercase;
text-align:center;
}

h2.more {
font-size:2.2em;
font-weight:normal;
text-transform:uppercase;
text-align:center;
}

.firstrow {
width:400px;
height:400px;
padding-left:400px;
margin:0 auto;
background-image:url(saci.png);
background-position:left center;
background-size:400px;
background-repeat:no-repeat; 
}

.firstrow p:first-child {
padding-top:4em;
}

.firstrow > p.center > a {
display:inline-block;
margin:0;
background-color:#ff2f29;
list-style-type:none;
padding:10px 34.5px;
border-radius:4px;
color:white;
text-decoration:none;
}

.column {
float:left;
width:25.333%;
padding:4%;
padding-top:0;
}

.column .icon {
width:90px;
padding:20px;
margin:0 auto;
border:2px solid #ff2f29;
border-radius:50%;
display:block;
}

.column p {
margin:0;
padding:0px 10% 10px 10%;
width:80%;
text-align:center;
}

.gallery {
width:100%;
}

.gallery img {
width:25%;
float:left;
}

.function {
width:100%;
}

.function p {
width:80%;
padding:0 10%;
text-align:center;
}

.video {
width:50%;
height:400px;
float:left;
}

.function .content {
width:40%;
padding:0 5%;
height:400px;
float:left;
background-color:#ff2f29;
color:white!important;
text-align:center!important;
}

.function .content h4 {
margin-top:125px;
}

.function .content p {
padding:0;
width:100%;
}

.contact_row {
width:80%;
padding:0 10%;
background-color:#2a2a2a;
color:white!important;
}

.contact {
width:40%;
padding:5%;
float:left;
}

.offer {
width:40%;
padding:5%;
float:left;
color:#8a8a8a!important;
text-align:center;
}

.offer_h3 {
color:white;
margin-top:0;
}

form.advance {
width:100%;
padding:0;
margin:0;
}

form.advance textarea.text {
border-radius: 5px;
background-color:#262626;
border:1px solid #272727;
padding:0.8em 0 0;
text-align: center;
color:#8a8a8a;
width:100%;
resize:none;
line-height:1em;
}

.text_holder {
width:100%;
padding:2% 0;
float:left;
}

form.advance textarea.message {
border-radius: 5px;
border:1px solid #272727;
background-color:#262626;
padding:0.75rem;
text-align: center;
color:#8a8a8a;
width:calc(100% - 1.5rem);
resize:none;
}

.message_holder {
width:100%;
padding:2% 0;
}

form.advance input.send {
border:none;
background-color:#ff2f29;
border-radius: 5px;
padding:0.7em 1.1em;
color:white !important;
text-align: center;
font-weight:bold;
display:inline-block;
cursor: pointer;
float:right;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.rows {
width:100%;
}

.contact_row_font {
margin:0;
text-align:center;
}

.address_row {
width:90%;
padding-left:10%;
background-size:10%;
background-position:left center;
background-repeat:no-repeat;
background-image:url(pin.png);
}

.phone_row {
width:90%;
padding-left:10%;
margin-top:50px;
background-size:10%;
background-position:left center;
background-repeat:no-repeat;
background-image:url(phone.png);
}

.mail_row {
width:90%;
padding-left:10%;
margin-top:50px;
background-size:10%;
background-position:left center;
background-repeat:no-repeat;
background-image:url(mail.png);
}

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

.video-wrap {
width:50%;
height:400px;
float:left;
}

.videoWrapper {
height:200px;
width:50%;
float:left;
position:relative;
overflow:hidden;
}

.videoWrapper iframe {
height:100% !important;
width:100% !important;
position:absolute;
top:0;
left:0 !important;
margin:0  !important;
bottom:0;
}

@media only screen and (min-width:1600px) {

.header {
height:650px;
background-position:bottom;
background-attachment:none;
}

}

@media only screen and (max-width:1259px) {

.grid {
width:90%;
}

}

@media only screen and (max-width:1160px) {

.grid {
width:90%;
}

.logo {
float:none;
padding-bottom:0px;
display:block;
margin:0 auto;
}

.menu {
float:none;
display:table;
margin:0 auto;
}

.promo {
padding:100px 0 15px 0;
}

}

@media only screen and (max-width:900px) {

.menu li {
padding:24px 20px;
}

.header {
background-attachment:none;
}

.promo {
font-size:2em;
padding:75px 0 15px 0;
width:80%;
}

.promo_text {
width:80%;
}

.firstrow {
width:80%;
height:auto;
padding-top:250px;
padding-left:0;
background-position:top center;
background-size:400px; 
}

.column {
float:left;
width:50%;
padding:0;
padding-bottom:20px;
}

#last {
margin:0 auto;
float:none;
}

.gallery img {
width:50%;
}

.video-wrap {
width:100%;
height:auto;
}

.videoWrapper {
height:400px;
width:100%;
float:none;
}

.function .content {
width:70%;
padding:30px 15%;
height:auto;
}

.function .content h4 {
margin-top:0;
}

.contact {
width:70%;
padding:5% 15%;
}

.offer {
width:70%;
padding:2% 15%;
}

}

@media only screen and (max-width:600px) {

.logo {
float:left;
}

.menu li {
display:none;
}

.menu li.icon {
display:inline-block;
background-color:#ff2f29;
padding:5px 10px;
margin-top:10px;
border-radius:2px;
position:absolute;
right:25px;
}

.menu.responsive {
position: absolute;
top:0;
right:5%;
background-color: rgba(0,0,0,0.8);
z-index: 50;
width: 250px;
}

.menu.responsive li.icon {
display:inline-block;
background-color:#ff2f29;
padding:5px 10px;
top:10px;
border-radius:2px;
position:absolute;
right:0;
}

.menu.responsive li {
float: none;
display:block;
padding:10px 0;
text-align:center;
}

.menu.responsive li:first-child {
margin-top:75px;
display: block;
text-align:center;
padding:10px 0;
}

.menu.responsive li a {
display: block;
text-align: center;
}

.menu.responsive li a#offer {
display:inline-block;
margin:0 auto;
background-color:#ff2f29;
list-style-type:none;
padding:10px 34.5px;
border-radius:4px;
}

#white_button {
display:table;
text-decoration:none;
margin-right:0px;
margin:15px auto;
}

.fluid h2 {
font-size:2em;
padding:0 5%;
}

.column {
width:100%;
}

.function p {
width:80%;
padding:0 10%;
text-align:center;
}

}

@media only screen and (max-width:450px) {

.promo {
padding:50px 0 15px 0;
width:85%;
}

.firstrow {
background-size:100%;
padding-top:150px; 
}

.gallery img {
width:100%;
}

.contact_row {
padding:25px 10%;
}

.offer {
width:100%;
padding:5% 0%;
}

.contact {
width:90%;
padding:5% 5%;
}

}

@media only screen and (max-width:350px) {

.logo {
display:block;
margin:0 auto;
float:none;
}

.menu li.icon {
display:none;
}

}