/*****************COMMON STYLE**********************************/
body{font-family: 'SegoeUI-Regular';}
ul{	margin:0;padding:0;}
.hoveranimate{-webkit-transition: background 0.8s ease;	-moz-transition: background 0.8s ease;	-ms-transition: background 0.8s ease;-o-transition: background 0.8s ease;transition: background 0.8s ease;}
.equalspace{margin:0 auto !important;float:none !important;}
img{max-width:100%; vertical-align:top;}
a:focus,input:focus{outline:none;}
input, buttom{ border-radius:none;}
a{ text-decoration:none !important;}
.container{max-width:1130px; width: auto;}
#content-page .container-md{max-width:1225px!important; width: auto;}

/**********************centerpoint-banner*******************/
#centerpoint-banner{background-color:#071e3f;position: relative;}
#centerpoint-banner .banner-img{ left:0; top:0; background:url(../images/banner-img.jpg) no-repeat center top; background-size:cover;position: absolute;opacity: 0.2;height: 100%;width: 100%;}
#centerpoint-banner .banner-wrap h1{font-size: 48px;line-height: 54px;font-family: 'SegoeUI-Bold'; color:#fff; margin:0;}
#centerpoint-banner .banner-wrap span{display: block;}
#centerpoint-banner .banner-wrap {padding:163px 0 183px;}

/**********************centerpoint-banner*******************/
/*****content-page*****/
#content-page {padding: 69px 0;}
#content-page .body-content{ font-size:20px; line-height:28px; color: #000000;}
#content-page .body-content h3{ font-size:30px; line-height:34px; color:#000000; margin:0 0 36px;}
#content-page .body-content h4{ font-size:24px; line-height:34px; color:#000000; margin:0 0 25px; font-family: 'SegoeUI-Semilight';}
#content-page .body-content h4 span{display: block;}
#content-page .body-content p{margin: 0 0 40px;}
#content-page .body-content .centerpoint-img{margin:0 0 47px;}
#content-page .body-content .user{font-size:15px;line-height: 22px;display: table;margin:60px auto 24px;}
#content-page .body-content .user-content{display: table-cell;vertical-align: middle;}
#content-page .body-content .user p{margin: 0;}
#content-page .body-content .user .user-img { padding-right: 16px;}
#content-page .body-content  .featured-listed{display: flex;flex-wrap: wrap;flex-direction: column;height: 389px;padding: 0 12px;margin-bottom: 37px; padding-left: 125px;}
#content-page .body-content  .featured-listed li { position: relative; padding-left: 56px; list-style:none; text-align:left; width:50%;margin-bottom: 27px; padding-right:110px;}
#content-page .body-content  .featured-listed li:before{ content:url(../images/bullet.png); position:absolute; left:0; top:0;}
#content-page .body-content .gap_text{margin:0 0 41px;}
#content-page .body-content h4 a {
    color: inherit;
}
#content-page .body-content .gap_text a{ color: inherit;}
#content-page .body-content .user-content span { color: #488ac4;padding: 0 9px 0;}
#content-page .body-content .user .user-img img { border-radius: 100%;  width: 50px;}


@media (max-width: 1100px) {
#content-page .body-content .featured-listed li {padding-right: 56px;}
}

@media (max-width: 1000px) {
#centerpoint-banner .banner-wrap h1 {font-size: 39px;line-height: 49px;}
#content-page .body-content h3 {font-size: 32px;line-height: 42px;}
#content-page .body-content h4 {font-size: 22px; line-height: 31px;}
#centerpoint-banner .banner-wrap span,#content-page .body-content h4 span{display: inline;}
#content-page .body-content .featured-listed li {padding-right: 0;}
#content-page .body-content .featured-listed {height: 500px; font-size: 16px; padding-left:10px;}

}
@media (min-width: 780px) and (max-width: 1100px) {
   #content-page .body-content .featured-listed{    padding-left: 0; height: 450px;}
}

@media (min-width: 768px) and (max-width: 1100px) {
    #content-page .body-content{padding:0px 30px 0;} 
    }

@media (max-width: 767px) {
#centerpoint-banner .banner-wrap {padding: 78px 0;}
#content-page .body-content {font-size: 17px;line-height: 27px;}
#content-page .body-content .compunent-img { margin: 21px 0;}
#centerpoint-banner .banner-wrap h1 {font-size: 29px;line-height: 39px;}
#content-page .body-content h3 {font-size: 24px;line-height: 34px;}
#centerpoint-banner .banner-wrap span,#content-page .body-content h4 span{display: inline;}
#content-page .body-content .featured-listed {height: auto;}
#content-page .body-content .featured-listed li {padding-left: 51px; width: 100%; padding-right: 0;}
#content-page .body-content .user {font-size: 12px;line-height: 22px;}
#content-page .body-content .featured-listed{padding-left:0;}
}

/*****content-page*****/