*{
 font-family: 'Poppins', sans-serif;
}

.header{
  font-size: 14px;
}
.top-header{
  background-color: #FCF2F6;
  padding: 10px;
}
.top-header a{
  color:#333333;
  margin-right:15px;
}
.top-header i{
color:#D92A64;
}
.top-header a:hover{
  color:#D92A64;
  text-decoration: none;
}
.top-media{
  text-align: right;
}
.top-media a{
  background: #333333;
    color: #fff;
    font-size: 16px;
    padding: 5px 9px;
    border-radius: 5px;
}
.top-media i{
  color:#fff;
}
/*header*/
header {
    /*border-top: 1px solid #4d4d4d47;*/
}
.search {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: end;
  padding: 10px 0;
}

.searchTerm {
  width: 85%;
  border: 3px solid #FCF2F6;
  border-right: none;
  padding: 5px;
  height: 38px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #D92A64;
}

.searchTerm:focus{
  color: #D92A64;
}

.searchButton {
  width: 40px;
  height: 38px;
  border: 1px solid #D92A64;
  background: #D92A64;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}
a.support span {
    color: #D92A64;
}
a.support {
    display: block;
    border: 3px solid pink;
    text-align: center;
    background: #fff;
    /* margin: 0 auto; */
    padding: 5px 10px;
    font-size: 14px;
    width: 160px;
    color: #444;
    border-radius: 5px;
}
a.support:hover{
  color: #D92A64;
  text-decoration: none;
}
a.quote-btn {
    display: block;
    text-align: center;
    padding: 9px 10px;
    font-size: 14px;
    width: 160px;
    background-color: #D92A64;
    color: #fff;
        margin: 0 auto;
    margin-right: 0px;
    border-radius: 5px;
    animation: glowing 1300ms infinite;
}
a.quote-btn:hover{
  color:#fff;
  text-decoration: none;
}
   @keyframes glowing {
        0% {
          background-color: #f46e9b;
          box-shadow: 0 0 5px #f46e9b;
        }
        50% {
          background-color: #e04d7e;
          box-shadow: 0 0 10px #e04d7e;
        }
        100% {
          background-color: #D92A64;
          box-shadow: 0 0 5px #D92A64;
        }
      }
}
ul.nav {
    display: flex;
    justify-content: flex-start;
}
.nav>li>a.active{
  border-radius:5px;
}
.nav>li>a {
    padding-left: 30px;
    font-size: 16px;
    position: relative;
    display: block;
    padding: 10px 45px 20px 0px!important;
    font-weight: 500;
    text-transform: capitalize;  
    color: #333;
}
.nav a:hover{
    background: transparent!important;
}


header img {
    padding: 5px 0px;
}
.sticky {
    position: fixed;
    top: 0px;
    left: 0;
    /* padding: 20px 0; */
    right: 0;
    z-index: 10;
    /* padding: 10px 0; */
    box-shadow: 0px 0px 5px gainsboro;
    width: 100%;
    background-color:#fff;
    /*background: linear-gradient(90deg, rgba(255,255,255,0.9) 100%, rgba(0,0,0,1) 100%);*/
    -webkit-transition: left 500ms ease-out;
    -moz-transition: left 500ms ease-out;
    -o-transition: left 500ms ease-out;
    transition: left 500ms ease-out;
}
.sticky .search {
    display: none;
}

/*footer*/
.footer-copyright{
  padding: 10px;
    background: #fff;
    text-align: center;
    color: #333;
}
.footer-copyright p{
  margin-bottom: 0px;
        font-size: 14px;
    letter-spacing: 0px;
    text-align: left;
}
.footer-copyright a{
color:#333;
}
p.design{
  text-align: right;
}
.footer-copyright a:hover{
 color:#D92A64;
 text-decoration: none;
}
footer.footer-top b {
    letter-spacing: 1.5px;
}
/*footer*/
footer{
  width:100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
      background: #FFEADC;
}
.footer-top{
padding:40px 20px;
background: #444;
}
 .footer-top  img{
  width: 95%!important;
 /* background: #fff;*/
 } 
