/*
Theme Name: WordPress responsive theme by J.Duarte Design
Theme URI: http://www.jduartedesign.com
Description: Wordpress J.Duarte Design Theme
Author: Joao Duarte - J.Duarte Design
Author URI: http://jduartedesign.com
Version: 4.0
Tags: J.Duarte Design

License: NONE
License URI: http://none.at.all
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Cinzel:700);
@import url('https://fonts.googleapis.com/css?family=Sintony');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Gentium+Book+Basic');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Share');

@font-face { 
           font-family: 'dcc_sharp_distress_black_by_dccanim'; 
           src: url('fonts/dcc_sharp_distress_black_by_dccanim.eot'); 
           src: local("dcc_sharp_distress_black_by_dccanim"), url('fonts/dcc_sharp_distress_black_by_dccanim.ttf'); 
}

@font-face {font-family: "Press Style";
  src: url("wp-content/themes/jduartedesign/menu/press-style.regular.ttf");
  src: url("wp-content/themes/jduartedesign/menu/press-style.eot"); /* IE9*/
  src: url("wp-content/themes/jduartedesign/menu/press-style.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("wp-content/themes/jduartedesign/menu/press-style.woff2") format("woff2"), /* chrome、firefox */
  url("wp-content/themes/jduartedesign/menu/press-style.woff") format("woff"), /* chrome、firefox */
  url("wp-content/themes/jduartedesign/menu/press-style.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("wp-content/themes/jduartedesign/menu/press-style.svg#Press Style") format("svg"); /* iOS 4.1- */
}

/* Reset
---------------------------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }

body { 
background:#000000;
font-size: 14px;
color: #ffffff;
font-family: 'Roboto', Arial, helvetica, sans-serif;
background-color: #000000; 
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/bg.jpg);
}

/* P
---------------------------------------------------------------------------------------------------------- */

p {
margin: 0px 0px 10px 0px;
}

#p-home-paragraph {
margin: 0px 0px 10px 0px;
}

/* Parallax
---------------------------------------------------------------------------------------------------------- */
.bgParallax {
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
min-height: 100%;
background-attachment: fixed;
}

/* Structure
---------------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 100%;	
	max-width: 1200px;
	margin: auto;
	padding: 0% 2% 0% 2%;
}

#wrapper-page {
	width: 100%;	
	max-width: 1170px;
	margin: auto;
	padding: 0% 2% 0% 2%;
}

/* Video Background
---------------------------------------------------------------------------------------------------------- */
.container-video {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
padding: 60px 0px 60px 0px;
text-align: justify;	
}

.video-background { 
width: 100%; 
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
opacity: 1.9;
-webkit-filter: grayscale(100%) brightness(100%);
filter: grayscale(100%) brightness(100%);	
}

/* Container
---------------------------------------------------------------------------------------------------------- */
#container {
padding: 10px 0px 10px 0px;
margin: 0px 10px 0px 10px;
text-align: justify;
}

/* Container 1
---------------------------------------------------------------------------------------------------------- */
#container1 {
background-repeat: no-repeat;
background-position: center top;
padding: 10px 0px 50px 0px;
text-align: justify;
}

/* Container 2
---------------------------------------------------------------------------------------------------------- */
#container2 {
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/container/container2.jpg);
padding: 60px 0px 60px 0px;
text-align: justify;
}

/* Container Redes Sociais
---------------------------------------------------------------------------------------------------------- */
#container-redes-sociais {
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/container/container-redes-sociais.jpg);
padding: 60px 0px 60px 0px;
text-align: justify;
color: #000000;	
}

/* Container 3
---------------------------------------------------------------------------------------------------------- */
#container3 {
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/container/container3.jpg);
padding: 60px 0px 60px 0px;
text-align: justify;
color: #000000;	
background-color: #ececec;	
}

/* Container 4
---------------------------------------------------------------------------------------------------------- */
#container4 {
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/container/container4.jpg);
padding: 60px 0px 60px 0px;
text-align: justify;	
}

/* Container 5
---------------------------------------------------------------------------------------------------------- */
#container5 {
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/container/container5.jpg);
padding: 60px 0px 60px 0px;
text-align: justify;
background-color: #ececec;	
}

/* Container 6
---------------------------------------------------------------------------------------------------------- */
#container6 {
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/container/container6.jpg);
padding: 60px 0px 60px 0px;
text-align: justify;	
}

