/*
Author       : Theme_Ocean.
Template Name: Hilux - Real Estate HTML Template 
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START PROPERTY DESIGN
    05. START ABOUT US DESIGN
    06. START HOW IT WORKS DESIGN
    07. START TEAM DESIGN
    08. START OUR AGENTS DESIGN
    09. START PORTFOLIO DESIGN
    10. START TESTIMONIAL DESIGN
    11. START BLOG DESIGN
    12. START 404 PAGE
    13. START NEWSLETTER DESIGN
    14. START FAQ DESIGN
    15. START LOGIN AND REGISTER PAGE DESIGN
    16. START CONTACT FORM DESIGN
    17. START FOOTER TOP DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #444;
font-family: 'fontface__阿里巴巴普惠体-Heavy__31__1222247338796','Exo', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
background:rgb(247, 240, 252);
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px;
  font-family: 'Exo', sans-serif;
  color: #fff;
  font-weight: 400;
}
a {
font-family: 'Exo', sans-serif;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid rgba(0, 0, 0, 0.08);
    border-right: 8px solid rgba(0, 0, 0, 0.08);
    border-bottom: 8px solid rgba(0, 0, 0, 0.08);
    border-left: 8px solid rgba(7,108,224,1);
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding:160px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title h2 {
    display: inline-block;
    font-size: 42px;
    font-weight: 900;
    letter-spacing: 4px;
    /* 深紫→亮粉高对比渐变，彻底拉开和背景的亮度差 */
    background: linear-gradient(90deg, #7a04eb 0%, #ffb3d9 60%, #ff3399) 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* 三层分层发光，外层柔光晕+中层轮廓光+内层高光 */
    /*text-shadow:*/
            /*0 0 25px rgba(255, 51, 153, 0.8),*/
            /*0 0 45px rgba(122, 4, 235, 0.5),*/
            /*0 0 70px rgba(255, 255, 255, 0.3);*/
    /*!* 叠加细白描边，彻底避免文字和背景融在一起 *!*/
    /*-webkit-text-stroke: 1px rgba(255, 255, 255, 0.25);*/
    filter: drop-shadow(0 0 15px rgba(255, 80, 170, 0.6));
}
.section-title div {
    font-size: 16px;
    font-weight: bold;
    margin-top: 12px;
    /* 浅粉渐变，比主标题饱和度低，不抢视觉焦点 */
    background: linear-gradient(90deg, #7a04eb 0%, #ffb3d9 60%, #ff3399) 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* 弱发光效果，和整体霓虹光效呼应 */
    text-shadow: 0 0 12px rgba(255, 119, 187, 0.6);
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: rgba(7,108,224,1) none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

.navbar-default {
    background: #fff;
    border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 20px 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
    width: 100%;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(7,108,224,1) !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: rgba(7,108,224,1) !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img { width: 150px;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #fff;
}
.menu-top li a {
    color: #1d293e  !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.menu-top li a:hover { color: rgba(7,108,224,1)!important }
.navbar-default.menu-shrink {
    background-color: #fff;
    -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}
/*START DROPDOWN MENU*/
.menu_dropdown  ul { list-style-type: none }
.menu_dropdown  li ul.sub-menu,
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    background: #fff;
    left: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 15px;
    position: absolute;
	-webkit-box-shadow:10px 15px 18px rgba(23, 23, 36, 0.15);
	        box-shadow:10px 15px 18px rgba(23, 23, 36, 0.15);
    top: 115%;
    -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: -99;
}
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    top: 0;
    left: 100%;
    -webkit-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.menu_dropdown  ul li ul.sub-menu li {
    padding: 0;
    width: 100%;
}
.menu_dropdown  ul li:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 999;
    visibility: visible;
}
.menu_dropdown  ul.nav > li ul li:hover ul.sub-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.menu_dropdown  ul li ul.sub-menu li a {
border-bottom: 1px solid #eee;
color: #1d293e !important;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: 600;
padding: 13px 10px 12px;
text-transform: uppercase;
}
.menu_dropdown  ul li ul.sub-menu li:last-child a{border-bottom:none;}
.menu_dropdown  ul li:hover ul.sub-menu li a:hover {
    color: rgba(7,108,224,1)!important;
    text-decoration: none;
}
/*END DROPDOWN MENU*/
.navbar-default.menu-shrink li a { color: #282828 !important }
.navbar-default.menu-shrink li a:hover { color: rgba(7,108,224,1) !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: rgba(7,108,224,1) }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.home_bg:before {
    background-color: rgba(0,0,0,0.3);
    content: "";
    height: 100%;
    filter: alpha(opacity=30);
    position: absolute;
    width: 100%;
    transition: all  1s ease;
}
.home_bg:hover:before{
    background-color: rgba(0,0,0,0);
}
.hero-text h2 {
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	line-height: 70px;
    margin-bottom: 60px;
	text-transform: capitalize;
    background: linear-gradient(90deg, #ff3399 0%, #ffb3d9 60%, #7a04eb) 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}
.hero-text p {
	color: #fff;
	width: 80%;
	margin: auto;
    text-align: left;
    text-indent: 30px;
}
.home_btn{
margin-top: 50px;
}
.home_btn a {
	background: transparent none repeat scroll 0 0;
	border: 2px solid #fff;
	border-radius: 2px;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin: 0 10px 15px;
	padding: 9px 30px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.home_btn_color_one{background: #fff none repeat scroll 0 0 !important;color: #1d293e;box-shadow: 0 0 15px rgba(255, 120, 180, 0.6); }
.home_btn_color_one:hover{background: rgb(200, 40, 135)!important;color:#fff;border: 2px solid rgb(200, 40, 135)!important;transform: translateY(-2px);
    box-shadow: 0 0 25px rgba(255, 120, 180, 0.8);}
.home_btn_color_two{  border: 1px solid rgb(98, 49, 105);
    /* 柔粉到深紫横向渐变 */
    background: linear-gradient(90deg, rgb(242, 159, 187), rgb(106, 47, 163)) !important;box-shadow: 0 0 15px rgba(255, 120, 180, 0.6); !important;color: #fff;}
.home_btn_color_two:hover{background: rgb(200, 40, 135)!important;color:#fff;border: 2px solid rgb(200, 40, 135)!important;transform: translateY(-2px);
    box-shadow: 0 0 25px rgba(255, 120, 180, 0.8);}
.home_map iframe{
width:100%;
height:650px;
}

/*START HOME SLIDER DESIGN*/
.flexslider .slides > li:first-child {
	display: block; 
}
.flexslider.loading .slides > li:first-child {
	opacity: 1 !important;
} 
.flexslider{
	position: relative;	
	margin: 0;
	padding: 0;
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-radius: 0;
	overflow: hidden;
	background: none;
}
#home-slider .slides li{
	height: 700px;
	background-size: cover!important;
	 position: relative;
}
#home-slider .slides li:after {
    position: absolute;
    background:rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.flex-control-nav {
  width: 20px;
  bottom: auto;
  z-index: 20;
  top: 40%;
  right: 20px; 
 }

.flex-control-nav li {
  display: block;
  margin: 0 0 6px 0; 
 }

.flex-control-paging li a {
  background: transparent;
  border: 2px solid #FFF;
  border-radius: 100%;
  -webkit-box-shadow: none;
          box-shadow: none; 
 }
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
  background: #FFF;
  border-color: #FFF; 
}
#home-slider.flexslider.loading {
  position: relative; 
}
#home-slider.flexslider.loading:after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 40%;
    margin: 0 0 0 -15px;
    border: 4px solid #3cd2ad;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; 
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/*END HOME SLIDER DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.search_bar{}
.single_search{}
.single_search select {
	background: #e0eff4;
	border: 1px solid #e0eff4;
	margin-bottom: 20px;
	padding: 0 25px;
	width: 260px;
	height: 52px;
}
@media only screen and (max-width:768px) { 
.single_search select {width: 100%;}
}
.single_search select option{
 padding: 10px;
}
.search_btn{margin-top: 30px;}
.btn-serach-bg {
	background: rgba(7,108,224,1) none repeat scroll 0 0;
	border: 1px solid rgba(7,108,224,1);
	-webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
	color: #fff;
	font-size: 16px;
	padding: 10px 40px;
	text-transform: capitalize;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.btn-serach-bg:hover,
.btn-serach-bg:focus {
    background: #1d293e;
    border: 1px solid #1d293e;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 04.START PROPERTY DESIGN
* ----------------------------------------------------------------------------------------
*/


.single_property {
    margin-bottom: 20px;
    border: 2px solid rgba(255, 185, 225, 0.8);
    background: linear-gradient(
            135deg,
            rgba(180, 160, 200, 0.4) 0%,
            rgba(90, 40, 110, 0.3) 100%
    );
    backdrop-filter: blur(12px);
    /* 外发光：粉紫色霓虹光晕 */
    box-shadow:
            0 0 22px rgba(255, 100, 200, 0.6),
            0 0 45px rgba(200, 60, 180, 0.35),
                /* 内发光：边框内侧柔光 */
            inset 0 0 18px rgba(255, 180, 220, 0.15);
    position: relative;
    transition: all 0.3s ease;
    border-radius: 10px;
}
.single_property:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    /* 斜向渐变直接定义边框亮度走向 */
    background: linear-gradient(135deg, rgba(255, 210, 240, 0.9) 0%, rgba(255, 180, 220, 0.7) 50%, rgba(180, 90, 170, 0.4) 100%);
);
    z-index: -1;
    /* 外发光强化亮部光晕 */
    box-shadow: 0 0 22px rgba(255, 100, 200, 0.6) ;
    padding: 0px;
    mask-composite: exclude;
}
.single_property:hover{
    transform: translateY(-3px);
    box-shadow:
            0 0 30px rgba(255, 120, 210, 0.75),
            0 0 60px rgba(210, 70, 190, 0.45),
            inset 0 0 22px rgba(255, 190, 230, 0.2);

}
.single_property .img-box{
    overflow: hidden;
    position: relative;
    text-align: center;
}
.single_property .img-box img{
    padding: 20px;
    border-radius: 30px;
    overflow: hidden;
    text-decoration: none;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.single_property:hover .img-box img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.single_property_price{
border-top: 1px solid #eee;
color: #fff;
font-weight: 500;
padding-top: 10px;
text-transform: capitalize;
}
.single_property_price span {
	font-size: 18px;
	font-weight: 700;
	color: rgba(7,108,224,1);
	display: block;
	margin: 5px 0;
}
.single_property_content {
    padding: 10px 20px 20px;
}
.single_property_content h4 {
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.single_property_content p{
    border-top: 1px solid #eee;
	color: rgba(255,255,255,.5);
    padding-top: 5px;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	text-transform: capitalize;
	font-weight: 500;
	font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.single_property_price i{color:#ffaf00;}

/*ABOUT SLIDER*/
.property_single_details_slide{}


.property_single_details_description {margin-top:20px;}
.property_single_details_description img{
    max-width: 100%;
}
.property_single_details_description h4 {
	text-transform: capitalize;
	font-weight: 600;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	font-size: 22px;
}

.property_single_details_price{margin: 40px 0;
overflow: hidden;}
.property_single_details_price h1 {
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 20px;
}
.property_single_details_price h4{color: rgba(7,108,224,1);
font-size: 28px;}
.property_single_details_price  p {
  margin-bottom: 10px;
}
.property_single_details_price ul{list-style:none;}
.property_single_details_price ul li{float: left;
margin-right: 20px;}
.property_single_details_price ul li i{color:rgba(7,108,224,1);}

.property_map{margin: 40px 0;}
.property_map h4{
border-bottom: 1px solid #eee;
margin-bottom: 20px;
padding-bottom: 10px;
font-weight: 500;
text-transform: uppercase;
}

.recent_single {
    margin: 40px 0;
    overflow: hidden;
}
.recent_single  a:hover { color: #f94481 }
.recent_single img {
    width: 120px;
    height: 80px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}
.recent_single h4 {
    line-height: 25px;
    font-size: 16px;
}
@media only screen and (max-width:991px) { 
    .recent_single h4 { font-size: 12px }
}
@media only screen and (max-width:768px) { 
    .recent_single h4 { font-size: 12px }
}
@media only screen and (max-width:480px) { 
    .recent_single h4 { font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .recent_single h4 { font-size: 12px }
}
@media only screen and (max-width:320px) { 
    .recent_single h4 { font-size: 12px }
}
.recent_single span i {
    color: #f94481;
    margin-right: 10px;
}

.property_info{
border: 1px solid #eee;
margin-top: 40px;
padding: 40px;
}
.single_property_list{}
.single_property_list h4{margin-bottom: 30px;
text-transform: uppercase;font-weight: 500;}
.single_property_list ul{list-style:none;}
.single_property_list ul li i{margin-right: 10px;color:rgba(7,108,224,1) ;}
.single_property_list ul li{line-height: 40px;}
.single_property_list_mr{margin-right:70px;float: left;}

.single_property_form{}
.single_property_form h4 {
	margin-bottom: 30px;
	font-weight: 600;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	text-transform: capitalize;
	font-size: 26px;
}

.single_property_form_agent{margin-top:60px;}
.single_property_form_agent_profile{
border: 1px solid #eee;
padding: 10px ;
margin-bottom: 30px;
text-align: center;
}
.single_property_form_agent_profile img{margin-bottom: 10px;}
.single_property_form_agent_profile h4 {
	font-size: 16px;
	font-weight: 500;
	margin-top: 15px;
}
.single_property_form_agent_profile h4 i{color:rgba(7,108,224,1);}
.single_property_form_agent_profile h4 a{color:rgba(7,108,224,1);font-size: 16px;}


.carousel .slide-control {
background: rgba(7,108,224,1) none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
font-size: 30px;
height: 45px;
line-height: 40px;
margin-top: -25px;
position: absolute;
text-align: center;
top: 50%;
width: 45px;
}
.carousel .slide-control.right { left: auto }
.carousel .left.slide-control {
    left: 100px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.carousel .right.slide-control {
    right: 100px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.carousel:hover .left.slide-control {
    left: 30px;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
}
.carousel:hover .right.slide-control {
    right: 30px;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
}
.carousel.slide-control:focus {
    color: #fff;
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}
/*ABOUT SLIDER*/
/*
* ----------------------------------------------------------------------------------------
* 04.END PROPERTY DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-us-img{
    text-align: center;
    position: relative;
}
.about-us-img .about_img_text{
    position: absolute;
    left: 0;
    top:0;
}
.section-top.about-us{
    padding-top: 250px;
}
.about-us .detail-img{
    width: 100%;
}
.about-us .detail-img img{
    width: 100%;
}

.about-du{

}
.about-du .five-module{

}
.about-du .five-module .title-box{
    text-align: center;

}
.about-du .five-module .title-box h2{
    color: rgba(255,255,255,.8);
    font-size: 44px;
    line-height: 66px;
    margin-bottom: 12px;
}
.about-du .five-module .title-box p{
    color: #ddd;
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
}
.about-du :hover .five-module .detail-box{
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%);
    cursor: pointer;
}
.about-du :hover .five-module .detail-list{
    padding-top: 300px;
}
.about-du .five-module .detail-list{
    padding-top: 150px;
    transition: padding-top .5s ease;
    padding-bottom: 50px;
}
.about-du .five-module .detail-box{
    width: 18%;

    overflow: hidden;
    margin-left: 2%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    /*-webkit-transition: -webkit-transform .5s ease;*/
    /*transition: -webkit-transform .5s ease;*/
    transition: all 1s ease;
    /*transition: transform .5s ease;*/
    /*transition: transform .5s ease, -webkit-transform .5s ease;*/
    z-index: 100;
    -webkit-box-shadow: -2px 10px 30px 2px rgba(97, 105, 119, .48);
    box-shadow: -2px 10px 30px 2px rgba(97, 105, 119, .48);
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
}
.about-du .five-module .detail-box:first-child{
    margin-left: 0;
}
.about-du .five-module .detail-box .top{
    background: linear-gradient(to bottom, rgba(2, 102, 255,.4), #fff);
    padding: 20px 20px 0;
    position: relative;
    text-align: center;
}
.about-du .five-module .detail-box .top .num{
    display: inline-block;
    font-size: 16px;
    background: linear-gradient(to bottom,#fff, #ddd);
    border-radius: 50%;
    height: 34px;
    text-align: center;
    width: 34px;
    font-weight: bold;
    line-height: 34px;
    color: rgba(2, 102, 255,.8);
    position: absolute;
    box-shadow: -2px 0 30px 2px rgba(97, 105, 119, .18);
    left: 20px;
    top: 32px;
}
.about-du .five-module .detail-box .top .sm-t{
    display: inline-block;
    font-size: 34px;
    color: #fff;
    font-weight: bolder;
    line-height: 60px;
}
.about-du .five-module .detail-box .sm-d{
    font-size: 16px;
    color: rgba(0,0,0,.4);
    padding: 0px 20px 10px;
}
.about-ss .about-ss-box{
    padding: 100px 0;
}
.about-ss .right-box dl{
    text-align: right;
    padding-right: 40px;
}
.about-ss .right-box dl dt:after{
    position: absolute;
    right: 10px;
    bottom: 0px;
}
.about-ss .right-box dl dt{
    padding-bottom: 15px;
}
.about-ss .fl,.about-ss .fr{
    width: 50%;

}

.about-ss .about-ss-img{
    width: 100%;
    height: auto;
    box-shadow: -2px 0 30px 2px rgba(97, 105, 119, .18);
    border-radius: 18px;
    overflow: hidden;
}
.about-ss .about-ss-img img{
    width: 100%;
}
.about-ss .section-top-title{
    margin-bottom: 100px;
}
.about-ss .about-ss-detail{
    padding: 20px 0 0 40px;
}
.about-ss .about-ss-detail dl{
    margin-bottom: 26px;
}
.about-ss .about-ss-detail dl dt{
    font-size: 38px;
    color: #0b0b0b;
    font-weight: bolder;
    margin-bottom: 10px;
    position: relative;
}
.about-ss .about-ss-detail dl dt span{
    font-size: 20px;
    font-weight: normal;
    color: rgba(0,0,0,.8);
}
.about-ss .about-ss-detail dl dt:after{
    content: "";
    display: block;
    width: 30px;
    height: 5px;
    background: rgba(2, 102, 255,.8);
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 20px;
}
.about-ss .about-ss-detail dl dd{
    font-size: 16px;
    color: rgba(0,0,0,.4);
    white-space: pre-wrap;
    font-family: Arial, sans-serif;
}
.modal-dialog.video-dialog{
    max-width: 990px !important;
    position: relative;
    padding: 0;
}
.modal-dialog.modal-xl .modal-body {
    margin: 0;
    padding: 0;
}
.modal-dialog.modal-xl .modal-body .modal-body-detail{
    -webkit-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, .18);
    box-shadow: -2px 0 30px 2px rgba(187, 229, 255, .6);
    border-radius: 18px;
}
.modal-dialog.modal-xl .modal-body .modal-body-detail video{
    max-width: 100% !important;
}
.modal-dialog.modal-xl .btn-secondary{
    background: #eee;
    font-size: 28px;
    font-weight: bolder;
    line-height: 30px;
    background: linear-gradient(180deg, #fff 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,.6) 88%);
}
.about-us-content h2 {
	font-size: 40px;
	margin: 0 0 25px;
	text-transform: capitalize;
	font-weight: 600;
}
@media only screen and (max-width:320px) { 
    .about-us-content h2 { font-size: 40px }
}
.about-us-content p { margin-bottom: 25px }
.about-us-content ul{list-style: outside none none;
margin-bottom: 30px;}
.about-us-content ul li {line-height: 36px;}
.about-us-content ul li i{color:rgba(7,108,224,1);margin-right:10px}
@media only screen and (max-width:768px) { 
    .about_img { margin-top: 30px }
}

.about-us-content a {
	background: rgba(7,108,224,1);
	border: 1px solid rgba(7,108,224,1);
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	overflow: hidden;
	padding: 12px 40px;
	font-weight: 600;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
}
.about-us-content a:hover {
	background: rgba(7,108,224,1);
	border: 1px solid rgba(7,108,224,1);
    color: #fff;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video {
padding-bottom: 120px;
padding-top: 100px;
position: relative;
}
.about_video::before {
	background: #020928;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	position: absolute;
	top: 0;
	width: 100%;
}
.our_video h1 {
	color: #fff;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 80px;
	margin-bottom: 30px;
	font-size: 50px;
}
@media only screen and (max-width:320px) { 
    .video-container h1 { font-size: 20px }
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.our_video a  {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
border: 10px solid rgba(0, 0, 0, 0.05);
border-radius: 100px;
color: rgba(7,108,224,1);
display: block;
font-size: 24px;
height: 100px;
line-height: 85px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100px;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_team {
  background: #fff none repeat scroll 0 0;
}
.our_team .our_team-list{
    padding: 40px 0 120px;
}
.our_team .sm-detail-list{
padding-top: 40px;
}

.our_team .sm-detail-list .detail-box{
    background-color: rgba(255,255,255,.8);
    padding: 20px;
    width: 120px;
    border-radius: 10px;
    box-shadow: 0 5px 10px 1px #1A90D9 inset, 0 20px 10px 1px #00000055, 0 20px 10px 1px #00000055;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.our_team .sm-detail-list .detail-box img{
    width: 52px;
    height: 44px;
}
.our_team .sm-detail-list .detail-box p{
    font-size: 14px;
    color: rgba(0,0,0,.8);
    padding: 10px 0 0 0;
}
.our_team .our_team-list .our_team-detail{
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    width: 180px;
    background: linear-gradient(180deg, #fff 0%, #f2f2f2 50%, #1A90D9 88%);
    box-shadow: 0px 15px 20px -5px #1A90D9, 0px 0px 1px 1px rgba(255, 255, 255, 0.25) inset;
    padding: 3px;
    position: relative;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 auto;
}
.our_team .our_team-list .our_team-detail .our_team-img{
    background: linear-gradient(180deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.9)  100%);
    border-radius: 10px;
    padding-top: 10px;
}
.our_team .our_team-list .our_team-detail .our_team-img img{
    width: 80px;
    height: 80px;
}
.our_team .our_team-list .our_team-detail .our_team-img p{
    font-size: 16px;
    color: rgba(0,0,0,.8);
    padding: 10px 5px;
}
.single_team {
	background: #fff none repeat scroll 0 0;
	border-bottom: 4px solid rgba(7,108,224,1);
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	padding: 15px;
	border-radius: 5px;
}
.single_team img{}
.single_team h3 {
	text-transform: capitalize;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: 600;
}
.single_team p {
	margin-bottom: 15px;
	text-transform: capitalize;
	font-size: 15px;
	letter-spacing: 0;
	font-weight: 400;
}
.single_team ul{
margin-bottom: 10px;
text-align:center;
}
.single_team ul li{display:inline-block}
.single_team ul li a{
border-radius: 30px;
color: #fff;
display: block;
height: 40px;
line-height: 40px;
margin: 0 4px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 40px;
}
.st-facebook{background:#3B5998;}
.st-twitter{background:#1A90D9;}
.st-instagram{background:#FF5252;}

/*
* ----------------------------------------------------------------------------------------
* 07.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START OUR AGENTS DESIGN
* ----------------------------------------------------------------------------------------
*/
.team_grid figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.team_grid figure img {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.99;
    filter: alpha(opacity=80);
}
.team_grid figure figcaption {
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.team_grid figure figcaption,
.team_grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.team_grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.team_grid figure h4 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.team_grid figure h4,
.team_grid figure p { margin: 0 }
.team_grid figure p {
    font-size: 16px;
    letter-spacing: 1px;
}
.team_grid figure p a {color: #fff;
letter-spacing: 0;}
figure.effect-sadie figcaption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 186, 200, 0)), color-stop(75%, rgba(28, 186, 200, 0.9)));
    background: -o-linear-gradient(top, rgba(28, 186, 200, 0) 0%, rgba(28, 186, 200, 0.9) 75%);
    background: linear-gradient(to bottom, rgba(28, 186, 200, 0) 0%, rgba(28, 186, 200, 0.9) 75%);
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}
figure.effect-sadie h4 {
background: #fff none repeat scroll 0 0;
color: #222;
font-size: 14px;
left: 20%;
letter-spacing: 2px;
opacity: 0;
padding: 15px 0;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0px);
        transform: translate3d(0px, -50%, 0px);
-webkit-transition: color 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
transition: color 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
-o-transition: transform 0.35s ease 0s, color 0.35s ease 0s;
transition: transform 0.35s ease 0s, color 0.35s ease 0s;
transition: transform 0.35s ease 0s, color 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
width: 60%;
}
@media only screen and (max-width:768px) { 
    figure.effect-sadie h4 { font-size: 12px }
}
@media only screen and (max-width:480px) { 
    figure.effect-sadie h4 { font-size: 18px }
}
@media only screen and (max-width:320px) { 
    figure.effect-sadie h4 { font-size: 14px }
}
figure.effect-sadie figcaption:before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover h4 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption:before,
figure.effect-sadie:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.portfolio_btn { padding-top: 50px }

/*project modal*/
.modal-dialog {
  margin: 80px auto 30px;
}
.modal-title {
  color: #1d293e;
  margin: 0;
  text-transform: uppercase;
}
.modal-content{
	padding: 10px 30px;
	border-radius: 0px;
}
.modal-body{
	margin-bottom: 15px;
}
.modal-body h4{}
.modal-body p{
	margin: 10px 0px 15px;
}

.template_agent{padding-top:60px;padding-bottom:30px;}
.agents_details_image{}
.agents_details_image img{
float: left;
margin-right: 20px;
width: 200px;
}
.agents_details_content{}
.agents_details_content h4{
text-transform: uppercase;
overflow: hidden;
}
.agents_details_content h5{
border-bottom: 1px solid #eee;
color: rgba(7,108,224,1);
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 10px;
text-transform: uppercase;
}
.agents_details_content p{
overflow: hidden;
margin-top: 0px;
}
.agents_details_content i{margin-right:10px;color:#000;}
.agent_social ul li{display: inline-block;}
.agent_social ul li a {
	background: #e0eff4;
	border-radius: 30px;
	color: #1d293e;
	display: block;
	height: 40px;
	line-height: 40px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;
	text-align: center;
	margin: 0 5px;
}
.agent_social ul li a i {
  margin-right: 0;
}
.agent_social ul li a:hover{background:rgba(7,108,224,1);color:#fff;}

/*End project modal*/

.template_agent{background:#e0eff4;}
.single_agent {
	background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	margin-bottom: 30px;
	overflow: hidden;
	padding: 40px;
}
.single_agent_image img{
float: left;
margin-right: 20px;
width: 270px;
}
.single_agent_content{

}
.agent_social {
  margin-top: 30px;
  overflow: hidden;
}
.single_agent_content h4{
text-transform: uppercase;
overflow: hidden;
font-weight: 600;
}
.single_agent_content h5 {
	border-bottom: 1px solid #eee;
	color: rgba(7,108,224,1);
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 10px;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 500;
}
.single_agent_content h6{
color: #777;
font-size: 16px;
line-height: 30px;
margin-bottom: 20px;
overflow: hidden;
}
.single_agent_content p{
line-height: 36px;
margin-top: 0;
overflow: hidden;
}
.single_agent_content i{margin-right:10px;color:#000;}
/*
* ----------------------------------------------------------------------------------------
* 08.END OUR AGENTS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.works_area{padding-top:60px;padding-bottom:50px;}
.portfolio-filters { margin-bottom: 60px }
.portfolio-filters li.active {
	color: #fff;
	background: rgba(7,108,224,1);
	border-radius: 500px;
	padding: 8px 30px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.portfolio-filters li {
	color: #1d293e;
	cursor: pointer;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	margin-right: 5px;
	padding: 8px 30px;
	text-transform: capitalize;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .portfolio-filters li { 
	padding: 8px 24px;
	margin-bottom:10px 
}
}

.portfolio-filters li:hover {
	color: #fff;
	background: rgba(7,108,224,1);
	border-radius: 500px;
	padding: 8px 30px;
}
.portfolio-items-list .mix {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

/*卡片样式*/
/* 清除Bootstrap默认容器内边距，实现全屏贴边 */
.container-fluid.px-0 .col-lg-4{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 清除栅格列默认间距，保证三等分宽度完全均等 */
.row.g-0 {
    --bs-gutter-x: 0;
}

/* 卡片基础样式 */
.card-full {
    position: relative;
    border: none;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 卡片背景层：图片+半透明遮罩 */
.card-full .card-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    background-color: rgba(26, 10, 40, 0.27);
    transition: all 0.9s ease;
    text-align: center;
    color: #fff;
}
.card-full .card-bg .money-ico{
    margin-top: 20%;
    height: 50px;
    width: auto;
}
    /* 卡片文字内容层 */
.card-full .card-content {
    position: relative;
    z-index: 2;
    padding: 0;
}
    /* 卡片标题样式 + 霓虹发光效果 */
.card-full .card-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 2.5rem 0 1.5rem;

    /*background: linear-gradient(90deg, #6a0dad 0%, #ff1a8c 100%);*/
    /*-webkit-background-clip: text;*/
    /*background-clip: text;*/
    /*color: transparent;*/
    /*text-shadow: 0 0 8px rgba(106, 13, 173, 0.6),*/
    /*0 0 16px rgba(255, 26, 140, 0.4);*/
    transition: all 0.3s ease;
}

/* Hover时标题发光强化 */
.card-full:hover .card-title {
    text-shadow: 0 0 12px rgba(106, 13, 173, 0.9),
    0 0 24px rgba(255, 26, 140, 0.7),
    0 0 36px rgba(255, 26, 140, 0.4);
    /*transform: scale(1.05);*/
}
.card-full:hover .card-bg{
    background: linear-gradient(168deg, rgb(31, 13, 55) 20%, rgb(183, 86, 165) 65%, rgb(199, 103, 141) 100%);
}
/* 卡片描述文字样式 */
.card-full .card-desc {
    font-size: 1.1rem;
    line-height: 1.6;
    /*opacity: 0.85;*/
}

/* Hover交互效果 */
.card-full:hover {
    box-shadow: 0 15px 50px rgba(255, 26, 140, 0.6) !important;
}




.portfolio_btn { padding-top: 50px }

.btn-portfolio-bg {
background: rgba(7,108,224,1) none repeat scroll 0 0 !important;
border: 1px solid rgba(7,108,224,1);
border-radius: 3px;
-webkit-box-shadow: none;
        box-shadow: none;
color: #fff;
font-size: 12px;
padding: 12px 30px;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.btn-portfolio-bg:hover,
.btn-portfolio-bg:focus {
    background: #1d293e!important;
    color: #fff;
    border: 1px solid #1d293e!important;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.crwl-box .col-lg-8{
    padding: 0;
}
.crwl-box{
    height: 100vh;
    min-height: 480px;
}
.crwl-box .col‑left{
    background: linear-gradient(0deg, rgb(0, 0, 0) 5%, rgb(183, 86, 165) 40%, rgb(31, 13, 55) 70%);
    padding: 0px  45px;
    height: 100vh;
    padding-left: 50px;
    min-height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.crwl-box .col‑left .title{
    font-size: 42px;
    font-weight: 900;
    letter-spacing: 4px;
    background: linear-gradient(90deg, #7a04eb 0%, #ffb3d9 60%, #ff3399) 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 15px rgba(255, 80, 170, 0.6));
    margin-bottom: 50px;

}
.crwl-box .col‑left .desc{
    color: #fff;
    text-indent: 2rem;
    line-height: 2rem;
}
.crwl-box  .col‑right{
    height: 100vh;
    min-height: 480px;
}
.crwl-box  .col‑right .crwl-bg{
    width: 100%;
    height: 100%;
}

.yeji-box{
    height: 100vh;
    min-height: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.yeji-box  .single_property_content h4{
padding :50px 0 30px;
font-size: 46px;
    border: 0;
    font-weight: 700;
    background: linear-gradient(90deg, #7a04eb 40%, #ffb3d9 60%, #ff3399) 80%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.yeji-box  .single_property_content h4 i{
font-size: 16px;
font-style: normal;
display: inline-block;
margin-left: 10px;
    color: #333;
}
.yeji-box  .single_property_content p{
    border: 0;
    color:#333 ;
    padding-bottom: 30px;
}
.yeji-box .col-lg-3{
padding: 0;
}
/*
 * ----------------------------------------------------------------------------------------
 *10.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */

.single-testimonial{
    padding: 25px 0;
}
.single-testimonial .img-box{
    display: flex;
    width: 80px;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    aspect-ratio: 1 / 1;
}
.single-testimonial img {
	display: inline-block;
    background-clip: padding-box, border-box;
    background-origin: border-box;
    width: auto;
    box-shadow: 0 0 30px rgba(255, 120, 210, 0.75), 0 0 60px rgba(210, 70, 190, 0.45), inset 0 0 22px rgba(255, 190, 230, 0.2);
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
}


.testimonial1-carousel .slick-arrow {
	height: 90px;
	width: 90px;
	line-height: 90px;
	border-radius: 100px;
	font-size: 20px;
	border: 1px solid #eee;
	color:#fff;
	text-align: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	cursor: pointer;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
}
@media only screen and (max-width: 812px){
.testimonial1-carousel .slick-arrow { display:none !important;}
}
@media only screen and (max-width: 768px){
.testimonial1-carousel .slick-arrow { display:none !important;}
}
@media only screen and (max-width: 667px){
.testimonial1-carousel .slick-arrow { display:none !important;}
}
.testimonial1-carousel .slick-arrow:hover{background:#fff;color:#1d293e;border: 1px solid #fff;}
.testimonial1-carousel .slick-dots {
	padding: 0;
	list-style: none;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	bottom: -70px;
}
.testimonial1-carousel .slick-dots li {
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-right: 10px;
	display: none;
}
.testimonial1-carousel .slick-dots li.slick-active button {
	background: #fff;
}
.testimonial1-carousel .slick-dots li button {
	display: inline-block;
	padding: 0;
	height: 12px;
	width: 12px;
	border: 2px solid #fff;
	border-radius: 100px;
	background: transparent;
	color: transparent;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
}
/*
 * ----------------------------------------------------------------------------------------
 * 10.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 11.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
.fresh-news{
	padding-bottom: 0;
}
.single_blog {
	background: #fff;
	margin-bottom:30px;
}
.blog_img { overflow: hidden; }
.blog_img img {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_blog:hover .blog_img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.post-date {
	position: absolute;
	top: -17px;
	right: 0px;
	background: #fff;
	padding: 7px 12px;
	border-radius: 5px;
	text-align: center;
	-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,.1);
	        box-shadow: 0px 10px 20px rgba(0,0,0,.1);
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.single_blog:hover .post-date{background:rgba(7,108,224,1) ;}
.single_blog:hover .post-date .date{color:#fff;}
.single_blog:hover .post-date .month {color:#fff;}
.date {
	font-size: 30px;
	font-weight: 500;
}
.month {
	display: block;
	font-size: 15px;
	font-weight: 500;
}

.blog_content{padding:20px;}
.blog_content h3{}
.blog_content h3 a {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	line-height: 34px;
	color: #1d293e;
}
.blog_content h3 a:hover{color:rgba(7,108,224,1) ;}



.blog-page,.blog_post,.template_property,.works_area ,.fresh-news {
    width: 100%;
    min-height: 100vh;
    background: linear-gradient(0deg, rgb(31, 13, 55) 0%, rgb(183, 86, 165) 50%, rgb(199, 103, 141) 100%);
    position: relative;
    overflow: hidden;
}
.template_property{
    display: flex;
    flex-direction: column;
}
.mar-cen{
    margin: auto;
}
/* 叠加半透明泡泡层 */
.works_area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
            radial-gradient(circle at 10% 85%, rgba(255,255,255,0.2) 0%, transparent 8%),
            radial-gradient(circle at 90% 90%, rgba(255,255,255,0.18) 0%, transparent 10%),
            radial-gradient(circle at 5% 70%, rgba(255,255,255,0.15) 0%, transparent 5%);
    pointer-events: none;
}
.single_blog_page {
	background: #fff;
	padding: 60px;
	border-bottom: 1px solid #ddd;
}
.single_blog_page img{}
.single_blog_page img a{}
.single_blog_page h2 a {
	font-weight: 600;
	font-size: 40px;
	padding-top: 15px;
	color: #1d293e;
	display: block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.single_blog_page h2 a:hover,.single_blog_page p a:hover{color:rgba(7,108,224,1) ;}
.single_blog_page p a{
    font-size: 18px;
    margin: 5px 0;
    color: rgba(0,0,0,.4);
    display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.single_blog_page span{}
.single_blog_page span a {
	color: rgba(7,108,224,1) ;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	font-weight: 500;
}
.single_blog_page span a:hover{color:#1d293e;}
.single_blog_page p{margin-bottom: 25px;}
.single_blog_page_para{margin: 25px 0;}
.single_blog_page_btn{color: rgba(7,108,224,1) ;}
.single_blog_page_btn:hover{color: #1d293e;}


/*START PAGINATION*/
#pagination {
	margin-top: 60px;
}
ul.blog_pagination li a,ul.blog_pagination li button {
	border: 1px solid #eee;
	border-radius: 0;
	color: #1d293e;
	display: block;
    padding: 0;
	font-size: 16px;
	font-weight: 500;
	background: #fff;
	height: 45px;
	line-height: 45px;
	margin: 5px;
	text-align: center;
	width: 45px;
}
ul.blog_pagination li a:hover ,ul.blog_pagination li button:hover{
    color: #fff;
    background: rgba(7,108,224,1);
    border: 1px solid rgba(7,108,224,1);
}

/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact-box{
    background: rgba(35,98,177,1);
    padding-bottom: 0 !important;
}
.contact-box .section-title h2{
     color: #fff;
}
.contact-box .contact-detail p{
    color: #fff;
    margin-bottom: 20px;
    font-size: 18px;
}
.contact-box .contact-detail h4{
    color: #fff;
}
.about-ss .about-ss-box.contact-ss-box .about-ss-detail dl dt{
    line-height: 50px;
}
.contact-ryzs{

}
.contact-ryzs .contact-ss-box{

}
.contact-ryzs .contact-ss-box .about-ss-img{
    background-color: rgba(255, 255, 255, .8);
    padding: 5px;
    margin-bottom: 80px;
    border-radius: 10px;
    box-shadow: 0 5px 10px 1px #ddd inset, 0 20px 10px 1px #00000055, 0 20px 10px 1px #00000055;
    justify-content: center;
    align-items: center;

}
.contact-ryzs .contact-ss-box .about-ss-img img{
    width: 100%;
}
.contact_form_blog{padding-top:0px!important;}

.join-t-box .single_contact_one{
    text-align: center;
    padding: 20px;
}
.join-t-box .single_contact_one .join-t-box-detail{
    background-color: rgba(255, 255, 255, .8);
    padding: 5px;
    border-radius: 10px;
    box-shadow: 0 5px 10px 1px rgba(7,108,224,.5) inset, 0 20px 10px 1px #00000055, 0 20px 10px 1px #00000055;
    justify-content: center;
    text-align: center;
}
.join-t-box .single_contact_one .join-t-box-detail .img-box{
    padding: 20px 30px;
}
.join-t-box .single_contact_one .join-t-box-detail .img-box img{
  width: 80%;
}
.join-t-box .single_contact_one .join-t-box-detail .text-box dl dt{
    font-size: 18px;
    padding-bottom: 10px;
}
.join-t-box .single_contact_one .join-t-box-detail .text-box dl dt span{
    font-size: 26px;
    margin-right: 5px;
    display: inline-block;
}
.join-t-box .single_contact_one .join-t-box-detail .text-box dl dd{
    font-size: 16px;
    color: rgba(0,0,0,.4);
}
.join-s-box .single_contact_one{
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    background: linear-gradient(180deg, #fff 0%, #f2f2f2 50%, #1A90D9 88%);
    box-shadow: 0px 15px 20px -5px #1A90D9, 0px 0px 1px 1px rgba(255, 255, 255, 0.25) inset;
    padding: 3px;
    position: relative;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin: 0 auto;
    width: 100%;
}
.join-s-box .single_contact_one .join-s-box-detail{
    background: linear-gradient(180deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .9) 100%);
    border-radius: 10px;
    padding-top: 10px;
}
.join-s-box .single_contact_one .join-s-box-detail .text-box{
    overflow: hidden;
}
.join-s-box .single_contact_one .join-s-box-detail .text-box h5{
    font-size: 32px;
    font-weight: bolder;
    padding: 50px 0;
    text-align: center;
}
.join-s-box .single_contact_one .join-s-box-detail .text-box .small-box{
    overflow: hidden;
}
.join-s-box .single_contact_one .join-s-box-detail .text-box .small-box .fl{
    width: 20%;
    border-radius: 50%;
    background: linear-gradient(to bottom, #fff, #ddd);
    text-align: center;
    box-shadow: -2px 0 30px 2px rgba(97, 105, 119, .18);
    overflow: hidden;
    margin-left: 5%;
    margin-top: 20px;
}
.join-s-box .single_contact_one .join-s-box-detail .text-box .small-box .fl img{
    width: 100%;
}
.join-s-box .single_contact_one .join-s-box-detail .text-box .small-box .fr{
    width: 70%;
}
.join-s-box .single_contact_one .join-s-box-detail .text-box .small-box .fr dl dt{
    padding: 20px 0 10px;
    font-size: 20px;
}
.join-s-box .single_contact_one .join-s-box-detail .text-box .small-box .fr dl dd{
    font-size: 16px;
    color: rgba(0,0,0,.4);
    height: 45px;
}
.join-s-box .single_contact_one .join-s-box-detail .img-box{
    width: 100%;
    overflow: hidden;
    border-radius:0 0 10px 10px;
}
.join-f-box .single_contact_one .join-f-box-detail{
    width: 100%;
}
.join-f-box .single_contact_one .join-f-box-detail img{
    width: 100%;
}

.join-a-box .join-a-box-detail{
    text-align: center;
}
.join-a-box  .section-title h2{
    color: #fff;
}
.join-a-box .join-a-box-detail .img-box{
    padding: 0 40px;
    width: 100%;
}
.join-a-box .join-a-box-detail .img-box img{
    width: 60%;
}
.join-a-box .join-a-box-detail p{
    font-size: 20px;
    color: #fff;
}
.join-top-title .join-top-title-detail h3{
    color: #fff;
    font-size: 60px;
    font-weight: bolder;
    padding-top: 12%;
    letter-spacing: 5px;
    text-shadow: 0 4px 0 rgba(255,255,255,.3);
}
.join-top-title .join-top-title-detail p{
    color: #f2f2f2;
    font-size: 38px;
    padding-top: 3%;

}
.join-top-title {
    position: relative;
}
.join-top-title .block-center{
    position: absolute;
    bottom: 10%;
    left: 10%;
    right: 10%;
    width: 80%;
}
.join-top-title .block-center .box-counter-main .counter{
    font-size: 45px;
    color: rgba(255, 255, 255, 1);
    padding-bottom: 40px;
    font-weight: bolder;
    letter-spacing: 5px;
}
.join-top-title .block-center  .box-counter-title{
    font-size: 30px;
    font-weight: normal;
    color: rgba(255, 255, 255, .8);
}
.blog_sidebar_title {
border-bottom: 1px solid #fff;
color: #1d293e;
font-size: 13px;
font-weight: 600;
letter-spacing: 15px;
margin-top: 0;
padding-bottom: 20px;
text-transform: uppercase;
    margin-bottom: 0;
}
.blog-leftdetail{
    border-radius: 10px !important;
    overflow: hidden;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .upcoming_event {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-top: 3px solid rgba(7,108,224,1);
    background: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .4)100%);
    -webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
    box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
    border-radius: 5px;
}
.tag{overflow: hidden;}
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search input {
background: #f5f8fa none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #282828;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid rgba(7,108,224,1);}
.single_latest_blog {
	overflow: hidden;
    border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	padding-top: 15px;
}
.single_latest_blog h4 {
	color: #666;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
    overflow: hidden;
    text-overflow: ellipsis;
}
.single_latest_blog p{
    color: rgba(0,0,0,.4);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.single_latest_blog:hover h4 { color: rgba(7,108,224,1) }
.single_latest_blog:hover p { color: rgba(7,108,224,1) }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #1d293e;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: rgba(7,108,224,1) }
.single_upcoming_event span i{margin-right:5px;color: rgba(7,108,224,1) }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #1d293e;
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 0;
}
.categories ul li a:hover { color: rgba(7,108,224,1) }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 2px solid rgba(7,108,224,1);
	border-radius: 30px;
	color: #1d293e;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 5px 16px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: rgba(7,108,224,1);
    color: #fff;
    border: 2px solid rgba(7,108,224,1);
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_author {
    background: #fff  none repeat scroll 0 0;
    padding: 20px;
}
.author_part img {
    border: 4px solid rgba(7,108,224,1);
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #ddd;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}

.single_blog_content{}
.single_blog_content p{margin:30px 0;}
.comment_form{
margin-top:60px;
background:#fff;
padding:60px;
}
.comments_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid rgba(7,108,224,1);
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment_form input, .comment_form textarea {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #f5f8fa;
	border-color: currentcolor currentcolor #ddd;
	-o-border-image: none;
	   border-image: none;
	border-radius: 0;
	border-style: none none solid;
	border-width: 0 0 1px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #1d293e;
	font-size: 16px;
	font-weight: 500;
	padding: 15px;
}

.comment_form textarea {

}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
.comment_form input:hover,.comment_form input:focus {
	background: #f5f8fa;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: none;
            box-shadow: none;
	color: #1d293e;
    outline: 0 none;
}
.comment_form textarea:hover,.comment_form textarea:focus {
	background: #f5f8fa;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: none;
            box-shadow: none;
	color: #1d293e;
    outline: 0 none;
}
.btn-blog-bg {
	border-radius: 30px;
	color: #fff!important;
	outline: medium none !important;
	padding: 15px 27px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: rgba(7,108,224,1)!important;
	font-family: 'poppins', sans-serif;
	cursor: pointer;
	width: 100%;
}
.btn-blog-bg:hover,
.btn-blog-bg:focus {
    background: #1d293e!important;
    color: #fff!important;
}
/*END BLOG SINGLE PAGE DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 * 11.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
 /*
 * ----------------------------------------------------------------------------------------
 * 12.START 404 PAGE
 * ----------------------------------------------------------------------------------------
 */
.search { margin-bottom: 30px }
.error_page h1 {
    font-size: 200px;
    text-shadow: 0 4px 0 #dcdcdc;
}
.form-control-feedback {
    color: #1d293e;
    line-height: 40px !important;
    width: 60px;
}
.error_page h2 {
	font-size:18px;
    line-height: 30px;
    margin-bottom: 30px;
}
.search-input input{border:1px solid #e8e8e9;margin-bottom:20px;}
.error-page{background:#f1f1f1;}
.error_page h1 {
    color: #1d293e;
    font-size: 200px;
    margin: 0;
    text-shadow: 0 4px 0 #dcdcdc;
}
.error_page h1 span { color: rgba(7,108,224,1) }

.form-control-feedback {
    color: #1d293e;
    line-height: 50px !important;
}
.error_page h2 {
    color: #1d293e;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 10px;
}
.error_page input {
    background:#fff;
    border: medium none;
    color: #1d293e;
    font-size: 16px;
    margin-bottom: 40px;
}
.error_page input:hover,
.error_page input:focus { border: none }

 /*
 * ----------------------------------------------------------------------------------------
 * 12.END 404 PAGE
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 13.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter {background:#321949;}
/*START PARTNER LOGO DESIGN*/
.partner {
margin-bottom: 60px;
text-align: center;
}
/*END PARTNER LOGO DESIGN*/
.signup_form h3 {
color: #fff;
font-size: 36px;
letter-spacing: 1px;
margin-bottom: 30px;
margin-top: 0;
text-transform: capitalize;
}
.signup_form input {
background:#fff;
border-color:  #fff;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
-webkit-box-shadow: none;
        box-shadow: none;
color: #1d293e;
margin-bottom: 30px;
}
.signup_form input:focus{-webkit-box-shadow: none;box-shadow: none;}
.signup_form button {
    background: rgba(7,108,224,1) none repeat scroll 0 0;
    border-radius: 0;
    -webkit-box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.signup_form button:hover {
    background: #fff;
    color: #1d293e;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 14.START FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
.template_faq{background: #e0eff4 none repeat scroll 0 0;padding-top:60px;padding-bottom:50px;}
.faq_desc { 
background: #fff none repeat scroll 0 0;
margin-bottom: 30px;
padding: 40px;
-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
}
.question { 
color: #1d293e;
font-weight: 700;
margin-bottom: 15px;
font-size:22px;
}
.question span {
    background: #1d293e none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
.ans span {
    background: rgba(7,108,224,1) none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 14.END FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 15.START LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.login_register {
  background: #e0eff4 none repeat scroll 0 0;
}
.login_register_title {
	margin-bottom: 20px;
	margin-top: 0;
	text-align: center;
	text-transform: capitalize;
	font-weight: 600;
}
.login{
background: #fff none repeat scroll 0 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
overflow: hidden;
padding: 60px;
}
.register{
background: #fff none repeat scroll 0 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
overflow: hidden;
padding: 60px;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 16.START CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-area{    background: linear-gradient(180deg, #e0eff4 80%, #fff 100%);}
.contact-area .about-ss-img{
    width: 100%;
    height: auto;
    box-shadow: -2px 0 30px 2px rgba(97, 105, 119, .18);
    overflow: hidden;
    margin-top: 20px;
}
.contact-area .about-ss-img img{
    width: 100%;
}
.contact {
background:#fff;
padding:60px;
-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
}
.form-control {
background: #f5f8fa none repeat scroll 0 0;
border: 1px solid #f5f8fa;
border-radius: 0;
-webkit-box-shadow: none;
        box-shadow: none;
color: #1d293e;
height: 50px;
padding-left: 10px;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.form-control:focus {
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0 none;
	border:1px solid rgba(7,108,224,1);
}
.mbnone { margin-bottom: 0px }
.actions {
    margin-top: 30px;
}
.btn-contact-bg {
	background: rgba(7,108,224,1);
	border: 1px solid rgba(7,108,224,1);
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	padding: 12px 40px;
	text-transform: capitalize;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: rgba(7,108,224,1);
    border: 1px solid rgba(7,108,224,1);
    color: #fff;
	-webkit-box-shadow:none;
	        box-shadow:none;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #379bbc;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
.single_address {
	background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	        box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	overflow: hidden;
	padding: 0px 20px;
	border-bottom: 1px solid #eee;
    height: 475px;
}

.single_address i{
background: rgba(7,108,224,1) none repeat scroll 0 0;
border-radius: 100px;
color: #fff;
float: left;
font-size: 22px;
height: 60px;
line-height: 60px;
margin-right: 20px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 60px;
}
.single_address h4{
text-transform: capitalize;
font-weight: 500;
}
.single_address p{overflow: hidden;}
.single_address_mbnone{margin-bottom: 0px;}
.map iframe{height:400px;width:100%;}
.map-pro iframe{height:400px;width:100%;}
/*
* ----------------------------------------------------------------------------------------
* 16.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 17.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer-area {
    position: relative;
    background-size: 100% 100%;
	padding: 160px 0px 60px;
    background: linear-gradient(10deg, rgb(199, 103, 141) 5%, rgb(183, 86, 165) 40%, rgb(31, 13, 55) 70%);
}
/*START FOOTER SOCIAL*/
 .footer_social {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 40px 0;
 }
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li {
    margin: 2px;
    display: inline-block;
}
.footer_social ul li a {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 30px;
color: #fff;
display: block;
font-size: 16px;
height: 45px;
line-height: 45px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 45px;
}
.footer_social ul li a:hover {background:#fff; color: rgba(7,108,224,1) ;border: 1px solid #fff;}
.footer_social ul li a:hover i {
    -webkit-animation: toLeftFromRight 0.4s forwards;
    animation: toLeftFromRight 0.4s forwards;
}
/*END FOOTER SOCIAL*/
.footer-padding{padding:60px 0;}
.footer-area .single_footer .footer_contact{
    padding-top: 30px;
}
.footer-area .single_footer .footer_contact .site-logo a{
    display: block;
}
.footer-area .single_footer .footer_contact .site-logo a img{
    width: 60%;
}
.footer-area .single_footer .footer_contact dl{
    margin-bottom: 20px;
}
.footer-area .single_footer .footer_contact dl dt{
    color: #fff;
    margin-bottom: 10px;
    font-size: 22px;
}
.footer-area .single_footer .footer_contact dl dd,.footer-area .single_footer .footer_contact dl dd a{
    color: #fff;
}
.footer-area .single_footer .footer_contact.ewm-box{
    width: 100%;
}
.footer-area .single_footer .footer_contact.ewm-box img{
    width: 100%;
}
.footer-area .single_footer  h4{
    text-align: center;
    padding-top: 20px;
}

.single_footer h4 {
	color: #fff;
	margin: 0 0 35px;
	text-transform: uppercase;
	font-weight: 600;
}
/*START FOOTER CONTACT*/
.footer_contact ul li {
    color: #fff;
    overflow: hidden;
    margin-bottom: 15px;
}
.footer_contact ul li span {
color: #fff;
display: block;
font-family: montserrat,sans-serif;
padding-top: 8px;
font-size: 15px;
}
.footer_contact ul li  i {
color: #fff;
float: left;
font-size: 16px;
line-height: 40px;
margin-right: 15px;
text-align: center;
}
/*END FOOTER CONTACT*/
.single_footer ul{}
.single_footer ul li{}
.single_footer ul li a {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.single_footer ul li a:hover{color:rgba(7,108,224,1) ;}
/*
* ----------------------------------------------------------------------------------------
* 17.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.top-bg{
    height: 400px;
    background-image: url(../img/bg/top-bg.jpg) !important;
    background-repeat: no-repeat;
    background-size:cover !important;
    background-position: center bottom !important;
}
.hui-bg{
    height: 550px;
    background-image: url(../img/bg/hui.jpg) !important;
    background-repeat: no-repeat;
    background-size:cover !important;
    background-position: center center !important;
}
.footer {
    background-color: #1f1f1f;
    padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer_copyright {
	color: #fff;
	margin: 0;
	text-transform: capitalize;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 60px;
}
/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 19.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
@media only screen and (max-width:996px) {
    .modal-dialog.modal-xl .btn-secondary{
        font-size: 16px;
        line-height: 16px;
        padding: 3px 7px;
    }
    .modal-dialog.modal-xl .modal-title{
        font-size: 18px;
    }
    .modal-content{
        padding: 10px;
    }
    .about-us-img  .sub-title p{
        display: none;
    }
}
.section-top {
    background:linear-gradient(to bottom, #ddd, #fff);
	padding-bottom: 120px;
	padding-top: 100px;
	position: relative;
}
.section-top-map{
    padding:50px;
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.about-title .section-top-title h1 {
    margin:15px 0;
    color: rgb(2, 102, 255);
    font-size: 50px;
	font-weight:600;
    text-transform: uppercase;
}
.about-title .section-top-title{
    position: relative;
}
.about-title .section-top-title .small{
    padding-top: 5px;
    color: rgb(2, 102, 255);
    font-size: 30px;
}
.about-us-img  .sub-title{
    position: absolute;
    right: 0;
    top: 100px;
}
.about-us-img  .sub-title p{
    color: rgb(2, 102, 255);
    font-size: 80px;
    writing-mode: vertical-lr;
    font-weight: bolder;
}
.about-title .section-top-title .img-box{
    display: block;
    width: 100%;
    text-align: right;
}
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.breadcrumb > .active {
  color: #fff;
}
.section-top-title ol li a {
color: #fff !important;
 }
.section-top-title ol li a:hover { color: rgba(7,108,224,1)!important }
/*
 * ----------------------------------------------------------------------------------------
 * 19.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/
.section-top .us-title{
    padding-top: 100px;
}
.section-top .us-title img{
    width: 80%;
}
.section-top .us-title p{
    color: #fff;
    font-size: 38px;
    text-align: left;
    letter-spacing: 5px;
    margin-top: 80px;
}
.over{
    overflow: hidden;
}
.our_video .video-play i{
    color: #fff;
}
.our_video .video-play{
    background: #1A90D9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(rgba(7,108,224,1), 0), color-stop(#96c56f, 1));
    background: -webkit-linear-gradient(top, rgba(7,108,224,1) 0%, #1A90D9 100%);
    background: -moz-linear-gradient(top, rgba(7,108,224,1) 0%, #1A90D9 100%);
    background: -o-linear-gradient(top, rgba(7,108,224,1) 0%, #1A90D9 100%);
    background: linear-gradient(top, rgba(7,108,224,1) 0%, #1A90D9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#1A90D9',GradientType=0 );
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 30px!important;
    margin: 0 auto;
    border: 1px solid #80ab5d;
    -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    clear: both;
    overflow: hidden;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}
.our_video .video-play:hover{
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 20px rgba(255, 255, 255, 0.8);
}
/* 针对小屏幕设备的样式 */
@media (max-width: 767px) {
    .section-top .us-title p{
        font-size: 30px;
        line-height:50px;
    }
    .join-top-title .join-top-title-detail h3{
        font-size: 40px;
    }
    .blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .upcoming_event{
        padding: 20px;
    }
    .comment_form{
        padding: 20px;
    }
    .blog_post_left h3{
        font-size: 28px;
        color: rgba(0,0,0,.8);
    }
    .blog_post_left p{
        line-height: 30px;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .single_blog_page{
        padding: 20px;
    }
    .single_blog_page h2 a{
        font-size: 24px;
    }
    .single_blog_page span{
        color: rgba(0,0,0,.5);
        font-size: 14px;
    }
    .single_blog_page p a{
        font-size: 16px;
        color: rgba(0,0,0,.6);
    }
    .our_team .our_team-list .our_team-detail{
        width: 140px;
    }
    .our_team .our_team-list .our_team-detail .our_team-img img{
        width: 45px;
        height: 45px;
    }
    .our_team .sm-detail-list .detail-box{
        width: 90px;
        margin: 0 auto;
    }
    .our_team .sm-detail-list .detail-box p{
        padding: 0;
    }
    .our_team .sm-detail-list .detail-box img{
        width: 40px;
        height: 34px;
    }
    .our_team .our_team-list .our_team-detail .our_team-img p{
        font-size: 14px;
    }
    .about-ss .about-ss-detail dl dt{
        font-size: 24px;
    }
    .about-ss .about-ss-detail dl dt span{
        font-size: 18px;
    }
    .about-ss .about-ss-detail dl dd{

    }
    .about-ss .section-top-title{
        margin-bottom: 30px;
    }
    .about-ss .about-ss-box{
        padding: 50px 0;
    }
    .about-us-img .boyimg img, .about-us-img{
     width: 100%;
    }
    .about-du .five-module .detail-list{
        padding: 80px 20px 0;
    }
    .about-du .five-module .detail-box.fl{
        float: none;
        width: 100%;
        display: block;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .about-du .five-module .detail-box .top .sm-t{
        line-height: 40px;
    }
    .about-du :hover .five-module .detail-list{
        padding-top: 80px;
    }
    .about-du :hover .five-module .detail-box{
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .join-t-box .single_contact_one{
        padding: 5px;
    }
    .contact{
        padding: 20px;
    }
    .join-t-box .single_contact_one .join-t-box-detail .img-box{
        padding: 10px 30px;
    }
    .join-t-box .single_contact_one .join-t-box-detail .text-box dl{
        padding: 0 ;
    }
    .join-t-box .single_contact_one .join-t-box-detail .text-box dl dt{
        padding-bottom: 5px;
    }
    .join-t-box .single_contact_one .join-t-box-detail .text-box dl dd{
        font-size: 14px;
    }
    .join-top-title .join-top-title-detail p{
        line-height: 40px;
        font-size: 22px;
    }
    .join-top-title .block-center .box-counter-main .counter{
        font-size: 35px;
        padding-bottom: 20px;
    }
    .join-top-title .block-center .box-counter-title{
        font-size: 24px;
    }
    .join-top-title .block-center .box-counter {
        margin-bottom: 30px;
    }
    .about-ss .about-ss-detail{
        padding: 0 20px;
    }
    .mar-sm-3{
        margin-left: 110px;
    }
    .join-a-box .join-a-box-detail{
        margin-bottom: 30px;
    }
    .join-s-box .single_contact_one{
        margin-bottom: 30px;
    }
    .join-s-box .single_contact_one .img-box{
        padding-top: 20px;
    }
    .join-s-box .single_contact_one .img-box .img-fluid{
        width: 100%;
    }
    .blog-leftdetail{
        margin-bottom: 50px;
    }
    .single_property_form_agent_profile{
        display: none;
    }
    .single_property_form h4{
        margin-top: 50px;
    }
    .footer-area{
        position: relative;
        background: rgba(7,108,224,1) !important;
        padding: 0 !important;
    }
    .footer-area .small-footer{
        display: none;
    }
    .our_team .sm-detail-list .detail-box,.our_team .our_team-list .our_team-detail{
        margin-bottom: 20px;
    }
    .about-du .five-module .detail-box .top .num{
        top: 20px;
        left: 20px;
    }
    .about-us-img .about_img_text{
        left: -35%;
        top: 5%;
    }
    .about-us-img .about_img_text img{
        width: 50%;
    }
}

/* 针对中等屏幕设备的样式 */
@media (min-width: 768px) and (max-width: 990px) {
    .single_address{
        height: 475px;
        padding:0 20px;
    }
    .join-s-box .single_contact_one .join-s-box-detail .text-box h5{
        font-size: 24px;
        padding: 20px 0;
    }
    .join-s-box .single_contact_one .join-s-box-detail .text-box .small-box .fr dl dt{
        padding: 15px 0 6px;
        font-size: 16px;
        height: 60px;
        line-height: 22px;
    }
    .join-s-box .single_contact_one .join-s-box-detail .text-box .small-box .fr dl dd{
        font-size: 14px;
        height: 55px;
        line-height: 18px;
    }
    .join-s-box .single_contact_one .join-s-box-detail .text-box .small-box .fl{
        margin-top: 8px;
    }
    .single_address h4{
        font-size: 18px;
    }
    .single_address p{
        font-size: 14px;
    }
    .single_address i{
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
    .blog-leftdetail{
        margin-bottom: 50px;
    }
    .our_team .our_team-list .our_team-detail{
        width: 140px;
    }
    .our_team .our_team-list .our_team-detail .our_team-img img{
        width: 60px;
        height: 60px;
    }
    .our_team .our_team-list .our_team-detail .our_team-img p{
        padding: 10px 20px;
    }
    .our_team .sm-detail-list .detail-box{
        width: 100px;
    }
    .our_team .sm-detail-list .detail-box img{
        width: 48px;
        height: 40px;
    }
    .about-us-img .about_img_text{
        left: -20%;
    }
    .about-us-img .about_img_text img{
        width: 80%;
    }
    .single_blog .blog_content h3 a{
        font-size: 18px;
    }
    .single_blog .blog_content p{
        font-size: 14px;
    }
    .effect-apollo p a{
        font-size: 16px;
    }
    .single_property_content{
        padding: 10px;
    }
    .single_property_content h4{
        font-size: 18px;
    }
    .single_property_content p{
        font-size: 14px;
    }
    .single_property .img-box img{
        padding: 10px;
    }
    .about-du .five-module .detail-box .top .num{
        display: block;
        top: 0;
        left: 0;
        position: relative;
    }
}

/* 针对大屏幕设备的样式 */
@media (min-width: 990px)and (max-width: 1200px) {
    .single_address{
        padding: 0px 20px;
        height: 475px;
    }
}