@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');
.navbar-brand{
font-family: 'Cairo', sans-serif;
}
.navbar-brand::before{
content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: -14px -2px -14px 10px;
    top: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MzggNjM4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CgogICAgICAuY2xzLTEsIC5jbHMtMiB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNiYWJhYmE7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJDb2xvcl9GaWxsXzMiIGRhdGEtbmFtZT0iQ29sb3IgRmlsbCAzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMiwxMDYuNEMxMiwyNDksMTIsMzkxLjU5MywxMy4wODMsNTM0LjE4OGMyMi43NTEsMCw0NS41LDAsNzAuMTUyLjgxNiwwLjY1Ny00MS41OC4wMTMtODQuNDYxLDAuMjY3LTEyNy41MjcsMC00Mi4yMzcsMC04NC40NzQuNzMzLTEyOC42MTcsMzEuNzg5LDMxLjYxOSw2My4yMTQsNjMuMTYzLDk1LjU1LDk0LjkwNyw1Ny45NTktNjAuODMsMTExLjI1OC0xMjYuMzE5LDE3My41LTE4My45MTRhMTk0LjM4NSwxOTQuMzg1LDAsMCwxLDU4LjQxOC0zNS4yOTRjNDEuODA4LTE1Ljk4Myw4OS4xNzktMTcuMDU0LDEzMi4yMTYtLjk4NywzOC43MjEsMTYuNDIyLDU5LjgwNiwzMi4xNDgsNzkuOTQ2LDYwLjIzOWwyLjE0MywwLjE0OGMtMTguNDU5LTM2LjY0NS0zNy43MDktNTguOC02OS43OC03OS4wNjEtMjguODQyLTE5LjQ2OS04Ni40LTM0LjM1OS0xMzEuMDU1LTMwLjE4Mi0zMS43MTEsMS02OC4yNzgsMTEuMTM0LTg4LjE5MiwyMS45NC0zMy4wMTYsMTUtNTUuMywzNS41LTc2LjYsNTUuNjczLTI4LjgzNiwyOC43NDQtNTYuNzQzLDU3LjE2Mi04NS4xNTYsODUuMDc1QzEyMC43OTMsMjEyLjgsNjcuNTM4LDE1OS41NDUsMTQuMjQsMTA2LjMzLDE0LjE2NywxMDYuNCwxMiwxMDYuNCwxMiwxMDYuNFoiLz4KICA8cGF0aCBpZD0iQ29sb3JfRmlsbF8yIiBkYXRhLW5hbWU9IkNvbG9yIEZpbGwgMiIgY2xhc3M9ImNscy0yIiBkPSJNMzQ1Ljg4NiwyMzcuNjU0Yy0yMy43LDIzLjYtNDUuNDg4LDQ5LjEwOS02OC40Niw3NC41MTksMCw3My4yODMsMCwxNDYuNTY2LS44NDIsMjIxLjc3MywyMi4xNTIsMC42LDQ1LjQ5Mi4wMSw2OS4wOTQsMC4yNDIsMC43MjItLjM2MSwzLjA3LjksMy4yNS0yLjE2NiwwLTM0LjMsMC02OC41OSwxLjA4My0xMDIuODg1LDMyLjE0LDAsNjQuMjgsMCw5Ny41LjE4MywyOC4xNjctMS4zMjQsNTYuMzM1LDIuOTIsODUuNjU0LTUuMzUsNDQuNDA3LTE2LjkzMiw2Mi45NTQtMzYuOTA1LDgwLjg4NC03Ni41NDQsMTUuMzgyLTM0LjQzNiw4LjgwNy03Ny45NTEtNy44MTMtMTA3Ljc2My0yMi44NzYtMzQuMzIzLTUwLjAyOC01OS41NDMtMTEzLjUyMi02Ny40OTEtMjYuMTE2LTIuMzI4LTU3Ljc3NCwzLjk3My04MS4zLDE1LjE4OGExNDUuMTI2LDE0NS4xMjYsMCwwLDAtMjcuNjU0LDE2LjY3OWMtMTAuNDQxLDMuNjQxLTMuMjc0LDI0Ljg4NS01LjU4MywzNy43MzksMC4zNjEsMC43MjItLjksMy4wNjgsMi4xNjcsMi4xNjYsMzguNjQsMCw3Ny4yOCwwLDExNi44ODQuMTYsMzIuMiw2LjUzNiw0MC44LDE5LjQxMSw1MS43Nyw0My4wODQsNy45MDcsMjEuMjExLTMuNzIsNDUuNTU1LTEzLjg2Niw1NC4wMy04LjU0Nyw4LjAyMi0xNS44NDksMTMuODc1LTM1LjYxNywxNi40NDEtNDkuNDc0LDAtOTguOTQ4LDAtMTUwLjMxNy44MTEtMC42NzMtMTkuMTgzLS4wMTMtMzkuNy0wLjI3Mi02MC4zNzZWMjM3LjQ0NlMzNDUuNjc4LDIzNy40NDYsMzQ1Ljg4NiwyMzcuNjU0WiIvPgo8L3N2Zz4K) 0 0 no-repeat;
    transition: all .1s ease-out;
}
.navbar-brand:hover:before{
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MzggNjM4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgIAoJCSBmaWxsOiAjYmFiYWJhOwogICAgICB9CgogICAgICAuY2xzLTEsIC5jbHMtMiB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJDb2xvcl9GaWxsXzMiIGRhdGEtbmFtZT0iQ29sb3IgRmlsbCAzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMiwxMDYuNEMxMiwyNDksMTIsMzkxLjU5MywxMy4wODMsNTM0LjE4OGMyMi43NTEsMCw0NS41LDAsNzAuMTUyLjgxNiwwLjY1Ny00MS41OC4wMTMtODQuNDYxLDAuMjY3LTEyNy41MjcsMC00Mi4yMzcsMC04NC40NzQuNzMzLTEyOC42MTcsMzEuNzg5LDMxLjYxOSw2My4yMTQsNjMuMTYzLDk1LjU1LDk0LjkwNyw1Ny45NTktNjAuODMsMTExLjI1OC0xMjYuMzE5LDE3My41LTE4My45MTRhMTk0LjM4NSwxOTQuMzg1LDAsMCwxLDU4LjQxOC0zNS4yOTRjNDEuODA4LTE1Ljk4Myw4OS4xNzktMTcuMDU0LDEzMi4yMTYtLjk4NywzOC43MjEsMTYuNDIyLDU5LjgwNiwzMi4xNDgsNzkuOTQ2LDYwLjIzOWwyLjE0MywwLjE0OGMtMTguNDU5LTM2LjY0NS0zNy43MDktNTguOC02OS43OC03OS4wNjEtMjguODQyLTE5LjQ2OS04Ni40LTM0LjM1OS0xMzEuMDU1LTMwLjE4Mi0zMS43MTEsMS02OC4yNzgsMTEuMTM0LTg4LjE5MiwyMS45NC0zMy4wMTYsMTUtNTUuMywzNS41LTc2LjYsNTUuNjczLTI4LjgzNiwyOC43NDQtNTYuNzQzLDU3LjE2Mi04NS4xNTYsODUuMDc1QzEyMC43OTMsMjEyLjgsNjcuNTM4LDE1OS41NDUsMTQuMjQsMTA2LjMzLDE0LjE2NywxMDYuNCwxMiwxMDYuNCwxMiwxMDYuNFoiLz4KICA8cGF0aCBpZD0iQ29sb3JfRmlsbF8yIiBkYXRhLW5hbWU9IkNvbG9yIEZpbGwgMiIgY2xhc3M9ImNscy0yIiBkPSJNMzQ1Ljg4NiwyMzcuNjU0Yy0yMy43LDIzLjYtNDUuNDg4LDQ5LjEwOS02OC40Niw3NC41MTksMCw3My4yODMsMCwxNDYuNTY2LS44NDIsMjIxLjc3MywyMi4xNTIsMC42LDQ1LjQ5Mi4wMSw2OS4wOTQsMC4yNDIsMC43MjItLjM2MSwzLjA3LjksMy4yNS0yLjE2NiwwLTM0LjMsMC02OC41OSwxLjA4My0xMDIuODg1LDMyLjE0LDAsNjQuMjgsMCw5Ny41LjE4MywyOC4xNjctMS4zMjQsNTYuMzM1LDIuOTIsODUuNjU0LTUuMzUsNDQuNDA3LTE2LjkzMiw2Mi45NTQtMzYuOTA1LDgwLjg4NC03Ni41NDQsMTUuMzgyLTM0LjQzNiw4LjgwNy03Ny45NTEtNy44MTMtMTA3Ljc2My0yMi44NzYtMzQuMzIzLTUwLjAyOC01OS41NDMtMTEzLjUyMi02Ny40OTEtMjYuMTE2LTIuMzI4LTU3Ljc3NCwzLjk3My04MS4zLDE1LjE4OGExNDUuMTI2LDE0NS4xMjYsMCwwLDAtMjcuNjU0LDE2LjY3OWMtMTAuNDQxLDMuNjQxLTMuMjc0LDI0Ljg4NS01LjU4MywzNy43MzksMC4zNjEsMC43MjItLjksMy4wNjgsMi4xNjcsMi4xNjYsMzguNjQsMCw3Ny4yOCwwLDExNi44ODQuMTYsMzIuMiw2LjUzNiw0MC44LDE5LjQxMSw1MS43Nyw0My4wODQsNy45MDcsMjEuMjExLTMuNzIsNDUuNTU1LTEzLjg2Niw1NC4wMy04LjU0Nyw4LjAyMi0xNS44NDksMTMuODc1LTM1LjYxNywxNi40NDEtNDkuNDc0LDAtOTguOTQ4LDAtMTUwLjMxNy44MTEtMC42NzMtMTkuMTgzLS4wMTMtMzkuNy0wLjI3Mi02MC4zNzZWMjM3LjQ0NlMzNDUuNjc4LDIzNy40NDYsMzQ1Ljg4NiwyMzcuNjU0WiIvPgo8L3N2Zz4K) 0 0 no-repeat;
}




