/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
	
	

}

@media only screen and (min-width: 1170px) and (max-width: 1304px) {
	.container{ width:1170px;}
	.empresa-clients-row .empresa-clients{ margin:0 100px 0 0;}
	#mainpage-tabs-area{ margin:0 50px 0 0;}
	.nosso-tabs-area{ height:778px;}
	.footer .copyright-text{ width:500px;}
	.footer .footer-flags-main{ width:155px;}
	
	.nosso-main .circle-row .crcl-1-area{ width:235px;}
	.nosso-main .circle-row .crcl-1-area .txt{ padding:73px 45px 0 23px;}
	
	.nosso-main .circle-row .crcl-2-area{ width:230px; top:125px; left:157px;}
	.nosso-main .circle-row .crcl-2-area .txt{ padding:113px 34px 0 19px;}
	
	.nosso-main .circle-row .crcl-3-area{ width:236px; left:295px;}
	.nosso-main .circle-row .crcl-3-area .txt{ padding:58px 34px 0 16px;}
	
	.nosso-main .circle-row .crcl-4-area{ width:230px; left:447px; top:129px;}
	.nosso-main .circle-row .crcl-4-area .txt{ padding:105px 34px 0 20px;}
	
	.nosso-main .circle-row .crcl-5-area{ width:230px; left:595px;}
	.nosso-main .circle-row .crcl-5-area .txt{ padding:63px 40px 0 21px;}
	
	.nosso-main .circle-row .crcl-6-area{ width:230px; left:734px; top:124px;}
	.nosso-main .circle-row .crcl-6-area .txt{ padding:106px 36px 0 25px;}
	
	.nosso-main .circle-row .crcl-7-area{ width:230px; left:873px;}
	.nosso-main .circle-row .crcl-7-area .txt{ padding:71px 21px 0 37px;}
	.nosso-main .circle-row{ width:100%;}
	
	.contato .contato-left-area{ margin:0 0 0 95px;}
	
}

