/*
 * A Design by GraphBerry
 * Author: GraphBerry
 * Author URL: http://graphberry.com
 * License: http://graphberry.com/pages/license
 */



/*
1. General
**********************************************************************/

body,td,th {
  font-family: 'Montserrat', sans-serif;
			font-weight: 200;
			color: #fff;
}
body {
		background-color: #0F1F35;
}
			
#contact .form-control::-moz-placeholder{color:#fff;opacity:1}
#contact .form-control:-ms-input-placeholder{color:#fff}
#contact .form-control::-webkit-input-placeholder{color:#fff}

#contact .form-control {
background-color: transparent;
  border: none;
  border: 1px solid #E2C785;
  border-radius: 0px;
  box-shadow: none;
  color: #fff;
  font-size: 14px;
  margin: 0px;
  transition: all 0.4s ease-in-out;
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #0F1F35 !important;
    background-image: none !important;
    color: #fff !important;
}
input:-internal-autofill-selected { background-color: #0F1F35 !important;}

#contact .form-control:focus {
  border-bottom-color: #014F3E;
}	

select {
  	border: 0;
   	height:38px;
    border:1px solid #E2C785;
    width:370px;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
	 background: url("images/down-arrow.png") no-repeat;
    /* dropdown_arrow.png is a 31x28 image */
	
}
		
#contact textarea {
    height: 80px;
	width: 96%;
	text-align: left;
	margin-top: -70px;
}

.control-group {
	padding: 5px 0;
	
}

.row {
	margin-left: 0px;
}
/******
2. Layout
**********************************************************************/
.centered {
    margin-left:auto;
    margin-right:auto;
    float: none;
    text-align: center;
}

.justified {
    margin-left:auto;
    margin-right:auto;
    float: none;
	text-align:justify;
}
/* Use this class if you want ceter element with span* class */
 .center {
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
	 padding-top: 20px;
	 
}
.highlighted-box {
    background:#F4F8F9;
    padding:20px 30px;
}
.highlighted-box h1 {
    margin:0px;
}
.large-text {
    line-height:1.2em;
    font-size: 30px;
    color: #fff;
    padding:20px;
    margin-bottom:20px;
}
.highlighted-box h1, .highlighted-box p {
    color: #fff !important;
}
.circle-border {
    display: inline-block;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    -khtml-border-radius: 500px;
    border: 3px solid #E2C785;
}
.left-align {
    text-align:left;
}
.right-align {
    text-align:left;
}
.error {
    color: #CF0000;
    display: none;
	font-weight: 200;
}
.invisible {
    display:none;
    visibility:visible;
}

.hidden-field
{
    display:none;
	visibility: hidden;
	margin-top: -20px;
   
}

.alert-danger, .alert-error {
    color: #CF0000;
	font-weight: 200;
  
}


/*
2.2 Buttons - There are buttons on a transparent background, primary and secondary color background.
**********/
.btn {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn:hover, .btn:active, .btn:focus {
  outline: none;
}
.btn {

  letter-spacing: 2px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
	text-shadow: none;
	 background-color: #fff;
	background-image: none;
	margin: 5px -8px;
}
.btn.btn-contact {
  font-family: "Libre Bodoni", serif; font-size: 16px; outline: 0; grid-gap: 8px; align-items: center; background-color: #0F1F35; color: #fff; border: 1px solid #E2C785; border-radius: 4px;  cursor: pointer; display: inline-flex; flex-shrink: 0; padding: 8px 16px 4px ; gap: 8px; justify-content: center; overflow: hidden; text-decoration: none; text-overflow: ellipsis; transition: all .14s ease-out; white-space: nowrap;
}

.btn.btn-contact:hover, .btn.btn-contact:active, .btn.btn-contact:focus {
box-shadow: 2px 2px 0 #E2C785; transform: translate(-2px,-2px);
}
.btn:hover, .btn:active, .btn:focus {
  background: #393e46 !important;
  color: #fff;
  outline: none !important;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
  border-color: transparent;
}



/*
3.7 Contact
*******************************************************************
 .contact {
    background: #262636;
}               				*/
.contact h1, .contact h2,.contact h4, .contact h5, .contact h6, .contact .section .title > p, .contact .social > li > a {
    color: #fff;
}

.contact h3 {
	font-size:22px;
	font-weight:400;
line-height:30px;
	padding-bottom: 10px;
}
.contact textarea, .contact input[type="text"], .contact input[type="email"] {
    padding: 8px;
    line-height: 15px;
    height: auto;
	width: 350px;
}

.contact .span6 {
	padding: 10px 20px 10px 20px;
}

.robotic { display: none; }

.contact textarea {
    height: 100px;
}
.contacts, .contact .social {
    color: #fff;
    list-style: none;
    margin-left: 10px;
}
.contacts > li {
    margin-top: 15px;
}
.contacts > li > a {
    color: #E2C785;
}

.contact-area {
	margin: 25px;
}
.contact-info {
	margin-bottom:5px;
	line-height: 35px;
	font-size:16px;
	
}
.contact-info p{
     font-weight:normal;
}


.contact-info i {
font-size: 2em;
color: #bf1e2e;
padding-right: 40px;
}
.contact-info i:hover {
color: #262636;
}

.map-wrapper {
    position:relative;
    height:400px;
}
.map-canvas {
    position:absolute;
    margin-bottom:20px;
    width:100%;
    height:400px;
    color: #29383F;
    left:0;
    top:0;
    right:0;
}
.contact .social {
    display: inline-block;
    margin-left:0;
}
.contact .social li {
    line-height: 32px;
    padding:10px 10px;
  font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    transition: margin 0.4s;
    -webkit-transition: margin 0.4s;
}
.contact .social li a {
    color:#fff;
}
.contact .social li a:hover {
    color:#262636;
}
.contact-form {
  
    background: rgba(255, 255, 255, 0.9);
    z-index:110;
    position:relative;
   
    padding:6px;
}
.contact-form h3 {
padding-bottom:5px;
}


.info-mail {
    border:1px solid white;
    width:60%;
    margin:0 auto;
    padding:15px;
    color:#262636;
}
.black {
    color:#262636;
}



/*
4 Responsive
********************************************************************/
 @media (min-width: 1400px) {
    .thumbnail .more {
        margin-left:-41px;
        width:80px;
        height:80px;
        border-radius:40px;
        line-height: 80px;
    }
	 .input-group {
		 margin-left: 15px;
	 }
}

@media (max-width: 767px) {
    .info-mail {
        width:90%;
        padding:15px 0px;
    }
   
}



input[name="honeypot"]{
    display: none;
}


/*
Client iFrame contact forms
********************************************************************/

.contact-form-clients {
    z-index:110;
    position:relative;
    margin-top:-25px;
    padding:6px;
}




@media (max-width: 480px) {
.povo-btn-align {
text-align: center;
	padding-bottom: 20px;
}



}

@media (max-width: 1024px) {
 
	
	.contact textarea, .contact input[type="text"], .contact input[type="email"] {
    padding: 8px;
    line-height: 15px;
    height: auto;
	width: 96%;
}
	
	select {
  	border: 0;
   	height:38px;
    border:1px solid #d8d8d8;
    width:290px;
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
	 background: url("images/down-arrow.png") no-repeat;
    /* dropdown_arrow.png is a 31x28 image */
	
}
}

@media only screen and (min-width: 1400px) {
	.form-area {
	margin-top: -50px;
	padding-bottom: 50px;
	}
}