/* Site default CSS */
@font-face {
	font-family: rajdhani-regular;
	src: url('');
}

@font-face {
	font-family: rajdhani-bold;
	src: url('');
}

.elementor a {
    color: #990000;
    text-decoration: none;
}

.elementor a:hover, .elementor a:focus, .elementor a:active {
    text-decoration: underline;
}

.ani-ease {
    -webkit-transition: all 0.2s ease 0s; /* Safari and Chrome */
    -moz-transition: all 0.2s ease 0s; /* Firefox */
    -o-transition: all 0.2s ease 0s; /* IE 9 */
    -ms-transition: all 0.2s ease 0s; /* Opera */
    transition: all 0.5s ease 2s;
}

.fifty-fifty {
    display: flex;
    
}

.fifty-fifty > div {
    width: 49.5%;
}

.thirty-three {
    display: flex;
}

.thirty-three > div {
    width: 33.33%
}

.thirty-seventy {
    display: flex;
}

.thirty-seventy > div {
    width: 29%
}

.thirty-seventy > div:last-child {
    width: 70%
}

.seventy-thirty {
    display: flex;
}

.seventy-thirty > div {
    width: 70%
}

.seventy-thirty > div:last-child {
    width: 29%
}


@keyframes animation-bob {
    0%   {transform: translateY(-4px);}
    50%  {transform: translateY(-0px);}    
    100% {transform: translateY(-4px);}
}

@keyframes animation-bob-float {
    100% {transform: translateY(-4px);}
}

body {
  margin: 0 auto;
  padding: 0;
  overflow-x: hidden;
}


.site-wrapper {
	margin: 0 auto;
	max-width: 1440px;	
	width: 100%;
}

.sred {
  color: #990000;
}

.sred-box {
  background-color: #990000;
  padding: 5px 20px;
}

.fullwidth-btn .elementor-button-wrapper a.elementor-button-link.elementor-button.elementor-size-sm {
    width: 100%;
}

/* Site Header */

.site-branding {
    padding: 10px 0px 5px;
    display: flex;
}

.logo-area {
    width: 25%;
}

.htr-holder {
    width: 70%;
    margin: 0 0 0 auto;
}

.add-holder {
  background: url('http://www.capitalfab.com/wp-content/uploads/2022/02/address-icon.png') no-repeat 0 0 rgba(0,0,0,.0);
  padding-left: 30px;
}

.phone-holder {
  background: url('http://www.capitalfab.com/wp-content/uploads/2022/02/phone-icon-1.png') no-repeat 0 0 rgba(0,0,0,.0);
  padding-left: 30px;
}

.site-header .custom-logo-link {
		display: inline-block;
}

.sml-holder, .maa-holder {
    text-align: right;
}

.sml-holder a {
  margin: 0 5px;
}

.maa-holder {
  margin-top: 10px;
}

.maa-holder a {
  background-color: #990000;
  padding: 8px 10px 8px 20px;
  color: #FFF;
  text-decoration: none;
}

.maa-holder a:hover {
  background-color: #000000;
}

.maa-holder img {
  margin-bottom: -2px;
  margin-left: 5px;
}


/* Nav Area */

.nav-area {
	background-color: #990000;
	padding: 5px 0;
}
.nav-menu > li a {
	color: #FFF;
	padding: 5px 10px;
	text-decoration: none;
}
.nav-menu > li:hover a {
	background-color: #FFF;
	color: #000;
}

.menu-item-has-children > a:after {
    content: " ";
    display: inline-block;
    width: 15px;
    height: 20px;
    background: url(http://www.capitalfab.com/wp-content/uploads/2022/02/arrow-down.png)100% 80% no-repeat rgba(0, 0, 0, 0);
    margin: auto 0 0 5px;
    transform: rotate(0deg);
    filter: invert(0);
}

.menu-item-has-children:hover > a:after {
  background-position: 0 20%;
  transform: rotate(180deg);
  filter: invert(1);
}

.main-navigation ul ul {
  width: 320px;
}

.main-navigation ul ul a {
  width: auto;
}

ul.sub-menu {
    display: block;
    background-color: rgba(0,0,0,.8);
}

.nav-menu > li:hover ul.sub-menu li a  {
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFF;
}

.nav-menu > li:hover ul.sub-menu li a:hover {
   background-color: #990000; 
}

.main-navigation ul ul li:hover ul {
  left: 100%;
  background-color: #990000;
  width: 300px;
}

/* Global footer*/

.footer-area {
  background-color: #333;
  color: #FFF;
  padding: 40px 0;
}

.ft-sml-holder a {
    width: 20%;
    margin-right: 5%;
    display: inline-block;
}

ul#menu-footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#menu-footer-menu a {
  color: #FFF;
  text-decoration: none;
}

