/* reset */
/* do not reset any global table / input / form / ul / li as these break CMS */
p {margin-top: 0px;}
p:last-child { margin-bottom:0; }

form {margin: 0; padding: 0;}
a img {border: none 0;}
input {outline: none 0;}
h1, h2, h3, h4, h5, h6{margin: 0; padding:0; list-style:none; border:none; font-weight:normal;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* HTML 5 elements */

/* .clear {clear: both; color: [ekm:colour_1][/ekm:colour_1]}  Use .cf instead */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background:#17a0b4;}

a { color:#8c8c8c; text-decoration:none; }
a:hover {text-decoration:underline; }

/* structure */
.container{ width:1304px; margin:0 auto;}

/* top-bar */
.top-bar-main{ background:url(../images/top-menu-bg.png) repeat-x; height:79px; position:fixed; left:0; top:0; margin:0; padding:0; width:100%; z-index:100;}
	.top-bar{ width:625px; height:auto; margin:0 auto;}
	.top-bar .flags{ width:71px; float:right; margin:8px 0 0 0;}
	.top-bar .flags .flag-usa{ width:29px; height:20px; float:left;}
	.top-bar .flags .flag-barazil{ width:29px; height:20px; float:right;}
	.top-bar ul{ margin:0; padding:0; list-style:none; float:left;}
	.top-bar ul li{ float:left;}
	.top-bar ul li a{ border-top:#fff 3px solid; width:124px; float:left; height:60px; text-transform:uppercase; font-family:'Raleway'; font-size:18px; text-align:center; line-height:50px; display:block; color:#fff; font-weight:500; margin:0 4px;}
	.top-bar ul li a:hover, .top-bar ul li.active a{ background:url(../images/top-menu-bar-bg.png) no-repeat; text-decoration:none; background-size:100%;}

/* slider-img */
.slider-img{ width:100%; height:auto; text-align:center; margin:0 0 166px 0;}
.slider-img img{ width:100%; height:auto;}

.slider-img-360{ width:100%; height:auto; text-align:center; margin:0 0 166px 0; display:none;}
.slider-img-360 img{ width:100%; height:auto;}

.slider-img-768{ width:100%; height:auto; text-align:center; margin:0 0 166px 0; display:none;}
.slider-img-768 img{ width:100%; height:auto;}

/* empresa-main */
.empresa-main{ background:url(../images/empresa-image.png) bottom center no-repeat; background-size: 100%; padding:80px 0 151px 0;}
	.empresa-title h3{ font-family:'Raleway'; font-size:38px; font-weight:500; padding:0 137px 30px 209px; text-transform:uppercase; color:#fff;}
	.empresa-detail-text{ font-family:'Raleway'; font-size:20px; font-weight:400; padding:0 137px 82px 209px; clear:both; color:#fff;}
	.empresa-detail-text-clients{ font-family:'Raleway'; font-size:20px; font-weight:400; padding:0 137px 30px 209px; clear:both; color:#fff;}
	.empresa-clients-row{ clear:both; padding:0 137px 70px 209px;}
	.empresa-clients-row .empresa-clients{ float:left; margin:0 125px 0 0;}
	.empresa-clients-row .empresa-clients:last-child{ margin:0;}
	.empresa-company-logos-main{ width:970px; margin:0 auto; clear:both;}
	.empresa-company-logos-main .company-logos-row{ clear:both;}
	.empresa-company-logos-main .company-logos{ width:234px; height:259px; float:left; margin:0 10px 13px 0; -webkit-box-shadow: 0 0 10px 1px #4D4D4D; box-shadow: 0 0 10px 1px #4D4D4D;}
	.empresa-company-logos-main .company-logos img{ width:100%; height:auto; float:left;}
	.empresa-company-logos-main .company-logos:last-child{ margin-right:0;}

/* nosso-main */
.nosso-main{ background:#fff; padding:100px 0 0 0; clear:both;}
	.nosso-main .nosso-title-main{ background:url(../images/nosso-title.png) center center repeat-x; margin:0 70px 110px 70px;}
	.nosso-main .nosso-title-main .noso-title h3{ width:670px; margin:0 auto; background:#fff; text-align:center; font-family:'Raleway'; font-size:62px; letter-spacing:-1px; color:#17a0b4; font-weight:600; line-height:46px;}
	.nosso-main .nosso-title-main .noso-title h3 span{ font-size:32px;}
	.nosso-main .circle-row{ width:1202px; margin:0 auto; height:476px; clear:both; position:relative;}
	/**/
	.nosso-main .circle-row .crcl-1-area{ width:250px; height:246px; float:left; position:absolute; background:url(../images/nosso-circle-bg-1.png) no-repeat; background-size:100%; left:0; top:0; z-index:8;}
	.nosso-main .circle-row .crcl-1-area .txt{ font-family:'Raleway'; font-size:14px; font-weight:600; color:#fff; text-align:center; padding:83px 45px 0 23px;}
	/**/
	.nosso-main .circle-row .crcl-2-area{ width:245px; height:252px; float:left; position:absolute; background:url(../images/nosso-circle-bg-2.png) no-repeat; background-size:100%; left:168px; top:132px; z-index:7;}
	.nosso-main .circle-row .crcl-2-area .txt{ font-family:'Raleway'; font-size:14px; font-weight:600; color:#fff; text-align:center; padding:118px 39px 0 24px;}
	/**/
	.nosso-main .circle-row .crcl-3-area{ width:251px; height:246px; float:left; position:absolute; background:url(../images/nosso-circle-bg-3.png) no-repeat; background-size:100%; left:318px; top:0px; z-index:6;}
	.nosso-main .circle-row .crcl-3-area .txt{ font-family:'Raleway'; font-size:14px; font-weight:600; color:#fff; text-align:center; padding:65px 52px 0 32px;}
	/**/
	.nosso-main .circle-row .crcl-4-area{ width:245px; height:252px; float:left; position:absolute; background:url(../images/nosso-circle-bg-4.png) no-repeat; background-size:100%; left:480px; top:136px; z-index:5;}
	.nosso-main .circle-row .crcl-4-area .txt{ font-family:'Raleway'; font-size:14px; font-weight:600; color:#fff; text-align:center; padding:105px 48px 0 35px;}
	/**/
	.nosso-main .circle-row .crcl-5-area{ width:245px; height:252px; float:left; position:absolute; background:url(../images/nosso-circle-bg-5.png) no-repeat; background-size:100%; left:629px; top:0px; z-index:4;}
	.nosso-main .circle-row .crcl-5-area .txt{ font-family:'Raleway'; font-size:14px; font-weight:600; color:#fff; text-align:center; padding:83px 40px 0 21px;}
	/**/
	.nosso-main .circle-row .crcl-6-area{ width:245px; height:252px; float:left; position:absolute; background:url(../images/nosso-circle-bg-6.png) no-repeat; background-size:100%; left:797px; top:132px; z-index:3;}
	.nosso-main .circle-row .crcl-6-area .txt{ font-family:'Raleway'; font-size:14px; font-weight:600; color:#fff; text-align:center; padding:115px 36px 0 25px;}
	/**/
	.nosso-main .circle-row .crcl-7-area{ width:245px; height:252px; float:left; position:absolute; background:url(../images/nosso-circle-bg-7.png) no-repeat; background-size:100%; left:944px; top:0px; z-index:2;}
	.nosso-main .circle-row .crcl-7-area .txt{ font-family:'Raleway'; font-size:14px; font-weight:600; color:#fff; text-align:center; padding:74px 24px 0 42px;}
	
	/* nosso-tabs-area */
	.nosso-tabs-area{ background:url(../images/nosso-background.png) no-repeat; background-size:100%; height:821px;}
	
	#mainpage-tabs-area{ width:659px; float:right; margin:0 115px 0 0; padding:140px 0 0 0;}
	#mainpage-tabs-area .list-wrap ul{ list-style:none; padding:0; margin:0;}
	#mainpage-tabs-area-two .list-wrap ul{ list-style:none; padding:0; margin:0;}
	
	.national-nav ul{ margin:0 0 90px 0; padding:0; list-style:none;}
	.national-nav ul li{ float:left;}
	.national-nav ul li a{ display:block; padding:0 10px; border-bottom:2px #f27b19 solid; font-family:'Raleway'; font-size:14px; color:#ecad78; font-weight:600; text-transform:uppercase; line-height:30px;}
	.national-nav ul li a:hover, .national-nav ul li a.current{ border-bottom:2px #fff solid; text-decoration:none; color:#fff;}
	
	.national-nav-text{ font-family:'Raleway'; font-size:18px; color:#fff; padding:0 0 30px 0;}
	.national-nav-text-title h3{ font-family:'Raleway'; font-size:18px; color:#fff; padding:0 0 3px 0; font-weight:700;}
	.national-text-with-dot ul{ margin:0; padding:0; list-style:none;}
	.national-text-with-dot ul li{ font-family:'Raleway'; font-size:18px; color:#fff; padding:2px 0 2px 30px; background:url(../images/national-text-dot.png) 0 12px no-repeat; line-height:20px;}

/* .nosso-bottom-text-area */
.nosso-bottom-text-area{ background:#fff url(../images/nosso-bottom-bg.png) bottom center no-repeat; background-size:100%; padding:90px 0 180px 0;}
	.nosso-bottom-text-area .nosso-bottom-title h3{ font-family:'Raleway'; font-size:34px; color:#f27b19; padding:0 160px 40px 204px; font-weight:600;}
	.nosso-bottom-text-area .nosso-bottom-detail{ font-family:'Raleway'; font-size:18px; color:#000; padding:0 160px 0px 204px;}

/* contato */
.contato{ clear:both; padding:90px 0 130px 0;}
	.contato .contato-title-main{ background:url(../images/contato-title-bg.png) center center repeat-x; margin:0 60px 60px 60px;}
	.contato .contato-title-main h3{ width:380px; height:90px; margin:0 auto; font-family:'Raleway'; font-size:60px; line-height:90px; text-align:center; color:#fff; font-weight:600; text-transform:uppercase; background:#17a0b4;}
	.contato .contato-left-area{ width:509px; float:left; margin:0 0 0 135px;}
	.contato .contato-left-area .map-div{ width:100%; height:auto; margin:0 0 50px 0; -webkit-box-shadow: 0 0 10px 1px #4D4D4D; box-shadow: 0 0 10px 1px #4D4D4D; float:left;}
	.contato .contato-left-area .map-div img{ width:100%; height:auto; float:left;}
	.contato .contato-left-area .map-detail{ font-family:'Raleway'; font-size:25px; font-weight:500; color:#fff; clear:both;}
	.contato .contato-right-area{ width:400px; float:left; margin:0 0 0 120px}
	.contato .contato-right-area .contato-small-title h3{ font-family:'Raleway'; font-size:33px; font-weight:700; color:#fff; clear:both; padding:0 0 5px 0;}
	.contato .contato-right-area .contato-description{ font-family:'Raleway'; font-size:33px; font-weight:400; color:#fff; clear:both; padding:0 0 40px 0;}

/* footer */
.footer{ background:#1c150e;}
	.footer .padd{ padding:35px 110px 110px 140px;}
	.footer .copyright-text{ width:535px; float:left; font-family:'Raleway'; font-size:17px; color:#fff; font-weight:500; text-transform:uppercase; margin:25px 0 0 0;}
	.footer .footer-flags-main{ width:200px; float:left; margin:29px 0 0 0;}
	.footer .footer-flags-main .footer-flags{ width:29px; height:20px; float:left; margin:0 13px 0 0;}
	.footer .footer-flags-main .footer-flags:last-child{ margin:0;}
	.footer .footer-social-main{ width:85px; float:left;}
	.footer .footer-social-main .fb{ width:20px; height:40px; float:left; margin:4px 0 0 0;}
	.footer .footer-social-main .twt{ width:28px; height:40px; float:right; margin:4px 0 0 0;}
	.footer .agencia-logo{ width:98px; height:26px; float:right; margin:11px 0 0 0;}