/* Container 7
---------------------------------------------------------------------------------------------------------- */
#container7 {
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/container/container7.jpg);
padding: 60px 0px 60px 0px;
text-align: justify;	
}

/* Wrapper Menu Topo
---------------------------------------------------------------------------------------------------------- */
#wrapper-menu-topo {
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/menu-bg2.jpg);
width: 100%;
height: 50px;
position: fixed;	
z-index: 999;
border-top-color: #449c9a;
border-top-style: outset;
}

/* Menu
---------------------------------------------------------------------------------------------------------- */
#menu {
position: fixed;
	z-index: 99;
    width: 1200px;
}

/* Hide normal screen
---------------------------------------------------------------------------------------------------------- */
#hide-at-normal-screen {
	display: none;
}

/* Hide normal screen
---------------------------------------------------------------------------------------------------------- */
#hide-responsive-screen {
	display: flow-root;
}

/* Header
---------------------------------------------------------------------------------------------------------- */		
#header {
	width: 100%;
}

#header img {
	width: 100%;
}

/* Slide
---------------------------------------------------------------------------------------------------------- */		
#slide {
	float: left;
	width: 100%;
}

#slide img {
	width: 100%;
}

/* Main
---------------------------------------------------------------------------------------------------------- */
#main {
	width: 42%;
	margin-right: 2%;
	margin-left: 2%;
	float: left;
	text-align: justify;
}	

/* Main 60% Width
---------------------------------------------------------------------------------------------------------- */
#main-60-width {
	width: 71%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	text-align: justify;
}	

/* Main Full Width
---------------------------------------------------------------------------------------------------------- */
#main-fullwidth {
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	text-align: justify;
}	

/* Sidebar Right
---------------------------------------------------------------------------------------------------------- */		
#sidebar-right {
	width: 26%;
	float: right;
	text-align: justify;
	margin: 0% 1% 0% 0%;
}

#sidebar-right img {
	width: 100%;
}
		
/* Sidebar Left
---------------------------------------------------------------------------------------------------------- */
#sidebar-left {
	width: 26%;
	float: left;
   	text-align: justify;
	margin: 0% 0% 0% 1%;
}		

#sidebar-left img {
	width: 100%;
}

/* Footer
---------------------------------------------------------------------------------------------------------- */
#footer {
	width: 100%;	
	max-width: 1200px;
	height: 316px;
	margin: 0% 0% 0% 0%;
	clear: both;
	text-align: justify;
    background-image:url(images/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
} 

#footer img {
	width: 100%;
	margin: 0% 0% 0% 0%;
}

/* Footer Full Width
---------------------------------------------------------------------------------------------------------- */
#footer-fullwidth {
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/footer-bg.jpg);
text-align: justify;
margin: -7px 0px 0px 0px;
padding: 30px 0px 0px 0px;
height: 500px;	
} 

#footer-fullwidth img {
	margin: 0% 0% 0% 0%;
}

/* Titulo
---------------------------------------------------------------------------------------------------------- */
#titulo {
	font-size: 26px;
	color: #96c6c5;
	font-family: 'Share', Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
    text-transform: uppercase;
}

/* Titulo Home
---------------------------------------------------------------------------------------------------------- */
#titulo-home {
	font-size: 20px;
	color:#96c6c5;
	font-family: 'Share', Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
    text-transform: uppercase;
}

#titulo-home a:link {
        color:#96c6c5;
	text-decoration: none;
}

#titulo-home a:visited {
        color:#96c6c5;
	text-decoration: none;
}

#titulo-home a:hover {
        color:#ffffff;
	text-decoration: none;
	background-color: #96c6c5;
}

#titulo-home a:active {
        color:#96c6c5;
	text-decoration: none;
}

#home-box {
    padding: 20px 20px 20px 20px;
    float: left;
    border: 1px solid #333333;
}

/* Small
---------------------------------------------------------------------------------------------------------- */
#small {
        font-size: 12px;
font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
        color:#ffffff;
        font-weight: normal;
	text-shadow: 2px 2px 2px #000;
        text-transform: none;
}

/* Assinatura Topo
---------------------------------------------------------------------------------------------------------- */
#assinatura-topo {
        font-size: 14px;
font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
        color:#ffffff;
        font-weight: normal;
	text-align: center;
	text-shadow: 2px 2px 2px #000;
        text-transform: none;
}

#assinatura-topo a:link {
        color: #449c9a;
	text-decoration: none;
        text-transform: lowercase;
}

