/*----------------------------------------------------

			   {--------}  GERAL  {--------}

	----------------------------------------------------*/

	* 												{ margin:0; padding:0; border:0; outline:0;}

	a												{ text-decoration:none; color:#666;}

	ul li											{ list-style:none;}

	html 											{ overflow: -moz-scrollbars-vertical; height:100%; scroll-behavior: smooth;}

	.global 										{ overflow:hidden; width:100%; height:auto; display:inline-block; margin-top:-20px;}

	.container-flex									{ width:90%; height:auto; margin:0 5%; display:inline-block; }

	.cp												{ cursor:pointer !important;}

	.fl	 											{ float:left !important; }

	.fr						 						{ float:right !important; }

	.m0												{ margin:0 !important; }

	.mr0											{ margin-right:0 !important; }

	.mr5											{ margin-right:5px !important; }

	.mr10											{ margin-right:10px !important; }

	.mt0											{ margin-top:0 !important; }

	.tal											{ text-align:left !important;}

	.light-blue										{ color:#00B4D8 !important; }

	.dark-blue										{ color:#03045E !important; }

	p												{ font-family: 'Metropolis-Bold', cursive; font-size:18px; line-height:22px;}

	button											{ font-family: 'Metropolis-SemiBold', cursive; font-size:16px; line-height:18px; padding:16px 32px; border-radius:5px; cursor:pointer;}

	input											{ width:90%; padding:10px 5%; height:45px; color:#E4E3EB; background-color:#ffffff; margin-bottom:30px; margin-top:5px; border-radius:10px; font-family: 'Metropolis-SemiBold', cursive; font-size:18px; border:1px solid #E4E3EB; }

	input:focus,

	textarea:focus									{ border:1px solid #00B4D8; color:#03045E; } 

	textarea										{ width:90%; padding:20px 5%; height:175px; color:#E4E3EB; background-color:#ffffff; margin-bottom:20px; margin-top:5px; border-radius:10px; font-family: 'Metropolis-SemiBold', cursive; font-size:18px; resize:none; border:1px solid #E4E3EB;  }

	h1, h2, h3, h4, h5, p							{ font-weight:normal; font-style: normal;}

	h1	 											{ font-family: 'Metropolis-SemiBold', cursive; font-size:90px; width:90%; padding: 0 5%; z-index:99998; color:white !important; line-height:90px; margin-top:320px; letter-spacing:5px;}

	h2												{ font-family: 'Metropolis-SemiBold', cursive; font-size:76px; line-height:76px;}

	h3												{ font-family: 'Metropolis-Bold', cursive; color:#ffffff; font-size:36px; margin:0; padding:0; line-height:36px;}

	h4												{ font-family: 'Metropolis-Light', cursive; color:#ffffff; font-size:24px; padding:0; line-height:32px;}

	h5												{ font-family: 'ClarendonBT-Light', cursive; color:#03045E; font-size:16px; margin:0; padding:0; line-height:24px;}



	/*----------------------------------------------------

	    {--------}  FADE CARREGAMENTO SITE  {--------}

	----------------------------------------------------*/

	@-webkit-keyframes fadeIn						 		{ from { opacity:0; } to { opacity:1; } }

	@-moz-keyframes fadeIn 									{ from { opacity:0; } to { opacity:1; } }

	@keyframes fadeIn 										{ from { opacity:0; } to { opacity:1; } }

	

	.fade-in 												{ opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}

	.fade-in.one 											{ -webkit-animation-delay: 1.7s; -moz-animation-delay: 1.7s; animation-delay: 1.7s;}

	.fade-in.two 											{ -webkit-animation-delay: 2s; -moz-animation-delay:2s; animation-delay: 2s;}



	/*----------------------------------------------------

			     {--------}  TOPO  {--------}

	----------------------------------------------------*/

	header 											{ position:fixed; width:100%; height:160px; top:0; margin:0; z-index:80000; background:url(../images/back-light-top.jpg) left top repeat-y #03045E;}

	.backheader										{ background-color:#273E74;}

	#top-logotype									{ margin-top:50px; width:222px; height:auto; }

	#top-button										{ margin-top:46px; background-color:#00B4D8; color:#ffffff; line-height:34px; }

	#top-button:hover								{ background-color:#009FBF;}

	#intro-social									{ width:90%; padding:25px 5% 0; }

	#intro-social img								{ margin-right:20px; }

	#intro-social img:hover							{ opacity:0.5; }



	/*---------------------  MENU  ----------------------*/

	nav												{ position:absolute; top:78px; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); width:auto; height:auto; }

	nav ul li										{ float:left; font-family: 'Metropolis-Bold', cursive; font-size:15px !important; line-height:18px; margin:0 6px !important; color:#ffffff; cursor:pointer; letter-spacing:2px;  }

	nav ul li:hover									{ color:#00B4D8; }

	#menu											{ display:none; }



	/*------------------- SUB MENU  --------------------*/

	.side-menu-wrapper 								{ display:none !important; }

	.social-mobile-icons							{ display:none; }

	.green-button-menu-mobile						{ display:none; }



	/*----------------------------------------------------

			 {--------}  ESTRUTURA  {--------}

	----------------------------------------------------*/

	#intro-container								{ display:inline-block; width:100%; height:860px; }

	#about-container, #message-container,

	#business-container, #life-container,

	#partner-container, #contact-container			{ display:inline-block; width:100%; height:980px; overflow:hidden !important; }



	/*----------------------------------------------------

			 {--------}  INTRODUÇÃO  {--------}

	----------------------------------------------------*/

	#intro-container								{ background:url('../images/back-intro.jpg') top center no-repeat; background-size:100% auto; }

	#mouse-home										{ width:100%; height:65px; display:inline-block; text-align:center; margin-top:200px; animation-name: alert; animation-duration: 0.5s; animation-iteration-count: 20;  }

	@keyframes alert 								{ 0%   {margin-top:200px;} 25%  {margin-top:195px;} 50%  {margin-top:197px;} 75%  {margin-top:195px;} 100% {margin-top:200px;}}



	/*----------------------------------------------------

			  {--------}  A BASSO  {--------}

	----------------------------------------------------*/

	#about-container								{ padding-top:300px; height:680px; }

	#about-container .container-flex h2				{ color:#03045E; width:45%; margin-left:5%; float:left; }

	#about-container .container-flex h5				{ width:40%; margin-right:10%; float:right; }



	/*----------------------------------------------------

		  {--------}  MENSAGEM COTAÇÃO  {--------}

	----------------------------------------------------*/

	#message-container								{ display:inline-block; width:100%; height:150px; background-color:#00B4D8; text-align:center; }

	#message-container h3							{ margin-top:55px; }

	#titleModalInteresse							{ font-size:32px; color:#00B4D8; font-family: 'Metropolis-Light', cursive; margin-bottom:30px; display:inline-block; }

	#title-cote-agora								{ display:inline-block; font-size:32px; color:#00B4D8; font-family: 'Metropolis-Light', cursive; margin-bottom:30px; margin-top:30px; width:100%; }

	#categorie-safe									{ font-size:18px; color:#03045E; font-weight:800 !important;  }

	.fancybox-slide > * 							{ width: 600px;}

	.modalConteudo									{ width:100%; }

	#text-modal										{ width:50%; }

	.formInteresse									{ display:inline-block; width:100%; }

	.send-modal										{ clear:none !important; }



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ position:absolute; left: 45%; margin-right: -50%; transform: translate(-50%, -50%); margin-top:25%;  }

	.business-left									{ width:40%; padding-left:5%; height:100%; background-color:#03045E; overflow:visible; z-index:90000;}

	.business-left h2								{ color:#ffffff; margin:340px 0 50px 0;}

	.business-right									{ width:42%; height:90%; background-color:#EEEDF5; z-index:80000; padding: 6% 0 0 13%;}

	.safe-container									{ width:162px; height:162px; margin:0 30px 30px 0; border-radius:10px; background-color:#ffffff; text-align:center; box-shadow: 0 20px 50px 0 rgba(3, 4, 94, 0.03); cursor:pointer;}

	.safe-container:hover							{ transition: 0.8s; transform: scale(1.2); }

	.break-desktop									{ clear:both; }

	.icon-safe										{ margin:35px 0 25px 0; }

	.safe-container p								{ width:100%; height:auto; text-align:center; color:#03045E; }



	/*----------------------------------------------------

		  {--------}  SEGUROS PESSOAIS  {--------}

	----------------------------------------------------*/

	.life-left										{ background-color:#EEEDF5;  }

	.life-left h2									{ color:#03045E;}

	.life-left h4									{ color:#03045E;}

	.life-right										{ background-color:#00B4D8; height:85%; padding: 11% 0 0 13%;  }

	.description-safe-life							{ color:#ffffff; margin:30px 0 0 20px; }



	/*----------------------------------------------------

		{--------}  MODAL INTERESSE SEGURO  {--------}

	----------------------------------------------------*/

	.fancybox-bg 									{ background: #03045E; opacity: 0;}

	.fancybox-close-small 							{ width: 65px; height: 65px; font: 21px/1  'Metropolis-SemiBold', cursive; background: #00B4D8; }

	.fancybox-close-small:hover						{ background-color:#009FBF; }



	/*----------------------------------------------------

		 {--------}  SEGURADORAS PARCEIRAS  {--------}

	----------------------------------------------------*/

	#partner-container								{ background:url('../images/back-partner.jpg') right center no-repeat #020238; background-size:auto 100%;  }

	#partner-container h2							{ color:#ffffff; margin:340px 0 50px 0;}

	#partner-container h4							{ clear:both; }

	#partner-box									{ width:750px; height:auto; float:right; margin-top:-375px; }

	.continer-tipo-partner							{ float:left; width:250px; height:170px; text-align:center; vertical-align:middle; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}



	/*----------------------------------------------------

		   	 {--------}  CONTATO  {--------}

	----------------------------------------------------*/

	#contact-container h2							{ color:#03045E; margin:275px 0 50px 0;}

	#contact-container h5							{ clear:both; width:400px; height:auto; margin-bottom:50px; }

	#contact-button									{ background-color:#00B4D8; color:#ffffff; line-height:34px; clear:both; }

	#contact-button:hover							{ background-color:#009FBF;}

	#form-box										{ width:650px; height:auto; float:right; margin-top:-475px; }

	#form-box p										{ color:#03045E; }

	#send-button									{ background-color:#00B4D8; color:#ffffff; line-height:34px; }

	#send-button:hover								{ background-color:#009FBF;}

	

	/*----------------------------------------------------

			    {--------}  FOOTER  {--------}

	----------------------------------------------------*/

	#footer											{ background-color:#EEEDF5; padding:120px 0; }

	#footer-contact									{ width:100%; height:auto; padding-bottom:50px; min-height:75px; }

	.footer-text									{ width:25%; color:#03045E; }

	.footer-text a									{ color:#03045E;}

	.footer-text a:hover							{ color:#00B4D8 !important; }

	#footer-whats									{ color:#00B4D8; width:30%; padding-left:75px; background:url('../images/ico-whatsapp-footer.svg') left top no-repeat; font-size:40px; line-height:46px;  }

	#footer-whats a:hover							{ opacity:0.5; }

	.footer-social									{ width:15%; text-align:right; }

	.footer-social a:hover							{ opacity:0.5; }

	#footer-copyright								{ border-top:1px solid #C9C8CF; padding-top:50px; text-align:center;}

	#footer-copyright p, #footer-copyright a		{ font-size:14px; color:#03045E; }

	#footer-copyright a:hover						{ color:#00B4D8 !important; }


	/*----------------------------------------------------
			    {--------}  LGPD  {--------}
	----------------------------------------------------*/
	#lgpd-container									{ position:fixed; width:84%; height:auto; padding: 25px 3%; background-color:#FFFFFF; bottom:25px; left:5%; border-radius:10px; }
	.lgpd-title-blue								{ color: #00B4D8 !important; font-size:24px; margin-top:45px; }
	#lgpd-button									{ background-color:#00B4D8; color:#ffffff; line-height:34px; clear:both; margin-top:5px;}
	#lgpd-button:hover								{ background-color:#009FBF;}
	.lgpd-text										{ width:70% !important; }
	.lgpd-content									{ width:25%; }
	.active											{ display:none !important; }












	/*----------------------------------------------------

			  {--------}  BREAKPOINTS  {--------}

	----------------------------------------------------*/













	/* 4k and more . big screens */

	@media screen and (min-width: 3840px) {

	/*----------------------------------------------------

			   {--------}  GERAL  {--------}

	----------------------------------------------------*/

	.container-flex									{ width:50%; height:auto; margin:0 25%;}

	h1	 											{ width:60%; padding: 0 25%;}



	/*----------------------------------------------------

			     {--------}  TOPO  {--------}

	----------------------------------------------------*/

	#intro-social									{ width:60%; padding:25px 25% 0; }



	/*----------------------------------------------------

			 {--------}  INTRODUÇÃO  {--------}

	----------------------------------------------------*/

	#intro-container								{ background:url('../images/back-intro.jpg') center center no-repeat; background-size:100% auto; }

	#mouse-home										{ margin-top:250px; }

	@keyframes alert 								{ 0%   {margin-top:250px;} 25%  {margin-top:245px;} 50%  {margin-top:247px;} 75%  {margin-top:245px;} 100% {margin-top:250px;}}



	/*----------------------------------------------------

			  {--------}  A BASSO  {--------}

	----------------------------------------------------*/

	#about-container .container-flex h2				{ margin-left:0;}

	#about-container .container-flex h5				{ margin-right:0;}



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ margin-top:13%;  }

	.business-left									{ width:20%; padding-left:25%;}

	.business-right									{ width:42%; padding: 3% 0 0 13%;}



	/*----------------------------------------------------

		  {--------}  SEGUROS PESSOAIS  {--------}

	----------------------------------------------------*/

	.life-right										{ padding: 6% 0 0 13%;  }

	}













	/* Ultra HD */

	@media screen and (max-width: 2560px) {



	/*----------------------------------------------------

			   {--------}  GERAL  {--------}

	----------------------------------------------------*/

	.container-flex									{ width:70%; margin:0 15%;}

	h1	 											{ padding: 0 15%;}



	/*----------------------------------------------------

			     {--------}  TOPO  {--------}

	----------------------------------------------------*/

	#intro-social									{ width:60%; padding:25px 15% 0; }



	/*----------------------------------------------------

			 {--------}  INTRODUÇÃO  {--------}

	----------------------------------------------------*/

	#intro-container								{ background:url('../images/back-intro.jpg') center center no-repeat; background-size:100% auto; }

	#mouse-home										{ margin-top:250px; }

	@keyframes alert 								{ 0%   {margin-top:250px;} 25%  {margin-top:245px;} 50%  {margin-top:247px;} 75%  {margin-top:245px;} 100% {margin-top:250px;}}


	nav ul li										{ float:left; font-family: 'Metropolis-Bold', cursive; font-size:14px !important; line-height:18px; margin:0 8px !important; color:#ffffff; cursor:pointer; letter-spacing:1px;  }


	/*----------------------------------------------------

			  {--------}  A BASSO  {--------}

	----------------------------------------------------*/

	#about-container .container-flex h2				{ margin-left:0;}

	#about-container .container-flex h5				{ margin-right:0;}



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ margin-top:20%;  }

	.business-left									{ width:30%; padding-left:15%;}

	.business-right									{ padding: 5% 0 0 13%;}



	/*----------------------------------------------------

		  {--------}  SEGUROS PESSOAIS  {--------}

	----------------------------------------------------*/

	.life-right										{ padding: 9% 0 0 13%;  }

	}











	/* Full HD */

	@media screen and (max-width: 1990px) {

	/*----------------------------------------------------

			   {--------}  GERAL  {--------}

	----------------------------------------------------*/

	.container-flex									{ width:80%; margin:0 10%;}

	h1	 											{ padding: 0 10%;}



	/*----------------------------------------------------

			     {--------}  TOPO  {--------}

	----------------------------------------------------*/

	#intro-social									{ padding:25px 10% 0; }



	/*----------------------------------------------------

			 {--------}  INTRODUÇÃO  {--------}

	----------------------------------------------------*/

	#intro-container								{ background:url('../images/back-intro.jpg') center center no-repeat; background-size:100% auto; }

	#mouse-home										{ margin-top:220px; }

	@keyframes alert 								{ 0%   {margin-top:220px;} 25%  {margin-top:215px;} 50%  {margin-top:217px;} 75%  {margin-top:215px;} 100% {margin-top:220px;}}



	/*----------------------------------------------------

			  {--------}  A BASSO  {--------}

	----------------------------------------------------*/

	#about-container .container-flex h2				{ margin-left:0;}

	#about-container .container-flex h5				{ margin-right:0;}



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ margin-top:26%;  }

	.business-left									{ width:35%; padding-left:10%;}

	.business-right									{ padding: 6% 0 0 13%;}



	/*----------------------------------------------------

		  {--------}  SEGUROS PESSOAIS  {--------}

	----------------------------------------------------*/

	.life-right										{ padding: 9% 0 0 13%;  }

	}











	/* HD and similars */

	@media screen and (max-width: 1680px) {

	/*----------------------------------------------------

			   {--------}  GERAL  {--------}

	----------------------------------------------------*/

	.container-flex									{ width:86%; margin:0 7%;}

	h1	 											{ padding: 0 7%;}



	/*----------------------------------------------------

			     {--------}  TOPO  {--------}

	----------------------------------------------------*/

	#intro-social									{ padding:25px 7% 0; }



	/*---------------------  MENU  ----------------------*/

	nav ul li										{ font-size:14px;}



	/*----------------------------------------------------

			 {--------}  INTRODUÇÃO  {--------}

	----------------------------------------------------*/

	#intro-container								{ background:url('../images/back-intro.jpg') center center no-repeat; background-size:100% auto; }

	#mouse-home										{ margin-top:175px; }

	@keyframes alert 								{ 0%   {margin-top:175px;} 25%  {margin-top:170px;} 50%  {margin-top:173px;} 75%  {margin-top:170px;} 100% {margin-top:175px;}}



	/*----------------------------------------------------

			  {--------}  A BASSO  {--------}

	----------------------------------------------------*/

	#about-container .container-flex h2				{ margin-left:0;}

	#about-container .container-flex h5				{ margin-right:0;}



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ margin-top:30%;  }

	.business-left									{ width:38%; padding-left:7%;}

	.business-right									{ padding: 7% 0 0 13%;}



	/*----------------------------------------------------

		  {--------}  SEGUROS PESSOAIS  {--------}

	----------------------------------------------------*/

	.life-right										{ padding: 14% 0 0 13%;  }

		

	/*----------------------------------------------------

			    {--------}  FOOTER  {--------}

	----------------------------------------------------*/

	.footer-text									{ width:24%;}

	}











	/*UXGA */

	@media screen and (max-width: 1440px) {



	/*----------------------------------------------------

			   {--------}  GERAL  {--------}

	----------------------------------------------------*/

	.container-flex									{ width:86%; margin:0 7%;}

	h1	 											{ padding: 0 7%;}

	h2												{ font-size:64px; line-height:64px;}



	/*----------------------------------------------------

			     {--------}  TOPO  {--------}

	----------------------------------------------------*/

	#intro-social									{ padding:25px 7% 0; }



	/*---------------------  MENU  ----------------------*/

	nav												{ width:570px;}

	nav ul li										{ line-height:32px;}



	/*----------------------------------------------------

			 {--------}  INTRODUÇÃO  {--------}

	----------------------------------------------------*/

	#intro-container								{ background:url('../images/back-intro.jpg') center center no-repeat; background-size:100% auto; }

	#mouse-home										{ margin-top:125px; }

	@keyframes alert 								{ 0%   {margin-top:125px;} 25%  {margin-top:120px;} 50%  {margin-top:123px;} 75%  {margin-top:120px;} 100% {margin-top:125px;}}



	/*----------------------------------------------------

			  {--------}  A BASSO  {--------}

	----------------------------------------------------*/

	#about-container .container-flex h2				{ margin-left:0;}

	#about-container .container-flex h5				{ margin-right:0;}



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ margin-top:33%;  }

	.business-left									{ width:38%; padding-left:7%;}

	.business-right									{ padding: 7% 0 0 13%;}



	/*----------------------------------------------------

		 {--------}  SEGURADORAS PARCEIRAS  {--------}

	----------------------------------------------------*/

	#partner-box									{ width:660px;}

	.continer-tipo-partner							{ width:220px;}



	/*----------------------------------------------------

		  {--------}  SEGUROS PESSOAIS  {--------}

	----------------------------------------------------*/

	.life-right										{ padding: 14% 0 0 13%;  }

		

	/*----------------------------------------------------

			    {--------}  FOOTER  {--------}

	----------------------------------------------------*/

	.footer-text									{ width:24%;}

	}











	/*XGA */

	@media screen and (max-width: 1366px) {



	/*----------------------------------------------------

			   {--------}  GERAL  {--------}

	----------------------------------------------------*/

	h2												{ font-size:60px; line-height:60px;}



	/*----------------------------------------------------

			 {--------}  INTRODUÇÃO  {--------}

	----------------------------------------------------*/

	#mouse-home										{ margin-top:90px; }

	@keyframes alert 								{ 0%   {margin-top:90px;} 25%  {margin-top:85px;} 50%  {margin-top:87px;} 75%  {margin-top:85px;} 100% {margin-top:90px;}}



	/*----------------------------------------------------

			  {--------}  A BASSO  {--------}

	----------------------------------------------------*/

	#about-container .container-flex h2				{ margin-left:0;}

	#about-container .container-flex h5				{ margin-right:0;}



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ margin-top:37%;  }

	.business-left									{ width:38%; padding-left:7%;}

	.business-right									{ padding: 12% 0 0 13%;}

	.safe-container									{ width:140px; height:150px; margin:0 15px 15px 0; border-radius:10px; background-color:#ffffff; text-align:center; box-shadow: 0 20px 50px 0 rgba(3, 4, 94, 0.03); cursor:pointer;}

	.icon-safe										{ margin:25px 0 25px 0; }



	/*----------------------------------------------------

		 {--------}  SEGURADORAS PARCEIRAS  {--------}

	----------------------------------------------------*/

	#partner-box									{ width:660px;}

	.continer-tipo-partner							{ width:220px;}



	/*----------------------------------------------------

		  {--------}  SEGUROS PESSOAIS  {--------}

	----------------------------------------------------*/

	.life-right										{ padding: 14% 0 0 13%;  }

		

	/*----------------------------------------------------

			    {--------}  FOOTER  {--------}

	----------------------------------------------------*/

	.footer-text									{ width:27%;}

	#footer-whats									{ font-size:30px; width:27%;}

	.footer-social									{ width:12%; text-align:right; }

	}











	/*XGA */

	@media screen and (max-width: 1024px) {



	/*----------------------------------------------------

			   {--------}  GERAL  {--------}

	----------------------------------------------------*/

	.container-flex									{ width:80%; margin:0 10%;}

	h1	 											{ padding: 0 10%;}

	h2												{ font-size:60px; line-height:60px;}



	/*----------------------------------------------------

			     {--------}  TOPO  {--------}

	----------------------------------------------------*/

	#intro-social									{ padding:25px 10% 0; }



	/*------------------  TROCA MENU  -------------------*/

	nav												{ display:none; }

	#menu											{ display:block; margin-top:60px; }

	#top-button 									{ display:none; }



	/*------------------- MENU MOBILE  -----------------*/

	.side-menu-wrapper 								{ display:block !important; background: #03045E; padding: 60px 0 0 75px; position: fixed; top: 0; left: -650px; height: 100%; z-index: 2; transition: 0.5s; width: 450px; font: 32px 'Metropolis-Bold', cursive; box-sizing: border-box; letter-spacing:0;}

	.side-menu-wrapper > ul							{ list-style:none; padding:0; margin:0; overflow-y: auto; height:95%;}

	.side-menu-wrapper > ul > a > li				{ display: block; padding: 20px 0; color: #ffffff; transition: 0.3s; text-decoration: none;}

	.side-menu-wrapper > ul > a > li:hover	 		{ opacity:0.5 }

	.side-menu-wrapper > a.menu-close 				{ padding: 8px 0 20px 23px; color: #00B4D8; display: block; margin: -30px 0 -10px -20px; font-size: 50px; text-decoration: none; font-family: 'Metropolis-Bold', cursive;}

	.side-menu-wrapper > a.menu-close:hover		 	{ opacity:0.5 }

	.menu-overlay									{ height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgba(0,0,0,.7); overflow-y: auto; overflow-x: hidden; text-align: center; opacity: 0; transition: opacity 1s;}

	.social-mobile-icons							{ margin-top:40px !important; display:block; }

	.green-button-menu-mobile						{ float:left !important; display:block; margin-top:60px; }

	.menu-button									{ display:block !important; float:left !important; }



	/*----------------------------------------------------

			 {--------}  INTRODUÇÃO  {--------}

	----------------------------------------------------*/

	#intro-container								{ background:url('../images/back-intro.jpg') 70% center no-repeat; background-size:auto 100%; }

	#mouse-home										{ margin-top:250px; }

	@keyframes alert 								{ 0%   {margin-top:250px;} 25%  {margin-top:245px;} 50%  {margin-top:247px;} 75%  {margin-top:245px;} 100% {margin-top:250px;}}



	/*----------------------------------------------------

			 {--------}  ESTRUTURA  {--------}

	----------------------------------------------------*/

	#business-container, #life-container            { display:inline-block; width:100%; height:1260px; overflow:hidden !important; }



	/*----------------------------------------------------

			  {--------}  A BASSO  {--------}

	----------------------------------------------------*/

	#about-container .container-flex h2				{ margin-left:0;}

	#about-container .container-flex h5				{ width:50%;}



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ margin-top:49%; width:100px; margin-left:4%;  }

	.business-left									{ width:90%; padding-left:10%; height:500px;}

	.business-left h2 								{ margin: 110px 0 50px 0;}

	.business-right									{ padding: 150px 10% 150px 10%; width:80%;}

	.safe-container									{ width:23%; height:150px; margin:0 15px 15px 0; border-radius:10px; background-color:#ffffff; text-align:center; box-shadow: 0 20px 50px 0 rgba(3, 4, 94, 0.03); cursor:pointer;}

	.icon-safe										{ margin:25px 0 25px 0; }

	.break-desktop									{ clear:none; }



	/*----------------------------------------------------

		  {--------}  SEGUROS PESSOAIS  {--------}

	----------------------------------------------------*/

	.life-right										{ padding: 120px 10%; width:80%;  }

	.description-safe-life 							{ margin: 30px 0 0 20px; width:70%; height:150px;}

		

	/*----------------------------------------------------

		 {--------}  SEGURADORAS PARCEIRAS  {--------}

	----------------------------------------------------*/

	#partner-container					            { height:1100px;}

	#partner-container h2							{ margin:150px 0 50px 0;}

	#partner-box									{ width:100%; margin:50px 0 0 0; float:left;}

	.continer-tipo-partner							{ width:25%;}



	/*----------------------------------------------------

		   	 {--------}  CONTATO  {--------}

	----------------------------------------------------*/

	#contact-container					            { height:1450px;}

	#contact-container h2							{ margin:150px 0 50px 0;}

	#contact-container h5							{ clear:both; width:400px; height:auto; margin-bottom:50px; }

	#contact-button									{ background-color:#00B4D8; color:#ffffff; line-height:34px; clear:both; }

	#contact-button:hover							{ background-color:#009FBF;}

	#form-box										{ width:100%; margin-top:100px; }

	#form-box p										{ color:#03045E; }

	#send-button									{ background-color:#00B4D8; color:#ffffff; line-height:34px; }

	#send-button:hover								{ background-color:#009FBF;}



	/*----------------------------------------------------

			    {--------}  FOOTER  {--------}

	----------------------------------------------------*/

	.footer-text									{ width:50%; margin-bottom:50px}

	#footer-whats									{ font-size:30px; width:100%;margin-bottom:50px}

	.footer-social									{ width:100%; text-align:left; margin-bottom:50px }

	#footer-contact 								{ min-height: 240px;}


	/*----------------------------------------------------
			    {--------}  LGPD  {--------}
	----------------------------------------------------*/
	#lgpd-container									{ position:fixed; width:84%; height:auto; padding: 25px 3%; background-color:#FFFFFF; bottom:25px; left:5%; display:block; border-radius:10px; }
	.lgpd-title-blue								{ color: #00B4D8 !important; font-size:24px; margin-top:45px; }
	#lgpd-button									{ background-color:#00B4D8; color:#ffffff; line-height:34px; clear:both;}
	#lgpd-button:hover								{ background-color:#009FBF;}
	.lgpd-text										{ width:55% !important; margin-top:10px; }
	.lgpd-content									{ width:45%; margin-top:15px; }

	}









	/*XGA */

	@media screen and (max-width: 768px) {



	/*----------------------------------------------------

			   {--------}  GERAL  {--------}

	----------------------------------------------------*/

	.container-flex									{ width:80%; margin:0 10%;}

	h1	 											{ padding: 0 10%; font-size:72px; line-height:72px;}

	h2												{ font-size:60px; line-height:60px; width:100%;}



	/*----------------------------------------------------

			     {--------}  TOPO  {--------}

	----------------------------------------------------*/

	#intro-social									{ padding:25px 10% 0; }



	/*----------------------------------------------------

			 {--------}  INTRODUÇÃO  {--------}

	----------------------------------------------------*/

	#intro-container								{ background:url('../images/back-intro.jpg') 70% center no-repeat; background-size:auto 100%; }

	#mouse-home										{ margin-top:285px; }

	@keyframes alert 								{ 0%   {margin-top:285px;} 25%  {margin-top:280px;} 50%  {margin-top:283px;} 75%  {margin-top:280px;} 100% {margin-top:285px;}}



	/*----------------------------------------------------

			 {--------}  ESTRUTURA  {--------}

	----------------------------------------------------*/

	#business-container, #life-container            { display:inline-block; width:100%; height:1540px; overflow:hidden !important; }



	/*----------------------------------------------------

			  {--------}  A BASSO  {--------}

	----------------------------------------------------*/

	#about-container .container-flex h2				{ margin-left:0;}

	#about-container .container-flex h5				{ width:100%; margin-top:50px;}

	#about-container 								{ padding-top: 150px;}



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ margin-top:65%;}

	.business-left									{ width:90%; padding-left:10%; height:500px;}

	.business-left h2 								{ margin: 110px 0 50px 0;}

	.business-right									{ padding: 150px 10% 150px 10%; width:80%;}

	.safe-container									{ width:30%; height:180px; margin:0 15px 15px 0; border-radius:10px; background-color:#ffffff; text-align:center; box-shadow: 0 20px 50px 0 rgba(3, 4, 94, 0.03); cursor:pointer;}

	.icon-safe										{ margin:40px 0 25px 0; }

	.break-desktop									{ clear:both; }



	/*----------------------------------------------------

		  {--------}  SEGUROS PESSOAIS  {--------}

	----------------------------------------------------*/

	.life-right										{ padding: 190px 10%; width:80%;  }

	.life-right .safe-container						{ margin-bottom:50px; }

	.description-safe-life 							{ margin: 30px 0 0 20px; width:60%; height:150px;}

		

	/*----------------------------------------------------

		 {--------}  SEGURADORAS PARCEIRAS  {--------}

	----------------------------------------------------*/

	#partner-container					            { height:1270px;}

	#partner-container h2							{ margin:150px 0 50px 0;}

	#partner-box									{ width:100%; margin:50px 0 0 0; float:left;}

	.continer-tipo-partner							{ width:33%;}

	.continer-tipo-partner	img						{ max-width:70%;}



	/*----------------------------------------------------

		   	 {--------}  CONTATO  {--------}

	----------------------------------------------------*/

	#contact-container					            { height:1450px;}

	#contact-container h2							{ margin:150px 0 50px 0;}

	#contact-container h5							{ clear:both; width:400px; height:auto; margin-bottom:50px; }

	#contact-button									{ background-color:#00B4D8; color:#ffffff; line-height:34px; clear:both; }

	#contact-button:hover							{ background-color:#009FBF;}

	#form-box										{ width:100%; margin-top:100px; }

	#form-box p										{ color:#03045E; }

	#send-button									{ background-color:#00B4D8; color:#ffffff; line-height:34px; }

	#send-button:hover								{ background-color:#009FBF;}



	/*----------------------------------------------------

			    {--------}  FOOTER  {--------}

	----------------------------------------------------*/

	.footer-text									{ width:50%; margin-bottom:50px}

	#footer-whats									{ font-size:30px; width:100%;margin-bottom:50px}

	.footer-social									{ width:100%; text-align:left; margin-bottom:50px }

	#footer-contact 								{ min-height: 240px;}


	/*----------------------------------------------------
			    {--------}  LGPD  {--------}
	----------------------------------------------------*/
	#lgpd-container									{ position:fixed; width:84%; height:auto; padding: 25px 3%; background-color:#FFFFFF; bottom:25px; left:5%; display:block; border-radius:10px; z-index:9999999;}
	.lgpd-title-blue								{ color: #00B4D8 !important; font-size:24px; margin-top:45px; }
	#lgpd-button									{ background-color:#00B4D8; color:#ffffff; line-height:34px; clear:both; padding: 16px 26px; width:100%;}
	#lgpd-button:hover								{ background-color:#009FBF;}
	.lgpd-text										{ width:100% !important; margin-top:10px; }
	.lgpd-content									{ width:100%  !important; margin-top:15px;}


	}











	/*XGA */

	@media screen and (max-width: 425px) {



	/*----------------------------------------------------

			   {--------}  GERAL  {--------}

	----------------------------------------------------*/

	.container-flex									{ width:80%; margin:0 10%;}

	h1	 											{ font-size:34px; line-height:34px; width:80%}

	h2												{ font-size:40px; line-height:40px;}

	h3 												{ font-size: 24px; line-height: 24px; width:80%; margin:0 auto;}

	h4 												{ font-size: 18px; line-height: 26px;}



	/*----------------------------------------------------

			     {--------}  TOPO  {--------}

	----------------------------------------------------*/

	#intro-social									{ padding:25px 10% 0; }

	#top-logotype 									{ margin-top: 57px; width: 170px; height: auto;}

	header 											{ height: 110px;}

	#menu                                           { margin-top: 35px;}

	#top-logotype 									{ margin-top: 32px;}

	

	/*------------------- MENU MOBILE  -----------------*/

	.side-menu-wrapper 								{ display:block !important; background: #03045E; padding: 60px 0 0 75px; position: fixed; top: 0; left: -650px; height: 100%; z-index: 2; transition: 0.5s; width: 85%; font: 22px 'Metropolis-Bold', cursive; box-sizing: border-box; letter-spacing:0;}

	.side-menu-wrapper > ul							{ list-style:none; padding:0; margin:0; overflow-y: auto; height:95%;}

	.side-menu-wrapper > ul > a > li				{ display: block; padding: 15px 0; color: #ffffff; transition: 0.3s; text-decoration: none;}

	.side-menu-wrapper > ul > a > li:hover	 		{ opacity:0.5 }

	.side-menu-wrapper > a.menu-close 				{ padding: 8px 0 20px 23px; color: #00B4D8; display: block; margin: -30px 0 -10px -20px; font-size: 50px; text-decoration: none; font-family: 'Metropolis-Bold', cursive;}

	.side-menu-wrapper > a.menu-close:hover		 	{ opacity:0.5 }

	.menu-overlay									{ height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgba(0,0,0,.7); overflow-y: auto; overflow-x: hidden; text-align: center; opacity: 0; transition: opacity 1s;}

	.social-mobile-icons							{ margin-top:40px !important; display:block; }

	.green-button-menu-mobile						{ float:left !important; display:block; margin-top:60px; }

	.menu-button									{ display:block !important; float:left !important; }



	/*----------------------------------------------------

			 {--------}  INTRODUÇÃO  {--------}

	----------------------------------------------------*/

	#intro-container								{ background:url('../images/back-intro.jpg') 70% center no-repeat; background-size:auto 100%; }

	#mouse-home										{ margin-top:95px;}

	#mouse-home	img									{ width:65px; }

	@keyframes alert 								{ 0%   {margin-top:95px;} 25%  {margin-top:90px;} 50%  {margin-top:93px;} 75%  {margin-top:90px;} 100% {margin-top:95px;}}

	#intro-container 								{ height: 575px;}



	/*----------------------------------------------------

			 {--------}  ESTRUTURA  {--------}

	----------------------------------------------------*/

	#business-container, #life-container            { display:inline-block; width:100%; height:1540px; overflow:hidden !important; }



	/*----------------------------------------------------

			  {--------}  A BASSO  {--------}

	----------------------------------------------------*/

	#about-container .container-flex h2				{ margin-left:0;}

	#about-container .container-flex h5				{ width:100%; margin-top:50px;}

	#about-container .container-flex h5	img			{ width:100%;}

	#about-container 								{ padding-top: 100px; height:850px;}



	/*----------------------------------------------------

		  {--------}  MENSAGEM COTAÇÃO  {--------}

	----------------------------------------------------*/

	#categorie-safe									{ font-size:18px; color:#03045E; font-weight:800 !important;  }

	.fancybox-slide > * 							{ width: 90%;}

	.modalConteudo									{ width:100%; }

	#text-modal										{ width:100%; margin-bottom:35px; }



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ margin-top:118%;}

	.business-left									{ width:90%; padding-left:10%; height:500px;}

	.business-left h2 								{ margin: 110px 0 50px 0;}

	.business-right									{ padding: 150px 10% 150px 10%; width:80%;}

	.safe-container									{ width:100%; height:180px; margin:0 0 15px 0; border-radius:10px; background-color:#ffffff; text-align:center; box-shadow: 0 20px 50px 0 rgba(3, 4, 94, 0.03); cursor:pointer;}

	.icon-safe										{ margin:40px 0 25px 0; }

	.break-desktop									{ clear:both; }

	#business-container					            {height:3100px; }



	/*----------------------------------------------------

		  {--------}  SEGUROS PESSOAIS  {--------}

	----------------------------------------------------*/

	.life-right										{ padding: 190px 10%; width:80%;}

	.life-right .safe-container						{ margin-bottom:50px; }

	.description-safe-life 							{ margin: 0 0 35px 20px; width:80%; height:150px;}

	#life-container            						{ height:1925px;}



	/*----------------------------------------------------

		 {--------}  SEGURADORAS PARCEIRAS  {--------}

	----------------------------------------------------*/

	.continer-tipo-partner							{ width:50%; height:130px;}



	/*----------------------------------------------------

		   	 {--------}  CONTATO  {--------}

	----------------------------------------------------*/

	#contact-container					            { height:1360px;}

	#contact-container h2							{ margin:100px 0 50px 0;}

	#contact-container h5							{ width:100%;}



	/*----------------------------------------------------

			    {--------}  FOOTER  {--------}

	----------------------------------------------------*/

	.footer-text									{ width:100%; font-size:14px; line-height:20px;}

	#footer-whats									{ font-size:24px; padding-left:50px; width:80%;}

	.footer-social									{ width:100%; text-align:left; margin-bottom:50px }

	#footer-contact 								{ min-height: 350px;}



	/*----------------------------------------------------
			    {--------}  LGPD  {--------}
	----------------------------------------------------*/
	#lgpd-container									{ position:fixed; width:84%; height:auto; padding: 25px 3%; background-color:#FFFFFF; bottom:25px; left:5%; display:block; border-radius:10px; z-index:9999999;}
	.lgpd-title-blue								{ color: #00B4D8 !important; font-size:24px; margin-top:45px; }
	#lgpd-button									{ background-color:#00B4D8; color:#ffffff; line-height:34px; clear:both; padding: 16px 26px;}
	#lgpd-button:hover								{ background-color:#009FBF;}
	.lgpd-text										{ width:100% !important; margin-top:10px; }
	.lgpd-content									{ width:100%  !important; margin-top:15px; }


	}

	

	

	

	@media screen and (max-width: 320px) {

	/*------------------- MENU MOBILE  -----------------*/

	.side-menu-wrapper 								{ padding: 60px 0 0 25px;}



	/*----------------------------------------------------

		{--------}  SEGUROS EMPRESARIAIS  {--------}

	----------------------------------------------------*/

	.big-icon										{ margin-top:156%;}

	}