.loader-wrapper .loader img{ width: 100px; height: auto; margin: 11px auto 0 auto; }
.logo{ max-width: 250px !important; }
.main-menu{ font-size: 1.5em !important; }

header{ box-shadow: 0 3px 5px rgba(0, 0, 0, .05); }



/* Carousel Styles */
.carousel-indicators .active { background-color: #2980b9;}
.carousel-inner{ margin: 0 !important; padding: 0 !important; }
.carousel-inner img { width: 100%; max-height: 585px;}
.carousel-control { width: 0;}
.carousel-control.left, .carousel-control.right { opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none;}
.carousel-control.left span { padding: 15px;}
.carousel-control.right span { padding: 15px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .fa, .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 45%; z-index: 5; display: inline-block;}
.carousel-control .glyphicon-chevron-left, .carousel-control .fa-arrow-left, .carousel-control .icon-prev { left: 0;}
.carousel-control .glyphicon-chevron-right, .carousel-control .fa-arrow-right, .carousel-control .icon-next { right: 0;}
.carousel-control.left span, .carousel-control.right span { background-color: #000;}
.carousel-control.left span:hover, .carousel-control.right span:hover { opacity: .7; filter: alpha(opacity=70);}

.theme_sort_wrap{ text-align: center; }
.theme_sort_wrap li{ width: 20%; margin: 0 -2px 0 -2px; padding: 0 20px; display: inline-block; }
.theme_sort_wrap li p{ margin: 5px 0; color: #04adb0; font-size: 1.25em; font-weight: bold; }

.theme_sort_img img, .img-wrapper_img img, .blog_img img{ width: 100%; height: auto; }

.primary-btn{ background: #04adb0 !important; }

.sub-title-bg{ padding: 15px 0; background: url('../images/bg-sub_title.png') center center no-repeat; background-size: auto 70px; }
h2.title-text{ color: #45207f; }

.opp_title{ padding: 70px 0 0 0; }
.opp_wrap{ background: #090f63; }
.opp_box{ margin:0 0 30px 0; overflow: hidden; }
.opp_wrap .collist:nth-last-child(-n+2) .opp_box{ margin:0;}
.opp_box time{ float: left; width: 100px; height: 100px; padding-top: 34px; color: #000; background: #fff; border-radius: 50%; text-align: center; display: inline-block; }
.opp_box time p{ color: #000; font-size: 1.5em; font-weight: bold; line-height: 1em; }
.opp_box time span{ color: #000; font-size: 1.25em; font-weight: bold; }
.opp_box .opp{ float: left; width: calc(100% - 120px); margin: 9px 0 0 20px;}
.opp_box .opp p{ color: #fff; font-size: 1.25em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.opp_box .opp p:last-child{ color: #ff0; }
.opp_box .opp a{ color: #ff0; font-size: 1em;  }

.product-box-btn{ max-width: 120px; margin: 10px auto !important; padding:2px 0 !important; color: #fff; font-size: 1.125em; font-style: italic; background: #04adb0; border-radius: 15px; text-align: center; }

.district .item{ margin: 16px 0; }
.district .item .blog-agency{ background: #f6f6f6; border-radius: 10px; box-shadow: 1px 1px 3px rgba(0, 0, 0, .75); }
.district .item .blog-contain{ padding: 20px; }
.district .item .blog-info{ width: 100%; padding:20px 0 !important; }
.district .item .blog-info p{ height: 54px; color: #c00; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left;}
.district .item .blog_img { border-radius: 10px !important; }

.inner_top_gap{ height: 93px; }
.banner_inner_wrap{ background: url('../images/pic-banner_inner.jpg') center center no-repeat; background-size: cover; text-align: center; }
.banner_inner{ padding:48px 0;}
.banner_inner h2{ color: #fff; font-size: 3em; font-weight: bold; text-shadow: 2px 2px 5px rgba(0, 0, 0, .75); }
.banner_inner span{ margin-top: 20px; padding: 5px 10px 6px 10px; color: #fff; font-size: .875em; background: #ff9600; border-radius: 5px; display: inline-block; }

.breadcrumb_wrap{ margin-top: 20px; text-align: center; }
.breadcrumb_wrap li, .breadcrumb_wrap li a, .breadcrumb_wrap li.current{ font-size: 1em !important; display: inline-block; list-style: none; }
.breadcrumb_wrap li.current{ color: #04adb0; }
.breadcrumb_wrap li:after{ padding-left: 5px; content: "/" }
.breadcrumb_wrap li:last-child:after{ padding-left: 5px; content: "" }

.cnt, .cnt p, h1,h2,h3,h4,h5,h6{text-transform: none !important;}
.cnt h3{ margin-bottom: 20px; font-weight: bold; }
.cnt h4{ margin-bottom: 10px; font-weight: bold; }
section img{ max-width: 100% !important; height: auto !important; }

.member_wrapper .product-box{ margin-top: 30px; }
.member_wrapper .collist:nth-child(-n+4) .product-box{ margin-top: 0;}
.img-wrapper .front .member_wrap{ padding: 20px; background: #fff; border: 1px solid #ccc; text-align: center; }
.img-wrapper .front .member_wrap img{ height: auto !important; max-width: 100%; max-height: 54px !important; }
.img-wrapper .front .member_wrap h3{ padding: 20px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.img-wrapper .front .member_wrap p{ height: 34px; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; }
.img-wrapper .front .member_wrap span{ margin-top: 30px; display: inline-block; }
.img-wrapper .back{ width: 100%; height: 300px; color: #fff; background: rgba(9, 15, 99, .9); display: table; }
.img-wrapper .back a{ padding: 20px; display: table-cell; vertical-align: middle; }
.img-wrapper .back .member_wrap p{ margin: 10px 0; color: #fff; line-height: 1.25em; word-break: break-all; }
.img-wrapper .back .member_wrap p i{ width: 16px; margin: 0 5px 0 0; text-align: center; }

.member_wrapper2 .product-box{ margin-top: 30px; }
.member_wrapper2 .collist:nth-child(-n+4) .product-box{ margin-top: 0;}
.img-wrapper .member_wrap2{ background: #fff; text-align: center; }
.img-wrapper .member_wrap2 .member_wrap2_img{ padding: 10px; border: 1px solid #639bf0; }
.img-wrapper .member_wrap2 h3{ padding: 10px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.img-wrapper .member_wrap2 span{ display: block; }
.img-wrapper .member_wrap2_img img{ width: 100%; height: auto; }

.product-member-logo{ max-width: 300px; max-height: 74px; margin-bottom: 20px; }
.product-member-logo img{ max-width: 300px; max-height: 74px; }
.border-product{ border-top: 2px solid #36887a !important;}

.product-social img{ width: 80px; height: auto; }
.product-social li { margin-right: 5px; padding: 0 !important; }

.float_join a{ width: 48px; padding: 10px; color: #fe0000; font-size: 1.25em; font-weight: bold; background:#fff; border: 1px solid #fe0000; border-radius: 10px; position: fixed; right: 31px; bottom: 120px; z-index: 999; text-align: center; }

/* .tab-product .nav-link{ color: #0481b2 !important; }
.tab-product .nav-link.active{ border-color: #0481b2 !important; } */
.info_wrap{ background: #1f2750; }
.info_wrap h4{ margin-bottom: 15px; color: #fff; font-weight: bold; }
.info_wrap p{ margin:2px 0; color: #fff; font-size: 1em; text-align: left;}
.info_wrap i{ width: 17px; margin-right: 5px; text-align: center; }
.info_wrap a{ color: #fff; font-size: 1em; }

h1{ width: 250px; height: 51px; margin-top: -17px !important; background: url('../images/logo/pic-logo.jpg') center center no-repeat; background-size: cover; text-indent: -9999px; }
h1 a{ width: 250px; height: 51px; display: block; }



@media only screen and (max-width: 1199px){
.theme_sort_wrap li{ width: 30%; margin-top: 30px; padding: 0 10px;}
.theme_sort_wrap li:nth-child(-n+3){ margin-top: 0px;}

.sub-title-bg{ padding: 15px 0; background: url('../images/bg-sub_title.png') center center no-repeat; background-size: auto 60px; }

.district .item .blog-info p{ height: 44px;}
}

@media only screen and (max-width: 991px){
/* .logo{ max-height: 34px; margin-bottom: 0px; } */
h1{ width: 166px; height: 34px; }
h1 a{ width: 166px; height: 34px; }

header{ padding: 17px 0;}

/* .main-menu{ display: none; } */

.sub-title-bg{ padding: 15px 0; background: url('../images/bg-sub_title.png') center center no-repeat; background-size: auto 50px; }

.district .item .blog-contain{ padding: 10px; }

.opp_wrap .collist:nth-last-child(-n+2) .opp_box{ margin:0 0 30px 0;}
.opp_wrap .collist:nth-last-child(-n+1) .opp_box{ margin:0;}

.inner_top_gap{ height: 70px; }

.member_wrapper .collist:nth-child(-n+4) .product-box{ margin-top: 30px;}
.member_wrapper .collist:nth-child(-n+2) .product-box{ margin-top: 0px;}

.member_wrapper2 .collist:nth-child(-n+4) .product-box{ margin-top: 30px;}
.member_wrapper2 .collist:nth-child(-n+2) .product-box{ margin-top: 0px;}

.border-product, .tab-pane p{ text-align: justify !important; }
}

@media only screen and (max-width: 767px){
.float_join a{ width: 40px; height: 40px; padding:2px 0px; color: #fe0000; font-size: .75em; right: 20px; bottom: 65px;}

/* .product-social img{ width: 40px; } */

.info_wrap .collist:last-child h4{ margin-top: 20px; }
}

@media only screen and (max-width: 575px){
/* .logo{ max-height: 32px; margin-bottom: 11px; } */
header{ padding: 5px 0 !important;}

.inner_top_gap{ height: 55px; }

.banner_inner{ padding:28px 0;}
.banner_inner h2{ font-size: 2em; }
.banner_inner span{ margin-top: 10px;}

.member_wrapper .collist:nth-child(-n+2) .product-box{ margin-top: 30px;}
.member_wrapper .collist:nth-child(-n+1) .product-box{ margin-top: 0px;}
}

@media only screen and (max-width: 480px){
.theme_sort_wrap li{ width: 50%; margin-top: 30px;}
.theme_sort_wrap li:nth-child(-n+2){ margin-top: 0px;}

.sub-title-bg{ padding: 15px 0; background: url('../images/bg-sub_title.png') center center no-repeat; background-size: auto 40px; }

.opp_title{ padding: 40px 0 0 0 !important; }
}

@media only screen and (max-width: 375px){
.opp_box time{ width: 80px; height: 80px; padding-top: 23px;}
.opp_box .opp{ margin: 5px 0 0 20px;}
.opp_box .opp p{font-size: 1.125em;}

.info_wrap p, .info_wrap a{ font-size: .875em;}
}