* {
    box-sizing: border-box;
}

img {
    border: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
i,
pre,
form,
fieldset,
input,
blockquote,
th,
td,
p,
span,
button,
textarea,
b {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    list-style: none;
}

body {
    font-size: 14px;
    font-family: 'pingFang-SC-Regular', Arial;
}

a:hover {
    text-decoration: none;
}

.thumbnail-image-link img {
	border:1px #f0f0f0 solid;
}

.thumbnail-image-link img:hover {
	border:1px #cccccc solid;
}

.featurette-divider{
	margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

button.btn-success-vc,.btn-success-vc:hover,.btn-success-vc:active,.btn-success-vc:focus{
	color:#fff;
}
a.btn-success-vc,.btn-success-vc:hover,.btn-success-vc:active,.btn-success-vc:focus{
	color:#fff;
}
.btn-success-vc{
	background:#26B99A;
	border:1px solid #169F85;
}
.btn-success-vc:hover{
	background:#169F85;
	border:1px solid #398439;
}
.btn-success-vc:active,.btn-success-vc:focus{
	background:#169F85;
	border:1px solid #255625;
}
.label-success-vc{
	color:#fff;
	background:#26B99A;
}

ul,
ol,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.hide {
    display: none !important;
    visibility: hidden;
}

input[type=number] {
    -moz-appearance: textfield;
}

input,
select {
    background: none;
}

input[disabled] {
    background: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.vc-round-btn {
	border-radius: 20px;
}

.vc-progress {
	margin-top:4px;
	margin-bottom:2px;
	height:16px;
	border-radius:0px;
}

.my-checkbox-label {
	background-color: white;
	border-radius: 0px;
	border:1px solid #ccc;
	width:20px;
	height:20px;
	display: inline-block;
 	text-align: center;
 	vertical-align: middle;
	line-height: 20px;
	cursor:pointer;
}
			
.my-checkbox {
	display:none;
}

.my-checkbox:checked + label {
	background-color: #26B99A;
	border:0px solid #d3d3d3;
}
			
.my-checkbox:checked + label:after {
	content:"\2713";
	color: #fff;
}
			
.my-radio-label {
	background-color: white;
	border-radius: 50%;
	border:1px solid #ccc;
	width:24px;
	height:24px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 24px;
	cursor:pointer;
}
			
.my-radio {
	display:none;
}
			
.my-radio:checked + label {
	background-color: #26B99A;
	border:0px solid #d3d3d3;
}
			
.my-radio:checked + label:after {
	content:"\2713";
	color: #fff;
}

.circle-head-image img {
	border:1px #cccccc solid;
	border-radius: 50%;
}

.my-image-component {
	float: left;
	position: relative;
	text-align: center;
}

.my-image-component .del-badge {
	position: absolute;
	top: -12px;
	right: -12px;
	width: 30px;
	height: 30px;
	display: block;
}
            
/* CUSTOMIZE THE CAROUSEL */

/* Carousel base class */
.carousel {
	height: 500px;
	margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}
			
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 500px;
	background-color: #777;
}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 500px;
}
/* Carousel base class */
			
.vc-nav{
	background-color: rgba(0, 0, 0, 0.8);
	min-height: 60px;
	font-size:16px;
	border: 0px;
}
			
.vc-navbar-toggle{
	margin-top: 20px;
}
			
.vc-brand{
	height:60px;
	padding:20px;
}
			
.vc-logo {
	float: left;
	width: 120px;
	position: relative;
}
			
.vc-logo > img{
	margin: 12px;
}
			
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
	color: #fff;
	background-color: rgba(0, 0, 0, 0);
}

.nav>li>a {
	padding:20px 10px;
}
			
.vc-dropdown-menu {
	padding: 2px;
}
			
.vc-dropdown-menu>li>a {
	line-height: 3;
}

.vc-nav-pills>li>a{
	padding:5px 10px;
	/* border-radius: 2px; */
}

.vc-nav-pills>li+li{
	margin-left:10px;
}

.vc-jumbotron {
	color: #fff;
	padding-top:160px;
	margin-bottom:0px;
}

.vc-table-td{
	background:#fff;
	/* font-size: 16px; */
}

.thumbnail {
	border-radius:0px;
	padding:2px;
	margin-bottom:5px;
}

.img-thumb {
	position: relative;
}

.img-thumb>img {
	width: 100%;
	height: 100%;
}

.img-thumb-mask {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    position: absolute;
    bottom: 0;
    z-index: 9;
}

.img-thumb-mask>img {
	height:72px;
	position: absolute;
	top:50%;
	left:50%;
	width:100%;
	transform:translate(-50%,-50%);
}

