@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Quicksand:300,400,700');

/*
font-family: 'Quicksand', sans-serif;
font-family: 'Dancing Script', cursive;
 */

*{
	margin: 0px;
	padding: 0px;
}

body{
	font-family: 'Quicksand', sans-serif;
}

.top-info{
	background-color: #80c241;
	line-height: 30px;
	padding: 0px 5%;
	color: #ffffff;
	font-size: 13px;
}

.top-info span{
	margin-right: 5px;
}

.clear{
	clear: both;
}

/* header */
header{
	padding: 10px 5%;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	
}

header.stick{
	position: fixed;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	top:0px;
	width:90%;
	z-index: 999999;
	padding: 0px 5%;
}

header .logo{
	width: 180px;
	float: left;
}

header .logo img{
	width: 100%;
}

/* nav */
nav{
	float: right;
	margin-top:40px;
}

nav ul{
	list-style: none;
}

nav ul li{
	display: inline-table;
	position: relative;
}

nav ul li:after{
	position: absolute;
	width: 2px;
	height: 20px;
	background-color: #e7e7e7;
	right: -2px;
	content: "";
}

nav ul li:last-child:after{
	display: none;
}

nav ul li a{
	text-decoration: none;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	position: relative;
	margin: 0px 10px;
	font-weight: bold;
}

nav ul li a:after{
	position: absolute;
	width: 30px;
	height: 3px;
	content: "";
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%) rotateY(90deg);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	
}

nav ul li:nth-child(1) a{
	color: #00aeec;
}

nav ul li:nth-child(2) a{
	color: #800000;
}

nav ul li:nth-child(3) a{
	color: #67c634;
}

nav ul li:nth-child(4) a{
	color: #0074b2;
}

nav ul li:nth-child(5) a{
	color: #32871c;
}

nav ul li:nth-child(6) a{
	color:#00aeec;
}

nav ul li:nth-child(1):hover a:after{
	transform: translateX(-50%) rotateY(0deg);
	background-color: #00aeec;
}

nav ul li:nth-child(2):hover a:after{
	transform: translateX(-50%) rotateY(0deg);
	background-color: #800000;
}

nav ul li:nth-child(3):hover a:after{
	transform: translateX(-50%) rotateY(0deg);
	background-color: #67c634;
}

nav ul li:nth-child(4):hover a:after{
	transform: translateX(-50%) rotateY(0deg);
	background-color: #0074b2;
}

nav ul li:nth-child(5):hover a:after{
	transform: translateX(-50%) rotateY(0deg);
	background-color: #32871c;
}


nav ul li:nth-child(6):hover a:after{
	transform: translateX(-50%) rotateY(0deg);
	background-color: #00aeec;
}