footer p {
    padding-top: 20px;
    padding-right: 10px;
    font-size: 13px;
    color: #fff;
    text-align: justify;
}
footer i{
  padding-right:5px;
}
footer a{
  color:#fff;
  font-size: 13px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.footer-img{
  width:70%;
}
footer a:hover{
  text-decoration: none;
  color:#D92A64;
  padding:5px;
  border-radius: 2px;
}
footer h4 {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    /* margin: 20px 0px; */
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
}
.contact-row a:hover{
 text-decoration: none;
  color:#fff; 
  background: none;
  padding:0px;
  border-radius: 0;
}
i.far.fa-envelope.fa-lg {
    color: #fff;
    padding: 13.5px 24px;
    background: #257CBF;
    margin: -40px 0px;
    float: right;
}
i.foot {
    width: 45px;
    height: 45px;
    padding: 8px 0px 5px;
    background: #dfe2eb;
    color: #223F63;
    font-size: 30px;
    text-align: center;
    margin-right: 15px;
        border-radius: 5px;
}
i.social-icon-foot {
    margin: 10px 14px;
}
.row.contact-row {
  margin-left: 10px;
    display: grid;
}
.row.contact-row img {
    padding: 6px 0px;
}
img.foot-logo{
    width: 50%!important; 
}
footer li {
    margin-bottom: 10px;
    font-size: 14px;
}
footer input#email {
    margin-top: 37px;
}
p.foot-p {
    line-height: 30.5px;
    font-size: 12px;
    letter-spacing: .9px;
}
a.contact-footer-2 {
    margin-bottom: 23px;
}
.add-span {
    margin-right: 24px;
}
/* button:hover{
 background:#F58133;
 color:#fff;
  animation: shake 0.2s infinite alternate ease-in-out;
}
@keyframes shake {
  0% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(5px);
  }
}*/
/*social-icon*/
.social-icon ul{
 
}
.row-social {
    right: 15px;
    top: 320px;
    z-index: 10;
    bottom: 0;
    position: fixed;
    margin: auto;
    background: none;
}
i.border {
    border:none !important;
}
.social-icon i{
  color:#fff;
  border-style:none;
  border-radius: 50%;
}

i.fa.border.fa-facebook {
    padding: 7px 10px;
    background: #0b86ee;
    margin: 10px 5px;
}
i.fa.border.fa-facebook:hover{
  background: #fff;
  color:#0b86ee;
}
i.fa.border.fa-twitter {
    margin: 10px 5px;
    padding: 5px 7px;
    background: #1da1f2;
}
i.fa.border.fa-twitter:hover {
   background: #fff;
  color:#1da1f2;
  }
i.fab.border.fa-instagram {
   margin: 10px 5px;
    padding: 5px 7px;
   background: linear-gradient(190deg, rgba(131,58,180,1) 0%, rgba(253,43,29,1) 50%, rgba(252,176,69,1) 100%);
}
i.fab.border.fa-instagram:hover {
     background: #fff;
  color:red;
}
i.fab.border.fa-whatsapp {
    margin: 5px;
    padding: 5px 7px;
    background: #0d9f16;
}
i.fab.border.fa-whatsapp:hover{
   background: #fff;
   color: #0d9f16;
}
i.fab.border.fa-linkedin-in {
  margin: 10px 5px;
    padding: 5px 7px;
    background: #0a66c2;
}
i.fab.border.fa-linkedin-in:hover{
   background: #fff;
   color: #0a66c2;
  }