#assinatura-topo a:visited {
        color: #449c9a;
	text-decoration: none;
        text-transform: lowercase;
}

#assinatura-topo a:hover {
        color:#dca41c;
	text-decoration: underline;
        text-transform: lowercase;
}

#assinatura-topo a:active {
        color: #449c9a;
	text-decoration: none;
        text-transform: lowercase;
}

/* Assinatura Rodape
---------------------------------------------------------------------------------------------------------- */
#assinatura-rodape {
    font-size: 14px;
	font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight: bold;
	text-align: center;
    text-transform: none;
	text-shadow: 3px 3px 3px #000, 
                     3px 3px 3px #000,
                     3px 3px 3px #000, 
                     3px 3px 3px #000;
}

#assinatura-rodape a:link {
        color:#ffffff;
	text-decoration: none;
        text-transform: lowercase;
}

#assinatura-rodape a:visited {
        color:#ffffff;
	text-decoration: none;
        text-transform: lowercase;
}

#assinatura-rodape a:hover {
        color:#96c6c5;
	text-decoration: underline;
        text-transform: lowercase;
}

#assinatura-rodape a:active {
        color:#ffffff;
	text-decoration: none;
        text-transform: lowercase;
}

/* No Hover
---------------------------------------------------------------------------------------------------------- */
#no-hover {
	font-size: 34px;  
	color: #ffffff;
	padding: 10px 10px 0px 10px;
	background-color: transparent;
}

#no-hover a:link {
	background-color: transparent;
}

#no-hover a:visited {
	background-color: transparent;
}

#no-hover a:hover {
	background-color: transparent;
}

#no-hover a:active {
	background-color: transparent;
}


/* Links
---------------------------------------------------------------------------------------------------------- */
a:link {
	color: #96c6c5;
	text-decoration: none;
}

a:visited {
	color: #96c6c5;
	text-decoration: none;
}

a:hover {
	color: #96c6c5;
	text-decoration: underline;
}

a:active {
	color: #96c6c5;
	text-decoration: none;
}

/* H1
---------------------------------------------------------------------------------------------------------- */
h1 {
font-family: 'Share', Verdana, Arial, Helvetica, sans-serif;
color:#449c9a;
font-size:44px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 60px;
font-weight: bold;
text-transform: uppercase;  
background: url('https://jdhost.com.br/wp14/wp-content/themes/jduartedesign/images/symbol.png');
background-repeat: no-repeat;
position:relative;
display: inline-block; 
border-bottom: 4px solid #449c9a;
width:95%;
}

/* H1 Fotos Home
---------------------------------------------------------------------------------------------------------- */
.h1-fotos-home {
font-family: 'Share', Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:44px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 60px;
font-weight: bold;
text-transform: uppercase;  
background: url('https://jdhost.com.br/wp14/wp-content/themes/jduartedesign/images/symbol.png');
background-repeat: no-repeat;
position:relative;
display: inline-block; 
border-bottom: 4px solid #000000;
width:95%;
}

/* H1 Home
---------------------------------------------------------------------------------------------------------- */
h1.home {
width:73%;
}

/* H1 Scroll Class
---------------------------------------------------------------------------------------------------------- */
h1.scroll-class {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 60px;
background: url('https://jdhost.com.br/wp14/wp-content/themes/jduartedesign/images/symbol.png');
background-repeat: no-repeat;
position:relative;	
}

/* H2
---------------------------------------------------------------------------------------------------------- */
h2 {
font-family: 'Share', Verdana, Arial, Helvetica, sans-serif;
color: #449c9a;
font-size:34px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 60px;
font-weight: bold;
text-transform: uppercase;  
background: url('https://jdhost.com.br/wp14/wp-content/themes/jduartedesign/images/symbol.png');
background-repeat: no-repeat;
position:relative;
display: inline-block; 
border-bottom: 4px solid #449c9a;
width:95%;
}

/* H2 Home
---------------------------------------------------------------------------------------------------------- */
h2.home {
width:87%;
}

/* H3
---------------------------------------------------------------------------------------------------------- */
h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

/* HR
---------------------------------------------------------------------------------------------------------- */
hr {
margin: 0px 0px 0px 0px;
width: 100%;	
clear: both;
}

/* TOP Button
---------------------------------------------------------------------------------------------------------- */
#top-button {
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
background-color: #000000;
color: #ffffff;
cursor: pointer;
padding: 10px 5px 10px 5px;
border-radius: 4px;
font-weight: bold;
}