.img-thumb-mask-title {
	text-align: center;
    width: 100%;
    height: 40px;
    background: rgba(0,0,0,.6);
    position: absolute;
    bottom: 0;
    z-index: 10;
}

.img-thumb-mask-title>h5 {
	font-size:16px;
    position: absolute;
	top:50%;
	left:50%;
	width:100%;
	transform:translate(-50%,-50%);
	color: #fff;
}

.vc-section {
	padding:10px 20px;
}

.vc-comments-h5 {
	line-height:24px;
	margin-top:7px;
}

.vc-section>p {
	margin:10px 0px;
	line-height:28px;
}

.vc-image {
	padding:0px;
	border: 0px;
}

.vc-image-wrapper {
	padding:0px;
	border: 0px;
	position:relative;
}

.vc-image-content {
	text-align:left;
	position: absolute; 
	width: 100%;
	overflow: hidden;
}

.vc-vscc-price {
	padding:20px 40px;
	box-shadow:0 10px 20px 0 rgba(0,0,0,.2);
	transition:all .2s linear;
}

.vc-footer{
	background-color: #4c4c4c;
	color: #f5f5f5;
}

.vc-footer-title{
	font-size: 16px;
	color: #a9a9a9;
}

.vc-footer-link>a{
	color: #d3d3d3;
}
.vc-footer-link>a:focus, .vc-footer-link>a:hover {
    color: #fff;
}

.vc-single-line{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
}

.accordion .panel{margin-bottom:5px;border-radius:0;border-bottom:1px solid #efefef}.x_panel,.x_title{margin-bottom:10px}.accordion .panel-heading{background:#F2F5F7;padding:13px;width:100%;display:block}.accordion .panel:hover{background:#F2F5F7}.x_panel{width:100%;padding:10px 17px;display:inline-block;background:#fff;border:1px solid #E6E9ED;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;opacity:1;transition:all .2s ease}.x_title{border-bottom:2px solid #E6E9ED;padding:1px 5px 6px}

.btn.btn-app{position:relative;padding:15px 5px;margin:0 0 10px 10px;min-width:80px;height:60px;box-shadow:none;border-radius:0;text-align:center;color:#666;border:1px solid #ddd;background-color:#fafafa;font-size:12px}.btn.btn-app>.fa,.btn.btn-app>.glyphicon,.btn.btn-app>.ion{font-size:20px;display:block}.btn.btn-app:hover{background:#f4f4f4;color:#444;border-color:#aaa}.btn.btn-app:active,.btn.btn-app:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.btn-app>.badge{position:absolute;top:-3px;right:-10px;font-size:10px;font-weight:400}

.btn.btn-app.btn-app-vc{
	height:100%;
	width:100%;
	margin:0px 10px 10px 0px;
	padding:30px 10px;
}
        	
.btn.btn-app.btn-app-vc > i {
	font-size:36px;
	margin-bottom:12px;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes xlinemove {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@-moz-keyframes xlinemove {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@-ms-keyframes xlinemove {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@keyframes xlinemove {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes fadeinmove {
    0% {
        -webkit-transform: translateX(-25px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes fadeinmove {
    0% {
        -webkit-transform: translateX(-25px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-ms-keyframes fadeinmove {
    0% {
        -webkit-transform: translateX(-25px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeinmove {
    0% {
        -webkit-transform: translateX(-25px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes ylinemove {
    0% {
        height: 0%;
    }
    100% {
        height: 100%;
    }
}

@-moz-keyframes ylinemove {
    0% {
        height: 0%;
    }
    100% {
        height: 100%;
    }
}

@-ms-keyframes ylinemove {
    0% {
        height: 0%;
    }
    100% {
        height: 100%;
    }
}

@keyframes ylinemove {
    0% {
        height: 0%;
    }
    100% {
        height: 100%;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-15px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes fadeInDown {
    0% {
        -moz-transform: translateY(-15px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes fadeInDown {
    0% {
        -ms-transform: translateY(-15px);
        opacity: 0;
    }
    100% {
        -ms-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeInDown {
    0% {
        transform: translateY(-15px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown2 {
    0% {
        -webkit-transform: translateY(-35px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes fadeInDown2 {
    0% {
        -moz-transform: translateY(-35px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes fadeInDown2 {
    0% {
        -ms-transform: translateY(-35px);
        opacity: 0;
    }
    100% {
        -ms-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeInDown2 {
    0% {
        transform: translateY(-35px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUper {
    0% {
        -webkit-transform: translateY(35px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes fadeInUper {
    0% {
        -moz-transform: translateY(35px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes fadeInUper {
    0% {
        -ms-transform: translateY(35px);
        opacity: 0;
    }
    100% {
        -ms-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeInUper {
    0% {
        transform: translateY(35px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}