.social-icon li {
    list-style-type: none;
    display:block;
    top: 305px;
    z-index: 10;
    left: 10px;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,.7) 0%, rgba(204,204,204,.7) 0%);
}
.social-footer i {
    font-size: 18px;
    padding: 14px;
}
@media  screen and (max-width: 768px){
    .top-header {
    display: none;
}
.search {
    display: none;
    }
    a.quote-btn {
    margin: -50px auto;
  }
p.design {
    text-align: center;
}
section.top-header h1 {
    display: none;
  }
  .footer-top {
    padding: 20px 5px;
}
.contacts{
    display: grid;
  }
.humbergarBtn{
    width: 35px;
    height: 0px;
    position: absolute;
    top: -148px;
    bottom: 0px;
    right: 15px;
    margin: auto;
    color: #000;
}
/*.sticky .humbergarBtn{
    width: 35px;
    height: 0px;
    position: absolute;
    top: -20px;
    bottom: 0px;
    right: 15px;
    margin: auto;
    color: #000;
}*/
.language {
     margin-top: 0px; 
}
.humbergarBtn span{
  width: 30px;
  height: 2px;
  background-color:#F26300;
  color: #000;
    border-radius: 3px;
    position: absolute;
}

.humbergarBtn span:nth-child(1){
  top:7px;
  width:27px;
     left: 6px;
     -webkit-transition: transform 500ms ease-out;
  -moz-transition: transform 500ms ease-out;
  -o-transition: transform 500ms ease-out;
  transition: transform 500ms ease-out;
}

.humbergarBtn span:nth-child(2){
   top:14px;
  width:14px;
  left:6px; 
  -webkit-transition: left 1000ms ease-out;
  -moz-transition: left 1000ms ease-out;
  -o-transition: left 1000ms ease-out;
  transition: left 1000ms ease-out;
}

.humbergarBtn span:nth-child(3){
   top:22px;
  width:27px;
    left:6px;
  -webkit-transition: transform 500ms ease-out;
  -moz-transition: transform 500ms ease-out;
  -o-transition: transform 500ms ease-out;
  transition: transform 500ms ease-out;
}


.humbergarBtn.close span:nth-child(1){
  top:7px;
  width:27px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: transform 500ms ease-out;
  -moz-transition: transform 500ms ease-out;
  -o-transition: transform 500ms ease-out;
  transition: transform 500ms ease-out;

}

.humbergarBtn.close span:nth-child(2){
  top:14px;
  width:14px; 
  left:1000px;
 -webkit-transition: left 1000ms ease-out;
  -moz-transition: left 1000ms ease-out;
  -o-transition: left 1000ms ease-out;
  transition: left 1000ms ease-out;
}

.humbergarBtn.close span:nth-child(3){
  top:7px;
  width:27px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: transform 500ms ease-out;
  -moz-transition: transform 500ms ease-out;
  -o-transition: transform 500ms ease-out;
  transition: transform 500ms ease-out;
}
.main-menu.addSlide{
  left: 0px;
  -webkit-transition: left 500ms ease-out;
  -moz-transition: left 500ms ease-out;
  -o-transition: left 500ms ease-out;
  transition: left 500ms ease-out;  
}
.nav>li>a.active {
  margin-left: 0px;
  color:#fff;
    }
.main-menu ul {
  margin-top: 20px;
    display: grid;
}
.main-menu a {
    font-size: 17px;
    color: #fff!important;
    }
.main-menu a:hover {
background:transparent!important;
border-radius:5px;
color: #fff;
text-decoration: none;
}
/*    .main-menu a:hover{
      background: red;
    }*/
.main-menu{
  left: -310px;
  width: 200px;
  background: #F26300;
  position: absolute;
  height: 100%;
  top:0;
  position: fixed;
  z-index: 99;
}
ul.dropdown {
 /*   display: none;*/
    position: relative;
    padding: 0px;
    width: 188px;
  top: -20px; 
 left: 0px; 
    border-radius: 0px 0px 5px 5px;
}
.main-menu .dropdown li {
    list-style-type: none;
    display: block;
    width: 100%;
       padding: 3px;
    background-color: transparent;
    margin: 0px 27px;
    color: #fff;
    /* border-radius: 0px 0px 5px 5px; */
}
.main-menu ul li {
    margin: 0px 0px;
    }
    .footer-img {
    width: 50%;
}
.row.contact-row {
     margin-left: 0px; 
}

footer p {
    font-size: 14px;
    text-align: justify;
    }
}

@media (min-width:1400px){
  .container {
    min-width: 1360px!important;
}
.footer-copyright p {
    margin-bottom: 0px;
    font-size: 16px;
    letter-spacing: .5px;
}
}