@charset "utf-8";

/* ********************************************************************* */
/* CSS FONTS ----------------------------------------------------------- */
/* ********************************************************************* */
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


/* ********************************************************************* */
/* CSS HTML BODY ------------------------------------------------------- */
/* ********************************************************************* */
html,body { background:#1f1f1f; }

/* ********************************************************************* */
/* CSS FORMAT ---------------------------------------------------------- */
/* ********************************************************************* */
*{ margin:0; padding:0; }

/* ********************************************************************* */
/* CSS CENTER ---------------------------------------------------------- */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
.pageWrapper { width:80%; margin:0 auto; } 
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.pageWrapper { width:80%; margin:0 auto; } 		
}
@media screen and (min-width:601px) and (max-width:1023px) {
.pageWrapper { width:80%; margin:0 auto; } 		
}
@media screen and (max-width:600px) {
.pageWrapper { width:80%; margin:0 auto; } 	
}

/* ********************************************************************* */
/* CSS EFFECTS --------------------------------------------------------- */
/* ********************************************************************* */
.transitionEffects { -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; }
.transitionLink { -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; }

/* ********************************************************************* */
/* CSS HEADER ---------------------------------------------------------- */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
header.large { width:100%; height:200px; position:fixed; left:0%; top:0%; z-index:80; }
header.large img { height:120px; float:left; margin:40px 0px 40px 0px; }
header.large nav { height:200px; float:right; display:inline-block; }
header.large nav ul { height:200px; float:left; display:inline-block; }
header.large nav ul li { height:200px; float:left; display:inline-block; font-family:'Barlow Condensed', sans-serif; font-weight:400; font-size:1.125em; color:#ffffff; line-height:200px; }
header.large nav ul li a { color:#ffffff; text-decoration:none; }
header.large nav ul li a:hover   { color:#f47e38; text-decoration:none; }
header.large nav ul li a.active { color:#f47e38; text-decoration:none; }
header.large .iconNavMobile { width:40px; height:40px; float:right; display:none; position:relative; margin:30px 0px 30px 0px; text-align:center; cursor:pointer; }
header.large .iconNavMobile i { display:inline-block; color:#ffffff; line-height:40px; }

header.small { width:100%; height:100px; position:fixed; left:0%; top:0%; z-index:80; background:url(../img/bgNav.png)repeat-x left top; }
header.small img { height:80px; float:left; margin:10px 0px 10px 0px; }
header.small nav { height:100px; float:right; display:inline-block; }
header.small nav ul { height:100px; float:left; display:inline-block; }
header.small nav ul li { height:100px; float:left; display:inline-block; font-family:'Barlow Condensed', sans-serif; font-weight:400; font-size:1.125em; color:#ffffff; line-height:100px; }
header.small nav ul li a { color:#ffffff; text-decoration:none; }
header.small nav ul li a:hover   { color:#f47e38; text-decoration:none; }
header.small nav ul li a.active { color:#f47e38; text-decoration:none; } 
header.small .iconNavMobile { width:40px; height:40px; float:right; display:none; position:relative; margin:30px 0px 30px 0px; text-align:center; cursor:pointer; }
header.small .iconNavMobile i { display:inline-block; color:#ffffff; line-height:40px; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
header.large { width:100%; height:200px; position:fixed; left:0%; top:0%; z-index:80; }
header.large img { height:120px; float:left; margin:40px 0px 40px 0px; }
header.large nav { height:200px; float:right; display:inline-block; }
header.large nav ul { height:200px; float:left; display:inline-block; }
header.large nav ul li { height:200px; float:left; display:inline-block; font-family:'Barlow Condensed', sans-serif; font-weight:400; font-size:1.125em; color:#ffffff; line-height:200px; }
header.large nav ul li a { color:#ffffff; text-decoration:none; }
header.large nav ul li a:hover   { color:#f47e38; text-decoration:none; }
header.large nav ul li a.active { color:#f47e38; text-decoration:none; }
header.large .iconNavMobile { width:40px; height:40px; float:right; display:none; position:relative; margin:30px 0px 30px 0px; text-align:center; cursor:pointer; }
header.large .iconNavMobile i { display:inline-block; color:#ffffff; line-height:40px; }

header.small { width:100%; height:100px; position:fixed; left:0%; top:0%; z-index:80; background:url(../img/bgNav.png)repeat-x left top; }
header.small img { height:80px; float:left; margin:10px 0px 10px 0px; }
header.small nav { height:100px; float:right; display:inline-block; }
header.small nav ul { height:100px; float:left; display:inline-block; }
header.small nav ul li { height:100px; float:left; display:inline-block; font-family:'Barlow Condensed', sans-serif; font-weight:400; font-size:1.125em; color:#ffffff; line-height:100px; }
header.small nav ul li a { color:#ffffff; text-decoration:none; }
header.small nav ul li a:hover   { color:#f47e38; text-decoration:none; }
header.small nav ul li a.active { color:#f47e38; text-decoration:none; }		
header.small .iconNavMobile { width:40px; height:40px; float:right; display:none; position:relative; margin:30px 0px 30px 0px; text-align:center; cursor:pointer; }
header.small .iconNavMobile i { display:inline-block; color:#ffffff; line-height:40px; }
}
@media screen and (min-width:601px) and (max-width:1023px) {
header.large { width:100%; height:140px; position:fixed; left:0%; top:0%; z-index:80; }
header.large img { height:100px; float:left; margin:20px 0px 20px 0px; }
header.large nav { height:200px; float:right; display:none; }
header.large nav ul { height:200px; float:left; display:inline-block; }
header.large nav ul li { height:200px; float:left; display:inline-block; font-family:'Barlow Condensed', sans-serif; font-weight:400; font-size:1.125em; color:#ffffff; line-height:200px; }
header.large nav ul li a { color:#ffffff; text-decoration:none; }
header.large nav ul li a:hover   { color:#f47e38; text-decoration:none; }
header.large nav ul li a.active { color:#f47e38; text-decoration:none; }
header.large .iconNavMobile { width:40px; height:40px; float:right; display:block; position:relative; margin:30px 0px 30px 0px; text-align:center; cursor:pointer; }
header.large .iconNavMobile i { display:inline-block; color:#ffffff; line-height:40px; }

header.small { width:100%; height:140px; position:fixed; left:0%; top:0%; z-index:80; background:url(../img/bgNav.png)repeat-x left top; }
header.small img { height:100px; float:left; margin:20px 0px 20px 0px; }
header.small nav { height:100px; float:right; display:none; }
header.small nav ul { height:100px; float:left; display:inline-block; }
header.small nav ul li { height:100px; float:left; display:inline-block; font-family:'Barlow Condensed', sans-serif; font-weight:400; font-size:1.125em; color:#ffffff; line-height:100px; }
header.small nav ul li a { color:#ffffff; text-decoration:none; }
header.small nav ul li a:hover   { color:#f47e38; text-decoration:none; }
header.small nav ul li a.active { color:#f47e38; text-decoration:none; }	
header.small .iconNavMobile { width:40px; height:40px; float:right; display:block; position:relative; margin:30px 0px 30px 0px; text-align:center; cursor:pointer; }
header.small .iconNavMobile i { display:inline-block; color:#ffffff; line-height:40px; }
}
@media screen and (max-width:600px) {
header.large { width:100%; height:140px; position:fixed; left:0%; top:0%; z-index:80; }
header.large img { height:100px; float:left; margin:20px 0px 20px 0px; }
header.large nav { height:200px; float:right; display:none; }
header.large nav ul { height:200px; float:left; display:inline-block; }
header.large nav ul li { height:200px; float:left; display:inline-block; font-family:'Barlow Condensed', sans-serif; font-weight:400; font-size:1.125em; color:#ffffff; line-height:200px; }
header.large nav ul li a { color:#ffffff; text-decoration:none; }
header.large nav ul li a:hover   { color:#f47e38; text-decoration:none; }
header.large nav ul li a.active { color:#f47e38; text-decoration:none; }
header.large .iconNavMobile { width:40px; height:40px; float:right; display:block; position:relative; margin:50px 0px 50px 0px; text-align:center; cursor:pointer; }
header.large .iconNavMobile i { display:inline-block; color:#ffffff; line-height:40px; }

header.small { width:100%; height:140px; position:fixed; left:0%; top:0%; z-index:80; background:url(../img/bgNav.png)repeat-x left top; }
header.small img { height:100px; float:left; margin:20px 0px 20px 0px; }
header.small nav { height:100px; float:right; display:none; }
header.small nav ul { height:100px; float:left; display:inline-block; }
header.small nav ul li { height:100px; float:left; display:inline-block; font-family:'Barlow Condensed', sans-serif; font-weight:400; font-size:1.125em; color:#ffffff; line-height:100px; }
header.small nav ul li a { color:#ffffff; text-decoration:none; }
header.small nav ul li a:hover   { color:#f47e38; text-decoration:none; }
header.small nav ul li a.active { color:#f47e38; text-decoration:none; } 	
header.small .iconNavMobile { width:40px; height:40px; float:right; display:block; position:relative; margin:50px 0px 50px 0px; text-align:center; cursor:pointer; }
header.small .iconNavMobile i { display:inline-block; color:#ffffff; line-height:40px; } 		
}

/* ********************************************************************* */
/* CSS FOOTER ---------------------------------------------------------- */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
footer { width:100%; height:80px; position:absolute; left:0%; bottom:0%; z-index:74; }
footer ul.socialMedia { height:80px; float:left; display:inline-block; margin-top:4px; list-style:none; }
footer ul.socialMedia li { width:28px; height:28px; float:left; margin-right:8px; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
footer ul.socialMedia li a { width:28px; height:28px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#1f1f1f; outline:none; text-decoration:none; }
footer ul.socialMedia li a:hover { width:28px; height:28px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#f47e38; outline:none; text-decoration:none; }
footer ul.whatsapp { height:80px; float:right; display:inline-block; list-style:none; }
footer ul.whatsapp li { width:38px; height:38px; float:left; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
footer ul.whatsapp li a { width:38px; height:38px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#f47e38; outline:none; text-decoration:none; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
footer { width:100%; height:80px; position:absolute; left:0%; bottom:0%; z-index:74; }
footer ul.socialMedia { height:80px; float:left; display:inline-block; margin-top:4px; list-style:none; }
footer ul.socialMedia li { width:28px; height:28px; float:left; margin-right:8px; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
footer ul.socialMedia li a { width:28px; height:28px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#1f1f1f; outline:none; text-decoration:none; }
footer ul.socialMedia li a:hover { width:28px; height:28px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#f47e38; outline:none; text-decoration:none; }
footer ul.whatsapp { height:80px; float:right; display:inline-block; list-style:none; }
footer ul.whatsapp li { width:38px; height:38px; float:left; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
footer ul.whatsapp li a { width:38px; height:38px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#f47e38; outline:none; text-decoration:none; }
}
@media screen and (min-width:601px) and (max-width:1023px) {
footer { width:100%; height:80px; position:absolute; left:0%; bottom:0%; z-index:74; }
footer ul.socialMedia { height:80px; float:left; display:inline-block; margin-top:4px; list-style:none; }
footer ul.socialMedia li { width:28px; height:28px; float:left; margin-right:8px; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
footer ul.socialMedia li a { width:28px; height:28px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#1f1f1f; outline:none; text-decoration:none; }
footer ul.socialMedia li a:hover { width:28px; height:28px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#f47e38; outline:none; text-decoration:none; }
footer ul.whatsapp { height:80px; float:right; display:inline-block; list-style:none; }
footer ul.whatsapp li { width:38px; height:38px; float:left; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
footer ul.whatsapp li a { width:38px; height:38px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#f47e38; outline:none; text-decoration:none; }
}
@media screen and (max-width:600px) {
footer { width:100%; height:80px; position:absolute; left:0%; bottom:0%; z-index:74; }
footer ul.socialMedia { height:80px; float:left; display:inline-block; margin-top:4px; list-style:none; }
footer ul.socialMedia li { width:28px; height:28px; float:left; margin-right:8px; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
footer ul.socialMedia li a { width:28px; height:28px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#1f1f1f; outline:none; text-decoration:none; }
footer ul.socialMedia li a:hover { width:28px; height:28px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#f47e38; outline:none; text-decoration:none; }
footer ul.whatsapp { height:80px; float:right; display:inline-block; list-style:none; }
footer ul.whatsapp li { width:38px; height:38px; float:left; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
footer ul.whatsapp li a { width:38px; height:38px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#f47e38; outline:none; text-decoration:none; }
}



/* ********************************************************************* */
/* CSS DOTS ------------------------------------------------------------ */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#dots { width:20px; height:80px; position:fixed; right:2%; top:50%; margin-top:-40px; z-index:80; }
#dots ul { width:20px; height:80px; float:left; list-style:none; }
#dots ul li { width:20px; height:20px; float:left; }
#dots ul li a             { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#ffffff; text-decoration:none; }
#dots ul li a:hover   { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#f47e38; text-decoration:none; }
#dots ul li a.active { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#f47e38; text-decoration:none; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#dots { width:20px; height:80px; position:fixed; right:2%; top:50%; margin-top:-40px; z-index:80; }
#dots ul { width:20px; height:80px; float:left; list-style:none; }
#dots ul li { width:20px; height:20px; float:left; }
#dots ul li a             { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#ffffff; text-decoration:none; }
#dots ul li a:hover   { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#f47e38; text-decoration:none; }
#dots ul li a.active { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#f47e38; text-decoration:none; }
}
@media screen and (min-width:601px) and (max-width:1023px) {
#dots { width:20px; height:80px; display:none; position:fixed; right:2%; top:50%; margin-top:-40px; z-index:80; }
#dots ul { width:20px; height:80px; float:left; list-style:none; }
#dots ul li { width:20px; height:20px; float:left; }
#dots ul li a             { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#ffffff; text-decoration:none; }
#dots ul li a:hover   { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#f47e38; text-decoration:none; }
#dots ul li a.active { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#f47e38; text-decoration:none; }
}
@media screen and (max-width:600px) {
#dots { width:20px; height:80px; display:none; position:fixed; right:2%; top:50%; margin-top:-40px; z-index:80; }
#dots ul { width:20px; height:80px; float:left; list-style:none; }
#dots ul li { width:20px; height:20px; float:left; }
#dots ul li a             { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#ffffff; text-decoration:none; }
#dots ul li a:hover   { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#f47e38; text-decoration:none; }
#dots ul li a.active { width:12px; height:12px; float:left; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:4px; background:#f47e38; text-decoration:none; }
}


/* ********************************************************************* */
/* CSS NAV MOBILE ------------------------------------------------------ */
/* ********************************************************************* */
.navMobile { width:100%; height:100%; display:none; position:fixed; left:0%; top:0%; background:#1f1f1f; z-index:60; }
.navMobile ul { width:100%; float:left; margin-top:140px; list-style:none; }
.navMobile ul li { width:100%; float:left; display:inline-block; font-family:'Barlow Condensed', sans-serif; font-weight:400; font-size:1.500em; line-height:38px; }
.navMobile ul li a { color:#ffffff; text-decoration:none; }
.navMobile ul li a:hover   { color:#f47e38; text-decoration:none; }
.navMobile ul li a.active { color:#f47e38; text-decoration:none; }

/* ********************************************************************* */
/* CSS PARALLAX -------------------------------------------------------- */
/* ********************************************************************* */
.parallax { width:100%; float:left; position:relative; }
.parallax img { width:100%; float:left; }

/* ********************************************************************* */
/* CSS PAGE ------------------------------------------------------------ */
/* ********************************************************************* */
.page { width:100%; float:left; position:relative; color:#ffffff; }

/* ********************************************************************* */
/* CSS HOME ------------------------------------------------------------ */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
.home { background:url(../img/bgHome.jpg)no-repeat center bottom; background-size:100%; }
.home .particle { width:100%; float:left; position:absolute; left:0%; top:0%; }
.home .particle .listHome { width:60%; float:left; position:absolute; left:20%; top:50%; -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index:14; }
.home .particle .listHome h1 { font-family:'Rajdhani', sans-serif; font-weight:700; color:#ffffff; font-size:4.000em; }
.home .particle .listHome p   { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.750em; color:#ffffff; line-height:120%; }
.home .particle .listHome p span { color:#f47e38; } 
.home .particle .listHome .scroll { width:48px; height:48px; position:relative; display:inline-block; border:1px dashed #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:28px 0px 0px 0px; }
.home .particle .listHome .scroll .scroller { width:12px; height:24px; border:1px solid #ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:absolute; left:17px; top:11px; }
.home .particle .listHome .scroll .scroller .scrollerLine { width:2px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:absolute; left:5px; top:4px; background:#ffffff; }

}
@media screen and (min-width:1024px) and (max-width:1365px) {
.home { background:url(../img/bgHome.jpg)no-repeat center bottom; background-size:100%; }
.home .particle { width:100%; float:left; position:absolute; left:0%; top:0%; }
.home .particle .listHome { width:60%; float:left; position:absolute; left:20%; top:50%; -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index:14; }
.home .particle .listHome h1 { font-family:'Rajdhani', sans-serif; font-weight:700; color:#ffffff; font-size:4.000em; }
.home .particle .listHome p   { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.750em; color:#ffffff; line-height:120%; }
.home .particle .listHome p span { color:#f47e38; } 	
.home .particle .listHome .scroll { width:48px; height:48px; position:relative; display:inline-block; border:1px dashed #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:28px 0px 0px 0px; }
.home .particle .listHome .scroll .scroller { width:12px; height:24px; border:1px solid #ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:absolute; left:17px; top:11px; }
.home .particle .listHome .scroll .scroller .scrollerLine { width:2px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:absolute; left:5px; top:4px; background:#ffffff; }
}
@media screen and (min-width:601px) and (max-width:1023px) {
.home { background:url(../img/bgHome.jpg)no-repeat center bottom; background-size:auto 100%; }
.home .particle { width:100%; float:left; position:absolute; left:0%; top:0%; }
.home .particle .listHome { width:60%; float:left; position:absolute; left:20%; top:50%; -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index:14; }
.home .particle .listHome h1 { font-family:'Rajdhani', sans-serif; font-weight:700; color:#ffffff; font-size:3.000em; }
.home .particle .listHome p   { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.250em; color:#ffffff; line-height:120%; }
.home .particle .listHome p span { color:#f47e38; } 
.home .particle .listHome .scroll { width:48px; height:48px; position:relative; display:inline-block; border:1px dashed #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:28px 0px 0px 0px; }
.home .particle .listHome .scroll .scroller { width:12px; height:24px; border:1px solid #ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:absolute; left:17px; top:11px; }
.home .particle .listHome .scroll .scroller .scrollerLine { width:2px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:absolute; left:5px; top:4px; background:#ffffff; }
}
@media screen and (max-width:600px) {
.home { background:url(../img/bgHome.jpg)no-repeat center bottom; background-size:auto 100%; }
.home .particle { width:100%; float:left; position:absolute; left:0%; top:0%; }
.home .particle .listHome { width:80%; float:left; position:absolute; left:10%; top:50%; -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index:14; }
.home .particle .listHome h1 { font-family:'Rajdhani', sans-serif; font-weight:700; color:#ffffff; font-size:2.500em; }
.home .particle .listHome p   { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.250em; color:#ffffff; line-height:120%; }
.home .particle .listHome p span { color:#f47e38; }  
.home .particle .listHome .scroll { width:48px; height:48px; position:relative; display:inline-block; border:1px dashed #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:28px 0px 0px 0px; }
.home .particle .listHome .scroll .scroller { width:12px; height:24px; border:1px solid #ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:absolute; left:17px; top:11px; }
.home .particle .listHome .scroll .scroller .scrollerLine { width:2px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:absolute; left:5px; top:4px; background:#ffffff; }
}


/* ********************************************************************* */
/* CSS ABOUT ----------------------------------------------------------- */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
.about { padding:0% 0% 4% 0%; background:url(../img/bgAbout.jpg)no-repeat center bottom; background-size:100%; }
.about h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:3.000em; color:#ffffff; text-align:left; line-height:120%; margin-top:120px; margin-bottom:20px; }
.about p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:justify; line-height:120%; margin-bottom:16px; }
.about .listGallery { width:100%; float:left; margin-top:20px; margin-bottom:40px; }
.about .listGallery > div { width:100%; float:left; }
.about .listGallery > div span { float:left; display:block; margin:8px; }
.about .listGallery > div span a { width:100%; height:100%; float:left; position:relative; display:block; outline:none; text-decoration:none; }
.about .listGallery > div span  img { width:100%; float:left; }
.about .listAbout { width:100%; float:left; margin-top:20px; }
.about .listAbout > div { width:30%; float:left; margin-right:-100%; }
.about .listAbout > div .iconAbout { width:48px; height:48px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.about .listAbout > div .iconAbout i { display:inline-block; line-height:48px; }
.about .listAbout > div h2 { display:inline-block; font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.500em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:52px; }
.about .listAbout > div ul { width:100%; float:left; list-style:none; }
.about .listAbout > div ul li { width:100%; float:left; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:justify; line-height:120%; }
.about .listAbout > div:nth-child(3n+1) { margin-left:0%;  clear:both; }
.about .listAbout > div:nth-child(3n+2) { margin-left:35%; clear:none; }
.about .listAbout > div:nth-child(3n+3) { margin-left:70%; clear:none; } 
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.about { padding:0% 0% 4% 0%; background:url(../img/bgAbout.jpg)no-repeat center bottom; background-size:100%; }
.about h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:3.000em; color:#ffffff; text-align:left; line-height:120%; margin-top:120px; margin-bottom:20px; }
.about p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:justify; line-height:120%; margin-bottom:16px; }
.about .listGallery { width:100%; float:left; margin-top:20px; margin-bottom:40px; }
.about .listGallery > div { width:100%; float:left; }
.about .listGallery > div span { float:left; display:block; margin:8px; }
.about .listGallery > div span a { width:100%; height:100%; float:left; position:relative; display:block; outline:none; text-decoration:none; }
.about .listGallery > div span  img { width:100%; float:left; }
.about .listAbout { width:100%; float:left; margin-top:20px; }
.about .listAbout > div { width:30%; float:left; margin-right:-100%; }
.about .listAbout > div .iconAbout { width:48px; height:48px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.about .listAbout > div .iconAbout i { display:inline-block; line-height:48px; }
.about .listAbout > div h2 { display:inline-block; font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.500em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:52px; }
.about .listAbout > div ul { width:100%; float:left; list-style:none; }
.about .listAbout > div ul li { width:100%; float:left; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:justify; line-height:120%; }
.about .listAbout > div:nth-child(3n+1) { margin-left:0%;  clear:both; }
.about .listAbout > div:nth-child(3n+2) { margin-left:35%; clear:none; }
.about .listAbout > div:nth-child(3n+3) { margin-left:70%; clear:none; }  		
}
@media screen and (min-width:601px) and (max-width:1023px) {
.about { padding:0% 0% 8% 0%; background:url(../img/bgAbout.jpg)no-repeat center bottom; background-size:auto 100%; }
.about h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:3.000em; color:#ffffff; text-align:left; line-height:120%; margin-top:140px; margin-bottom:20px; }
.about p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; text-align:justify; line-height:120%; margin-bottom:16px; }
.about .listGallery { width:100%; float:left; margin-top:20px; margin-bottom:40px; }
.about .listGallery > div { width:100%; float:left; }
.about .listGallery > div span { float:left; display:block; margin:8px; }
.about .listGallery > div span a { width:100%; height:100%; float:left; position:relative; display:block; outline:none; text-decoration:none; }
.about .listGallery > div span  img { width:100%; float:left; }
.about .listAbout { width:100%; float:left; margin-top:20px; }
.about .listAbout > div { width:100%; float:left; padding:0px 0px 20px 0px; margin-right:-100%; }
.about .listAbout > div .iconAbout { width:38px; height:38px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.about .listAbout > div .iconAbout i { display:inline-block; line-height:38px; }
.about .listAbout > div h2 { display:inline-block; font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.125em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:42px; }
.about .listAbout > div ul { width:100%; float:left; list-style:none; }
.about .listAbout > div ul li { width:100%; float:left; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; text-align:justify; line-height:120%; }
.about .listAbout > div:nth-child(1n+1) { margin-left:0%;  clear:both; }	
}
@media screen and (max-width:600px) {
.about { padding:0% 0% 8% 0%; background:url(../img/bgAbout.jpg)no-repeat center bottom; background-size:auto 100%; }
.about h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.750em; color:#ffffff; text-align:left; line-height:120%; margin-top:140px; margin-bottom:20px; }
.about p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; text-align:justify; line-height:120%; margin-bottom:16px; }
.about .listGallery { width:100%; float:left; margin-top:20px; margin-bottom:40px; }
.about .listGallery > div { width:100%; float:left; }
.about .listGallery > div span { float:left; display:block; margin:8px; }
.about .listGallery > div span a { width:100%; height:100%; float:left; position:relative; display:block; outline:none; text-decoration:none; }
.about .listGallery > div span  img { width:100%; float:left; }
.about .listAbout { width:100%; float:left; margin-top:20px; }
.about .listAbout > div { width:100%; float:left;  padding:0px 0px 20px 0px; margin-right:-100%; }
.about .listAbout > div .iconAbout { width:38px; height:38px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.about .listAbout > div .iconAbout i { display:inline-block; line-height:38px; }
.about .listAbout > div h2 { display:inline-block; font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.125em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:42px; }
.about .listAbout > div ul { width:100%; float:left; list-style:none; }
.about .listAbout > div ul li { width:100%; float:left; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; text-align:justify; line-height:120%; }
.about .listAbout > div:nth-child(1n+1) { margin-left:0%;  clear:both; }	 	
}


/* ********************************************************************* */
/* CSS SERVICE --------------------------------------------------------- */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
.service { background:url(../img/bgService.jpg)no-repeat center top; background-size:100%; }
.service h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:3.000em; color:#ffffff; text-align:left; line-height:120%; margin-top:120px; margin-bottom:20px; }
.service .listService { width:100%; float:left; margin-top:20px; }
.service .listService > div { width:48%; float:left; margin-bottom:4%; margin-right:-100%; }
.service .listService > div .iconService { width:48px; height:48px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.service .listService > div .iconService i { display:inline-block; line-height:48px; }
.service .listService > div h2 { display:inline-block; font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.500em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:52px; }
.service .listService > div p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:justify; line-height:120%; margin-bottom:16px; }
.service .listService > div:nth-child(2n+1) { margin-left:0%;  clear:both; }
.service .listService > div:nth-child(2n+2) { margin-left:52%; clear:none; } 
.service .serviceContact { width:100%; float:left; text-align:center; margin-top:4%; }
.service .serviceContact a { width:200px; height:40px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#1f1f1f; text-align:center; line-height:40px; text-decoration:none; }
.service .serviceContact a:hover { width:200px; height:40px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#f47e38; text-align:center; line-height:40px; text-decoration:none; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.service { background:url(../img/bgService.jpg)no-repeat center top; background-size:100%; }
.service h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:3.000em; color:#ffffff; text-align:left; line-height:120%; margin-top:120px; margin-bottom:20px; }
.service .listService { width:100%; float:left; margin-top:20px; }
.service .listService > div { width:48%; float:left; margin-bottom:4%; margin-right:-100%; }
.service .listService > div .iconService { width:48px; height:48px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.service .listService > div .iconService i { display:inline-block; line-height:48px; }
.service .listService > div h2 { display:inline-block; font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.500em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:52px; }
.service .listService > div p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:justify; line-height:120%; margin-bottom:16px; }
.service .listService > div:nth-child(2n+1) { margin-left:0%;  clear:both; }
.service .listService > div:nth-child(2n+2) { margin-left:52%; clear:none; }	
.service .serviceContact { width:100%; float:left; text-align:center; margin-top:4%; }
.service .serviceContact a { width:200px; height:40px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#1f1f1f; text-align:center; line-height:40px; text-decoration:none; }
.service .serviceContact a:hover { width:200px; height:40px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#f47e38; text-align:center; line-height:40px; text-decoration:none; }
}
@media screen and (min-width:601px) and (max-width:1023px) {
.service { background:url(../img/bgService.jpg)no-repeat center top; background-size:100%; }
.service h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:3.000em; color:#ffffff; text-align:left; line-height:120%; margin-top:140px; margin-bottom:20px; }
.service .listService { width:100%; float:left; margin-top:20px; }
.service .listService > div { width:48%; float:left; margin-bottom:4%; margin-right:-100%; }
.service .listService > div .iconService { width:38px; height:38px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.service .listService > div .iconService i { display:inline-block; line-height:38px; }
.service .listService > div h2 { display:inline-block; font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.125em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:42px; }
.service .listService > div p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; text-align:justify; line-height:120%; margin-bottom:16px; }
.service .listService > div:nth-child(2n+1) { margin-left:0%;  clear:both; }
.service .listService > div:nth-child(2n+2) { margin-left:52%; clear:none; }		
.service .serviceContact { width:100%; float:left; text-align:center; margin-top:4%; }
.service .serviceContact a { width:200px; height:40px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#1f1f1f; text-align:center; line-height:40px; text-decoration:none; }
.service .serviceContact a:hover { width:200px; height:40px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#f47e38; text-align:center; line-height:40px; text-decoration:none; }
}
@media screen and (max-width:600px) {
.service { background:url(../img/bgService.jpg)no-repeat center top; background-size:100%; }
.service h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.750em; color:#ffffff; text-align:left; line-height:120%; margin-top:140px; margin-bottom:20px; }
.service .listService { width:100%; float:left; margin-top:20px; }
.service .listService > div { width:100%; float:left; margin-bottom:4%; margin-right:-100%; }
.service .listService > div .iconService { width:38px; height:38px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.service .listService > div .iconService i { display:inline-block; line-height:38px; }
.service .listService > div h2 { display:inline-block; font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.125em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:42px; }
.service .listService > div p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; text-align:justify; line-height:120%; margin-bottom:16px; }
.service .listService > div:nth-child(1n+1) { margin-left:0%;  clear:both; }
.service .serviceContact { width:100%; float:left; text-align:center; margin-top:4%; }
.service .serviceContact a { width:200px; height:40px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#1f1f1f; text-align:center; line-height:40px; text-decoration:none; }
.service .serviceContact a:hover { width:200px; height:40px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#f47e38; text-align:center; line-height:40px; text-decoration:none; }
}


/* ********************************************************************* */
/* CSS CONTACT --------------------------------------------------------- */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
.contact { padding:0% 0% 8% 0%; background:url(../img/bgContact.jpg)no-repeat center bottom; background-size:100%; }
.contact h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:3.000em; color:#ffffff; text-align:left; line-height:120%; margin-top:120px; margin-bottom:20px; }
.contact p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:justify; line-height:120%; max-width:60%; }
.contact .listContact { width:100%; float:left; margin-top:20px; }
.contact .listContact > div { float:left; margin-right:-100%; }
.contact .listContact > div form { width:100%; float:left; }
.contact .listContact > div form label { width:100%; float:left; display:block; margin-bottom:2%; }
.contact .listContact > div form label span { width:100%; float:left; display:block; margin-bottom:0.8%; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:left; }
.contact .listContact > div form label input[type="text"]   { width:96%;  float:left; padding:4% 2% 4% 2%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; background:#282828; }
.contact .listContact > div form label textarea                     { width:96%;  float:left; padding:4% 2% 8% 2%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; background:#282828; resize:none; }
.contact .listContact > div form label input[type="submit"]{ width:100%; float:left; padding:4% 0% 4% 0%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#f47e38; }
.contact .listContact > div h2 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.500em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:100%; }
.contact .listContact > div ul { width:100%; float:left; list-style:none; }
.contact .listContact > div ul li { width:100%; float:left; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:left; line-height:52px; }
.contact .listContact > div ul li a { color:#ffffff; text-decoration:none; }
.contact .listContact > div ul li a:hover { color:#f47e38; text-decoration:none; }
.contact .listContact > div ul li .iconContact { width:48px; height:48px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.contact .listContact > div ul li .iconContact i { display:inline-block; line-height:48px; }
.contact .listContact > div:nth-child(2n+1) { width:60%; margin-left:0%;  clear:both; }
.contact .listContact > div:nth-child(2n+2) { width:36%; margin-left:64%; clear:none; }
.contact .attention { width:100%; float:left; margin-top:8%; text-align:center; }
.contact .attention img { width:66px; margin-bottom:8px; }
.contact .attention span { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; margin-bottom:20px; line-height:120%; }
.contact .attention  h2 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.500em; color:#f47e38; margin-bottom:8px; line-height:100%; }
.contact .attention small { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; line-height:120%; }
.contact .copyright { width:100%; float:left; margin-top:28px; text-align:center; }
.contact .copyright span { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; line-height:140%; }
.contact .copyright span a { color:#ffffff; text-decoration:none; }
.contact .copyright span a:hover { color:#f47e38; text-decoration:none; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.contact { padding:0% 0% 8% 0%; background:url(../img/bgContact.jpg)no-repeat center bottom; background-size:100%; }
.contact h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:3.000em; color:#ffffff; text-align:left; line-height:120%; margin-top:120px; margin-bottom:20px; }
.contact p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:justify; line-height:120%; max-width:60%; }
.contact .listContact { width:100%; float:left; margin-top:20px; }
.contact .listContact > div { float:left; margin-right:-100%; }
.contact .listContact > div form { width:100%; float:left; }
.contact .listContact > div form label { width:100%; float:left; display:block; margin-bottom:2%; }
.contact .listContact > div form label span { width:100%; float:left; display:block; margin-bottom:0.8%; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:left; }
.contact .listContact > div form label input[type="text"]{ width:96%; float:left; padding:4% 2% 4% 2%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; background:#282828; }
.contact .listContact > div form label textarea                  { width:96%; float:left; padding:4% 2% 8% 2%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; background:#282828; resize:none; }
.contact .listContact > div form label input[type="submit"]{ width:100%; float:left; padding:4% 0% 4% 0%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#f47e38; }
.contact .listContact > div h2 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.500em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:100%; }
.contact .listContact > div ul { width:100%; float:left; list-style:none; }
.contact .listContact > div ul li { width:100%; float:left; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:left; line-height:52px; }
.contact .listContact > div ul li a { color:#ffffff; text-decoration:none; }
.contact .listContact > div ul li a:hover { color:#f47e38; text-decoration:none; }
.contact .listContact > div ul li .iconContact { width:48px; height:48px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.contact .listContact > div ul li .iconContact i { display:inline-block; line-height:48px; }
.contact .listContact > div:nth-child(2n+1) { width:60%; margin-left:0%;  clear:both; }
.contact .listContact > div:nth-child(2n+2) { width:36%; margin-left:64%; clear:none; }
.contact .attention { width:100%; float:left; margin-top:8%; text-align:center; }
.contact .attention img { width:66px; margin-bottom:8px; }
.contact .attention span { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; margin-bottom:20px; line-height:120%; }
.contact .attention  h2 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.500em; color:#f47e38; margin-bottom:8px; line-height:100%; }
.contact .attention small { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; line-height:120%; }
.contact .copyright { width:100%; float:left; margin-top:28px; text-align:center; }
.contact .copyright span { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; line-height:140%; }
.contact .copyright span a { color:#ffffff; text-decoration:none; }
.contact .copyright span a:hover { color:#f47e38; text-decoration:none; }		
}
@media screen and (min-width:601px) and (max-width:1023px) {
.contact { padding:0% 0% 16% 0%; background:url(../img/bgContact.jpg)no-repeat center bottom; background-size:100%; }
.contact h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:3.000em; color:#ffffff; text-align:left; line-height:120%; margin-top:140px; margin-bottom:20px; }
.contact p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; text-align:justify; line-height:120%; }
.contact .listContact { width:100%; float:left; margin-top:20px; }
.contact .listContact > div { width:100%; float:left; margin-bottom:4%; margin-right:-100%; }
.contact .listContact > div form { width:100%; float:left; }
.contact .listContact > div form label { width:100%; float:left; display:block; margin-bottom:2%; }
.contact .listContact > div form label span { width:100%; float:left; display:block; margin-bottom:0.8%; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:left; }
.contact .listContact > div form label input[type="text"]{ width:96%; float:left; padding:4% 2% 4% 2%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; background:#282828; }
.contact .listContact > div form label textarea                  { width:96%; float:left; padding:4% 2% 8% 2%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; background:#282828; resize:none; }
.contact .listContact > div form label input[type="submit"]{ width:100%; float:left; padding:4% 0% 4% 0%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#f47e38; }
.contact .listContact > div h2 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.125em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:100%; }
.contact .listContact > div ul { width:100%; float:left; list-style:none; }
.contact .listContact > div ul li { width:50%; float:left; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; text-align:left; line-height:52px; }
.contact .listContact > div ul li a { color:#ffffff; text-decoration:none; }
.contact .listContact > div ul li a:hover { color:#f47e38; text-decoration:none; }
.contact .listContact > div ul li .iconContact { width:38px; height:38px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.contact .listContact > div ul li .iconContact i { display:inline-block; line-height:38px; }
.contact .listContact > div:nth-child(1n+1) { margin-left:0%;  clear:both; }
.contact .attention { width:100%; float:left; margin-top:8%; text-align:center; }
.contact .attention img { width:66px; margin-bottom:8px; }
.contact .attention span { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; margin-bottom:20px; line-height:120%; }
.contact .attention  h2 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.500em; color:#f47e38; margin-bottom:8px; line-height:100%; }
.contact .attention small { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; line-height:120%; }
.contact .copyright { width:100%; float:left; margin-top:28px; text-align:center; }
.contact .copyright span { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; line-height:140%; }
.contact .copyright span a { color:#ffffff; text-decoration:none; }
.contact .copyright span a:hover { color:#f47e38; text-decoration:none; } 		
}
@media screen and (max-width:600px) {
.contact { padding:0% 0% 16% 0%; background:url(../img/bgContact.jpg)no-repeat center bottom; background-size:100%; }
.contact h1 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.750em; color:#ffffff; text-align:left; line-height:120%; margin-top:140px; margin-bottom:20px; }
.contact p { font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; text-align:justify; line-height:120%; }
.contact .listContact { width:100%; float:left; margin-top:20px; }
.contact .listContact > div { width:100%; float:left; margin-bottom:8%; margin-right:-100%; }
.contact .listContact > div form { width:100%; float:left; }
.contact .listContact > div form label { width:100%; float:left; display:block; margin-bottom:2%; }
.contact .listContact > div form label span { width:100%; float:left; display:block; margin-bottom:0.8%; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.125em; color:#ffffff; text-align:left; }
.contact .listContact > div form label input[type="text"]{ width:96%; float:left; padding:4% 2% 4% 2%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; background:#282828; }
.contact .listContact > div form label textarea                  { width:96%; float:left; padding:4% 2% 8% 2%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; background:#282828; resize:none; }
.contact .listContact > div form label input[type="submit"]{ width:100%; float:left; padding:4% 0% 4% 0%; border:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; background:#f47e38; }
.contact .listContact > div h2 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.125em; color:#ffffff; margin-bottom:14px; text-align:left; line-height:100%; }
.contact .listContact > div ul { width:100%; float:left; list-style:none; }
.contact .listContact > div ul li { width:100%; float:left; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; text-align:left; line-height:52px; }
.contact .listContact > div ul li a { color:#ffffff; text-decoration:none; }
.contact .listContact > div ul li a:hover { color:#f47e38; text-decoration:none; }
.contact .listContact > div ul li .iconContact { width:38px; height:38px; float:left; margin-right:14px; margin-bottom:14px; display:inline-block; border:2px solid #f47e38; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; }
.contact .listContact > div ul li .iconContact i { display:inline-block; line-height:38px; }
.contact .listContact > div:nth-child(1n+1) { margin-left:0%;  clear:both; }
.contact .attention { width:100%; float:left; margin-top:8%; text-align:center; }
.contact .attention img { width:66px; margin-bottom:8px; }
.contact .attention span { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; margin-bottom:20px; line-height:120%; }
.contact .attention  h2 { font-family:'Rajdhani', sans-serif; font-weight:700; font-size:1.500em; color:#f47e38; margin-bottom:8px; line-height:100%; }
.contact .attention small { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:1.000em; color:#ffffff; line-height:120%; }
.contact .copyright { width:100%; float:left; margin-top:28px; text-align:center; }
.contact .copyright span { width:100%; float:left; display:block; font-family:'Barlow Condensed', sans-serif; font-weight:300; font-size:0.875em; color:#ffffff; line-height:140%; }
.contact .copyright span a { color:#ffffff; text-decoration:none; }
.contact .copyright span a:hover { color:#f47e38; text-decoration:none; } 	
}