/*
Theme Name: Giant Plastic   
Theme URI: 
Description: Tema Criado para a empres Giant Plastic desenvolvido por Joao Antonio Rocco
Author URI: joao.a.rocco@gmail.com
Version:1.0 
Tags: responsive,wordpress theme, bootstrap
*/
/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('dist/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('dist/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('dist/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('dist/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-italic - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('dist/fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('dist/fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('dist/fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('dist/fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-500 - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('dist/fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('dist/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('dist/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('dist/fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-500italic - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url('dist/fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('dist/fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('dist/fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('dist/fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-700 - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('dist/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('dist/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('dist/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('dist/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-700italic - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: url('dist/fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('dist/fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('dist/fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
		 url('dist/fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('dist/fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
  }

  a:active,a:focus,input:active,input:focus,button:active,button:focus{outline:0!important;-moz-outline-style:none!important}
  a {
  text-decoration:none!important;
  }
  svg{
	  pointer-events: none!important;
  }

body{
	font-family: 'Roboto'!important;
}

h1{
	color:#00135b;
}
/*************  HEADER ****************/
.bg-header{
background-image: url('dist/images/bg-header.jpg');
background-repeat: no-repeat;
background-position:center top;
background-size:cover;
height:60vh;
    
}


.nav-color{
background-color:#faba00; 
}
.nav-item{
padding:0 3em;
}

.navbar-nav .nav-link{
	color:#fff!important;
	font-weight:700;
}


.navbar-nav .nav-link:hover{
	color:#002a85!important;
}

.navbar-nav .active>.nav-link{
	color:#002a85!important;
}

.bt-trigger {
	border:none;
	fill:#fff;
	 background: none;
	 position: absolute;
	top: 20px;
	right: 15px;
	}
/************ FIM HEADER **************/
/************ ARTICLE **************/
article h1{
color:#00135b;
}
article h2{
color:#00135b;
font-size: 1.8rem;
}
article h3{
color:#00135b;
}

.list-sty ul{
  list-style: none; /* Remove default bullets */
	
    margin-right: 50px;
}

.list-sty ul li {display: inline;}

.list-sty ul li::before {
  content: "\2022";
  color: #a45b05;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left:0;
}
@media only screen and (max-width:425px){
	.list-sty ul{
    margin-top: 1.5em;
	}}
/************ FIM ARTICLE **************/

/************* FOOTER ****************/
footer p{
padding:0;
color:#002a85;
font-weight:600;
font-size:1em;
}

footer a{
color:#002a85;
text-decoration: none;
line-height:30px;
}
footer a:hover{
color:#002a85;
text-decoration: none;	
}

.bg-footer{
background-image: url('dist/images/bg-footer.jpg');
background-repeat: no-repeat;
background-position:center;
background-size:cover;  
padding:2em 0; 
}


/************* FIM FOOTER***********/


/********O QUE FAZEMOS *******/
.second-row {
	margin-top:-60px;
}
.second-row p{
	padding-right:3em;
}
@media only screen and (max-width:1024px){
.second-row {
	margin-top:0;
}
.second-row p{
	padding-right:0;
	}
}

.third-row {
	margin-top:-60px;
}
.third-row p{
	padding-right:1em;
}

/********FIM O QUE FAZEMOS *******/
.slick-prev:before, .slick-next:before {
	color:#002a85!important;
	font-size: 40px!important;
	}
	.slick-next {
		  right: -35px}
	.slick-prev {
	left: -35px!important;
	z-index: 999;
	}

	.slick-dots li button:before  {
		font-size:15px!important;
		color:#002a85!important;
		}
		.slick-dots li.slick-active button:before
			{
		color:#002a85!important;
		}
/********CONTATO *******/

.contato h4{
	color:#00135b;
}
.contato a{
	color:#5b5b5e;
font-weight:600;
}
.contato p{
color:#5b5b5e;
font-weight:600;
}

.contato textarea{
	resize:none;
	height:130px;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:65%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



@media only screen and (max-width:768px){
	.second-row {
		padding-left:3rem;
	}
	.second-row p{
		padding-right:0;
		}	
		
	.third-row {
		margin-top:0;
			padding-left:3rem;
	}
	.third-row p{
		padding-right:0;
		}
		.redes-menu{
			margin-top:1.5rem;
		}
		.nav-item{
			padding:0 1rem;
		}
	

	
	}

@media only screen and (max-width:425px){
	.map-responsive{

		   padding-bottom:80%;
	}
	.map {
		padding:0!important;
	}	
	
}
.btn-submit{
	border:none;
	width:100%;
	padding:10px;
	font-size:1.2em;
	color:#fff;
	background-color:#00135b;
}
.redes-menu svg{
	margin:0 5px;
	fill:#fff
	}
	.redes-menu a:hover svg{
	fill:#00135b;
	}
	
/********FIM CONTATO *******/

/* ============ OFFCANVAS ============ */
body.offcanvas-active{
	overflow:hidden!important;
   }
   .offcanvas-header{ display:none!important; }
   .screen-darken{
	   height: 100%!important; width:0%!important;
	   z-index: 30!important;
	   position: fixed!important; top: 0!important; right: 0!important; 
	   opacity:0!important; visibility:hidden!important;
	   background-color:rgba(255,255,255,0.7)!important;
	   transition:opacity .2s linear, visibility 0.2s, width 2s ease-in!important;
   }
   
   .screen-darken.active{
	   z-index:10!important; 
	   transition:opacity .3s ease, width 0s!important;
	   opacity:1!important;
	   width:100%!important;
	   visibility:visible!important;
   }
   
   /* ============ mobile view ============ */
   @media all and (max-width: 991px) {
	   .offcanvas-header{ display:block!important; }
	   .mobile-offcanvas{
		   visibility: hidden!important;
		   transform:translateX(-100%)!important;
		   border-radius:0!important; 
		   display:block!important;
		   position: fixed!important;  top: 0!important; left:0!important;
		   height: 100%!important; width:80%!important;
		   z-index: 1200!important; 
		   overflow-y: scroll!important;
		   overflow-x: hidden!important;
		   transition: visibility .3s ease-in-out, transform .3s ease-in-out!important;
	   }
   
	   .mobile-offcanvas.show{
		   visibility: visible!important; 	transform: translateX(0)!important;
	   }
	   .mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
		   display: block!important;
	   }
   
   }
   /* ============ OFFCANVAS END ============ */