#top-button:hover {
background-color: #cccccc;
color: #000000;
text-decoration: underline;
}

#ancora-scroller {
top:-60px;
}

/* BUTTON HOME
---------------------------------------------------------------------------------------------------------- */

.button-home {
  padding: 10px 10px 10px 10px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  outline: focus;
  color: #fff;
  background-color: #ff0208;
  border: none;
  border-radius: 0px;
  margin: 10px 0px 10px 0px;
  width: 100%;
  text-transform: uppercase;
}

.button-home:hover {
	background-color: #dca41c;
}

.button-home:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* WIDTH FEATURED IMAGE
---------------------------------------------------------------------------------------------------------- */
.alignleft-featured-image {
	float: left;
    margin: 5px 20px 20px 0;
    border-style: hidden;
    width: 100%;
    height: auto;
}

.alignleft-featured-image-home {
	float: left;
    margin: 5px 20px 20px 0;
    border-style: hidden;
    width: 100%;
    height: auto;
}

.alignleft-featured-image-category {
    float:left;
    margin: 5px 20px 20px 0;
    border-style:hidden;
    width: 200px;
    height: auto; 	
}

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
    border-style:hidden;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    border-style:hidden;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    border-style:hidden;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    border-style:hidden;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-style:hidden;
}

.wp-caption {
    background: #fff;
    border-style:hidden;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
    border-style:hidden;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
    border-style:hidden;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
    border-style:hidden;
}

.bordered {
    border-style:hidden;
}

/* Gallery Wordpress
---------------------------------------------------------------------------------------------------------- */
.wp-caption-text.gallery-caption {
	width: 90% !important; 
}

/* Search Form
---------------------------------------------------------------------------------------------------------- */

input#s{
width:70%;
box-sizing: border-box;  
background-color: #3C3C3C;
color: #ccc;
border: 2px solid #ccc;
font-size: 14px;
background-position: 10px 10px; 
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
background-image: url('http://onstage.mus.br/website/wp-content/uploads/2017/01/searchicon2.png');
border-radius: 25px 0px 0px 25px;
box-shadow: 0 2px #666
}

input#searchsubmit {
width:30%;
color:#000000;
background:#ffffff;
padding: 12px 10px 11px 6px;
transition: width 0.4s ease-in-out;
border-radius: 0px 25px 25px 0px;
box-sizing: border-box;
border: 2px solid #ccc;
cursor: pointer;
box-shadow: 0 2px #666
}

input#searchsubmit:hover {
background-color: #ffffff;
box-shadow: 0 2px #666
}

input#searchsubmit:active {
  background-color: #515151;
  box-shadow: 0 2px #666;
  transform: translateY(2px);
}

/* Contact Form
---------------------------------------------------------------------------------------------------------- */

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

textarea {
	font-family: 'Open Sans', Verdana, Arial, helvetica, sans-serif;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=email] {
    width: 100%;
    background-color: #ffffff;
    color: black;
    padding: 14px 20px;
    margin: 8px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
	box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #003142;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #343434;
}

/* Image Hover Effect <a href="#" class="imglink" target="_blank"></a>
---------------------------------------------------------------------------------------------------------- */

a.imglink{
  display:inline-block;
}

a.imglink img{
  vertical-align:middle;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

a.imglink:hover img{
  opacity:0.5;
}



/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}




/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

/* SECTIONS HOME SIDEBAR
---------------------------------------------------------------------------------------------------------- */
.section-home {
	clear: both;
    padding: 0px 10px 0px 15px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col-home {
	display: block;
	float:left;
margin: 0% 0.5% 0% 1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2-home2 {
	width: 67.5%;
	text-align: justify;
}
.span_1_of_2-home {
	width: 29%;
	text-align: justify;
}

@media only screen and (max-width: 1024px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 1024px) {
	.span_2_of_2, .span_1_of_2, .span_1_of_2-home, .span_1_of_2-home2 { width: 100%; padding: 10px 0px 0px 0px;}
	
	.section-home {
    padding: 0px 0px 0px 0px;
    width: 91% !important;
}
	
}

/* FIM SECTIONS HOME SIDEBAR
---------------------------------------------------------------------------------------------------------- */







/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}











#flags {
margin: 0px 0px 0px 50px;	
}


a.glink img {
    margin-right: 15px !important;
}