.fs-13{
font-size: 13px;
}
.fs-12{
font-size: 12px;
}
.fs-11{
font-size: 11px;
}
 .fs-10{
font-size: 10px;
} 
.fs-9{
font-size: 9px;
}   





@media (min-width: 992px){

.navbar-expand-lg .navbar-collapse {
    flex-basis: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
}
.text-nav-link {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    float: left;
}
.text-nav-search{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;

}

}

.logo-t1{
color:#fff;
    transition: all .1s ease-out;
    }
.logo-t2{
color:#bababa;
    transition: all .1s ease-out;
    }
.navbar-brand:hover .logo-t1{
color:#bababa;
}
.navbar-brand:hover .logo-t2{
color:#fff;
}



.footer-clean {
  padding:50px 0;
  background-color:#fff;
  color:#4b4c4d;
}

.footer-clean h3 {
  margin-top:0;
  margin-bottom:12px;
  font-weight:bold;
  font-size:16px;
}

.footer-clean ul {
  padding:0;
  list-style:none;
  line-height:1.6;
  font-size:14px;
  margin-bottom:0;
}

.footer-clean ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.8;
}

.footer-clean ul a:hover {
  opacity:1;
}

.footer-clean .item.social {
     text-align:center;
}
  .slide{
  padding-top:0px;
  background-color:#000;
  }