@media only screen and (min-width: 1024px) and (max-width: 1170px) {
	.container{ width:1000px;}
	.empresa-title h3, .empresa-detail-text, .empresa-detail-text-clients, .empresa-clients-row{ padding:0 15px 30px;}
	.empresa-clients-row .empresa-clients{ margin:0 155px 0 0;}
	.nosso-main .nosso-title-main{ margin:0 0 110px;}
	
	.nosso-main .circle-row .crcl-1-area{ width:220px;}
	.nosso-main .circle-row .crcl-1-area .txt{ padding:66px 45px 0 23px;}
	
	.nosso-main .circle-row .crcl-2-area{ width:215px; top:117px; left:147px;}
	.nosso-main .circle-row .crcl-2-area .txt{ padding:94px 34px 0 19px;}
	
	.nosso-main .circle-row .crcl-3-area{ width:221px; left:275px;}
	.nosso-main .circle-row .crcl-3-area .txt{ padding:45px 34px 0 16px;}
	
	.nosso-main .circle-row .crcl-4-area{ width:215px; left:415px; top:118px;}
	.nosso-main .circle-row .crcl-4-area .txt{ padding:92px 27px 0 14px;}
	
	.nosso-main .circle-row .crcl-5-area{ width:215px; left:542px;}
	.nosso-main .circle-row .crcl-5-area .txt{ padding:63px 40px 0 21px;}
	
	.nosso-main .circle-row .crcl-6-area{ width:215px; left:660px; top:114px;}
	.nosso-main .circle-row .crcl-6-area .txt{ padding:106px 36px 0 25px;}
	
	.nosso-main .circle-row .crcl-7-area{ width:215px; left:786px;}
	.nosso-main .circle-row .crcl-7-area .txt{ padding:49px 24px 0 42px;}
	.nosso-main .circle-row{ width:100%;}
	
	.nosso-bottom-text-area .nosso-bottom-title h3{ padding:0 0 40px;}
	.nosso-bottom-text-area .nosso-bottom-detail{ padding:0;}
	
	#mainpage-tabs-area{ margin:0; width:615px; padding:95px 0 0;}
	.national-nav ul{ margin:0 0 37px;}
	
	.nosso-tabs-area{ height:710px;}
	
	.contato .contato-title-main{ margin:0 0 60px;}
	.contato .contato-left-area{ margin:0;}
	.contato .contato-right-area{ margin:0 0 0 75px;}
	
	.footer .padd{ padding:35px 0px 110px 0px;}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {	
	.container{ width:740px;}
	
	
	.slider-img-768{ width:100%; height:auto; text-align:center; margin:0 0 166px 0; display:block;}
	.slider-img{ width:100%; height:auto; text-align:center; margin:0 0 166px 0; display:none;}
	
	.slider-img{ margin:0 0 80px 0;}
	.empresa-title h3, .empresa-detail-text, .empresa-detail-text-clients, .empresa-clients-row{ padding:0 15px 30px;}
	.empresa-clients-row .empresa-clients{ margin:0 50px 0 0;}
	
	.empresa-company-logos-main{ width:740px;}
	.empresa-company-logos-main .company-logos{ width:177px; height:auto;}
	
	.nosso-main .nosso-title-main .noso-title h3{ width:460px; font-size:43px; line-height:32px;}
	.nosso-main .nosso-title-main .noso-title h3 span{ font-size:23px;}
	.nosso-main .nosso-title-main{ margin:0 0 70px;}
	
	.nosso-main .circle-row .crcl-1-area{ width:160px;}
	.nosso-main .circle-row .crcl-1-area .txt{ padding:45px 35px 0 18px; font-size:11px;}
	
	.nosso-main .circle-row .crcl-2-area{ width:155px; top:86px; left:106px;}
	.nosso-main .circle-row .crcl-2-area .txt{ padding:74px 24px 0 13px; font-size:11px;}
	
	.nosso-main .circle-row .crcl-3-area{ width:161px; left:198px;}
	.nosso-main .circle-row .crcl-3-area .txt{ padding:28px 20px 0 6px; font-size:11px;}
	
	.nosso-main .circle-row .crcl-4-area{ width:155px; left:302px; top:88px;}
	.nosso-main .circle-row .crcl-4-area .txt{ padding:64px 18px 0 8px; font-size:11px;}
	
	.nosso-main .circle-row .crcl-5-area{ width:155px; left:395px;}
	.nosso-main .circle-row .crcl-5-area .txt{ padding:36px 37px 0 25px; font-size:11px;}
	
	.nosso-main .circle-row .crcl-6-area{ width:155px; left:485px; top:86px;}
	.nosso-main .circle-row .crcl-6-area .txt{ padding:62px 36px 0 25px; font-size:11px;}
	
	.nosso-main .circle-row .crcl-7-area{ width:155px; left:580px;}
	.nosso-main .circle-row .crcl-7-area .txt{ padding:43px 8px 0 19px; font-size:11px;}
	.nosso-main .circle-row{ width:100%; height:300px;}
	
	.nosso-bottom-text-area .nosso-bottom-title h3{ padding:0 0 40px;}
	.nosso-bottom-text-area .nosso-bottom-detail{ padding:0;}
	
	#mainpage-tabs-area{ margin:0; width:470px; padding:40px 0 0;}
	.national-nav ul{ margin:0 0 15px;}
	.national-nav ul li a{ font-size:12px; line-height:25px; padding:0 5px;}
	.national-nav-text, .national-nav-text-title h3{ font-size:15px; padding:0 0 10px;}
	.national-text-with-dot ul li{ font-size:15px; line-height:16px; background:url("../images/national-text-dot.png") no-repeat scroll 0 8px; padding:2px 0 2px 20px;}
	
	.nosso-tabs-area{ height:623px;}
	
	.contato .contato-left-area{ width:385px;}
	.contato .contato-left-area .map-div{ margin:0 0 25px;}
	.contato .contato-left-area .map-detail{ font-size:19px;}
	.contato .contato-title-main{ margin:0 0 60px;}
	.contato .contato-left-area{ margin:0;}
	.contato .contato-right-area{ margin:0; width:310px; float:right;}
	.contato .contato-right-area .contato-small-title h3{ font-size:28px;}
	.contato .contato-right-area .contato-description{ font-size:25px; padding:0 0 30px 0;}
	
	.footer .padd{ padding:35px 0px 110px 0px;}
	.footer .copyright-text{ width:395px; font-size:13px;}
	.footer .footer-flags-main{ width:115px;}
	
} /* END Smaller than standard 960 (devices and browsers) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container{ width:460px;}
	.top-bar{ width:460px;}
	.top-bar ul li a{ width:85px; font-size:13px; line-height:35px;}
	
	.slider-img{ margin:0 0 33px 0;}
	.empresa-title h3, .empresa-detail-text, .empresa-detail-text-clients, .empresa-clients-row{ padding:0 0px 30px;}
	.empresa-title h3{ font-size:29px;}
	.empresa-detail-text, .empresa-detail-text-clients, .empresa-detail-text-clients{ font-size:15px;}
	.empresa-clients-row .empresa-clients{ margin:0 auto 20px auto; width:400px; text-align:center; float:none; clear:both;}
	
	.empresa-company-logos-main{ width:460px;}
	.empresa-company-logos-main .company-logos{ width:217px; height:auto;}
	.empresa-main{ padding:80px 0 65px;}
	
	.nosso-main .nosso-title-main .noso-title h3{ width:460px; font-size:43px; line-height:32px;}
	.nosso-main .nosso-title-main .noso-title h3 span{ font-size:23px;}
	.nosso-main .nosso-title-main{ margin:0 0 70px;}
	
	.nosso-main .circle-row .crcl-1-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-1-area .txt{ padding:83px 45px 0 23px;}
	
	.nosso-main .circle-row .crcl-2-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-2-area .txt{ padding:105px 39px 0 24px;}
	
	.nosso-main .circle-row .crcl-3-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-3-area .txt{ padding:72px 52px 0 32px;}
	
	.nosso-main .circle-row .crcl-4-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-4-area .txt{ padding:87px 48px 0 35px;}
	
	.nosso-main .circle-row .crcl-5-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-5-area .txt{ padding:93px 40px 0 21px;}
	
	.nosso-main .circle-row .crcl-6-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-6-area .txt{ padding:110px 36px 0 25px;}
	
	.nosso-main .circle-row .crcl-7-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-7-area .txt{ padding:86px 24px 0 42px;}
	
	.nosso-main .circle-row{ width:100%; height:auto; padding:0 0 30px 0;}
	
	.nosso-bottom-text-area .nosso-bottom-title h3{ padding:0 0 40px;}
	.nosso-bottom-text-area .nosso-bottom-detail{ padding:0;}
	
	#mainpage-tabs-area{ margin:0; width:460px; padding:35px 0 0;}
	.national-nav ul{ margin:0 0 20px;}
	.national-nav ul li a{ font-size:12px; line-height:23px; padding:0 5px;}
	.national-nav-text, .national-nav-text-title h3{ font-size:12px;}
	.national-nav-text{ padding:0 0 15px 0;}
	.national-text-with-dot ul li{ font-size:11px; line-height:12px; background:url("../images/national-text-dot.png") no-repeat scroll 0 7px; padding:2px 0 2px 20px;}
	
	.nosso-tabs-area{ height:380px; background:#f27b19;}
	
	.contato .contato-left-area .map-div{ margin:0 0 25px;}
	.contato .contato-left-area .map-detail{ font-size:19px;}
	.contato .contato-title-main{ margin:0 0 60px;}
	.contato .contato-left-area{ width:460px; margin: 0 0 30px 0;}
	.contato .contato-right-area{ margin:0; width:460px; float:left;}
	.contato .contato-right-area .contato-small-title h3{ font-size:28px;}
	.contato .contato-right-area .contato-description{ font-size:25px; padding:0 0 30px 0;}
	
	.footer .padd{ padding:35px 0px 110px 0px;}
	.footer .copyright-text{ width:460px; font-size:16px; text-align:center; margin:25px 0 15px 0;}
	.footer .footer-flags-main{ width:175px;}
	
} /* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.container{ width:300px;}
	
	
	.slider-img-360{ width:100%; height:auto; text-align:center; margin:0 0 166px 0; display:block;}
	.slider-img{ width:100%; height:auto; text-align:center; margin:0 0 166px 0; display:none;}
	
	.top-bar{ width:300px;}
	.top-bar ul li a{ width:67px; font-size:11px; line-height:27px; height:33px;}
	.top-bar .flags{ clear:both; margin:15px 0 0;}
	
	.slider-img{ margin:0 0 33px 0;}
	.empresa-title h3, .empresa-detail-text, .empresa-detail-text-clients, .empresa-clients-row{ padding:0 0px 30px;}
	.empresa-title h3{ font-size:29px;}
	.empresa-detail-text, .empresa-detail-text-clients, .empresa-detail-text-clients{ font-size:15px;}
	.empresa-clients-row .empresa-clients{ margin:0 auto 20px auto; width:300px; text-align:center; float:none; clear:both;}
	
	.empresa-company-logos-main{ width:300px;}
	.empresa-company-logos-main .company-logos{ width:234px; height:auto; margin:0 auto 10px auto; float:none; clear:both;}
	.empresa-company-logos-main .company-logos:last-child{  margin:0 auto 10px auto;}
	.empresa-main{ padding:80px 0 65px;}
	
	.nosso-main .nosso-title-main .noso-title h3{ width:300px; font-size:32px; line-height:25px;}
	.nosso-main .nosso-title-main .noso-title h3 span{ font-size:18px;}
	.nosso-main .nosso-title-main{ margin:0 0 70px;}
	
	.nosso-main .circle-row .crcl-1-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-1-area .txt{ padding:83px 45px 0 23px;}
	
	.nosso-main .circle-row .crcl-2-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-2-area .txt{ padding:105px 39px 0 24px;}
	
	.nosso-main .circle-row .crcl-3-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-3-area .txt{ padding:72px 52px 0 32px;}
	
	.nosso-main .circle-row .crcl-4-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-4-area .txt{ padding:87px 48px 0 35px;}
	
	.nosso-main .circle-row .crcl-5-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-5-area .txt{ padding:93px 40px 0 21px;}
	
	.nosso-main .circle-row .crcl-6-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-6-area .txt{ padding:110px 36px 0 25px;}
	
	.nosso-main .circle-row .crcl-7-area{ position:static; margin:0 auto 20px auto; float:none; clear:both;}
	.nosso-main .circle-row .crcl-7-area .txt{ padding:86px 24px 0 42px;}
	
	.nosso-main .circle-row{ width:100%; height:auto; padding:0 0 30px 0;}
	
	.nosso-bottom-text-area .nosso-bottom-title h3{ padding:0 0 40px;}
	.nosso-bottom-text-area .nosso-bottom-detail{ padding:0;}
	
	#mainpage-tabs-area{ margin:0; width:300px; padding:35px 0 0;}
	.national-nav ul{ margin:0 0 20px;}
	.national-nav ul li a{ font-size:12px; line-height:23px; padding:0 5px;}
	.national-nav-text, .national-nav-text-title h3{ font-size:12px;}
	.national-nav-text{ padding:0 0 15px 0;}
	.national-text-with-dot ul li{ font-size:11px; line-height:12px; background:url("../images/national-text-dot.png") no-repeat scroll 0 7px; padding:2px 0 2px 20px;}
	
	.nosso-tabs-area{ height:auto; background:#f27b19; padding:0 0 30px 0;}
	
	.contato .contato-left-area .map-div{ margin:0 0 25px;}
	.contato .contato-left-area .map-detail{ font-size: 14px; line-height: 23px;}
	.contato .contato-title-main{ margin:0 0 60px;}
	.contato .contato-left-area{ width:300px; margin: 0 0 30px 0; height:auto; line-height:50px;}
	.contato .contato-right-area{ margin:0; width:300px; float:left;}
	.contato .contato-right-area .contato-small-title h3{ font-size:28px;}
	.contato .contato-title-main h3{ width:300px; font-size:45px;}
	.contato .contato-right-area .contato-description{ font-size:25px; padding:0 0 30px 0;}
	
	.footer .padd{ padding:35px 0px 110px 0px;}
	.footer .copyright-text{ width:300px; font-size:16px; text-align:center; margin:25px 0 25px 0;}
	.footer .footer-flags-main{ width:71px; clear:both; margin:0 auto 25px auto; float:none;}
	.footer .footer-social-main{ clear:both; margin:0 auto 25px auto; float:none;}
	.footer .agencia-logo{ clear:both; margin:0 auto; float:none;}
	
	
	
	/* extra-page-nav */
	.extra-page-nav-area .extra-page-nav{ position:relative; width:63%; height:41px; float:none;} 
	.extra-page-nav-area .extra-page-nav ul{ margin:0; list-style:none;	width: 100%; padding: 0; position: absolute; top: 0; left: 0;  background: #ff7700 url(../images/icon-menu.png) no-repeat 10px 15px; z-index:9999;}
	.extra-page-nav-area .extra-page-nav ul li{ display: none; /* hide all <li> items */ margin: 0; float:none;}
	.extra-page-nav-area .extra-page-nav .current{display: block; /* show only current <li> item */}
	.extra-page-nav-area .extra-page-nav ul li a{ display: block; padding: 9px 5px 6px 34px; text-align: left; font-size: 16px; color: #fff; font-family: 'Alegreya Sans'; text-transform: uppercase; line-height: 26px; margin: 0;letter-spacing: 2px; font-weight:400; border-bottom:#fff 1px solid; font-weight:700;}
	
	.extra-page-nav-area .extra-page-nav ul:hover{ background-image: none;}
	.extra-page-nav-area .extra-page-nav ul:hover li { display: block; }
	.extra-page-nav-area .extra-page-nav ul:hover .current { background: url(../images/icon-check.png) no-repeat 10px 15px;}
	.extra-page-nav-area .extra-page-nav ul li a:hover, .extra-page-nav-area .extra-page-nav ul li.active a{ color:#fff; text-decoration:underline;}
	
} /* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */