/*      Footer        */
.full-footer-box, .full-footer {
  float: left;
  padding: 30px 0;
  overflow: hidden;
  width: 100%;
}
.full-footer-box {
  width: 100%;
  float: left;
  background: url('images/bg_footer.png');
  padding: 30px 0;
  border-bottom: 1px solid #E1704B;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
.full-footer-box a{
  font-size: 13px;
}
.full-footer {
  padding: 15px 0;
  color: black;
}
.full-footer-box a, .full-footer a{
  color: black;
}
.menu-footer{
  color: #333;
}
.inner-footer-box.inner-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.menu-footer-1{
  float: left;
  width: 22%;
}
 .menu-footer-3, .menu-footer-4 {
  float: left;
  width: 20%;
}
.menu-footer-4{
  padding-right: 0;
}


.menu-footer-2 {
  float: left;
  width: 30%; 
}

.footer-tittle{
  float: left;
  width: 100%;
}

.footer-tittle h4 {
  color: black;
  margin-bottom: 20px;
  position: relative;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 15px;
}

.footer-content{
  float: left;
  width: 100%;  
}
.footer-content p {
  line-height: 20px;
  font-size: 13px;
  font-style: normal;
  margin-bottom: 5px;
  color: black;
}
.footer-content .logo-cty{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.footer-nav ul li{
  float: left;
  width: 100%;
}
.footer-nav ul li a {
  color: black;
  font-style: normal;
  padding: 7px 0;
}
.footer-nav ul li a:hover {
  color: #7dce32;
}
.footer-nav ul li a:before{
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 6px;
}
.footer-blog li{
  margin-bottom: 15px;
}
.footer-blog li a{ 
  color: black;
  font-style: normal;
}
.footer-blog li span {
  color: #8f8f8f;
  font-style: normal;
}
.footer-blog li a:hover{
  color: #7dce32;
} 
.ft4-wrapper{
  position: relative;
}
.fb_iframe_widget iframe {
  position: initial !important;
}
.mxh-icons{
  float: left;
  width: 100%;
}
.mxh-icons li {
  display: inline-block;
  padding: 0;
  border: 1px solid #7e7e7e;
  position: relative;
  width: 40px;
  height: 40px;
}
.mxh-icons li a {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: #7e7e7e;
}
/*.mxh-icons li a:hover,.mxh-icons li:hover {
  color: #7dce32;
  border-color: #7dce32;
}*/
.mxh-icons li.ft-facebook:hover a,.mxh-icons li.ft-facebook:hover{
  color: #fff !important;
  border-color: #3b5998;
  background: #3b5998;
}
.mxh-icons li.ft-twitter:hover a,.mxh-icons li.ft-twitter:hover{
  color: #fff !important;
  border-color: #55acee;
  background: #55acee;
}
.mxh-icons li.ft-google:hover a,.mxh-icons li.ft-google:hover{
  color: #fff !important;
  border-color: #dd4b39;
  background: #dd4b39;
}
.mxh-icons li.ft-instagram:hover a,.mxh-icons li.ft-instagram:hover{
  color: #fff !important;
  border-color: #e4405f;
  background:  #e4405f;
}
.mxh-icons li.ft-youtube:hover a,.mxh-icons li.ft-youtube:hover{
  color: #fff !important;
  border-color: #cd201f;
  background: #cd201f;
}





.mxh-icons li a i {
  text-align: center;
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  vertical-align: super;
}
.contact-box{
  float: left;
  width: 100%;
}
.contact-box a.maplink{
  display: block;
  font-size: 13px;
  margin-bottom: 20px;
}
.contact-box a.maplink i{
  color: #333;
  margin-right: 5px;
}
.contact-box a.maplink i.fa{
  font-size: 17px;
}
.contact-box a{
    color: black;
    display: block;
    margin-bottom: 20px;  
}
.contact-box a i{
  margin-top: -5px;
  margin-right: 5px;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 27px;
  border: 2px solid #666;
  color: #333;
}

#wpcf7-f360-o2 .wpcf7-form input.wpcf7-text,
#wpcf7-f360-o1 .wpcf7-form input.wpcf7-text{
  border: 1px solid black;
  color:black;
  font-size: 13px;
  font-style: normal;
  height: 40px;
  padding-left: 10px;
  width: 100%;
  border-radius: 0px;
}
#wpcf7-f360-o2 .wpcf7-form-control-wrap,
#wpcf7-f360-o1 .wpcf7-form-control-wrap{
  float: left;
  width: calc(100% - 100px);
}
#wpcf7-f360-o2 .wpcf7-form .wpcf7-submit,
#wpcf7-f360-o1 .wpcf7-form .wpcf7-submit{
  font-size: 20px;
  text-align: center;
  width: 100px;
  cursor: pointer;
  transition: .4s;
  padding: 8.5px;
  border-radius: 0px;
  margin-top: 0px;
  border: 1px solid #e04622;
  font-size: 16px;
}
#wpcf7-f360-o2 .wpcf7-form .wpcf7-submit:hover,
#wpcf7-f360-o1 .wpcf7-form .wpcf7-submit:hover{
  background: blackfff none repeat scroll 0 0;
  color: #4D4E4A;
  border: 1px solid black;
}
.menu-footer iframe {
  display: inline-block;
  width: 100%;
  height: 162px;
}

