/*	Theme Name: Simbiose	Version: 1.0	Author: http://www.a2webdesign.com.br	*/		 		.header{			background:#ED1C24;			position: fixed;			z-index:999;			top:0;			left:0;			width:100%;			box-shadow: 0 0  10px #333;			padding:  0;			transition: all 1s;		}				.blue-header{			transition: all 1s;			background:#244BB2;		}				.header-red{			background:#ff0000!important;			transition: all 1s;		}			 		.nav {			padding: 0 0 0px 0;			list-style:none;			width:100%;			margin:0;		}		.nav  li{			display: inline-block;			margin: 0 10px		}		.nav  li a{			color:#fff;			display: inline-block;			padding: 20px 10px;			font-size:13px;		}			.nav  li span{			color:#fff;			display: inline-block;			padding: 20px 10px;			font-size:13px; 		}		.nav  li a:hover{			color:#ddd;		}	 		.nav  li:hover a{color:#ddd;}		.sub-nav{			padding:11px 0;			width:300px;			display:none		}				.nav  li:hover .sub-nav{			display:block		}						.sub-nav span{			padding:0 20px;			background:#fff;			width:100%;			display:block		}		.sub-nav a{			padding:15px 0px!important;			border-top: solid 1px #666;			display:inline-block;			background:#fff;			width:100%;			color:#000!important;			text-transform:uppercase;		}    		.logo {			display: inline-block;			margin: 10px 0 10px 0			 		}		.logo img{			max-width:100%;			height:auto;		}				 		 .list-m{			display: inline-block;			width:24%;			vertical-align:top;			margin:  20px 0		 }		 		#slider_0{			top:-2px;		}		.text-slider{			padding: 15% 0% 0 10%;			color:#fff;			width:48%;			left:0;			position:relative;			transition: all 1s;		}			.text-slider h2{			font-weight:300;			font-size:50px;			opacity:0;			 transition: all 2s;			 left:-400px;			 position: relative; 		}				.swiper-slide-active .text-slider h2{			 transition: all 2s;				opacity:10;				left:0;		} 	 		.swiper-slide-active .text-slider{left:0; transition: all 1s;}	 	 		#pagination_slider_0{			bottom:30px!important;			position: absolute!important		}	  		#prev_slider_0{			width:30px;			height:30px;			background: url(images/setas.svg) top left  no-repeat;		}		#next_slider_0{			width:30px;			height:30px;			background: url(images/setas.svg) top right  no-repeat;		}								.session-rapido{			padding: 100px 0;			background: url(images/shadow.png) top center  repeat-x;			background-color:#F5F5F7;		}		.session-rapido h1{			color:#244BB2;			padding: 0 10%;			transition: all 1s;			margin: 200px 0 0 0;		}			.show-session-rapido h1{			transition: all 1s;			margin: 0px 0 0 0;		}								.link-rapido h3{ 			font-size:15px;			padding:15px 0;			display:block;			color:#000		}		.link-rapido img{ 			transition: all 0.5s;			border-radius:100%;				-webkit-filter: grayscale(0%);		   -moz-filter: grayscale(0%);			-ms-filter: grayscale(0%);			 -o-filter: grayscale(0%);			filter: grayscale(0%);		}.link-rapido:hover img{ 			transition: all 0.5s;			box-shadow:0 0 20px #999;			-webkit-filter: grayscale(100%);		   -moz-filter: grayscale(100%);			-ms-filter: grayscale(100%);			 -o-filter: grayscale(100%);			filter: grayscale(100%);		}								.img-ball{			width:190px;			height:190px;			border: solid 10px #fff;			display: inline-block;			border-radius:100%;		}										#slider_1 .swiper-slide{width:33%!important; padding: 0 20px}						#prev_slider_1{			width:30px;			height:30px;			background: url(images/setas.svg) top left  no-repeat;		}		#next_slider_1{			width:30px;			height:30px;			background: url(images/setas.svg) top right  no-repeat;		}						.session-depoimentos{			padding: 100px 0;			background:url(images/bg-depoimentos.png) center center  no-repeat;			background-size:cover;			color:#fff;			font-size:14px;		}		.session-depoimentos h2{			font-size:40px;			padding: 0 0 40px 0;			display:bloack		}	  		.shadow{background: url(images/shadow.png) top repeat-x;}		.session-empresa{			background: url(images/shadow.png) top repeat-x;			padding: 50px 0 0 0;			background-color:#F5F5F7		}		.session-empresa h1{			font-weight:700;			color:#244BB2;			 padding: 100px 0 30px 0;			top: 100%;			position: relative;			transition: all 1s;			opacity:0;		}				.active-session-empresa h1{			top: 0;			position: relative;			transition: all 1s;			opacity:10;		}				.session-empresa h1 span{			color:#ff0000;		}		.session-empresa ul{			margin: 20px 0 0 0px;			padding: 0;			list-style:none;		}.session-empresa ul li:before {content: "•"; color: red; margin:  0px 10px 0 0; font-size:25px; position: relative; top:3px}    		.maximg img{			max-width:100%;			height:auto;		}		.img-empresa img{			opacity:0;			transition: all 1s;		}		.active-img-empresa img{			opacity:10;			transition: all 1s;		}		 		#prev_slider_2{			width:30px;			height:30px;			background: url(images/setas.svg) top left  no-repeat;		}		#next_slider_2{			width:30px;			height:30px;			background: url(images/setas.svg) top right  no-repeat;		}				#slider_2 .text-slider b{			color:#000!important;		}			#slider_2 .text-slider p{			color:#000!important;		}		#slider_2 .text-slider h2{			font-weight:700!important;		}				#pagination_slider_2{		    bottom: 50px;			text-align: left;			padding: 0 10%;		}#pagination_slider_2 .swiper-pagination-bullet {		   background:#fff!important		}		#pagination_slider_2 .swiper-pagination-bullet-active {		   background:#000!important		}					.session-shop {			padding: 80px 0		}		.session-shop h1{			font-weight:700;			color:#244BB2;			 padding: 0px 0		}		.session-shop p{			padding: 0 15%;			margin: 20px 0		}				.session-shop h1 span{			color:#ff0000;		}	 		.item-shop{			border-right: dotted 1px #ccc;			margin: 20px 0;		}					.item-shop img{			max-height:195px;			width:auto;			max-width:100%;			transition: all 0.5s;		}.item-shop:hover img{			max-height:135px;			transition: all 0.5s;		 		}		.item-shop span{			line-height:195px;		}		.item-shop h3{			font-size:18px;			padding: 0 40px		}				.session-equipe{			padding: 100px 0;			color:#fff;			background: url(images/bg-equipe.png) center center  no-repeat fixed;			background-size:cover;		}						.session-equipe h1{			font-weight:700;			color:#fff;			 padding: 0px 0 40px 0		}		.session-equipe p{			font-size;17px;		}				.session-equipe h1 span{			color:#ff0000;		}	 		#slider_3 .swiper-slide {			width:25%!important;			padding: 0 20px;		}		#prev_slider_3{			width:30px;			height:30px;			background: url(images/setas.svg) top left  no-repeat;		}		#next_slider_3{			width:30px;			height:30px;			background: url(images/setas.svg) top right  no-repeat;		}				#pagination_slider_3{		    bottom: -30px;			width:98%			 		} 								#slider_4 .swiper-slide {			width:25%!important;			padding: 0 20px;		}		 		 #prev_slider_4{			width:50px;			height:50px;			background: url(images/setas-2.svg) top left  no-repeat;			left:-50px;			top:60%;		}		#next_slider_4{			width:50px;			height:50px;			background: url(images/setas-2.svg) top right  no-repeat;			right:-50px;			top:60%;		}				.session-destaques{			padding:100px 0;		}				.session-destaques h1{			color:#244BB2;			font-weight:400;			padding: 0 0 0px 0;			letter-spacing:-1px;		}		 .session-destaques h1 span{			color:#FF0000;			font-weight:700		}		 		 .session-destaques p{			padding: 20px 15%;			margin: 0 0 50px 0		}		 		.img-ball-s{			width:240px;			height:240px;			display: inline-block;			border-radius:100%;			padding:15px;			transition: all 0.5s;			border: solid 1px #fff;			position: relative		} 		.img-ball-s:hover{			border: solid 10px #fff;			transition: all 0.5s;		} 		.img-ball-s:hover .img-ball-s-int{			width:190px;			height:190px;			transition: all 0.5s;		} 		 	 		.img-ball-s-int{			width:210px;			height:210px;			float: left;			border-radius:100%;			border: solid 1px #fff;			transition: all 0.5s;					} 				 		 		.icon-hover{			position: relative;			background: rgba(0,0,0,0.5);			 line-height:200px;			height:100%;			font-size:45px;			color:#fff;			z-index:9;			top:100%;			transition: all 0.5s;			opacity:0;		}		     												 		 		.session-blog{			padding: 50px 0;		}		 		.session-blog h1{			color:#244BB2;			font-weight:400;			padding: 0 0 40px 0;			letter-spacing:-1px;		}		 .session-blog h1 span{			color:#FF0000;			font-weight:700		}				.blog{			margin: 0 0 20px 0		}		 		.blog h3{			font-size:18px;			font-weight:700;			padding: 10px 0;		 }		.img-blog{			width:100%;			height:200px;			display:block;			margin: 0 0 10px 0 ;			position: relative;			overflow:hidden;			transition: all 0.5s;			background-size:100%!important;				border-radius:5px;								}		.img-blog:hover{			transition: all 0.5s;			background-size:130%!important;		}		  				.session-fotos #gallery-1  .gallery-item   {margin:0;  }		.session-fotos #gallery-1  .gallery-item  img{width:100%!important; border:none; height:auto!important; padding:1px; transition: all 0.5s;}			  		  #gallery-1  .gallery-item:hover  img {		   -webkit-transform: scale(1.1); /* Safari */			transform: scale(1.1);			transition: all 0.5s;		} 		#gallery-1  .gallery-item  img{width:100%!important; border:none; height:auto!important; padding:10px; transition: all 0.5s;}		 		.swiper-pagination{width:100%;}		.swiper-pagination-bullet{margin: 0 5px; border-radius:100%!important; background:#ccc; border:none!important}		.swiper-pagination-bullet-active{background:#ed3237!important}				 	  		.session-sac{			padding: 50px 0;			color:#fff;			background: url(images/bg-sac.png) center center  no-repeat;			background-size:cover;		}				.session-sac .dados span{			display:block;			margin: 20px 0;		}		.session-sac .dados span i{			background:#ff0000;			width:40px;			height:40px;			line-height:40px;			border-radius: 100%;			margin: 0 10px 0 0;			text-align:center		}				.redes i{			background:#fff;			color:#000;			width:30px;			height:30px;			line-height:30px;			border-radius: 100%;			text-align:center;			margin: 0 10px 0 0		}			.redes i:hover{			color:#ff0000;		}				.session-sac h6{			font-weight:700		}		.session-sac ul{			padding: 0px 0 0 15px		}													  		.session-footer{			padding: 20px 0;			background:#333;			color:#fff;		}		.session-footer span{			display: inline-block;			font-size:13px;			margin: 0 10px		}		.session-footer span i{			display: inline-block;			font-size:15px;			margin: 0 10px		}		 		.iframe iframe{			width:100%;			height:450px;		}		 		 .red{color:#EB3036}		 .red:hover{color:#EB3036}		 		 .copy{			padding: 10px;			font-size:11px;		 }		 		.content-int{			padding: 50px 0; 			position: relative;			background: url(images/shadow.png) top repeat-x		}				.title-page h1{			font-weight:400;			font-size:35px;			padding: 0 20px 20px 0px;			color:#EB3036		}				.slider-int{			height:200px;			width:100%;		}				.m-sac{cursor: pointer;}				.max-img img{max-width:100%; height:auto}						.ic-menu{			font-size:25px;			font-weight:300;			margin: 10px 0 0 0;			display:none;			color:#fff 		}		.ic-menu i{			font-weight:300		}				 .seta-up{			 display:none;			 position: fixed;			 width:50px;			 height:50px;			 font-size:25px;			 text-align:center;			 color:#fff;			 padding: 5px 0 0 0;			 border-radius:100%;			 background-color: rgba(0,0,0,0.5);			 z-index:9999;			 right:15px;			 bottom:80px;			 cursor: pointer;			 		 }		 		 .whats{			padding: 10px 0;			width:40px;			text-align:center;			right:20px;			border-radius: 5px 5px 0 0;			background:#EB3036;			position: fixed;			color:#fff;			font-size:18px;			z-index:9999;			bottom:-50px;						transition: all 0.5s;		}	  .whats:hover{			padding: 10px 0 20px 0;			 transition: all 0.5s;			 color:#fff		}	  			 						.wpcf7 span{			width:100%; 		}.wpcf7 p{			font-size:12px;			margin: 0 0 5px 0;			display:block		}		.wpcf7 input[type="text"]{			width:100%;			border-radius:0;			border: none;			border-bottom: solid 1px #ddd;			padding:15px 0;			background: transparent;			color:#fff;		}		.wpcf7 input[type="email"]{			width:100%;			border-radius:0;			border: none;			border-bottom: solid 1px #ddd;			padding:15px 0;			background: transparent;			color:#fff;		}		.wpcf7 input[type="submit"]{			padding: 10px 30px ;			width:auto;			float:right;			border-radius:5px;			border:none;			background:#ff0000;			cursor: pointer;			color:#fff;			font-weight:700;			font-size:15px;			display: inline-block;			margin: 10px 0 0 0;			text-align:center;			transition: all 0.5s		}				input:focus{outline:none}		textarea:focus{outline:none}				.wpcf7 textarea{			width:100%;			resize:none;			border-radius:0;			padding:15px 0;			border: none;			border-bottom: solid 1px #fff;			background: transparent;			color:#fff;		}				.wpcf7 textarea::-webkit-input-placeholder {  color: #fff;}		.wpcf7 textarea::-moz-placeholder {color: #fff;}		.wpcf7 textarea:-ms-input-placeholder { color: #fff;}		.wpcf7 textarea:-moz-placeholder { color: #fff}						.wpcf7 input[type="email"]::-webkit-input-placeholder {  color: #fff;}		.wpcf7 input[type="email"]::-moz-placeholder {color: #fff;}		.wpcf7 input[type="email"]:-ms-input-placeholder { color: #fff;}		.wpcf7 input[type="email"]:-moz-placeholder { color: #fff}				.wpcf7 input[type="text"]::-webkit-input-placeholder {  color: #fff;}		.wpcf7 input[type="text"]::-moz-placeholder {color: #fff;}		.wpcf7 input[type="text"]:-ms-input-placeholder { color: #fff;}		.wpcf7 input[type="text"]:-moz-placeholder { color: #fff}								 		@media screen and ( max-width: 960px ) {			 .content-nav{display:none}			 .ic-menu{display:block}			  .list-m{width:49%; }			  				.nav li{width:100%; text-align:center; border-top: solid 1px #e43939}					}			@media screen and ( max-width: 660px ) {			.list-m{width:100%;}			.session-empresa{				padding: 30px; text-align:center			}						.swiper-pagination{text-align:center!important; width:94%!important}						.show-session-rapido h1{font-size:30px}					.link-rapido img{max-width:100%; height:auto}					.session-depoimentos h2{font-size:30px}					h1 span{display:block}											.text-slider{width:100%; padding:20% 10% 15% 10%; text-align:center}			.text-slider h2{font-size:40px}			#prev_slider_0{display:none}			#next_slider_0{display:none}			#slider_0 .swiper-slide p{display:none}			#slider_0 .text-slider{width:100%; padding:65% 10% 15% 10%; text-align:center}					#slider_1 .swiper-slide{width:100%!important}						.swiper-slide-active .text-slider h2{font-size:30px}									#slider_3 .swiper-slide{width:100%!important}			#prev_slider_3{display:none}			#next_slider_3{display:none}									#prev_slider_4{display:none} 			#next_slider_4{display:none} 			#slider_4 .swiper-slide{width:100%!important}						.session-sac{padding: 30px}			.session-sac h2{font-size: 20px}			.session-sac .dados span i{display:block; margin: 0 auto 0;}			.session-blog{padding: 30px 20px}											.slider-int{				height:200px;			}			.redes{				margin: 0 0 20px 0			}			 .active-session-empresa h1{font-size:30px; padding: 50px 0 30px 0;}		}