#form-contact a{
	font-family:'Raleway', sans-serif;line-height:1.7;color:#666;margin:0;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s

}
#form-contact a:focus{
	outline:none!important

}
#form-contact a:hover{
	text-decoration:none;color:#57b846

}

#form-contact p{
	font-family:'Raleway', sans-serif;font-size:14px;line-height:1.7;color:#666;margin:0

}
#form-contact ul,li{
	margin:0;list-style-type:none
	
}
input{
	outline:none;border:none

}
textarea{
	outline:none;border:none

}
textarea:focus,input:focus{
border-color:transparent!important
}
input:focus::-webkit-input-placeholder{
color:transparent
}
input:focus:-moz-placeholder{
color:transparent
}
input:focus::-moz-placeholder{
color:transparent
}
input:focus:-ms-input-placeholder{
color:transparent
}
textarea:focus::-webkit-input-placeholder{
color:transparent
}
textarea:focus:-moz-placeholder{
color:transparent
}
textarea:focus::-moz-placeholder{
color:transparent
}
textarea:focus:-ms-input-placeholder{
color:transparent
}
input::-webkit-input-placeholder{
color:#999
}
input:-moz-placeholder{
color:#999
}
input::-moz-placeholder{
color:#999
}
input:-ms-input-placeholder{
color:#999
}
textarea::-webkit-input-placeholder{
color:#999
}
textarea:-moz-placeholder{
color:#999
}
textarea::-moz-placeholder{
color:#999
}
textarea:-ms-input-placeholder{
color:#999
}
button{
outline:none!important;border:none;background:0 0
}
button:hover{
cursor:pointer
}
iframe{
border:none!important
}
.bg-contacts{
width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover
}
.container-contacts{
width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background:rgba(219,21,99,.8);background:-webkit-linear-gradient(45deg,rgba(213,0,125,0.8),rgba(229,57,53,0.8));background:-o-linear-gradient(45deg,rgba(213,0,125,0.8),rgba(229,57,53,0.8));background:-moz-linear-gradient(45deg,rgba(213,0,125,0.8),rgba(229,57,53,0.8));background:linear-gradient(45deg,rgba(213,0,125,0.8),rgba(229,57,53,0.8))
}
.wrap-contacts{
width:790px;background:#fff;border-radius:10px;overflow:hidden;padding:72px 55px 90px
}
.contacts-form{
width:100%
}
.contacts-form-title{
display:block;font-family:'Raleway', sans-serif;font-size:39px;color:#333;line-height:1.2;text-align:center;padding-bottom:90px
}
.wrap-inputs{
width:100%;position:relative;border-bottom:1px solid #adadad;margin-bottom:37px
}
.inputs{
display:block;width:100%;font-family:'Raleway', sans-serif;color:#000;line-height:1.2
}
.focus-inputs{
position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none; /*font-style: italic; */
}
.focus-inputs::before{
content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;
background:#4c545c;
background:-webkit-linear-gradient(45deg,#4c545c,#646f7a);
background:-o-linear-gradient(45deg,#4c545c,#646f7a);
background:-moz-linear-gradient(45deg,#4c545c,#646f7a);
background:linear-gradient(45deg,#4c545c,#646f7a)
	


}
.focus-inputs::after{
content:attr(data-placeholder);display:block;width:100%;position:absolute;top:0;left:0;font-family:'Raleway', sans-serif;color:#666; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;line-height:1.2;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s
}
input.inputs{
height:45px;
padding-top:10px;
}
input.inputs+.focus-inputs::after{
top:16px;left:0
}
textarea.inputs{
/*min-height:115px;*/
min-height:10px!important;
padding-top:13px;
padding-bottom:13px;
padding-left:0px;
padding-lpadding:0px;
background: none!important;
border: none!important;
box-shadow: none!important;

}
textarea.inputs+.focus-inputs::after{
top:16px;left:0
}
.inputs:focus+.focus-inputs::after{
top:-13px
}
.inputs:focus+.focus-inputs::before{
width:100%
}
.has-val.inputs+.focus-inputs::after{
top:-13px
}
.has-val.inputs+.focus-inputs::before{
width:100%
}
.container-contacts-form-btn{
display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:13px
}
.wrap-contacts-form-btn{
display:block;position:relative;z-index:1;border-radius:2px;width:auto;overflow:hidden;margin:0 auto
}
.contacts-form-bgbtn{
position:absolute;z-index:-1;width:300%;height:100%;background:#db1563;background:-webkit-linear-gradient(-135deg,#d5007d,#e53935,#d5007d,#e53935);background:-o-linear-gradient(-135deg,#d5007d,#e53935,#d5007d,#e53935);background:-moz-linear-gradient(-135deg,#d5007d,#e53935,#d5007d,#e53935);background:linear-gradient(-135deg,#d5007d,#e53935,#d5007d,#e53935);top:0;left:-100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s
}
.contacts-form-btn{
display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;height:50px;font-family:'Raleway', sans-serif;font-size:16px;color:#fff;line-height:1.2
}
.wrap-contacts-form-btn:hover .contacts-form-bgbtn{
left:0
}
@media(max-width:576px){
	.wrap-contacts{
	padding:72px 15px 90px
	}
        .alert-validate::before{
            content:attr(data-validate);font-size:13px;line-height:1.4;
        }
         .focus-inputs{
          font-size:15px;  
        }
        .inputs{
          font-size:15px;
        }
}
@media(min-width:576px){
	.wrap-contacts{
	padding:72px 15px 90px
	}
        .alert-validate::before{
            content:attr(data-validate);font-size:18px;line-height:1.4;
        }
        .focus-inputs{
          font-size:18px;  
        }
        .inputs{
          font-size:18px;
        }
}
.validate-input{
position:relative
}
.alert-validate::before{
content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;padding:4px 25px 4px 10px;top:20%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0;pointer-events:none;font-family:'Raleway', sans-serif;color:#ee7f00;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s
}
.alert-validate::after{
  font-family: "Font Awesome 5 Free";
  content: "\f12a";
  font-weight: 900;
  display:block;position:absolute;color:#ee7f00;font-size:16px;top:20%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px
}
.alert-validate:hover:before{
visibility:visible;opacity:1
}
@media(max-width:992px){
	.alert-validate::before{
	visibility:visible;opacity:1
	}

}
.n-input{
	display:none!important;
}


.bgbtn-gradient-color{
    background: linear-gradient(-135deg,#4c545c,#646f7a,#4c545c,#646f7a);	
/*background: linear-gradient(-135deg,#4d6a79,#6a93a8,#4d6a79,#6a93a8);	*/
}
.bg-opacity{
	background:rgba(255,255,255,0.6);
}

 .css3-shadow{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.css3-shadow:after{
    content:"";
    position:absolute;
    z-index:-1;
    top:100%;
    bottom:0;
    width:120%;
    height:50px;
    left:-10%;
    right:-10%;
    background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 30%);
    background:radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 30%);
}
      

.service-area {
    background-color: #fff!important;
    min-height: 400px!important;
    background-attachment: fixed!important;
    background-size: cover!important;
    background-position: center!important;
}
.heading-center hr {
    width: 150px;
    margin-top: 20px;
    border-color: rgb(115,179,78);
}
.heading-center {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 30px;
}

.sliderbrand {
   max-height: 150px;
   max-width: 150px; 
}

   /* override position and transform in 3.3.x */
.carousel-inner .item.left.active {
  transform: translateX(-33%);
}
.carousel-inner .item.right.active {
  transform: translateX(33%);
}

.carousel-inner .item.next {
  transform: translateX(33%)
}
.carousel-inner .item.prev {
  transform: translateX(-33%)
}

.carousel-inner .item.right,
.carousel-inner .item.left { 
  transform: translateX(0);
}


.carousel-control.left,.carousel-control.right {background-image:none;}
    
    

.fb_dialog{
    
    right:5pt!important;
    bottom:5pt!important;
}
       
.cornerright {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    background: none;
    border-width: 90px 0 0 90px;
    border-style: solid;
    border-color: rgba(255, 127, 0, 0.9) transparent transparent transparent;
    z-index: 9999;
}
.cornerleft {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    background: none;
    border-width: 90px 0 0 90px;
    border-style: solid;
    border-color: rgba(255, 127, 0, 0.9) transparent transparent transparent;
    z-index: 9999;
    
    -webkit-transform: rotate(-180deg);
}

.dark-overlay {
    /* background-size: cover !important; */
    position: relative!important;
    z-index: 1!important;
}
.dark-overlay:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    content: "";
    z-index: -1;
    opacity: .10;
}
.service-area{
    
    background-color: #fff!important;
    min-height:400px!important;
    background-attachment: fixed!important;
    background-size: cover!important;
    background-position: center!important;
}
.row-centered a{
    
  
}
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 50px; top: 0; }

.linkgrey{
    color:#333!important;
}
.nopaddbtn{
    padding-bottom: 0!important;
}
.nopaddtop{
    padding-top: 0!important;
}

.write-review{
    
margin: 20px!important;
}


.footer a:hover {
    color: #000;
    text-decoration: none;
}
li  a:hover {
    color: #000!important;
    text-decoration: none;
}