.footer-content .footer-tuvan span a{
  font-size: 21px;
  font-weight: 600;
  color: #fb6b26;
}
.footer-content .footer-tuvan span a:hover{
   color: #7dce32;
}
.footer-content .footer-tuvan b {
  width: 100%;
  display: inline-block;
  font-size: 21px;
  margin-bottom: 5px;
}

#keyweb {
  width: 50%;
  float: right;
  text-align: right;
 
}
#footer{
  float: left;
  width: 100%;
  text-align: center;
  font-weight: 600;
}
.copy-right{
  width: 50%;
  float: left;
  text-align: left;
}
.copy-right p{
  margin: 0px;
  color: #222;
  font-weight: 500;
}
.copy-right a,
.search-ft a{
  margin-left: 10px;
  color:black;
  font-weight: 300;
}
.copy-right a:hover,
.search-ft a:hover{

  color: #C32E0B;
}
.search-ft{
  float: right;
  text-align: right;
  text-transform: uppercase;
}
.fb-wrapper{
 
}

/*Responsive*/

@media only screen and (max-width: 1169px) { 
.mxh-icons li{
  margin-right: 5px;
}


}
@media only screen and (max-width: 990px) and (min-width: 768px){
  .inner-footer-box{
    display: flex;
    flex-wrap: wrap;
  }
  .menu-footer-1{
    float: left;
    width: 47.5%;
    margin-right: 2.5%;
  }
  .menu-footer-2 {
    float: left;
    width: 50%;
    margin-right: 0;
}
  .menu-footer-3{
    float: left;
    width: 47.5%;
    margin-right: 2.5%;
  }
  .menu-footer-4{
    float: left;
    width: 50%;
    margin-right: 0;
  }

  .menu-footer .mxh-icons{
    
  }
}


@media only screen and (max-width: 768px) { 
  .full-footer-box{
    padding:30px 10px;
  }
  .full-footer{
    padding: 15px 10px;
  }
  .menu-footer{
    width: 100%;
  }
  .footer-content .logo-cty{
    text-align: left;
  }
  .menu-footer-4{
    position: initial;
  }
  .fb-wrapper {
    position: relative;
    margin-top: 50px;
  }
  .mxh-icons {
    
  }

}
@media only screen and (max-width: 480px) {
  #footer-box{
  padding:10px 0;
}
  .footer-box-4, .footer-box-3, .footer-box-1, .footer-box-2 {
    width: 100%;
    padding: 10px 0;
  }
  .menu-footer-3, .menu-footer-4 {
      padding-right: 0;
  }
  .show-hide-ft {
  display: none;
  padding: 10px;
}
.footer-tittle{
  margin-bottom: 10px;
}
#footer-box h4 {
  margin-left: 0;
  padding: 5px 10px;
  text-align: left;
  padding-right: 30px;
  margin: 0;
  background: #393838;
  color: #fff;
  border-radius: 5px;
  position: relative;
  font-size: 14px;
  width: 100%;
  cursor: pointer;
}
#footer-box h4::before {
  content: "+";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  text-align: center;
  line-height: 25px;
}
#footer-box .footer-tittle.active h4::before {
  content: "-";
}
  .copy-right ,
  #keyweb {
    width: 100%;
    text-align: center;
  
  }
}