@media (max-width:767px) {
  .footer-clean .item {
    text-align:center;
    padding-bottom:20px;
  }
}

@media (max-width: 768px) {
  .footer-clean .item.social {
    text-align:center;
  }
}

.footer-clean .item.social > a {
  font-size:24px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  border:1px solid #ccc;
  margin-left:10px;
  margin-top:22px;
  color:inherit;
  opacity:0.75;
}

.footer-clean .item.social > a:hover {
  opacity:0.9;
}

@media (max-width:991px) {
  .footer-clean .item.social > a {
    margin-top:40px;
  }
}

@media (max-width:767px) {
  .footer-clean .item.social > a {
    margin-top:10px;
  }
}

.footer-clean .copyright {
  margin-top:14px;
  margin-bottom:0;
  font-size:13px;
  opacity:0.6;
}

.errorpost {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 199px;
    font-size: 24px;
    font-weight: 600;
    flex-direction: column;
    margin: auto;
}
.errorpost i{
    margin: 20px;
}

.item .col{
max-width:20rem;
}
.autow{
max-width:1300px;
width:100%;
margin:100px auto;
min-height: 50vh;
}

@media (max-width:1299px) {
.autow{
max-width:1000px;
}
}
@media (max-width:767px) {
.autow{
max-width:650px;
}
}


