body 								{ margin: 0; padding: 0; font-family: 'Roboto', Arial; color: #000; width: 100vw; overflow-x: hidden; }
a									{ text-decoration: none; color: inherit; }
a:focus 							{ outline: 0; }

button								{ display: inline-block; font-family: 'Libre Baskerville', serif; font-size: 18px; border: 0; margin: 0; padding: 15px 40px; color: #FFF; background-color: #009966; cursor: pointer; }
button:active						,
button:hover						{ opacity: 0.8; }
button:focus 						{ outline: 0; }

input								, 
textarea							, 
select								, 
option								, 
optgroup							{ outline: 0; }

form textarea						,
form input							{ font-family: 'Roboto', Arial; font-size: 16px; display: block; width: 100%; margin-bottom: 20px; padding: 10px 14px; box-sizing: border-box; border: 1px solid #D6CEC9; box-shadow: inset 2px 2px 8px #D6CEC9; }
form textarea						{ height: 160px; }
form input:focus					,
form textarea:focus					{ border: 1px solid #AFA196; }

.center								{ text-align: center; }
.right								{ text-align: right; }
.top-0								{ padding-top: 0 !important; }
.margin-0							{ margin: 0 !important; }

.swiper-wrapper						{ align-items: center; }

.container 							{ position: relative; height: 100vh; display: flex; flex-direction: column; }
.container .line-full				{ position: absolute; width: 100%; height: 77px; bottom: -53px; background: transparent url('../img/layout/divisor.png') repeat-x center center; z-index: 4; }
.container .line-basic				{ position: absolute; width: 100%; height: 4px; bottom: 0; z-index: 4; }
.container .line-basic.top			{ bottom: 2px; }
.container .line-basic:after		{ position: absolute; display: block; width: 100%; height: 2px; bottom: -4px; z-index: 4; content: ''; }
.container .line-basic.white:after	,
.container .line-basic.white		{ background-color: #FFF; }
.container .line-basic.brown:after	,
.container .line-basic.brown		{ background-color: #7C654D; }
.container .line-basic.brown-light:after,
.container .line-basic.brown-light	{ background-color: #D6CEC9; }
.container h1						{ font-family: 'Libre Baskerville', serif; font-size: 26px; padding: 0; margin-top: 30px; text-align: center; }
.container h1.black					{ color: #000; }
.container h1.white					{ color: #FFF; }
.container h1.brown					{ color: #7B654C; }
.container h1:before				,
.container h1:after					{ display: inline-block; width: 7vw; height: 3vw; max-width: 81px; max-height: 36px; content: ''; background-repeat: no-repeat; background-position: center center; background-size: contain; vertical-align: middle; }
.container h1:before				{ margin-right: 19px; }
.container h1:after					{ margin-left: 19px; }
.container h1.black:before			{ background-image: url('../img/layout/title-left-black.png'); }
.container h1.black:after			{ background-image: url('../img/layout/title-right-black.png'); }
.container h1.white:before			{ background-image: url('../img/layout/title-left-white.png'); }
.container h1.white:after			{ background-image: url('../img/layout/title-right-white.png'); }
.container h1.brown:before			{ background-image: url('../img/layout/title-left-brown.png'); }
.container h1.brown:after			{ background-image: url('../img/layout/title-right-brown.png'); }
.container .title-line				{ position: relative; margin: 30px auto ; width: 10vw; height: 4px; }
.container .title-line.light  		{ background-color: #D6CEC9; }
.container .title-line.dark  		{ background-color: #7C654D; }

.box-container						,
.box-container.swiper-slide			{ display: flex; position: relative; height: calc(100vh - 222px); align-items: center; }
.box-item							{ flex: 1; padding: 40px; width: 50%; height: 100%; box-sizing: border-box; }
.box-item.scroll					{ overflow-y: auto; }

.pagination										{ text-align: center; width: 100%; height: 20px; margin: 60px 0; }
.pagination .item 								{ display: inline-block; width: 20px; height: 20px; margin: 0 5px; border-radius: 10px; box-shadow: 1px 1px 4px #000; }
.pagination.green .item							{ background-color: #3F6B77; }
.pagination.black-white .item					{ background-color: #FFF; }
.pagination .item:hover							{ opacity: 0.7; }
.pagination .item.active 						,
.pagination .item.active:hover 					{ opacity: 1; cursor: default; }
.pagination.green .item.active 					,
.pagination.green .item.active:hover 			{ background-color: #009966; }
.pagination.black-white .item.active 			,
.pagination.black-white .item.active:hover 		{ background-color: #000; }

.box-icon				{ display: flex; margin-bottom: 40px; }
.box-icon:last-child	{ margin-bottom: 0; }
.box-icon .icon			{ width: 30px; min-height: 30px; margin-right: 10px; background-repeat: no-repeat; background-position: center 5px; background-size: contain; }
.box-icon .icon.place	{ background-image: url('../img/layout/ico-place.png'); }
.box-icon .icon.phone	{ background-image: url('../img/layout/ico-phone.png'); }
.box-icon .icon.mail	{ background-image: url('../img/layout/ico-mail.png'); }
.box-icon .icon.hour	{ background-image: url('../img/layout/ico-hour.png'); }
.box-icon .text			{ flex: 1; font-size: 20px; font-weight: 100; }
.box-icon .text img		{ height: 20px; vertical-align: top; }

.menu								{ position: absolute; z-index: 5; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: transparent url('../img/layout/menu-shadow.png') no-repeat center center; }
.menu.fixed							{ position: fixed; height: 76px; top: 0; display: block; background-position: center bottom; }
.menu ul							{ list-style: none; width: 100%; min-height: 60px; background-color: #AFA196; display: flex; flex-wrap: nowrap; justify-content: center; }
.menu ul li							{ display: inline-block; font-size: 22px; font-weight: 100; }
.menu.fixed ul li					{ font-size: 18px; }
.menu.fixed ul li:last-child		{ margin-right: 20px; }
.menu ul li	a						{ position: relative; display: inline-block; padding: 0 40px; line-height: 60px; white-space: nowrap; }
.menu.fixed ul li a					{ padding: 0 20px; }
.menu ul li	a.selected				,
.menu ul li	a:hover					{ background-color: #A59586; }
.menu ul li	a.selected:after		,
.menu ul li	a:hover:after 			{ position: absolute; bottom: -16px; left: 50%; margin-left: -16px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #A59586; content: ""; }
.menu.fixed ul li:not(.logo) a.selected:after	,
.menu.fixed ul li:not(.logo) a:hover:after 		{ display: none; }
.menu ul li.logo					{ position: relative; width: 200px; margin-right: auto; margin-left: 20px; display: none; }
.menu.fixed ul li.logo				{ display: inline-block; }
.menu ul li.logo a					{ position: absolute; padding: 20px; background-color: #AFA196; line-height: normal; }
.menu ul li.logo a:after			{ position: absolute; bottom: -17px; left: 0; content: ''; width: 100%; height: 17px; background: transparent url('../img/layout/logo-shadow.png') no-repeat center top; background-size: contain; }
.menu ul li.logo a img				{ width: 100%; }
.menu ul li.logo a.selected			,
.menu ul li.logo a:hover			{ background-color: #AFA196; }
.menu ul li.logo a.selected:after 	,
.menu ul li.logo a:hover:after 		{ border: 0; margin: 0; }

.mobile-menu					{ display: none; }
.mobile-menu .hamburger-menu 	{ position: fixed; right: -100px; top: -100px; z-index: 100; width: 200px; height: 200px; background: #AFA196; border-radius: 50% 50% 50% 50%; transition: .5s ease-in-out; box-shadow: 0 0 0 0 #AFA196, 0 0 0 0 #AFA196; cursor: pointer; }
.mobile-menu .hamburger 		{ position: absolute; top: 135px; left: 50px; width: 30px; height: 2px; background: #000; display: block; -webkit-transform-origin: center; transform-origin: center; transition: .5s ease-in-out; }
.mobile-menu .hamburger:after	, 
.mobile-menu .hamburger:before 	{ transition: .5s ease-in-out; content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #000; } 
.mobile-menu .hamburger:before 	{ top: -10px; }
.mobile-menu .hamburger:after 	{ bottom: -10px; }
.mobile-menu input 												{ display: none; }
.mobile-menu input:checked + .hamburger-menu 					{ box-shadow: 0 0 0 100vw #AFA196, 0 0 0 100vh #AFA196; border-radius: 0; }
.mobile-menu input:checked + .hamburger-menu .hamburger 		{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-menu input:checked + .hamburger-menu .hamburger:after 	{ -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: 0; }
.mobile-menu input:checked + .hamburger-menu .hamburger:before 	{ -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 0; }
.mobile-menu input:checked + .hamburger-menu + ul 				{ opacity: 1; z-index: 200;  }
.mobile-menu ul 							{ z-index: 0; position: fixed; top: 50%; left: 50%; list-style: none; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; transition-delay: .5s; transition: .3s 0s ease-in-out; }
.mobile-menu a 								{ line-height: 2; padding: 0 10px; display: block; color: #000; text-decoration: none; }
.mobile-menu ul li:not(.logo) a.selected	,
.mobile-menu ul li:not(.logo) a:hover		{ background-color: #A59586; }
.mobile-menu ul li.logo 					{ margin-bottom: 40px; }
.mobile-menu ul li.logo a img 				{ max-height: 200px; max-width: 80vw; }

.banner								{ position: relative; flex: 1; background-color: #AFA196; width:100%; height:100%; overflow: hidden; }
.banner > .logo						{ position: absolute; z-index: 4; width: 100%; height: 100%; text-align: center; }
.banner > .logo img					{ margin-top: 5vh; max-width: 80vw; max-height: 37vh; }
.banner .image						{ position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; }
.banner .image.current				{ z-index: 2; }
.banner .image.next					{ z-index: 1; }
.banner .image.in					{ -webkit-animation: zoomin 3s linear 0s 1 forwards; animation: zoomin 3s linear 0s 1 forwards; }
.banner .image.out					{ -webkit-animation: zoomout 3s linear 0s 1 forwards; animation: zoomout 3s linear 0s 1 forwards; }
.banner .mask						{ position: absolute; z-index: 3; width:100%; height:100%; background: transparent url('../img/banner/banner-mask-0.png') no-repeat top center; background-size: cover; opacity: 0.9; }

.about 								{ flex: 1; box-sizing: border-box; padding: 40px; background-color: #D6CEC9; width:100%; height:100%; overflow: hidden; }
.about h1:before					{ background-image: url('../img/layout/title-left-black.png'); }
.about h1:after						{ background-image: url('../img/layout/title-right-black.png'); }
.about .image						{ position: relative; text-align: center; padding: 30px; box-sizing: border-box; }
.about .image img					{ max-width: 100%; max-height: 100%; box-shadow: 0 0 20px rgba(124, 101, 77, .6); border: 1px solid rgb(124,101,77); }
.about p 							{ margin-top: 30px; font-size: 18px; font-weight: 100; }

.products-services								{ flex: 1; box-sizing: border-box; padding: 40px; background-color: #3F6B77; width:100%; height:100%; overflow: hidden; }
.products-services .box-container.swiper-slide	{ height: calc(100vh - 314px); }
.products-services h2 							{ text-align: center; font-weight: 300; font-family: 'Roboto', Arial; font-size: 22px; color: #FFF; margin: 0 0 40px 0; }
.products-services h1:before					{ background-image: url('../img/layout/title-left-white.png'); }
.products-services h1:after						{ background-image: url('../img/layout/title-right-white.png'); }
.products-services .image						{ position: relative; display: inline-block; text-align: center; padding: 30px; box-sizing: border-box; height: 100%; }
.products-services .image img					{ box-sizing: border-box; max-width: 100%; max-height: 100%; border: 1px solid #D6CEC9; box-shadow: 0 0 20px rgba(214, 206, 201, .6); }
.products-services p 							{ color: #FFF; margin-top: 20px; font-size: 18px; font-weight: 100; }
.products-services .swiper-products-services	{ overflow: hidden; }
.products-services .arrow						{ width: 40px; height: 40px; margin-top: 15px; box-shadow: -2px 2px 0 #FFF; }
.products-services .arrow.left					{ transform: rotate(45deg); margin-left: 30px; }
.products-services .arrow.right					{ transform: rotate(225deg); }
.products-services .swiper-button-prev			{ left: 0; }
.products-services .swiper-button-next			{ right: 0; }
.products-services .swiper-button-prev			,
.products-services .swiper-button-next			{ background-image: none; width: 70px; height: 70px; margin-top: -35px; }

.testimonials								{ text-align: center; flex: 1; box-sizing: border-box; padding: 40px; background: transparent url('../img/testimonials/bg.jpg') repeat center center; width:100%; height:100%; overflow: hidden; }
.testimonials p 							{ margin: 40px; font-size: 26px; font-weight: 100; }
.testimonials p span 						{ font-family: sans-serif; font-size: 40px; font-weight: 100; }
.testimonials p.author						{ margin-top: 0; font-style: italic; font-size: 18px; }
.testimonials .swiper-testimonials			{ overflow: hidden; }
.testimonials .arrow						{ width: 40px; height: 40px; margin-top: 15px; box-shadow: -2px 2px 0 #009966; }
.testimonials .arrow.left					{ transform: rotate(45deg); margin-left: 30px; }
.testimonials .arrow.right					{ transform: rotate(225deg); }
.testimonials .swiper-button-prev			{ left: 0; }
.testimonials .swiper-button-next			{ right: 0; }
.testimonials .swiper-button-prev			,
.testimonials .swiper-button-next			{ background-image: none; width: 70px; height: 70px; margin-top: -35px; }
#newTestimonial .iziModal-header-subtitle	,
#newTestimonial .iziModal-header-title		{ font-family: 'Roboto', Arial; }
#newTestimonial .iziModal-header-title		{ font-size: 24px; font-weight: 400; }
#newTestimonial .iziModal-header-subtitle	{ font-size: 14px; }
#newTestimonial .buttons button				{ width: 50%; }
#newTestimonial .buttons button.cancel		{ background-color: #AAA; }

.contact						{ flex: 1; box-sizing: border-box; padding: 40px; background-color: #FFF; width:100%; height:100%; overflow: hidden; }
.contact form textarea			,
.contact form input				{ margin-bottom: 20px; }
.contact .box-container			{ align-items: initial; }

.map 							{ height: 50vh; position: relative; }
.map .line-full 				{ bottom: -60px; }
.footer 						{ display: flex; height: 50vh; padding: 80px 30px 30px; background-color: #D6CEC9; box-sizing: border-box; }
.footer	h3						{ font-family: 'Libre Baskerville', serif; font-size: 16px; margin-bottom: 10px; }
.footer .item					{ flex: 1; padding: 0 20px; }
.footer .item:first-child		{ padding: 0 20px 0 0; }
.footer .item:last-child		{ padding: 0 0 0 20px; }
.footer .logo					{ max-width: 100%; max-height: 100%; }
.footer .social					{ text-align: center; font-size: 16px; margin-top: 26px; }
.footer .social	div 			{ display: inline-block; width: auto; height: 80px; line-height: 80px; padding-left: 90px; background-repeat: no-repeat; background-position: left center; box-sizing: border-box; }
.footer .social	div.instagram 	{ background-image: url('../img/layout/ico-instagram.png'); margin-bottom: 20px; }
.footer .social	div.facebook 	{ background-image: url('../img/layout/ico-facebook.png'); }
.footer .social	a 				{ font-weight: 300; }
.footer .social a.selected		,
.footer .social a:hover			{ text-decoration: underline; color: #7C654D; }
.footer .box-icon				{ margin-bottom: 12px; padding-top: 5px; }
.footer .box-icon .text			{ font-size: 16px; font-weight: 300; }
.footer .box-icon .text img		{ height: 12px; }
.footer .box-icon .icon			{ background-position-y: top; }
.footer .links li 				{ display: block; }
.footer .links li a				{ position: relative; display: inline-block; line-height: 22px; font-size: 16px; font-weight: 300; }
.footer .links li a.selected	,
.footer .links li a:hover		{ text-decoration: underline; color: #7C654D; }

.copyright			 		{ height: 40px; background-color: #7C654D; text-align: center; position: relative; font-size: 14px; font-weight: 100; line-height: 40px; color: #FFF; }
.copyright .leaf-web 		{ position: absolute; top: 0; right: 30px; line-height: 40px; color: #FFF; }
.copyright .leaf-web a 		{ text-decoration: underline; }
.copyright .leaf-web a:hover{ color: #D6CEC9; }

.goto-top					{ position: fixed; display: none; bottom: 20px; right: 20px; width: 40px; height: 40px; border-radius: 20px; background-color: #7C654D; opacity: 0.8; z-index: 5; }


/*Media Query*/

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (max-width: 1280px) 
{
	.about .image .frame.corner-left 	{ top: 0; left: 0; }
	.about .image .frame.corner-right 	{ bottom: 0; right: 0; }
	.about .image .frame				{ width: 13vw; height: 13vw; max-height: 10vh; max-width: 10vh; }
}
@media (max-width: 1130px) 
{
	.menu ul li a			{ padding: 0 20px; }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (max-width: 1024px) 
{
	.container .about h1	{ margin-top: 70px; }
	.container h1			{ margin-top: 50px; }
	.box-item 				{ padding: 20px; }

	.about 					,
	.products-services		{ padding: 20px; }

	.testimonials .swiper-button-next		,
	.products-services .swiper-button-next	{ right: -15px; }
	.testimonials .swiper-button-prev		,
	.products-services .swiper-button-prev	{ left: -15px; }

	.contact form textarea	, 
	.contact form input		{ margin-bottom: 10px; }
	
	.footer .box-icon		{ margin-bottom: 1vh; }
}

@media (max-width: 990px) 
{
	.mobile-menu			{ display: block; }
	.menu ul li:not(.logo) 	{ display: none; }
	.menu ul li.logo 		{ width: 140px; }
	.menu:not(.fixed)		{ display: none; }
	.banner > .logo img		{ margin-top: 10vh; }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (max-width: 768px), (max-height:550px)
{
	.container h1 			{ margin-top: 80px; }
	.container .about h1 	{ margin-top: 100px; }

	.testimonials .swiper-button-next		,
	.products-services .swiper-button-next	{ right: 0; }
	.testimonials .swiper-button-prev		,
	.products-services .swiper-button-prev	{ left: 0; }
	.testimonials .arrow 					,
	.products-services .arrow 				{ width: 20px; height: 20px; }
	.testimonials .swiper-button-prev		, 
	.products-services .swiper-button-prev	, 
	.testimonials .swiper-button-next		,
	.products-services .swiper-button-next	{ width: 34px; height: 34px; margin-top: -17px; }
	.testimonials .arrow.left				,
	.products-services .arrow.left			{ margin-left: 14px; }

	.footer .item:first-child { padding: 0; position: absolute; bottom: 20px; right: 20px; width: 200px; }
}

@media (max-width: 720px), (max-height:550px)
{
	.container h1 			{ margin-top: 100px; font-size: 18px; }
	.container .about h1 	{ margin-top: 100px; }
	.container .title-line 	{ margin: 10px auto; }

	.box-container 	{ flex-direction: column; align-items: center; height: auto; }
	.box-item 		{ padding: 0; width: 100%; height: calc((100vh - 222px)/2); }
	.box-icon		{ margin-bottom: 10px; }
	.box-icon .text	{ font-size: 16px; }

	.about .image 		{ height: calc((100vh - 222px)/2); display: inline-block; margin: 0 auto; }
	.about p 			{ font-size: 20px; }

	.products-services .box-item 					{ height: calc((100vh - 262px)/2); }
	.products-services p 							{ font-size: 16px; }
	.products-services h2 							{ font-size: 18px; margin: 20px 0 20px 0; }
	.products-services .pagination 					{ margin: 20px 0; }
	.products-services .image						{ padding: 15px; height: calc((100vh - 282px)/2); display: inline-block; margin: 0 auto; }
	.products-services .image img					{ max-height: 100%; }
	.products-services .image .frame				{ width: 36px; height: 36px; }
	.products-services .image .frame.corner-right 	{ top: 6px; right: 6px; }
	.products-services .image .frame.corner-left	{ top: 6px; left: 6px; }
	.products-services .image .shadow				{ bottom: -30px; }
	.products-services .arrow.right					{ margin-left: 4px; }
	.products-services .arrow.left					{ margin-left: 10px; }

	.testimonials p 		{ font-size: 18px; margin: 10px; }
	.testimonials p.author 	{ font-size: 16px; }

	.contact 						{ padding: 20px; }
	.contact .box-item 				{ padding: 0; height: auto; }
	.contact .box-item:first-child 	{ height: 210px; }
	
	.copyright				{ height: auto; }
	.copyright .leaf-web	{ position: relative; }
}

@media (max-height: 800px) and (max-width: 990px), (max-width: 990px)
{
	#footer						{ position: relative; height: auto; display: block;  }
	.footer						{ padding-top: 65px; height: 426px; } /*266px sem logo*/
	.footer h3					{ font-size: 14px; }
	.footer .social				{ margin-top: 24px; font-size: 12px; }
	.footer .social div 		{ height: 50px; line-height: 50px; padding-left: 60px; background-size: contain; }
	.footer .box-icon			{ margin-bottom: 4px; }
	.footer .box-icon .text		{ font-size: 12px; }
	.footer .links li a			{ font-size: 12px; }
	.footer .item:first-child	{ width: auto; height: 120px; left: 0; right: 0; text-align: center; }
}

@media (max-width: 640px), (max-height:550px)
{
	.footer							{ height: 480px; padding: 65px 10px 10px; }
	.footer .social					{ margin-top: 0; }
	.footer .social div.instagram	{ margin-bottom: 0; }
	.footer .item:nth-child(2) 		{ position: absolute; bottom: 160px; left: 0; right: 0; }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (max-width: 480px), (max-height:550px)
{
	button					{ font-size: 14px; padding: 10px 20px; }

	form textarea			, 
	form input 				{ margin-bottom: 10px; }
	form textarea			{ height: 100px; }

	.container h1 			{ margin-top: 100px; font-size: 16px; }
	.box-item				{ height: calc((100vh - 177px)/2); }
	.box-icon .text			{ font-size: 12px; font-weight: 300; }
	.box-icon .icon 		{ width: 15px; min-height: 15px; }

	.pagination 			{ height: 17px; margin: 10px 0; }
	.pagination .item		{ width: 10px; height: 10px; }

	.about p 				{ font-size: 14px; font-weight: 300; margin-top: 0; }
	.about .image 			{ padding: 15px; }

	.products-services .box-item 	,
	.products-services .image		{ height: calc((100vh - 202px)/2); }
	.products-services p 			,
	.products-services h2 			{ font-weight: 300; }
	.products-services h2 			{ font-size: 14px; margin: 0; }
	.products-services p			{ font-size: 12px; margin-top: 10px; }
	.products-services .pagination	{ margin: 0 0 10px 0; }

	.contact 						{ padding: 20px; }
	.contact .box-item:first-child 	{ height: 160px; }

	.testimonials 			{ padding: 10px; }
	.testimonials p 		{ font-size: 5vw; margin: 10px; }
	.testimonials p.author 	{ font-size: 3.5vw; }

	.footer					{ height: 460px; }
}

@media (max-width: 390px)
{
	.footer 						{ display: block; height: auto; }
	.footer .item 					{ position: relative !important; display: block; padding: 10px 0 !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; padding: 10px 0; }
	.footer .item:last-child		{ text-align: center; }
	.footer .item:nth-child(3)		{ text-align: center; }
	.footer .box-icon .icon			{ display: none; }
	.footer .social div 			{ height: 30px; line-height: 30px; padding-left: 40px; background-size: contain; }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (max-width: 320px), (max-height:550px)
{
	.box-icon { margin-bottom: 4px; }

	.about .image 	{ padding: 10px; }

	.contact .box-item:first-child	{ height: 134px; }
	.contact form textarea			, 
	.contact form input				{ font-size: 12px; padding: 4px 8px; }
	.contact form textarea			{ height: 100px; }
}

/*Keyframes*/

/* 
	Banner Animations
	ZoomIn, ZoomOut, FadeIn e FadeOut
*/
@-webkit-keyframes zoomin {
	from {
		-webkit-transform: scale(1, 1);
		opacity: 0;
	}
	to {
		-webkit-transform: scale(1.2, 1.2);
		opacity: 1;
	}
}

 @-webkit-keyframes zoomout {
	from {
		-webkit-transform: scale(1.2, 1.2);
		opacity: 0;
	}
	to {
		-webkit-transform: scale(1, 1);
		opacity: 1;
	}
}

@keyframes zoomin {
	from {
		transform: scale(1, 1);
		opacity: 0;
	}
	to {
		transform: scale(1.2, 1.2);
		opacity: 1;
	}
}

@keyframes zoomout {
	from {
		transform: scale(1.2, 1.2);
		opacity: 0;
	}
	to {
		transform: scale(1, 1);
		opacity: 1;
	}
}