html, body{
font-family: 'Open Sans', sans-serif;
height: 100%;
color:#000;
min-width: 1050px;
-webkit-font-smoothing: antialiased;
}

body{
overflow-y:scroll;	
}
	
body.not-scroll{
overflow-y: hidden;
}	
	
p{
font-size: 15px;
line-height: 1.4;
margin-top: 16px;
margin-bottom: 16px;
}

a{
color:#0191e0;
}

a:focus { 
outline: none; 
}

.clear{
clear: both;
display: block;
}

h1{
font-size: 40px;
font-weight: 600;
margin-bottom: 25px;
line-height: 1;
color:#4a5354;
}

h2{
font-size: 32px;
font-weight: 700;
margin-bottom: 30px;
margin-top: 0px;
line-height: 1.2;
}

h3{
font-size: 20px;
margin-bottom: 25px;
margin-top: 0px;
line-height: 1.2;
font-weight: 600;
color:#4a5354;
}

h4{
font-size: 22px;
color:#4a5354;
}

small{
font-size: 70%;
}

strong{
font-weight: 600;
}









/*layout*/

.container{
width: 980px;
margin:auto;	
position: relative;
}

.topbar{
width: 100%;
background:#ed1566;
height: 52px;
font-family: 'Lobster', cursive;
position: fixed;
left: 0px;
top:0px;
right: 0px;
z-index: 2;
}

.topbar-right{
color:#000;
float: right;
font-size: 25px;
top: 12px;
position: relative;
}

.topbar-btn{
color:#FFF;
background: #000;
float: left;
font-size: 22px;
height: 36px;
width: 194px;
text-align: center;
position: relative;
line-height: 36px;
top: 8px;
}

.topbar-btn a{
color:#FFF;
text-decoration: none;
}


.header{
width: 100%;
height: 700px;
background: url(../images/main.jpg);	
background-size: cover;
background-position: center center;
text-align: center;
position: relative;
}

.header-text{
position: relative;
top: 85px;
color:#FFF;	
}


.header-t1, .header-t2{
font-family: 'Lobster', cursive;
}

.header-t1{
font-size: 70px;
margin-bottom: 5px;
}

.header-t2{
font-size: 30px;
margin-bottom: 30px;
letter-spacing: 1px;
}

.header-t3{
font-size: 20px;
line-height: 1.3;
}

.header-works-head{
background:#ed1566;
height: 60px;
width: 280px;	
font-family: 'Lobster', cursive;
text-align: center;
line-height: 60px;
font-size: 24px;
letter-spacing:2px;
position: absolute;
margin: auto;
left: 0px;
right:0px;
bottom: -28px;
z-index: 1;
}

.header-works-head i{
 background: url(../images/arr.png) center center no-repeat;
 width: 30px;
 height: 14px;
 position: absolute;
 margin: auto;
 left: 0;
 right: 0;
 border-bottom: -40px;
 display: block;
}

.works{
position: relative;
}

.work{
display: block;
float: left;
width: 25%;
}

.work img{
display: block;
width: 100%;
}

.about-head{
background:#ed1566;
height: 60px;
font-family: 'Lobster', cursive;
text-align: center;
line-height: 60px;
font-size: 24px;
letter-spacing:2px;
position: relative;
}

.about-head i{
 background: url(../images/arr.png) center center no-repeat;
 width: 30px;
 height: 14px;
 position: absolute;
 margin: auto;
 left: 0;
 right: 0;
 border-bottom: -40px;
 display: block;
}


.about{
background: #031d2f;
color:#FFF;
padding: 35px 0px;
}


.about h1{
font-size: 34px;
text-align: center;	
color:#FFF;
margin-bottom: 30px;

}

.about h2{
font-size: 20px;
color:#ed1566;
margin-top: 24px;
margin-bottom: 24px;
}

.about p{
font-size: 16px;
line-height:1.5;
text-align: justify;
}

.footer{
text-align: center;
color:#FFF;
background: #042642;
height: 60px;
line-height: 60px;
letter-spacing: 1px;
}

.footer.fixed{
position: fixed;
bottom:0px;
left:0px;
right:0px;
}	

.contacts{
min-height: 100%;
background: url(../images/main.jpg);
background-size: cover;
background-attachment: fixed;

}

.contacts .container{
top: 70px;
}

.contacts-t1, .contacts-t2, .contacts-t3{
text-align: center;
}

.contacts-t1{
font-size: 40px;
margin-bottom: 10px;
color:#FFF;
}

.contacts-t2{
font-size: 20px;
color:#FFF;
margin-bottom: 20px;
}

.contacts-t3{
font-family: 'Lobster', cursive;
font-size: 30px;
color:#ed1566;
display: block;
text-align: center;	
margin-bottom: 20px;
}

.contact-form{
width:450px;
margin: auto;
padding-bottom: 80px;
}

.contact-form input{
box-shadow: none;
width: 450px;
display: block;
padding: 6px;
margin-bottom: 10px;
border: solid 1px #CCC;
}

.contact-form textarea{
box-shadow: none;
width: 450px;
display: block;
padding: 6px;
margin-bottom: 10px;
border: solid 1px #CCC;
}

.contact-form button{
font-family: 'Lobster', cursive;
font-size: 23px;
background:#ed1566;
color:#FFF;
height: 50px;
border: none;
position: relative;
right: -12px;
cursor: pointer;
padding-left: 12px;
padding-right: 12px;
}

.contact-form-btn{
text-align: right;	
}

.success{
text-align: center;
color:#FFF;
font-size: 24px;
line-height: 1.3;
margin-top: 50px;	
}