body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #d97b17 !important;
    background-color: rgb(59, 72, 76)/*#00171d*/;
}

header.mycss {
	
    background-image: url(../img/background.jpg);

    
    background-repeat: no-repeat;
    /*
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: center;*/
    color: #fff;
    /*#233d4e*/
    background-color: #273c47; 
    /*background-blend-mode: soft-light!important;*/
    /*height: 100vh;*/
    background-position: cover;

    position: relative;
    width: 100%;
    min-height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;
}




/* logo */
.navbar-brand {

    padding: 0px ;
   
}

.navbar-custom .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #d97b17 !important;
}

::selection {
    text-shadow: none;
    background: #d97b17 !important;
}



img.logo {
 
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
img.logo:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}



/* For devices < than 800px: */
img.logo{
		width: 100%;
	    height: auto;
}

a.navbar-brand{
/*425*0.20=85*/
width:100px;
	
}
/*
div.text-banner{
    border-style: solid;
    border-radius: 25px;
    padding: 10px;
    background-color: cadetblue;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.71), 0 6px 20px 0 rgba(0, 0, 0, 0.32);

}
*/







div.text-banner::before {
  background: url(../img/background.png) 0 / cover fixed;
}




@media (max-width: 600px){
  div.text-banner {
  margin: 100px auto;
  position: relative;
  padding: 10px 5px;
  background: rgba(0,0,0,.5);/*hsla(0,0%,80%,.2)*/;
  font-size: 20px;
  font-family: 'Lora', serif;
  line-height: 1.5;
  border-radius: 10px;
  
  box-shadow: 5px 3px 30px black;
  overflow: hidden;
}

div.text-banner::before {
  content: '';
  margin: -35px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: blur(10px)!important;
  z-index: -1;
}
}

@media (min-width: 601px){
  div.text-banner {
  margin: 100px auto;
  position: relative;
  padding: 10px 5px;
  background: rgba(0,0,0,.5);/*hsla(0,0%,80%,.2)*/;
  font-size: 20px;
  font-family: 'Lora', serif;
  line-height: 1.5;
  border-radius: 10px;
  width: 60%;
  box-shadow: 5px 3px 30px black;
  overflow: hidden;
}

div.text-banner::before {
  content: '';
  margin: -35px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: blur(10px)!important;
  z-index: -1;
}
}




h3.text-banner{
  padding-bottom: 0px;
  margin-bottom: 0px;
}




/* For devices > 800px: */
@media (min-width: 800px){
    img.logo{
		width: 65%;
	    height: auto;
	}

	a.navbar-brand{
		/*425*0.20=382*/
		width:300px;
	
	}
}



h2.section-heading, h4, .copyright{

  text-shadow: 1px 0 0 #222222, -1px 0 0 #222222, 0 1px 0 #222222, 0 -1px 0 #222222, 1px 1px #222222, -1px -1px 0 #222222, 1px -1px 0 #222222, -1px 1px 0 #222222;
}




i.fa.fa-unlock-alt.fa-inverse.fa-lg.menu:hover{
	
	color: #fed136;
}


/* icon register*/
.fa.fa-user-plus{

  display: block;
}

i.fa.fa-user-plus.fa-inverse.fa-lg.menu:hover{
	
	
	color: #fed136;
}


section.mycss#services{
    
    background: rgb(59, 72, 76);
}

/*
div.servicos{

    border: ridge;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.71), 0 6px 20px 0 rgba(0, 0, 0, 0.32);
    border-style: groove;
    border-radius: 5px;
    border-width: thin;
    background-color: #222222;

}
*/



@media (min-width: 1091px){ 

#services > div > div.row.text-center.hi-icon-wrap.hi-icon-effect-6.hi-icon-effect-1a.servicos{


    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

  }
}



.mycenter {
   
    margin: 0;
    
    position: absolute;
   
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
     }

/*
#page-top > header > div > div.mycenter{
    position: relative;
}

#page-top > header > div > div.mycenter {
   
    margin: 0;
    
    position: absolute;
   
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
     }
*/



div.col-lg-3.mycss{

background: rgb(34, 34, 34);
    font-size: 20px;
    font-family: 'Lora', serif;
    line-height: 1.5;
    border-radius: 10px;
    /* width: 60%; */
    box-shadow: 5px 3px 30px black;
   
    margin: 5px;
    /* overflow: hidden; */
    

}


section {
    padding: 75px 0 !important; 
}


section.mycss#portfolio{

	background: cadetblue; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(cadetblue, #233d4e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(cadetblue, #233d4e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(cadetblue, #233d4e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(cadetblue, #233d4e); /* Standard syntax */
}