/**nav**/
.navbar-brand::before {
    width: 30px;
    height: 30px;
    margin: 0 0 -9px 7px;
    
    }
.nav{
    height: 60px;
    width: 100%;
    background-color: #3b3ece;
    color: #fff;
    /* display: flex; */
    align-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 9999;
}
.nav .navright{
margin:0 10px;
}
.nav .navcenter{
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: auto;
    width: 900px;
}

.nav .navcenter .text-navlink{
	display: flex;
    flex-wrap: nowrap;
    align-items: center;

}
.nav .navcenter .text-navlink .navitem{

}

.nav .text-navlink a{
    text-decoration: none;
	display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    outline: none;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    padding: 17px 12px 17px 17px;
    box-sizing: content-box;

}
.nav .text-navlink a i{
margin-left:7px;
font-size: 22px;
}
.nav .navleft .text-navlink a i {
    margin:0 10px;
    font-size: 16px;
}
.nav .navleft .text-navlink .login{
    width: 20px;
    overflow: hidden;
    display: -webkit-box;
    transition: all 0.1s;
}
.nav .navleft .text-navlink .login:hover{
    width: 74px;
}



.nav .text-navlink a:hover{
background: transparent linear-gradient(270deg,hsla(0,0%,100%,.1) 0,hsla(0,50%,100%,0),hsla(0,50%,100%,.1) )!important;
    border-bottom: 2px solid #fff;
}