/* Media Queries
---------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {

body { 
	background-image:url(images/bg2.jpg);
	overflow-x: hidden;
} 

p {
	font-size: 16px;
	width: 92%;
}
	
#p-home-paragraph {
    margin: 0px 0px 10px 0px;
    width: 109%;
    text-align: justify;
}

#wrapper {
    display:flex;
    flex-flow: column;
	width: 104%;
}
	
#wrapper-page {
    display:flex;
    flex-flow: column;
	width: 97%;
}	

/* Wrapper Menu Topo
---------------------------------------------------------------------------------------------------------- */
#wrapper-menu-topo {
height: 62px;
}	
	
#container, #container1, #container2, #container3, #container4, #container5, #container6, #container7 {
width: 100%;
margin: 0px 0px 0px 0px;
font-size: 13px;	
}

#hide-at-normal-screen {
	display: flow-root;
}

#hide-responsive-screen {   
	display: none;
}

#no-hover {
	display: none;
} 

#header {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 99%;
    order:1;
}

#menu {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 95.6%;
    order:2;
}


#slide {
	padding: 0% 0% 0% 0%;
	margin: 5% 0% 0% 0%;
	width: 99%;
    order:3;
}
	
#assinatura-topo {
    font-size: 80%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 93%;
    order:4;
}
	
#main, #main-60-width, #main-fullwidth {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 93%;
    order:5;
}

#header img, #main img, #main-60-width img, #main-fullwidth img {
	width: 93%;
	height: auto;
}

#sidebar-left {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 96.5%;
    order:6;
}

#sidebar-right {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 96.5%;
    order:7;
}

#footer {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 96.5%;
    order:98;
}

#footer-fullwidth {
	width: 100%;
    order:99;
}
	
#assinatura-rodape {
    font-size: 100%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 93%;
    order:999;
}	

#small {
    font-size: 80%;
	width: 90%;
    text-align: left;
}
	
#small-page {
font-size: 80%;
width: 90%;
margin: 0px 0px 0px 10px;	
text-align: left;
}	

h1 {
font-size:28px;
width:83%;
background: url('https://jdhost.com.br/wp14/wp-content/themes/jduartedesign/images/symbol-responsive.png');
background-repeat: no-repeat;
position:relative;
display: inline-block; 
border-bottom: 4px solid #449c9a;
padding: 0px 0px 0px 40px;	
}
	
/* H1 Fotos Home
---------------------------------------------------------------------------------------------------------- */
.h1-fotos-home {
font-family: 'Share', Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:28px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 40px;
font-weight: bold;
text-transform: uppercase;  
background: url('https://jdhost.com.br/wp14/wp-content/themes/jduartedesign/images/symbol-responsive.png');
background-repeat: no-repeat;
position:relative;
display: inline-block; 
border-bottom: 4px solid #000000;
width:95%;
}	
	
/* H1 Scroll Class
---------------------------------------------------------------------------------------------------------- */
h1.scroll-class {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 40px;
background: url('https://jdhost.com.br/wp14/wp-content/themes/jduartedesign/images/symbol-responsive.png');
background-repeat: no-repeat;
position:relative;	
}	

h2 {
font-size:18px;
width:92%;
text-align: left;	
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 40px;
background: url('https://jdhost.com.br/wp14/wp-content/themes/jduartedesign/images/symbol-responsive.png');
background-repeat: no-repeat;
position:relative;		
display: inline-block;
    border-bottom: 2px solid #dca41c;	
}
	
h3 {
font-size:13px;
width:92%;
text-align: left;	
}
	
#h3-home {
font-size:13px;
width:92%;
text-align: center;	
}	

#titulo {
font-size: 18px;
width:92%;
}
	
#titulo-home {
font-size: 28px;
width:92%;
}	
	
.alignleft-featured-image {
width: 92%;
}	
	
#home-box {
width: 78%;
}
	
.bit-widget a {
text-decoration: none !important;
color: inherit !important;
font-size: 13px !important;
text-align: left !important;
}	
	
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    border-style:hidden;
    width: 100%;
    height: auto;	
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
    border-style:hidden;
    width: 92%;
    height: auto;	
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    border-style:hidden;
    width: 100%;
    height: auto;	
}	
	
	
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    border-style:hidden;
    width: 100%;
    height: auto;	
}

a img.alignnone {
    margin: 5px 20px 20px 0;
    border-style:hidden;
    width: 100%;
    height: auto;	
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
    border-style:hidden;
    width: 100%;
    height: auto;	
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-style:hidden;
    width: 100%;
    height: auto;	
}
	
	

}

.gigpress-calendar-add { display: none !important; }