/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root {
	--yellow : #ffbf4a;
	--yellow2: #fffa06;
	--yellow3: #ff9900;
	--blue: #005BB6;
	--dark:#002244;
}

/*************** ADD CUSTOM CSS HERE.   ***************/

.container {
	max-width: 1250px;
}
.row.row-collapse {
    max-width: 1220px;
}
.bg-liner {
	background-image: linear-gradient(180deg, #005BB6 0%, #002244 100%);
}

.elementor-icon-list-items {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.elementor-icon-list-item {
    margin: 0!important;
    padding: 0!important;
    position: relative;
}
.elementor-icon-list-item,
.elementor-icon-list-item a,
.elementor-icon-list-item > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: inherit;
}
.elementor-icon-list-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
}
.elementor-icon-list-icon svg {
    fill: #FFBF4A;
    margin-right: 3.5px;
    width: 14px;
    height: 14px;
}
.elementor-icon-list-text {
    color: #434343;
    padding-left: 5px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.elementor-icon-list-item .elementor-icon-list-text,
.elementor-icon-list-item a {
    font-family: "Philosopher", Sans-serif;
    font-size: 22px;
    font-weight: 600;
}
.banner-home form {
	margin-bottom: 0;
}
.banner-home h3 {
	font-family: "Philosopher", Sans-serif;
    font-size: 22px;
    font-weight: 600;
}
.banner-home .row-dashed .col:before,
.banner-home .row-solid .col:before {
    border: 0;
}
.input-form input,
.input-form select {
	color: #333;
/*	border-radius: 10px;*/
	width: 100%;
	padding: 10px;
    line-height: 25px;
    height: auto;
    margin-bottom: 10px;
}

.wpcf7 .wpcf7-submit {
    background-color: #f90;
    width: 100%;
    margin: 0;
}
.banner-home .wpcf7-submit {
	color: #FFFFFF;
	background-image: linear-gradient(180deg, #038DDD 0%, #0549B4 100%);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #038DDD;
	border-radius: 15px;
	height: auto;
	font: 400 18px / 25px Roboto, sans-serif;
/*	width: 80% !important;*/
	padding: 10px;
	margin: 0 auto;
	display: block;
}
.wpcf7-spinner {
    float: right;
    margin-top: -32px;
}
.type.phuocrealty-cta { display: block; position: fixed; left: 20px; bottom: 5%; text-align: center; z-index: 69696969; }
.type.phuocrealty-cta > div {   margin: 5px auto; }
.phuocrealty-cta .tytpm-bt-1 { background-color: rgba(30, 115, 190, 0.9); background-image: linear-gradient(315deg, rgba(0, 196, 255, 0.9) 0%, rgba(30, 115, 190, 0.9) 74%);}
.phuocrealty-cta .tytpm-bt-1 .round {   background-color: #21b508; }
.phuocrealty-cta .tytpm-bt-2 { background-color: rgba(213, 27, 30, 0.9); background-image: linear-gradient(315deg, rgba(228, 255, 0, 0.9) 0%, rgba(213, 27, 30, 0.9) 74%);}
.phuocrealty-cta .tytpm-bt-2 .round {   background-color: #21b508; }
.phuocrealty-cta a {
  line-height: 16px;
  text-decoration: none;
  -moz-border-radius: 40px;
  -webkit-border-radius: 30px;
  border-radius: 40px;
  padding: 7px 38px 7px 20px;
  color: #fff;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: 700;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
}
.phuocrealty-cta a span { position: relative; z-index: 3;}
.phuocrealty-cta a .round {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2px;
  top: 2px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 2;
}
.phuocrealty-cta a .round i {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.phuocrealty-cta .txt { font-size: 14px;   line-height: 1.45; }
.phuocrealty-cta.type a:hover { padding-left: 40px;   padding-right: 20px; }
.phuocrealty-cta.type a:hover .round { width: calc(100% - 6px);   -moz-border-radius: 30px;   -webkit-border-radius: 30px;   border-radius: 30px; }
.phuocrealty-cta.type a:hover .round i { left: 12%; }
@media only screen and (max-width: 48em) {
  .type.phuocrealty-cta { left: 0; bottom: 10px; text-align: left; margin: 0; }
  .phuocrealty-cta .txt {font-size: 15px; }
  .phuocrealty-cta a { -moz-border-radius: 20px; -webkit-border-radius: 15px; border-radius: 20px; padding: 6px 30px 6px 12px;  }
  .phuocrealty-cta a .round {width: 28px;height: 28px; }
}
@media only screen and (max-device-height: 568px) {
  .type.phuocrealty-cta { left: 0;  bottom: 0;   text-align: left; margin: 0; }
  .phuocrealty-cta a { padding: 5px 40px 5px 10px; }
  .phuocrealty-cta .txt { font-size: 14px; }
  .phuocrealty-cta a .round { width: 25px; height: 25px; top: 2px; right: 2px; }
}
@-webkit-keyframes ring {
  0% {  -webkit-transform: rotate(-15deg);  transform: rotate(-15deg);  }
  2% {  -webkit-transform: rotate(15deg);  transform: rotate(15deg);  }
  4% {  -webkit-transform: rotate(-18deg);  transform: rotate(-18deg);  }
  6% {  -webkit-transform: rotate(18deg);  transform: rotate(18deg);  }
  8% {  -webkit-transform: rotate(-22deg);  transform: rotate(-22deg);  }
  10% {  -webkit-transform: rotate(22deg);  transform: rotate(22deg);  }
  12% {  -webkit-transform: rotate(-18deg);  transform: rotate(-18deg);  }
  14% {  -webkit-transform: rotate(18deg);  transform: rotate(18deg);  }
  16% {  -webkit-transform: rotate(-12deg);  transform: rotate(-12deg);  }
  18% {  -webkit-transform: rotate(12deg);  transform: rotate(12deg);  }
  100%,   20% {  -webkit-transform: rotate(0);  transform: rotate(0);  }
}
@keyframes ring {
  0% { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg);  }
  2% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg);  }
  4% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg);  }
  6% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg);  }
  8% { -webkit-transform: rotate(-22deg); -ms-transform: rotate(-22deg); transform: rotate(-22deg);  }
  10% { -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg);  }
  12% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg);  }
  14% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg);  }
  16% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg);  }
  18% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg);  }
  100%,   20% {  -webkit-transform: rotate(0);  -ms-transform: rotate(0);  transform: rotate(0);  }
}
.faa-parent.animated-hover:hover > .faa-ring, .faa-ring.animated, .faa-ring.animated-hover:hover {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0;
  transform-origin-z: initial;
}
.faa-parent.animated-hover:hover > .faa-ring.faa-fast, .faa-ring.animated-hover.faa-fast:hover, .faa-ring.animated.faa-fast {
  -webkit-animation: ring 1s ease infinite;
  animation: ring 1s ease infinite;
}
.faa-parent.animated-hover:hover > .faa-ring.faa-slow, .faa-ring.animated-hover.faa-slow:hover, .faa-ring.animated.faa-slow {
  -webkit-animation: ring 3s ease infinite;
  animation: ring 3s ease infinite;
}
/*.fa-phone:before {
    content: "\f095";
}

.fa-envelope:before {
    content: "\f0e0";
}*/

