.campanhas-margembottom{margin-bottom:100px;}
.campanha-coll{width:50%; position:relative; float:left; text-align:center; padding:0px 10px 0px 0px;}
.campanha-col2{width:50%; position:relative; float:left; text-align:center; padding:0px 0px 0px 10px;}

.campanha-titulo h2{font-family:  'Montserrat', sans-serif; font-size: 1.2em; color:#000; text-align:left; font-weight:700; padding:0px !important; margin:0px !important; text-transform:capitalize}
.campanha-texto h3{font-family:  'Montserrat', sans-serif; font-size:1em; color:#333; text-align:left; font-weight:400; margin-top:30px; line-height:2em}

.campanhas-botao-align{text-align:left;}
.campanhas-botao{font-family:  'Montserrat', sans-serif; position: relative; float:left; padding:10px 50px 10px 50px; border:none; font-weight:700; background-color:#ffd407; color:#000; font-size:0.9em; cursor:pointer; -webkit-transition: all 0.5s;transition: all 0.5s;}
.campanhas-botao:hover{opacity:0.8;}

#campanhas-fotos-div{margin-top:100px;}
.campanha-foto-col{width:33.333%; position:relative; float:left; text-align:center; padding:0px 5px 0px 5px; margin-bottom:10px;}
#campanha-foto-box{
cursor:pointer;
padding:10px;
-webkit-transition: all 0.2s; /* Safari */
transition:  all 0.2s;
}

#campanha-foto-box:hover{background-color:#eeeeee; transform: scale(0.98);}

a.campanha-termos:link,a.campanha-termos:visited,a.campanha-termos:active,a.campanha-termos:hover{
font-family:  'Montserrat', sans-serif; font-size:0.9em; color: #000; padding:0px 0px 0px 20px;
}
a.campanha-termos:hover {
text-decoration:underline;
}

.campanha-formulario-titulo{font-family:  'Montserrat', sans-serif; font-size: 1.2em; color:#000; text-align:left; font-weight:700;}

.tri-form2-addmore{ background-color:#ccc; color:#000; font-weight:500;
position:relative; float:left; font-family:  'Montserrat', sans-serif; font-size: 1em; font-weight:500; padding:8px 20px 8px 20px; cursor:pointer; box-shadow:none; border:none;-webkit-transition: all 0.5s; transition: all 0.5s;
}
.tri-form2-addmore:hover{opacity:0.8;}



/* input [type = file]
----------------------------------------------- */

input[type=file] {
	display: block !important;
	right: 1px;
	top: 1px;
	height: 34px;
	opacity: 0;
  width: 100%;
	background: none;
	position: absolute;
  overflow: hidden;
  z-index: 2;
}

.control-fileupload {
	display: block;
	border: 1px solid #d6d7d6;
	background: #FFF;
	border-radius: 4px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0px 10px 2px 10px;
  overflow: hidden;
  position: relative;
  
  &:before, input, label {
    cursor: pointer !important;
  }
  /* File upload button */
  &:before {
    /* inherit from boostrap btn styles */
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: color 0.2s ease;

    /* add more custom styles*/
    content: 'Browse';
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    right: 2px;
    line-height: 20px;
    text-align: center;
  }
  &:hover, &:focus {
    &:before {
      color: #333333;
      background-color: #e6e6e6;
      color: #333333;
      text-decoration: none;
      background-position: 0 -15px;
      transition: background-position 0.2s ease-out;
    }
  }
  
  label {
    line-height: 24px;
    color: #999999;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    margin-right: 90px;
    margin-bottom: 0px;
    cursor: text;
  }
}
@media screen and (max-width: 1023px) {
.campanha-coll,.campanha-col2{width:100%; margin-bottom:20px; padding:0px;}
.campanha-foto-col{width:100%; margin-bottom:50px; padding:0px;}
#campanha-img-height{ height:190px; }
.campanha-titulo h2{text-align:center;}
.campanha-texto h3{text-align:justify;}
.campanhas-botao-align{text-align:center;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* PARA DISPOSITIVOS PEQUENOS*/
#campanha-img-height{ height:250px; }
.campanhas-vermais{float:left;}
}
@media screen and (min-width: 1280px) and (max-width: 1365px) { /* PARA DISPOSITIVOS MÉDIOS*/
#campanha-img-height{ height:220px; }
.campanhas-vermais{float:left;}
}
@media screen and (min-width: 1366px) and (max-width: 1919px) { /* PARA DISPOSITIVOS MÉDIOS*/
#campanha-img-height{ height:220px; }
.campanhas-vermais{float:left;}
}
@media screen and (min-width: 1920px) and (max-width: 2159px) { /* PARA DISPOSITIVOS GRANDES*/
#campanha-img-height{ height:250px; }
.campanhas-vermais{float:left;}
}
@media screen and (min-width: 2160px) { /* PARA DISPOSITIVOS MUITO GRANDES*/
#campanha-img-height{ height:250px; }
.campanhas-vermais{float:left;}
}