input{outline:none;border:none}textarea{outline:none;border:none}
.modal-dialog{max-width: 600px;}
.modal-body{padding:15px 50px 10px 50px;}.modal-header{padding:20px 50px 10px 50px;color:#1755a6;}
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-contact2{width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}

    .wrap-contact2{width:790px;background:#fff;border-radius:10px;overflow:hidden;padding:72px 55px 90px}.contact2-form{width:100%}
    .contact2-form-title{display:block;font-size:25px;color:#1755a6;line-height:1.2;text-align:center;padding-bottom:5px}
.wrap-input2{width:100%;position:relative;border-bottom:1px solid #7e7e7e;margin-bottom:37px}
.wrap-input2 textarea{margin-bottom:10px;}
.input2{display:block;width:100%;font-size:13px;color:#555;line-height:1.2}
.focus-input2{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}
.focus-input2::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:#1755a6;
    background:-webkit-linear-gradient(45deg,#1755a6,#358cff);background:-o-linear-gradient(45deg,#1755a6,#358cff);
    background:-moz-linear-gradient(45deg,#1755a6,#358cff);background:linear-gradient(45deg,#1755a6,#358cff)}
.focus-input2::after{content:attr(data-placeholder);display:block;width:100%;position:absolute;top:0;left:0;
    -size:13px;color:#999;line-height:1.2;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
    input.input2{height:31px}input.input2+.focus-input2::after{top:10px;left:0}textarea.input2{min-height:80px;padding-top:13px;padding-bottom:13px}
    textarea.input2+.focus-input2::after{top:10px;left:0}.input2:focus+.focus-input2::after{top:-13px}.input2:focus+.focus-input2::before{width:100%}
    .has-val.input2+.focus-input2::after{top:-13px}.has-val.input2+.focus-input2::before{width:100%}
    .container-contact2-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;
        flex-wrap:wrap;justify-content:center;padding-top:0px}.wrap-contact2-form-btn{display:block;position:relative;
            z-index:1;border-radius:2px;width:auto;overflow:hidden;margin:0 auto}.contact2-form-bgbtn{position:absolute;
                z-index:-1;width:300%;height:100%;background:#1755a6;
        background:-webkit-linear-gradient(-135deg,#1755a6,#358cff,#1755a6,#358cff);
        background:-o-linear-gradient(-135deg,7#1755a6,#358cff,#1755a6,#358cff);
        background:-moz-linear-gradient(-135deg,#1755a6,#358cff,#1755a6,#358cff);
        background:linear-gradient(-135deg,#1755a6,#358cff,#1755a6,#358cff);top:0;left:-100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.contact2-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;
    align-items:center;padding:0 10px;min-width:150px;height:40px;font-size:15px;color:#fff;line-height:1.2}
.wrap-contact2-form-btn:hover .contact2-form-bgbtn{left:0}
@media(max-width:576px){
    .wrap-contact2{padding:72px 15px 90px}
    .modal-header{padding:10px;}
    .modal-body{padding:10px;}
    .contact2-form-title{font-size:20px;}
}
.validate-input{position:relative}.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;
    border:1px solid #c80000;border-radius:2px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0;pointer-events:none;
    color:#c80000;font-size:13px;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{content:"\f12a";display:block;position:absolute;
        color:#c80000;font-size:16px;top:50%;-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}}
    .close{color:#1755a6;}
    .modal-footer{border-top: 0px;}


    /* -----------------------------------
      Gallery Section
--------------------------------------*/
.portfolio-section { padding: 50px 0px 50px 0px;

}
/*.portfolio-section h2 {
  font-size: 28px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}*/
.portfolio-menu {
  text-align: center;
}
.control {
  background: #000;
  color: #fff;
  padding: 5px 10px;
  border: 1px solid #343a40;
  border-radius: 3px;
  margin: 5px;
  cursor: pointer;
  -webkit-transition: all 05s ease;
  -moz-transition: all 05s ease;
  -ms-transition: all 05s ease;
  -o-transition: all 05s ease;
  transition: all 0.5s ease;
}
.control:hover {
  background: #343a40;
}
.mixitup-control-active {
  color: #fff;
  background: #343a40;
}
.fancybox-container button:focus {
  outline: 0;
  box-shadow: none;
}
.portfolio-item {
  padding-top: 30px;
}
.pd {
  padding: 0;
  padding: 10px;
}
.pd img {
  height: 455px;
  transition: all 0.5s;
}
.portfolio-overlay {
     position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgb(26 56 160 / 58%);
    width:95%;
    height: 86%;
    text-align: center;
    visibility: hidden;
    transition: all 0.5s;
    transform: scale(0);
    margin-top: 23px;
    margin-left: 34px;
    border-radius: 10px;
}
.portfolio-overlay p,
.portfolio-overlay a {
  position: relative;
  z-index: 4;
}
.portfolio-overlay::before {
  content: "";
  width: 0;
  height: 0;
  border-width: 0;
  position: absolute;
  left: 10%;
  top: 10%;
  transition: 50ms height ease 150ms;
  z-index: 3;
}
.portfolio-overlay::after {
  content: "";
  width: 0;
  height: 0;
  border-width: 0;
  position: absolute;
  right: 10%;
  bottom: 10%;
  transition: 100ms width ease 200ms;
  z-index: 3;
}
.portfolio-item:hover .portfolio-overlay::before {
  width: 80%;
  height: 80%;
  border-top: 1px solid #50977f;
  border-right: 1px solid #50977f;
  transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
}
.portfolio-item:hover .portfolio-overlay::after {
  width: 80%;
  height: 80%;
  border-bottom: 1px solid #50977f;
  border-left: 1px solid #50977f;
  transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
}
.portfolio-item li:hover .portfolio-overlay {
  visibility: visible;
  transform: scale(1);
}
.portfolio-overlay .category {
  margin-top: 70px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.portfolio-overlay .magnify-icon {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  background: #50977f;
  margin: 0 5px;
  cursor: pointer;
  display: inline-block;
  transition: all 0.25s;
}
.portfolio-overlay .magnify-icon:hover {
  background: #000;
}
.portfolio-overlay .magnify-icon p span i {
  font-size: 15px;
  color: #fff;
  line-height: 40px;
  cursor: pointer;
}

/*******Responsive media query******/

/* Extra small devices (portrait phones, less than 576px)*/