a.button.alert {
    background: #bd8c3b;
    background: -moz-linear-gradient(left, #bd8c3b 0%, #bd8c3b 8%, #c89e50 18%, #d0aa5c 22%, #dbbc71 31%, #e9cd82 44%, #eecf82 50%, #eecf82 61%, #eccc7f 65%, #dcb86b 77%, #d0aa5c 84%, #c49849 89%, #c09548 89%, #c09548 90%, #b98c3f 92%, #b6893b 94%, #b38538 95%, #af8033 97%, #af8033 100%);
    background: -webkit-linear-gradient(left, #bd8c3b 0%, #bd8c3b 8%, #c89e50 18%, #d0aa5c 22%, #dbbc71 31%, #e9cd82 44%, #eecf82 50%, #eecf82 61%, #eccc7f 65%, #dcb86b 77%, #d0aa5c 84%, #c49849 89%, #c09548 89%, #c09548 90%, #b98c3f 92%, #b6893b 94%, #b38538 95%, #af8033 97%, #af8033 100%);
    background: linear-gradient(to right, #bd8c3b 0%, #bd8c3b 8%, #c89e50 18%, #d0aa5c 22%, #dbbc71 31%, #e9cd82 44%, #eecf82 50%, #eecf82 61%, #eccc7f 65%, #dcb86b 77%, #d0aa5c 84%, #c49849 89%, #c09548 89%, #c09548 90%, #b98c3f 92%, #b6893b 94%, #b38538 95%, #af8033 97%, #af8033 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd8c3b', endColorstr='#af8033', GradientType=1);
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 50px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {
}
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-17422927735">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-17422927735');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-17423387815">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-17423387815');
</script>