.nav .navleft{
	float: left;
    left: 0;
    position: absolute;
}
.navsearch{
margin: 0 7px;
}
.navsearch input {

    height: 38px;
    width: 100%;
    width: calc(100% - 22px);
    border-radius: 5px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNTAgNTAiIGZpbGw9IiNmZmYiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjIwcHgiPjxwYXRoIGQ9Ik0gMjEgMyBDIDExLjYyMTA5NCAzIDQgMTAuNjIxMDk0IDQgMjAgQyA0IDI5LjM3ODkwNiAxMS42MjEwOTQgMzcgMjEgMzcgQyAyNC43MTA5MzggMzcgMjguMTQwNjI1IDM1LjgwNDY4OCAzMC45Mzc1IDMzLjc4MTI1IEwgNDQuMDkzNzUgNDYuOTA2MjUgTCA0Ni45MDYyNSA0NC4wOTM3NSBMIDMzLjkwNjI1IDMxLjA2MjUgQyAzNi40NjA5MzggMjguMDg1OTM4IDM4IDI0LjIyMjY1NiAzOCAyMCBDIDM4IDEwLjYyMTA5NCAzMC4zNzg5MDYgMyAyMSAzIFogTSAyMSA1IEMgMjkuMjk2ODc1IDUgMzYgMTEuNzAzMTI1IDM2IDIwIEMgMzYgMjguMjk2ODc1IDI5LjI5Njg3NSAzNSAyMSAzNSBDIDEyLjcwMzEyNSAzNSA2IDI4LjI5Njg3NSA2IDIwIEMgNiAxMS43MDMxMjUgMTIuNzAzMTI1IDUgMjEgNSBaIi8+PC9zdmc+)no-repeat right, linear-gradient(270deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0))!important;
    
    
    
    color: #fff!important;
    font-size: 16px;
    line-height: 1.3;
    text-indent: 40px;
    padding: 0;
    border: 0;
    outline: none;
    box-shadow: none;
    caret-color: hsla(0,0%,100%,.5);
    min-width: 300px
}
.navsearch input:hover{
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNTAgNTAiIGZpbGw9IiNmZmYiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjIwcHgiPjxwYXRoIGQ9Ik0gMjEgMyBDIDExLjYyMTA5NCAzIDQgMTAuNjIxMDk0IDQgMjAgQyA0IDI5LjM3ODkwNiAxMS42MjEwOTQgMzcgMjEgMzcgQyAyNC43MTA5MzggMzcgMjguMTQwNjI1IDM1LjgwNDY4OCAzMC45Mzc1IDMzLjc4MTI1IEwgNDQuMDkzNzUgNDYuOTA2MjUgTCA0Ni45MDYyNSA0NC4wOTM3NSBMIDMzLjkwNjI1IDMxLjA2MjUgQyAzNi40NjA5MzggMjguMDg1OTM4IDM4IDI0LjIyMjY1NiAzOCAyMCBDIDM4IDEwLjYyMTA5NCAzMC4zNzg5MDYgMyAyMSAzIFogTSAyMSA1IEMgMjkuMjk2ODc1IDUgMzYgMTEuNzAzMTI1IDM2IDIwIEMgMzYgMjguMjk2ODc1IDI5LjI5Njg3NSAzNSAyMSAzNSBDIDEyLjcwMzEyNSAzNSA2IDI4LjI5Njg3NSA2IDIwIEMgNiAxMS43MDMxMjUgMTIuNzAzMTI1IDUgMjEgNSBaIi8+PC9zdmc+)no-repeat right, linear-gradient(270deg,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0))!important;
}
.navsearch input:focus {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNTAgNTAiIGZpbGw9IiNmZmYiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjIwcHgiPjxwYXRoIGQ9Ik0gMjEgMyBDIDExLjYyMTA5NCAzIDQgMTAuNjIxMDk0IDQgMjAgQyA0IDI5LjM3ODkwNiAxMS42MjEwOTQgMzcgMjEgMzcgQyAyNC43MTA5MzggMzcgMjguMTQwNjI1IDM1LjgwNDY4OCAzMC45Mzc1IDMzLjc4MTI1IEwgNDQuMDkzNzUgNDYuOTA2MjUgTCA0Ni45MDYyNSA0NC4wOTM3NSBMIDMzLjkwNjI1IDMxLjA2MjUgQyAzNi40NjA5MzggMjguMDg1OTM4IDM4IDI0LjIyMjY1NiAzOCAyMCBDIDM4IDEwLjYyMTA5NCAzMC4zNzg5MDYgMyAyMSAzIFogTSAyMSA1IEMgMjkuMjk2ODc1IDUgMzYgMTEuNzAzMTI1IDM2IDIwIEMgMzYgMjguMjk2ODc1IDI5LjI5Njg3NSAzNSAyMSAzNSBDIDEyLjcwMzEyNSAzNSA2IDI4LjI5Njg3NSA2IDIwIEMgNiAxMS43MDMxMjUgMTIuNzAzMTI1IDUgMjEgNSBaIi8+PC9zdmc+)no-repeat right,0 0!important;
        border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #fff;
    outline: none;
    box-shadow: none;
}
.navsearch input::placeholder {
    opacity: 0.5;
    color: #fff!important;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
 filter: brightness(1000%);
}




.nav .navcenter {
    margin-right: 300px;
    float: right;
    right: 0;
    max-width: 673px;
    position: absolute;
}

@media (max-width:1076px) {
.nav .navcenter {
max-width: 673px;
margin-right: 180px;
}
}
@media (max-width:954px) {
.nav .navcenter {
max-width: 413px;
    margin-right: 138px;
}
.nav .text-navlink a {
    padding: 17px 7px 17px 7px;
}
}

@media (max-width:788px) {
.nav .navcenter .text-navlink {
    display:none;
}

.nav .navcenter {
max-width: 230px !important;;
    margin-right: 125px;
    
}
.nav .navcenter .navsearch input{
min-width: 200px;
    width: 100%;
    width: calc(100% - 100px);
    overflow: hidden;

}
.nav .navleft .text-navlink .login {
    width: 30px;
    z-index: 1;
    position: relative;
}

}
/**nav**/