section#team {

background: #233d4e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#233d4e, cadetblue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#233d4e, cadetblue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#233d4e, cadetblue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#233d4e, cadetblue); /* Standard syntax */
}



section#about{

	background: cadetblue; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(cadetblue, #233d4e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(cadetblue, #233d4e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(cadetblue, #233d4e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(cadetblue, #233d4e); /* Standard syntax */
}


section#contact {

  background-color: #222222;
  /* mg background-image: url('../img/map-image.png');*/
  /*background-image: url('/img/map-image.jpg');*/
  background-image: none;

  background-position: center;
  background-repeat: no-repeat;

  background-blend-mode: soft-light;
  background-size: cover;
}

section h3.section-subheading {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: white;
}

h4.service-heading{
    color:white;  
}



h2.section-heading{
	color: white;
}

.text-muted {
    color: white;
}


h4.service-heading{


}

p.text-muted.mycss{
	color: #ddd;
  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: small;
}

.padding{
	padding: 5px;
}






/*botão banner*/

@media (max-width: 600px){
  .btn-xl{

      color: #111;
      background-color: rgb(220, 132, 39);/*laranja + claro*/
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.71), 0 6px 20px 0 rgba(0, 0, 0, 0.32);

      white-space: pre-wrap;
     
      width: 100%;
      padding: 10px;

  }

  i.fa.fa-stack.fa-2x.fa-calendar{
      position: absolute;
      left: 50%;
      margin-right: -50%;
      transform: translate(-50%, -50%);
      padding-top: 3vh;
  } 


}

@media (min-width: 601px){
  .btn-xl{

      color: #111;
      background-color: rgb(220, 132, 39);/*laranja + claro*/
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.71), 0 6px 20px 0 rgba(0, 0, 0, 0.32);
     
      width: 98%;
      padding: 10px;
      width: 100%;

  }
}

@media (max-width: 600px){
  .btn-xl:hover, .btn-xl:active{

      color: #000!important;
      text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
      background-color: rgb(220, 132, 39);/*laranja + claro*/
      box-shadow: none;

      white-space: pre-wrap;
     
      width: 100%;
      padding: 10px;

  }
   i.fa.fa-stack.fa-2x.fa-calendar{
      position: absolute;
      left: 50%;
      margin-right: -50%;
      transform: translate(-50%, -50%);
      padding-top: 3vh;
  } 
}

@media (min-width: 601px){
  .btn-xl:hover, .btn-xl:active{

      color: #000!important;
      text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
      background-color: rgb(220, 132, 39);/*laranja + claro*/
      box-shadow: none;
     
      width: 98%;
      padding: 10px;
      width: 100%;

  }
}









/*
.btn-xl {
    color: #222222;
    background-color: rgb(220, 132, 39);/*laranja + claro*/
  /*  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.71), 0 6px 20px 0 rgba(0, 0, 0, 0.32);
  }


.btn-xl:hover {
    color: #222222;
    background-color: rgb(220, 132, 39);/*laranja + claro*/
/*    box-shadow: none;
  }

*/
div.container.mycss.contacts{
  background: rgba(0, 0, 0, 0.21);
}


section#contact .form-group.mycss input, section#contact .form-group.mycss textarea {
    padding: 5px;
    
}

section#contact .form-group.mycss {
    margin-bottom: 0px;
}



section#contact .form-group.mycss textarea.form-control {
    height: 116px;
}




button.btn.btn-xl.btn-block{
	padding: 3px;
  background-color: #d97b17;
  width:100%;

	 /*position:absolute; bottom:0;*/
}

button.btn.btn-xl.btn-block:hover{
    background-color:#fec503; 
     width:100%;
  }


select#mySelect, select#mySelect2{
  padding: 3px;
  background-color: #d97b17;
  margin-bottom: 10px;

   /*position:absolute; bottom:0;*/
}



div.row.maps{
	position: relative;
	min-height: 1px;
	padding-top: 30px;
}

/* place holders*/
input::-webkit-input-placeholder {
color: #cccccc !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #cccccc !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #cccccc !important;  
}
 
input:-ms-input-placeholder {  
color: #cccccc !important;  
}

textarea::-webkit-input-placeholder {
color: #cccccc !important;
}
 
textarea:-moz-placeholder { /* Firefox 18- */
color: #cccccc !important;  
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
color: #cccccc !important;  
}
 
textarea:-ms-input-placeholder {  
color: #cccccc !important;  
}