ul#menu-footer-menu a:hover {
  text-decoration: underline;
}

.copyright-area {
  background-color: #000;
  color: #FFF;
  padding: 10px 0;
  text-align: center;
}

.main-navigation button.menu-toggle {
    margin: 0 10px 0 auto;
    height: 32px;
    width: 24px;
    background: url('http://www.capitalfab.com/wp-content/uploads/2022/02/hamburger.png') no-repeat 50% 50% #FFF;
    border: none;
    border-radius: 4px;
}

.main-navigation.toggled button.menu-toggle {
      background: url('http://www.capitalfab.com/wp-content/uploads/2022/02/hamburger_x.png') no-repeat 50% 50% #FFF;
}

button.menu-toggle div {
  height: 4px;
  display: block;
  width: 20px;
  margin-bottom: 2px;
}

/* Home page css*/

.home-form input[type=text], .home-form input[type=email], .home-form textarea, .wpcf7 input[type="tel"] {
  width: 100%;
  padding: 10px 5px;
}

.home-form div {
  margin-bottom: 20px;
}

.home-form input[type=submit] {
  background-color: #990000;
  color: #FFF;
  padding: 10px 30px;
  border: none;
  text-transform: uppercase;
}


.home-form input[type=submit]:hover {
  background-color: #000;
  cursor: pointer;
}

.talk-toan-expert {
  max-width: 800px;
  margin: 0 auto;
}

.talk-toan-expert input, .talk-toan-expert textarea {
  background-color: #E6E6E6;
  border: 0;
  border-radius: 0;
  font-weight: bold;
  padding: 8px 16px;
  width: 100%;
}

.talk-toan-expert .midbox {
  padding: 0 8px;
  margin: 0 8px;
}

.talk-toan-expert .full-width {
    margin-top: 16px;
}

.talk-toan-expert input[type=submit] {
  background-color: #990000;
  color: #FFF;
  cursor: pointer;
  display: block;
  margin: 16px auto;
  padding: 16px 0;
  text-transform: uppercase;
  width: 200px;
}

.talk-toan-expert input[type=submit]:hover {
  background-color: #000;
}

.our-newsletter {
  max-width: 480px;
  margin: 0 auto;
}

.our-newsletter input, .our-newsletter textarea {
  background-color: #E6E6E6;
  border: 0;
  border-radius: 0;
  font-weight: bold;
  padding: 8px 16px;
  width: 100%;
}


.our-newsletter input[type=submit] {
  background-color: rgb(153, 0, 0);
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: block;
  padding: 12px 0px;
  text-transform: uppercase;
  width: 110px;
}

.our-newsletter input[type=submit]:hover {
  background-color: #000;
}

.our-newsletter .fifty-fifty > div:first-child {
  margin-right:8px;
  padding-right: 8px;
}

.our-newsletter .on-last-row {
  display:flex;
  margin: 16px 0;
}

.footer-area ul#menu-main-navigation {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-area ul#menu-main-navigation li a {
  color: #FFF;
  text-decoration: none;
}

.footer-area ul#menu-main-navigation li a:hover {
  text-decoration: underline;
}


@media (max-width:870px) {
    .fifty-fifty {
        display: block;
    }
    .fifty-fifty > div {
        width: 100%;
    }
    .home-services .fifty-fifty > div {
        width: 100%;
    }

    .thirty-three {
        display: block;
    }
    .thirty-three > div {
        width: 100%;
    }
    .logo-area {
      width: 25%;
      display: block;
      min-width: 200px;
      margin-right: 10px;
    }
    .add-holder, .phone-holder, .maa-holder a {
      font-size: 15px;
    }
    .add-holder br {
      display: none;
    }
    .footer-area .thirty-three {
      padding:0 20px;
    }
}

@media (max-width:480px) {
  .address-area, .maa-holder a {
    display: none;
  }
}