.btn-shadow{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.btn-shadow-2{
	box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.box-shadow{
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.box-shadow-2{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.box-shadow-3{
	box-shadow: rgba(0, 0, 0, 1) 0px 2px 5px -1px, rgba(0, 0, 0, 1) 0px 1px 3px -1px;
}
.text-shadow{
  text-shadow: 1px 1px 2px #000;
}
/*.big-title{
	font-size: 3.5em;
}*/
.middle-title{
	font-size: 2.5em !important;
}
.small-title{
	font-size: 1.2em !important;
}
.bg-gd-default {
    background: #1776c3;
    background: linear-gradient(
135deg
,#1776c3 0,#56a8eb 100%)!important;
}
.bg-gd-earth {
    background: #4c7635;
    background: linear-gradient(
135deg
,#4c7635 0,#7bb65c 100%)!important;
}
.bg-gd-pulse {
    background: #bf2718;
    background: linear-gradient(
135deg
,#bf2718 0,#ea6153 100%)!important;
}
.bg-gd-sun {
    background: #ef5350;
    background: linear-gradient(
135deg
,#ef5350 0,#ffca28 100%)!important;
}
.bg-gd-corporate {
    background: #1f7275;
    background: linear-gradient(
135deg
,#1f7275 0,#34bfc6 100%)!important;
}
.bg-gd-elegance {
    background: #bc26d3;
    background: linear-gradient(
135deg
,#bc26d3 0,#d878e7 100%)!important;
}
.bg-gd-sea {
    background: #1f8ce4;
    background: linear-gradient(
135deg
,#1f8ce4 0,#26c6da 100%)!important;
}
.bg-gd-primary {
    background: #1776c3;
    background: linear-gradient(
135deg
,#1776c3 0,#56a8eb 100%)!important;
}
.bg-gd-leaf {
    background: #ffca28;
    background: linear-gradient(
135deg
,#ffca28 0,#9ccc65 100%)!important;
}
.bg-gd-creative {
    background: rgba(08, 03, 93, 0.9);
    background: linear-gradient(
135deg
,rgba(08, 03, 93, 0.9) 0,#56a8eb 100%)!important;
}
.font-bold{
  font-weight: bold !important;
}
.text-black{
  color: #000;
}
.text-uppercase{
  text-transform: uppercase !important;
}
.text-justify{
  text-align: justify !important;
}
.font-white{
  color: #fff !important;
}
.border{
  border: 1px solid #eee;
}
.border-top{
  border-top: 1px solid #eee;
}
.border-bottom{
  border-bottom: 1px solid #eee;
}
table td {
  vertical-align: middle !important;
}
.pointer{
  cursor: pointer !important;
}
.text-center{
  text-align: center !important;
}
.text-italic{
  font-style: italic !important;
}
.pull-right{
  float: right;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  margin: 8px;
  border: 3px solid #0b67ff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #0b67ff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.text-right{
  text-align: right !important;
}
.underline{
  text-decoration: underline !important;
}


/***************************************************************************************
***************************************************************************************
***************************************************************************************/
#hero{
  height: 500px; 
  width: 100%;
  background: #f38802 !important;
  margin: 85px 0px 20px 0px; 
}
#header .logo {
  padding: 0;
  text-align: left;
  margin: 0px;
  height: 45px;
}
#header .logo {
  font-size: 34px;
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  padding-left: 10px;
  border-left: 0px solid #18d26e;
}
#header .logo img {
  max-height: 55px;
  margin-top:  -15px;
}
#hero .carousel-item::before {
  content: "";
/*  background-color: rgba(0, 0, 0, 0.6);*/
  background-color: transparent;
}
#header.header-transparent {  
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
#header {
  height: 65px;
}
.navbar a{
/*  color: #666;*/
  color:  #0f0f0f;
}
#header.header-scrolled .navbar a{
  color:  #fff;
}
.navbar .active, .header-scrolled .navbar .active, .navbar .active:hover{
  color: #18d26e !important;
}
#header.header-scrolled .navbar a:hover {
  color: #ddd;
}
.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 350px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
/*.section-header h3 {
  font-size: 32px;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
  font-family: 'product_sansregular';
  padding-bottom: 10px !important;
  text-decoration: underline;
}*/
.section-header h3 {
  font-size: 25px;
  color: #28a803;
  text-transform: uppercase;
  text-align: left;
  font-weight: 400;
  position: relative;
  font-family: 'product_sansregular';
  margin-bottom: 0px;
  text-shadow: 0px 0px 1px #28a803, 0px 0px 1px #28a803, 1px 0px 2px #aaa; 
}
.section-header h3::before {
  content: "";
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  background: #ddd;
  bottom: 1px;
  left: 0;
}
.section-header h3::after {
  content: "";
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  background: #18d26e;
  bottom: 0;
  left: 0;
  margin-left: 40px;
}
#about::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 9;
}
#about .about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  margin-bottom: 20px;
}
.cacher{
  display: none;
}
.suite{
  font-style: italic;
  color: #dc3545;
  text-decoration: underline;
  cursor: pointer;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  border-bottom-color: #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-body {
  padding: 15px;
}
.panel-default {
  border-color: #ddd !important;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-primary {
  border-color: #337ab7 !important;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6 !important;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1 !important;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
/*.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}*/
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
#header.header-scrolled {
  background: rgba(0, 0, 0, 0.8);
  height: 60px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
#footer, #contact .contact-info address, #contact .contact-info p a, #about .about-col p, #footer .credits, body, div, .section-header p, p  {
  color: #666;
  font-size: 14px;
}
.form-group{
  margin-bottom: 10px !important;
}
.form-group label{
  font-weight: bold !important;
}
.datepicker-dropdown{
  margin-top: 70px !important;
}
input::placeholder{
  font-size: 14px;
  color: #d0d0d0 !important;
}
input, select, textarea{
 font-size: 14px !important;
}
.myAlert{  
  position: fixed;
  z-index: 1000;
  top: 10%;
  right: 10%;
  left: 10%;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  padding: 10px 20px;
  justify-content: center;
  background: #fff;
}
.myAlert-success{
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.myAlert-danger{
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.myAlert .bi{
  margin-right: 5px;
}
/********
*********
**********/
@media (max-width: 991px) {
  #header .logo img {
    max-height: 50px;
    margin-top: -15px;
  }
  #hero{
    height: 250px !important; 
    width: 100%;
    background: #f38802 !important;
    margin: 85px 0px 20px 0px; 
  }
  .panel-body .col-md-4{
    width: 40% !important;
    float: left !important;
  }
  .panel-body .col-md-8{
    width: 60% !important;
    float: right !important;
  }
  .image-folio{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    width: 400px !important;
    height: 228px !important;
    margin: 0px auto;
    overflow: hidden;
  }
  .image-folio img{
    width: 100%;
  }
  .size-22{
    font-size: 18px !important;
  }
}