/* home-banner */
.home-banner{
	background-image: url(../images/bg-home.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}

.stick2{
	margin-top: 100px;
}

.home-banner .text{
	width: 40%;
	float: left;
	margin: 5% 0px 5% 5%;
}

.home-banner .text > img{
	max-width: 100%;
	margin-top: 100px;
}

.home-banner .text a img{
	margin-top: 25px;
	transition: all 400ms ease;
	transform: translateY(-20px) rotate(-10deg);
}

.home-banner .text a img:hover{
	transform: translateY(0px) rotate(0deg);
}


.home-banner .text h1{
	font-family: 'Dancing Script', cursive;
	font-weight: bold;
	font-size: 60px;
	line-height: 50px;
	color:#0074b2;
}


.home-banner .image{
	width: 52%;
	float: right;
	margin:0% 3% 4% 0%;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	
}

.home-banner:hover .image{
}

.home-banner .image img{
	width: 100%;
}

/* wellcome */
.wellcome{
	padding: 100px 13%;
	text-align: center;
	background-image: url(../images/textura.jpg);
	background-attachment: fixed;
	position: relative;
}

.wellcome h2{
	font-family: 'Dancing Script', cursive;
	font-size: 80px;
	opacity: .8;
}

.wellcome p{
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
}

/* video */
.video{
	background-image: url(../images/textura2.jpg);
	padding: 120px 20%;
	background-attachment: fixed;
	position: relative;
}

.video h3{
	color: #00ae3a;
	font-weight: 400;
	text-align: center;
	margin-bottom: 20px;
}

/* banner-2 */
.banner-2{
	width: 600px;
	height: 350px;
	margin:70px auto;
	background-size: 1000px;
	background-position: center;
	background-repeat: no-repeat;
	border:solid 15px #028f31;
	border-radius: 10px;
}

.banner-2 img{
	width: 100%;
}

.contact-us{
	padding: 50px 10% 150px 10%;
	text-align: center;
}

.contact-us a{
	display: inline-block;
	text-decoration: none;
	background-color: #0074b2;
	color: #ffffff;
	padding: 20px 40px;
	border-radius: 3px;
	text-shadow: 0px 0px 5px rgba(0,0,0,.6);
}

/* social */
.social{
	padding: 50px 10% 10px 10%;
	background-attachment: fixed;
	background-image: url(../images/textura.jpg);
}

.social img{
	background-color: #ffffff;
	border-radius: 50%;
	margin:auto;
	display: block;
	transform: translateY(-50%);
	margin-top:-50px;
}

.social ul{
	list-style: none;
	text-align: center;
	transform: translateY(-100px);
}

.social ul li{
	display: inline-block;
	width: 70px;
	line-height: 70px;
	background-color: rgba(0,0,0,.2);
	border-radius: 50%;
	font-size: 22px;
	margin:0px 5px;
}

.social ul li a{
	text-decoration: none;
	color: #ffffff;
	display: block;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border-radius: 50%;
	
}

.social ul li a:hover{
	background-color: #ffffff;
	color: #00aeec;
	box-shadow: 0px 3px 5px rgba(0,0,0,.2);
}

.social .phone{
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	transform: translateY(-50px);
}

/* top-banner */
.top-banner{
	padding: 40px 10%;
	background-image: url(../images/bg-home.jpg);
	background-size: cover;
	background-attachment: fixed;
	color: #ffffff;
}

.top-banner h1{
	font-weight: 300;
	text-shadow: 0px 1px 3px rgba(0,0,0,.3);
	font-size: 40px;
}

/* content */
.content{
	padding: 130px 10%;
	background-color: #ffffff;
	background-image: url(../images/bg-page.jpg);
	background-attachment: fixed;
}

.content h3{
	color: #0074b2;
}

.content p{
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 15px;
	text-align: justify;
}

.content p a{
	color: #0074b2;
	text-decoration: none;
}

.content p a:hover{
	text-decoration: underline;
}

.content > img{
	width: 80%;
	padding: 10%;
	background-color: #0074b2;
}

.content > p > img{
	width: 100%;
}

.content ul{
	color: #000;
	font-size: 18px;
	font-weight: 300;
	margin-left: 20px;
	margin-bottom: 20px;
}

/* form */
form{
	width: 50%;
	margin: auto;
	float: left;
}

form h2{
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 3px;
	margin-bottom: 20px;
}

form input[type="text"],
form textarea{
	font-family: 'Quicksand', sans-serif;
	width: 98%;
	padding: 18px 1%;
	border:solid 1px #e7e7e7;
	border-radius: 3px;
	outline: none;
	transition: all 400ms ease;
	resize: none;
}

form p:nth-child(1) input[type="text"]:focus{
	box-shadow: 0px 0px 3px #00aeec;
	border:solid 1px #00aeec;
}

form p:nth-child(2) input[type="text"]:focus{
	box-shadow: 0px 0px 3px #800000;
	border:solid 1px #800000;
}

form p:nth-child(3) input[type="text"]:focus{
	box-shadow: 0px 0px 3px #67c634;
	border:solid 1px #67c634;
}

form p:nth-child(4) input[type="text"]:focus{
	box-shadow: 0px 0px 3px #0074b2;
	border:solid 1px #0074b2;
}

form p textarea:focus{
	box-shadow: 0px 0px 3px #32871c;
	border:solid 1px #32871c;
}

form p input[type="submit"]{
	padding: 18px 40px;
	border:none;
	outline: none;
	cursor: pointer;
	background-color: #0074b2;
	border-radius: 3px;
	color: #ffffff;
	font-family: 'Quicksand', sans-serif;
	font-size: 17px;
}

.photo{
	width: 40%;
	float: right;
	margin-top:100px;
}

.photo img{
	width: 100%;
	border:solid 1px rgba(0,0,0,.1);
	margin-bottom: -4px;
}

/* footer */
footer{
	padding: 0px 10% 40px 10%;
	background-attachment: fixed;
	background-image: url(../images/textura.jpg);
	text-align: center;
	color: #ffffff;
	font-weight: 400;
}

footer a{
	color: #111111;
	text-decoration: none;
}