@charset "utf-8";
@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("//fonts.googleapis.com/css?family=Raleway:400,600");
@-moz-keyframes fadein {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}



/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

body {
	font-size:15px;
	font-family: 'Raleway', 'Noto Sans KR', Sans-Serif;
	color:#3B4859;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: 'liga', 'kern';
	direction: ltr;
	line-height: 1.45;
	overflow-x: hidden;
	overflow-y: scroll;
}
label {
	font-weight: normal;
	margin-bottom:4px;
}
strike {
	color: #9B9B9B;
}
a {
	color:#3B4859;
	transition:.2s;
}
a:hover, a:focus {
	text-decoration: none;
	color:#3B4859;
	outline: none;
}
h1 {
	font-family : 아리따돋움, aritadm, 'Malgun Gothic', Sans-Serif;
}
h2 {
	font-family : 아리따돋움, aritadm, 'Malgun Gothic', Sans-Serif;
}
h3 {
	font-family : 아리따돋움, aritadm, 'Malgun Gothic', Sans-Serif;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4  {
	line-height: 1.2;
	font-weight: normal;
}
h5, h6, .h5, .h6 {
	line-height: 1.6;
	font-weight: normal;
}
h3 {
	font-size:28px;
}
h4 {
	font-size:20px;
}
h5 {
	font-size:18px;
}
h6 {
	font-size:14px;
	font-weight: normal;
}
.dropdown-menu {
	font-size: 14px;
}
.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-group {
	margin-bottom:10px;
}
.container {
	padding-left:20px;
	padding-right:20px;
}
.container.container-write {
	max-width:750px;
}
.write-title {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 36px;
	padding-bottom: 30px;
	text-align: center;
}
.write-btn-wrap {
	text-align: center;
}
.check-secret {
	margin-bottom:18px;
}
section {
	padding:40px 0 80px;
}
section:after {
	content:'';
	display: block;
	clear: both;
}
.section-border {
	border-bottom:1px solid #dadfe5;
}
section.company-normal {
	padding-bottom:20px;
}
section.section-padding-sm {
	padding-bottom:40px;
}
.navbar {
	z-index: 20;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color:#fff;
	background: transparent;
}
.navbar .container-fluid {
	z-index: 10;
	position: relative;
}
.navbar-default {
	background-size: 100% auto !important;
	background-position:50% 0 !important;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 0;
	margin:0;
	height:70px;
	background-color: rgba(255,255,255,0);
	-webkit-transition: -webkit-transform 0.5s ease-in-out, background-color 0.4s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out, background-color 0.4s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out, background-color 0.4s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out,-moz-transform 0.5s ease-in-out,-o-transform 0.5s ease-in-out,transform 0.5s ease-in-out, background-color 0.4s ease-in-out;
}
.navbar-default.navbar-main .headline-overlay {
	opacity : 0.7;
	display : block;
}
.navbar-default.navbar-features {
	background-image: url("../img/team_view.png");
}
.navbar-default.navbar-video {
	background-image: none;
}
.navbar-default.navbar-features .headline-overlay {
	opacity: 0.7;
	display: block;
}
.navbar-default.navbar-visitor {
	background-image: url("../img/index_top_bg.png");
}
.navbar-default.navbar-visitor .headline-overlay {
	opacity: 0.3;
	display: block;
}

.navbar-default.navbar-partner {
	background-image: url("../img/index_top_bg.png");
}
.navbar-default.navbar-partner .headline-overlay {
	opacity: 0.3;
	display: block;
}

.navbar-default .navbar-nav > li > a {
	font-size:16px;
	line-height: 70px;
	padding:0 20px;
	color: #fff;
	opacity: 0.8;
}
.navbar-default.navbar-white {
	background:#fff;
	border-bottom:1px solid rgba(131,146,167,0.2);
}
.navbar-default.navbar-dark {
	background-color: #363B3E;
}
.navbar-default.navbar-blue {
	background-color: #2b97d4;
}
.navbar-default.navbar-white .headline-overlay {
	opacity: 0;
}
.navbar-default.navbar-white .navbar-nav > li > a {
	color:#363B3E;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus {
	color:#fff;
	opacity: 1;
}
.navbar-default.navbar-white .navbar-nav > .active > a, .navbar-default.navbar-white .navbar-nav > .active > a:hover, .navbar-default.navbar-white .navbar-nav > .active > a:focus {
	color:#363B3E;
}
.navbar-default.navbar-white .navbar-nav > li > a:hover, .navbar-default.navbar-white .navbar-nav > li > a:active, .navbar-default.navbar-white .navbar-nav > li > a:focus {
	color:#363B3E;
	opacity: 1;
}
.navbar-default .navbar-nav.navbar-right > li > a.btn {
	line-height: 38px;
	margin:15px 0;
	font-size:14px;
	opacity: 1;
}
.navbar-default .navbar-nav.navbar-right > li > a.btn-default {
	color:#fff;
	background-color: transparent;
	border-color: transparent;
	opacity: 0.8;
}
.navbar-default .navbar-nav.navbar-right > li > a.btn-login.btn-default {
	font-size:1.49em;
	margin:0;
	padding:14px 15px;
	border:0;
}
.navbar-default.navbar-white .navbar-nav.navbar-right > li > a.btn-default {
	color:#363B3E;
}
.navbar-default .navbar-nav.navbar-right > li > a.btn-default:hover {
	background-color: transparent;
	border-color: transparent;
	opacity: 1;
}
.navbar-default .navbar-nav.navbar-right > li > a.btn-primary {
	color:#fff;
}
.navbar-default .navbar-nav.navbar-right > li > a.btn-primary:hover {
	color:#fff;
	background-color: #009EFF;
	border-color: #009EFF;
}
.navbar-default .navbar-brand img {
	width:85px;
}
.navbar-default .navbar-brand .brand-black {
	display: none;
}
.navbar-default.navbar-white .navbar-brand .brand-white {
	display: none;
}
.navbar-default.navbar-white .navbar-brand .brand-black {
	display: block;
}

.brand-logo {
	display: block;
}
.logo {
	font-size:24px;
	color:#fff;
	font-weight:700;
	padding-top:7px;
}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-right {
	position: absolute;
	right:20px;
	top:0;
}
.imweb-navbar-more {
	border-top:1px solid #4a4e51;
	background: #363B3E;
	color:#fff;
}
.navbar-main ~ .imweb-navbar-more {
	background : #252728;
	border-top :0;
	position   : absolute;
	left       : 0;
	width      : 100%;
	z-index    : 11;
}
.navbar-features ~ .imweb-navbar-more {
	background: #444a58;
	border-top: 0;
}
.navbar-partner ~ .imweb-navbar-more,
.navbar-visitor ~ .imweb-navbar-more {
	border-top:0;
}
.navbar-white ~ .imweb-navbar-more {
	background: #363B3E;
	border-top:0;
}

.navbar-collapse .imweb-navbar-more {
	background: transparent;
	border-top:0;
}
.imweb-navbar-more a {
	color:#fff;
}
.imweb-navbar-more .container {
	padding:30px 0;
}
.imweb-navbar-more .container {
	text-align: center;
}

.imweb-navbar-more a span:first-child {
	opacity    : .5;
	transition : .2s;
}

.imweb-navbar-more a span:hover {
	opacity : 1;
}
.page-nav {
	padding:0;
	list-style: none;
	display: inline-block;
	margin-right:-69px;
}
.page-nav .page-nav-item {
	width: 105px;
	text-align: left;
	float: left;
}
.page-nav-links {
	padding:0;
	list-style: none;
}
.page-nav-title {
	font-size:16px;
	color:#fff;
	padding:6px 0 6px;
	display: block;
	margin-bottom:8px;
}
.page-nav-links {
	font-size:15px;
}
.page-nav-links a {
	padding:6px 0;
	display: block;
}
.page-nav-links a:hover {
	color:#fff;
}

.headline {
	height:100px;
	width: 100%;
	display: table;
	background-position:50% -70px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
}

.heading-company {
font-weight: 800;
}
.heading-company img {
width:160px;
}

.headline.headline-main video,.headline.univ video {
	width      : 100%;
	margin-top : -70px;
	height     : auto;
}
.headline.headline-sub video,.headline.univ video {
	width      : 100%;
	margin-top : -70px;
	height     : auto;
}

.headline.univ .container {
	z-index: 10;
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -330px;
}



.headline.univ .univ_logo {
	width :180px;
	margin-bottom: 30px;
}
.headline.univ .univ_icon {
	margin-bottom :30px;
}
.headline.visitor {
	height:300px;
}
.headline.visitor h2 {
	font-size:36px;
}
.headline.visitor h4 {
	font-size:20px;
}
.headline-overlay {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: #000;
	z-index: 5;
	display: none;
}
.headline .headline-overlay {
	display: block;
}
.headline.company-headline {
	background-position: 50% 100%;
	background-image:url(../img/team_view.png);
}
.headline.company-headline .container .wrap {
	height:574px;
}
.headline.company-headline h1 {
	font-size:36px;
}
.headline .container {
	z-index  : 10;
	position : relative;
}

.headline .container .wrap {
	display : table;
	width   : 100%;
	height  : 300px;
}

.headline .container .wrap .content {
	display        : table-cell;
	height         : 100%;
	vertical-align : middle;
}

.headline.headline-main .container .wrap {
	height : 300px;
}

.headline.headline-main .container {
	z-index    : 10;
	position   : absolute;
	width      : 100%;
	top        : 50%;
	margin-top : -185px;
}
.container-sm {
	max-width: 300px;
	margin: 0 auto;
}

.headline.visitor .container .wrap {
	height:240px;
}
.headline.partner {
	height: 420px;
}
.headline.partner .container .wrap {
	height:370px;
}
.headline h1 {
	font-size   : 64px;
	font-weight : normal;
}
.headline h2 {
	font-size:48px;
	font-weight: normal;
}
.headline h3 {
	font-size:36px;
}
.headline.partner h3 {
	font-size:32px;
}
.headline h4 {
	font-size:22px;
}
.headline h5 {
	font-size:20px;
}
.headline h3.sub-title {
	font-size:24px;
	font-family: Sans-Serif;
}
.headline.company-headline h3.sub-title {
	font-size:22px;
}
.visit-service .form-group {
	margin-bottom:10px;
}
.profile-info {
	display: table;
	width: 100%;
	height:70px;
	cursor: pointer;
}
.navbar-sub.navbar-fixed-top {
	border-width: 0 0 1px;
	z-index: 11;
}
.navbar-sub.navbar-fixed-top ~ .navbar-sub-fixed-padding {
	height:60px;
}
.profile-info .avatar {
	display: table-cell;
	padding-right:8px;
	vertical-align: middle;
}
.profile-info .avatar img {
	height:32px;
	width:32px;
	border-radius: 100%;
}
.profile-info .name {
	display: table-cell;
	vertical-align: middle;
	color:#fff;
}
.user-avatar {
	display: table;
	width: 100%;
}
.user-avatar.site-avatar {
	height:30px;
}
.user-avatar .avatar-img {
	display: table-cell;
	vertical-align: middle;
}
.user-avatar .avatar-img img {
	border-radius: 100%;
}
.user-avatar .avatar-info {
	display: table-cell;
	vertical-align: middle;
	color:#4A4A4A;
}
.user-avatar .avatar-img.avatar-36 {
	width:46px;
}
.user-avatar .avatar-img.avatar-36 img {
	width:36px;
	height: 36px;
}
.user-avatar .avatar-img.avatar-small {
	width:30px;
}
.user-avatar .avatar-img.avatar-small img {
	width:20px;
	height: 20px;
}
.user-avatar .avatar-small~.avatar-info {
	font-size:12px;
	padding-top:2px;
}
.theme-row .col-md-3 {
	margin-bottom:50px;
}
.navbar-white .profile-info .name {
	color:#363B3E;
}
.dropdown-menu.profile {
	width:320px;
	padding:0;
}
.dropdown-profile {
	text-align: center;
}
.dropdown-profile .avatar {
	margin-bottom:12px;
}
.dropdown-profile .avatar img {
	height: 64px;
	width: 64px;
	border-radius: 100%;
}
.dropdown-menu > li > a.profile-link {
	display: block;
	padding:30px 24px;
	border-radius: 3px 3px 0 0;
}
.profile-mysite {
	overflow: auto;
	max-height: 180px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.profile-btns .btn {
	font-size:14px;
	color:#212121;
	border-top:1px solid #ebebeb;
	border-radius: 0;
}
.profile-btns .btn + .btn {
	border-left:1px solid #ebebeb;
}
.profile-btns .btn:hover {
	color:#00B8FF;
}
.navbar-sub {
	text-align: center;
	border-bottom:1px solid rgba(131,146,167,0.3);
	background: #fff;
	margin:0;
	height:60px;
	z-index: 1;
}
.sticky-sub .navbar-sub {
	position: fixed;
	width:100%;
	top:0;
	background:#fff;
	z-index: 10;
}
.navbar-sub .navbar-nav {
	margin:0;
}
.navbar-sub .navbar-nav > li {
	float: left;
}
.navbar-sub .navbar-nav > li > a {
	color:#8392A7;
	padding:0 5px;
	line-height: 59px;
	margin:0 15px;
}
.navbar-sub .navbar-nav > li.active > a {
	color:#363B3E;
	position: relative;
}
.navbar-sub .navbar-nav > li.active > a:after {
	content:'';
	display:block;
	position:absolute;
	left:0;
	width: 100%;
	bottom:-1px;
	height:2px;
	background: #00B8FF;
}
.navbar-sub .nav > li > a:hover, .navbar-sub .nav > li > a:focus {
	background:transparent;
	color:#363B3E;
}
.navbar-round {
	margin:0;
	z-index: 0;
}
.navbar-round .navbar-nav > li > a {
	padding:6px 12px;
	font-size:14px;
	color:#8392A7;
}
.navbar-round .navbar-nav > li:first-child > a {
	margin-left:-12px;
}
.navbar-round .navbar-nav > li > a:hover {
	color:#363B3E;
	background: transparent;
}
.navbar-round .navbar-nav > li.active > a {
	border:1px solid #50c5ff;
	color:#363B3E;
	border-radius: 50px;
	margin-left:0;
}
.block-postmeta.feed-summary-board {
	margin:0;
}
.feed-summary-board .feed-summary {
	color:#8392A7;
	font-size:14px;
	padding:5px 0 0;
}
.feed-summary-board span {
	padding-right:14px;
}
.feed-summary-board a {
	margin-right:14px;
}
.empty-state {
	text-align: center;
	padding:80px 0;
	border-bottom:1px solid #ebebeb;
	margin-bottom:25px;
}
.empty-state.payment {
	border-bottom:0;
	padding:0;
}
.empty-state h4 {
	color:#7F8A98;
	font-size:16px;
}
.panel {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panel-title {
	font-size:20px;
	font-family: Sans-Serif;
}
.panel-default > .panel-heading {
	color:#363B3E;
	background-color:transparent;
	border-bottom:1px solid #ebebeb;
	padding:20px 0;
}
.panel-body {
	padding:20px 0;
	line-height: 1.6;
}
.panel-body h1, .panel-body h2, .panel-body h3, .panel-body h4, .panel-body h5, .panel-body h6 {
	margin:1.5em 0 1em;
}
.panel-body p {
	margin-bottom:1em;
}
.panel-body img {
	max-width: 100%;
	margin-bottom:1em;
}
.panel-footer {
	padding: 20px 0;
	background-color: transparent;
	border-top: 0;
	border-radius: 0;
}
.panel-body .files .dropdown > a {
	padding:7px 7px 7px 0;
}
.panel-body .files .dropdown-menu i {
	margin-right:8px;
}
.panel-body .files .dropdown-menu small {
	margin-left:8px;
}
.edit-tools:after {
	content:'';
	display: block;
	clear: both;
}
.edit-tools .btn-edit-wrap {
	float:right;
}
.edit-tools .btn-edit-wrap .btn {
	padding:9px 9px;
}
.edit-tools .btn-edit-wrap .btn:last-child {
	margin-right:-9px;
}
.partnership_result {
	text-align: center;
	padding:45px 0;
}
.partner-progress {
	position: absolute;
	text-align: center;
	top:15px;
	left:20%;
	width: 25%;
}
.partner-progress.visitor {
	top:45px;
}
.partner-progress.step2 {
	left:54%
}
.partner-progress .heading {
	font-size:18px;
}
.arrow-container{
	width:60%;
	height:1px;
	background:#ccc;
	margin:15px auto;
}
.arrow-right {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #ccc;
	float:right;
	margin-top:-6px;
	margin-right:-6px;
}
select.form-control.nav-form-control {
	border-radius: 0;
	padding:3px 18px;
	height:35px;
}
.navbar-default.navbar-main {
	background-size: 2540px auto !important;
}
.navbar-default.navbar-main ~ .headline {
	background-size: 2540px auto;
	height: 570px;
}
.visit-service {
	max-width: 300px;
	margin:0 auto;
}
@media (max-width: 1940px){
	.navbar-default {
		background-size: 1940px auto !important;
	}
	.navbar-default.navbar-main {
		background-size: 2540px auto !important;
	}
	.headline {
		background-size: 1940px auto;
	}
	.headline.univ {
		height: 700px;
	}
	.navbar-default.navbar-main ~ .headline {
		background-size: 2540px auto;
	}
}
@media (min-width: 768px){
	.navbar-default .navbar-nav.navbar-right > li > a.btn-default {
		margin-right:6px;
	}
	.navbar-brand {
		padding:13px 30px;
		height:70px;
	}
	.navbar .navbar-brand {
		position: absolute;
		left:20px;
		top:0;
	}
	.navbar .collapse {
		text-align: center;
	}
	.navbar-nav {
		float:none;
		display: inline-block;
		margin:0 auto;
	}


	.imweb-navbar-more.mobile {
		display: none;
	}

	.brand-logo {
		display: block;
	}
	.logo {
		font-size:24px;
		color:#fff;
		font-weight:700;
		margin-top:4px;
	}


}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
	color:#fff;
	opacity: 1;
}



.main-intro {
	height:770px;
	background: #F6F6F8;
}
.owl-item {
	height:100%;
}
.owl-item-content {
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	width: 100%;
	height:100%;
	left:0;
	top:0;
}
.owl-item-content h1 {
	font-size:64px;
	font-weight: normal;
}
.owl-item-content h2 {
	font-size:22px;
	font-weight: normal;
}
.owl-item-body {
	z-index: 10;
}
.owl-item-body .container, .owl-item-body .preview-container, .owl-item-body .container-fluid {
	display: table-cell;
	vertical-align: middle;
}
.preview-image-wrap {
	padding-top:50px;
}
.preview-image {
	background-repeat: no-repeat;
	background-size: 100%;
	height:530px;
	width:931px;
	margin-left:-240px;
}
.col-md-6 > .preview-image {
	margin-left:-400px;
}
.preview-image.multi-device-img {
	height:547px;
	width:994px;
}
.preview-description {
	padding-top:130px;
}
.shop-carousel-wrap {
	margin-left:-360px;
}
.shop-carousel-wrap .owl-carousel .owl-stage {
	height: 630px;
}
.shop-carousel-wrap .owl-item img {
	width: 924px;
	height:621px;
}
.shop-carousel-wrap .owl-theme .owl-controls {
	display: none;
}
.owl-dots.custom-dot-list {
	list-style: none;
	padding:0;
}
.owl-dots.custom-dot-list li {
	border-radius: 10px;
	padding:24px 36px;
	margin-bottom:18px;
}
.owl-dots.custom-dot-list li.active {
	background:#FF635D;
	color:#fff;
}
.owl-dots.custom-dot-list li.active p {
	color:#fff;
}
.owl-dots.custom-dot-list li h5 {
	font-size:20px;
	margin-bottom:24px;
}
.owl-dots.custom-dot-list li p {
	font-size:16px;
	color:#8392A7;
}
.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-controls .owl-dots {
	position: absolute;
	bottom:40px;
	width:100%;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
	background: #869791;
	color: #fff;
	text-decoration: none
}

.owl-theme .owl-controls .owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	border:1px solid #000;
	background: transparent;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	opacity: .3;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #00B8FF;
	border-color: #00B8FF;
	opacity: 1;
}
.page-header {
	text-align     : center;
	border         :0;
	margin         :0;
	padding-bottom : 50px;
}
.page-header.support-header {
	padding-bottom:20px;
}
.under-button {
	margin-bottom:40px;
}
.under-search {
	margin-bottom:24px;
}
.under-list {
	margin-bottom:24px;
}
.page-header.multi-line h3 {
	margin-bottom:20px;
}
.pagination > li {
	display: inline-block;
	padding:0 3px;
}
.pagination > li > a, .pagination > li > span {
	font-size:14px;
	color:#8591a7;
	background: transparent;
	border:0;
	padding:1px 9px;
	border-radius: 50px;
	line-height :25px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color:#4A4A4A;
	background: transparent;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #00B8FF;
	border-color: #00B8FF;

}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	display: none;
}
.pagination > .active > a {
	width: 25px;
	height: 25px;
	padding: 0;
	border-top-left-radius: 50px !important;
	border-bottom-left-radius: 50px !important;
	border-top-right-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
}
.theme-submit {
	position: absolute;
	right:0;
	top:12px;
}
.card-plan {
	border-radius : 10px;
	text-align    : center;
	font-weight   : 500;
	min-height    : 391px;
	margin-bottom :15px;
	position      : relative;
}
.card-plan .card-head {
	padding:20px 36px 50px;
}
.card-plan .card-head h3 {
	font-weight: 500;
	font-family: Sans-Serif;
}
.card-plan .price-button {
	padding  :24px 50px 36px;
	position : absolute;
	bottom   : 0;
	width    : 100%;
}
.card-plan.card-primary {
	background:#00B8FF;
	color: #fff;
}
.card-plan.card-starter {
	background:#1FC685;
	color: #fff;
}
.card-plan.card-free {
	background:#FFB64F;
	color: #fff;
}
.price-data {
	font-size:14px;
}
.price-data p {
	margin:0 0 5px;
}
.price-data span {
	font-size:24px;
}
.table-price > tbody > tr > th {
	position: absolute;
	width:180px;
	left:-180px;
	border-top:0;
	font-weight: normal;
	text-align: right;
	font-size: 15px;
	padding:14px 8px;
	height:49px;
}
.table-price.table > tbody > tr > td {
	border-top:0;
	border-bottom:1px solid #ebebeb;
	padding:14px 8px;
	font-size:14px;
	height:49px;
}
.table-price.table-hover > tbody > tr:hover {
	background-color:#fafafa;
}
.table-price > tbody > tr > th i {
	padding-left:10px;
	font-size:18px;
	cursor: pointer;
}
.table-price.table > tbody > tr > td i {
	font-size:18px;
}
.table-price.table > tbody > tr > td.td-head {
	background:#F6F6F8;
	text-align: center;
	border:0;
}
.table-price.table > tbody > tr.last > td {
	border:0;
}
.table-price.table > tbody > tr:hover td.td-head, .table-price.table > tbody > tr > td.td-head:hover {
	background:#F6F6F8;
}
.table.table-summary {
	font-size:14px;
}
.table.table-summary > thead > tr > th {
	border-bottom:1px solid #f3f4f7;
	padding:12px 0;
}
.table.table-summary > tbody > tr > td,
.table.table-summary > tbody > tr > th {
	border-top:0;
	border-bottom:1px solid #f3f4f7;
	padding:12px 0;
	font-weight: normal;
}
.table.table-summary > tbody > tr > td {
	color:#7F8A98;
}
.table.table-history {
	font-size:14px;
}
.table.table-history > thead > tr > th {
	border-bottom:1px solid #f3f4f7;
	padding:12px 0;
}
.table.table-history > tbody > tr > td,
.table.table-history > tbody > tr > th {
	border-top:0;
	padding:12px 0;
	border-bottom:1px solid #f3f4f7;
}
.table.table-history > tbody > tr > td {
	color:#7F8A98;
	padding-left:24px;
}
.google_img {
	width:16px;
	margin-right:10px;
}
.apple-icon {
	margin-right:10px;
	color:#212121;
}
.built-in {
	position: relative;
	height:770px;
}
.built-in-content {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
}
.gallery-wrap.gallery-video {
	width: 100%;
	height:516px;
	position: relative;
}
.gallery-wrap .phone {
	background:url(../img/main_free_img.png) no-repeat;
	width:342px;
	height:693px;
	margin:0 auto;
	padding:350px 0 0 80px;
}
.col-description-sm {
	/*
	text-align: center;
	*/
	padding-top:30px;
}
.col-description {
	padding-top:120px;
}
.col-description-lg {
	padding-top:200px;
}
.col-vertical {
	display: table-cell;
	vertical-align: middle;
}
.col-description p, .col-description-lg p, .col-description-sm p {
	font-size:16px;
	line-height: 1.6;
}

.clearfix:after, .clearfix:before {
	content : '';
	display : block;
	clear   : both;
}
.function-carousel-wrap {
	position: relative;
	margin-left:-48px;
}
.function-carousel {
	position: absolute;
	width: 900px;
}
.function-carousel-wrap-center {
	margin:0;
	height:600px;
	overflow: hidden;
}
.function-carousel-wrap-center .function-carousel {
	margin:0 auto;
	left:0;
	right:0;
}
.function-carousel-wrap-center .owl-controls {
	display: none;
}
.main-custom-dot, .icon-list {
	padding:0;
	list-style: none;
	margin-bottom:50px;
	display: inline-block;
}
.main-custom-dot:after, .icon-list:after {
	content:'';
	clear: both;
	display: block;
}
.main-custom-dot li, .icon-list li {
	float:left;
	text-align: center;
	width: 100px;
	margin-right:30px;
	opacity: .3;
	cursor: pointer;
}
.icon-list li {
	opacity: 1;
	cursor: default;
}
.main-custom-dot.main-custom-dot-wide {
	margin-bottom:10px;
}
.main-custom-dot.main-custom-dot-wide li {
	margin-right:50px;
}
.main-custom-dot li:last-child, .icon-list li:last-child {
	margin-right: 0;
}
.main-custom-dot li.active {
	opacity: 1;
}
.main-custom-dot li .icon, .icon-list li .icon {
	font-size:32px;
	margin-bottom:15px;
}
.icon-list li .icon img {
	width:38px;
}
.icon-list li .icon.apple-icon {
	font-size: 42px;
	color: #444445;
	margin: -4px 0 6px 0;
}
.section-reason {
	margin-top:-25px;
}
.mobile_app_desc {
	margin:90px 0 70px;
}
.mobile_app_desc h4 {
	margin-bottom:30px;
}
.mobile_app_desc p {
	font-size:16px;
	margin-bottom:20px;
}
.style-primary blockquote {
	background: url(https://imweb.me/img/ico-quote-white.png) no-repeat 15px 0;
	background-size:22px;
	padding:10px 45px 10px 50px;
	font-size:16px;
	border-left:0;
}
.style-primary blockquote footer {
	color:#fff;
}
.login-wrap header {
	text-align: center;
}
.login-wrap .login {
	width:300px;
	margin:0 auto;
}
.login .divider {
	text-align: center;
	position: relative;
	margin:60px 0;
}
.sidebar.login .divider {
	margin:30px 0;
}
.login .divider .border {
	background:#e7eaee;
	height:1px;
	position: absolute;
	left:0;
	width:40%;
	top:50%;
}
.login .divider .border.right {
	left:auto;
	right:0;
}
.input-group.input-group-login {
	width:100%;
	margin-bottom:10px;
}
.input-group.input-group-login .form-control:first-child {
	border-radius:3px 3px 0 0;
}
.input-group.input-group-login .form-control {
	border-radius: 0;
	margin-bottom:-1px;
}
.input-group.input-group-login .form-control:last-child {
	border-radius:0 0 3px 3px;
}
.input-group .file-control {
	position: absolute;
	opacity: 0;
	top:0;
}
.input-group .fake-file-control {
	background: #fff;
}
.border-group {
	margin-bottom:10px;

}
.border-group label {
	margin:0;
}
.border-group .item-wrap {
	display: table;
	margin-bottom:-1px;
	background:#fff;
	width: 100%;
}
.border-group .item-wrap.row-2 .item {
	height:70px;
}
.border-group .item {
	display: table-cell;
	padding:12px 18px;
	vertical-align: middle;
	border-left:1px solid #D3D3D3;
	border-right:1px solid #D3D3D3;
	border-bottom:1px solid #e7eaee;
	border-top:1px solid #e7eaee;
	width: 100%;
	height:50px;
}
.border-group-tr {
	display: table-row;
}
.border-group.charge {
	font-size:14px;
}
.border-group.charge .item {
	padding:20px 14px;
	position: relative;
}
.border-group .item-wrap:first-child .item {
	border-radius: 3px 3px 0 0;
	border-top:1px solid #D3D3D3;
}
.border-group .item-wrap:last-child .item {
	border-radius: 0 0 3px 3px;
	border-bottom:1px solid #D3D3D3;
}
.border-group select.form-control {
	border:0;
	padding:1px 28px 1px 0;
	height:auto;
}
.border-group .right {
	position: absolute;
	right:14px;
	text-align: right;
	top:15px;
}
.service_group {
	margin-bottom:40px;
}
.total {
	margin-bottom:10px;
	font-size:14px;
}
.total .item {
	padding:6px 0;
}
.total label {
	margin: 0;
}
.total .item:after {
	content:'';
	clear: both;
	display: block;
}
.total label {
	float:left;
	padding-left:14px;
}
.total .value {
	padding-right:14px;
	text-align: right;
	float: right;
}
.total .value.value_total {
	font-weight: 500;
	font-size: 18px;
}
.total .divider {
	background-color: #dfe2e8;
	height:1px;
	margin:6px 0;
}
.payment-finish {
	list-style: none;
	padding: 0;
	font-size: 17px;
}
.payment-finish i {
	margin-right:12px;
	width: 20px;
}
.payment-finish li {
	margin-bottom:10px;
}
.payment-finish li.indent {
	padding-left:37px;
	font-size:14px;
	margin-bottom:0;
}
.payment-finish li.indent.indent-btn {
	margin-top:20px;
}
.payment-finish li:last-child {
	margin: 0;
}
.section-biz {
	background: url(../img/team_view2.png) no-repeat center 0;
	background-size:cover;
	position: relative;
	padding:90px 0;
}
.container-price {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	max-width:880px;
}
.container-price
.container-price .row{
	margin-left:-10px; margin-right:-10px;
}
.container-price .col-xs-1, .container-price .col-sm-1, .container-price .col-md-1, .container-price .col-lg-1, .container-price .col-xs-2, .container-price .col-sm-2, .container-price .col-md-2, .container-price .col-lg-2, .container-price .col-xs-3, .container-price .col-sm-3, .container-price .col-md-3, .container-price .col-lg-3, .container-price .col-xs-4, .container-price .col-sm-4, .container-price .col-md-4, .container-price .col-lg-4, .container-price .col-xs-5, .container-price .col-sm-5, .container-price .col-md-5, .container-price .col-lg-5, .container-price .col-xs-6, .container-price .col-sm-6, .container-price .col-md-6, .container-price .col-lg-6, .container-price .col-xs-7, .container-price .col-sm-7, .container-price .col-md-7, .container-price .col-lg-7, .container-price .col-xs-8,.container-price .col-sm-8, .container-price .col-md-8, .container-price .col-lg-8, .container-price .col-xs-9, .container-price .col-sm-9, .container-price .col-md-9, .container-price .col-lg-9, .container-price .col-xs-10, .container-price .col-sm-10, .container-price .col-md-10, .container-price .col-lg-10, .container-price .col-xs-11, .container-price .col-sm-11, .container-price .col-md-11, .container-price .col-lg-11, .container-price .col-xs-12, .container-price .col-sm-12, .container-price .col-md-12, .container-price .col-lg-12 {
	padding-left:10px;
	padding-right:10px;
}

.card {
	border:1px solid #d3d3d3;
	background: #fff;
	border-radius: 3px;
	margin-bottom:10px;
}
.card .divider {
	background:#e7eaee;
	height:1px;
	margin:4px 0;
}
.card-body {
	padding:20px;
}
.card-foot:after {
	content:'';
	display: block;
	clear: both;
}
.card-foot .btns {
	font-size:12px;
}
.card-foot .btns span {
	display: inline-block;
	margin-right:14px;
}
.card-foot .btns span i {
	font-size:16px;
	margin-right:6px;
}
.card-foot .btns span:last-child {
	margin-right:0;
}
.card-foot .btn-group.btn-group-justified .btn {
	border-bottom: 0;
	font-size:14px;
	border-right:0;
	border-top:1px solid #ebebeb;
	border-color:#ebebeb;
}
.card-foot .btn-group.btn-group-justified .btn:first-child {
	border-radius: 0 0 0 3px;
	border-left:0;
}
.card-foot .btn-group.btn-group-justified .btn:last-child {
	border-radius: 0 0 3px 0;
}
.theme-row.make-theme > div {

}
.card.card-theme .card-body {
	padding:0;
}
.card.card-theme .card-body .theme-overlay {
	opacity          :0;
	position         : absolute;
	top              :0;
	left             :0;
	bottom           :0;
	right            :0;
	background-color : rgba(0, 0, 0, 0.3);
	color            :#fff;
	transition       : .2s;
	padding          :12px 24px;
}
.card.card-theme a:hover {
	display: block;
}
.card.card-theme a .card-body .theme-overlay {
	opacity: 1;
}
.card.card-theme .card-body .theme-overlay .icon {
	text-align: center;
	position: absolute;
	top:50%;
	margin-top:-18px;
	left:0;
	width:100%;
	font-size:42px;
}
.card.card-theme .card-foot {
	padding:12px 15px;
}
.section-biz .container {
	z-index: 5;
	position: relative;
}
.section-biz .container p {
	font-size:16px;
}
.big-profile {
	margin-bottom:30px;
}
.big-profile .avatar-image {
	margin-bottom:10px;
}
.avatar-image .holder {
	width         : 90px;
	text-align    : center;
	display       : inline-block;
	cursor        : pointer;
	margin-bottom :10px;
}
.avatar-image .holder:hover img {
	filter         : brightness(0.5);
	-webkit-filter : brightness(0.5);
	-moz-filter    : brightness(0.5);
	-o-filter      : brightness(0.5);
	-ms-filter     : brightness(0.5);
}
.designer-profile .avatar-image .holder:hover img {
	filter: none;
	-webkit-filter: none;
	-moz-filter: none;
}
.avatar-image .holder .overlay {
	color      :#fff;
	text-align : center;
	display    : none;
}
.avatar-image .holder .overlay i {
	cursor: pointer;
	width: 100%;
	text-align: center;
	position: absolute;
	top:50%;
	left:0;
	font-size:24px;
	transform: translateY(-50%);
}
.avatar-image .holder:hover .overlay {
	display : block;
}
.avatar-image .holder .file-control {
	opacity  : 0;
	position : absolute;
	top      :0;
	left     :0;
	right    :0;
	bottom   :0;
	width    :100%;
	height   : 100%;
	cursor   : pointer;
	z-index  : 100;
}
.big-profile .avatar-image img {
	width:90px;
	height:90px;
	border-radius: 50%;
}
.big-profile .name {
	font-size:20px;
	font-weight: bold;
	margin-bottom:10px;
}
.big-profile-info-list {
	padding:0;
	list-style: none;
	font-size:13px;
	text-align: center;
}
.big-profile-info-list:after {
	display: block;
	content:'';
	clear: both;
}
.big-profile-info-list li {
	display: inline-block;
	margin-right:30px;
}
.big-profile-info-list li:last-child {
	margin-right:0;
}
.big-profile-info-list li a {
	color:#5c6063;
}
.big-profile-info-list li .icon {
	font-size:16px;
	margin-right:8px;
	line-height: 20px;
}
.item-overlay {
	background:#000;
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.prev-next {
	position: relative;
}
.prev-next .control {
	position: absolute;
	top:230px;
	font-size:36px;
}
.prev-next .prev {
	left:-80px;
}
.prev-next .next {
	right:-80px;
}
header.site-info {
	font-weight: 500;
	margin-bottom:30px;
}
header.site-info h3 {
	font-size:24px;
	margin:0 0 5px 0;
}
header.site-info h6 {
	font-size:13px;
	margin-top:0;
}
header.site-info a {
	display: inline-block;
}
header.site-info .control {
	margin-left:10px;
}
.site-iframe-preview {
	margin-bottom:5px;
}
.site-iframe-preview iframe {
	width: 1283px;
	height: 672px;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	overflow: hidden;
	transform-origin: 0 0;
	background-color: white;
	border: none;
}
.iframe-viewer {
	width: 100%;
	height: 450px;
	padding: 0;
	overflow: hidden;
}
.site-desc {
	margin-bottom:40px;
}
.comment-asset {
	margin-bottom:20px;
}
.comment-item {
	margin-bottom:30px;
	position: relative;
}
.block-postmeta {
	margin-bottom:12px;
}
.block-postmeta .avatar {
	display: table-cell;
	padding-right: 15px;
}
.block-postmeta .avatar .avatar-image {
	border-radius: 50%;
	width: 36px;
	height: 36px;
}
.block-postmeta .writer {
	font-size:15px;
	display: inline-block;
}
.block-postmeta .date {
	font-size:13px;

}
.feed-summary {
	display: table-cell;
	vertical-align: middle;
}
.comment-area {
	position: relative;
	font-size: 15px;
	padding-left: 51px;
}
.comment-area .control {
	font-size:12px;
}
.comment-area .control a {
	padding:5px 12px;
	display: inline-block;
}
.comment-area .control a:first-child {
	margin-left:-12px;
}
.comment-data {
	margin-bottom: 12px;
}
.comment-item > .comment-item {
	margin-top:30px;
}
.comment-item > .comment-item  .block-postmeta {
	padding-left:51px;
}
.comment-item > .comment-item  .comment-area {
	padding-left:101px;
}
.comment-item .comment-item .block-postmeta:after {
	content: "\f06a";
	display: inline-block;
	font: normal normal normal 14px/1 "Black Tie";
	font-size: inherit;
	vertical-align: -14.28571429%;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(-180deg) scaleX(-1);
	position: absolute;
	top:9px;
	left:15px;
	color:#a4a4a4;
}
.comment-write textarea.form-control {
	display: block;
	border:0;
	width: 100%;
	background: transparent;
	border-bottom:1px solid #d9d9db;
	border-radius: 0;
	font-size:16px;
	padding: 8px 0;
	resize: none;
	outline-style: none;
	margin-bottom:10px;
}
.comment-write .feed-summary {
	width: 100%;
}
.form-image-upload {
	border-radius: 3px;
	padding: 6px 18px;
	border: 1px solid #D3D3D3;
	background: #fff;
	margin-bottom:10px;
	display: table;
	width: 100%;
	height:210px;
	text-align: center;
}
.form-image-upload .upload-desc {
	display: table-cell;
	height:100%;
	vertical-align: middle;
	width: 100%;
	font-size:14px;
}
.form-image-upload .upload-desc p {
	margin:0;
}
.form-image-upload .upload-desc i {
	font-size: 36px;
	margin-bottom:12px;
}
.form-image-upload .file-control {
	opacity: 0;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	cursor: pointer;
	height:100%;
}
.uploaded-image {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:cover;
	background-position: center top;
	height:100%;
}
.uploaded-image .delete {
	position: absolute;
	z-index:10;
	right:0;
}
.uploaded-image .delete a {
	padding:14px;
	display: block;
	color:#fff;
	opacity: 0.7;
	font-size:20px;
}
.uploaded-image .delete a:hover {
	opacity: 1;
}
.uploaded-image .overlay {
	background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0.26),transparent 56px,transparent);
	background-image: linear-gradient(to bottom,rgba(0,0,0,0.26),transparent 56px,transparent);
	height: 100%;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .135s cubic-bezier(0.0,0.0,0.2,1);
	transition: opacity .135s cubic-bezier(0.0,0.0,0.2,1);
	width: 100%;
}
.uploaded-image:hover .overlay {
	opacity: 1;
}

.upload-univ .form-control {
	position : absolute;
	opacity  : 0;
	width    : 100%;
	height   : 100%;
	top      : 0;
	left     : 0;
}
textarea.form-control {
	padding:15px 18px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background: #fff;
}
.board-data {
	margin-bottom:60px;
}
.board-data .data-list {
	list-style: none;
	padding:0;
}
.board-data .data-list li {
	padding:15px 36px;
	border-bottom:1px solid #e3e3e5;
	font-size:13px;
	position: relative;
	color:#6c6c6c;
}
.board-data .data-list li .link {
	display: block;
	color:#6c6c6c;
}
.board-data .data-list li .icon {
	position: absolute;
	left:0;
	top:15px;
	font-size:20px;
}
.board-data .data-list li .right {
	position: absolute;
	right:0;
	top:15px;
}
.user-theme-wrap h5 {
	font-size:16px;
	margin-bottom:20px;
}
.user-theme-wrap .item-list.row {
	position: relative;
	margin-right:-6px;
	margin-left:-6px;
}
.user-theme-wrap .item-list.row .item {
	padding-right:6px;
	padding-left:6px;
}
.user-theme-wrap .item-list a {
	display: block;
}
.user-theme-wrap .item-list img {
	max-width: 100%;
}
.user-theme-wrap .item-list .overlay {
	background:rgba(0,0,0,0.5);
	color:#fff;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:.2s;
	display: none;
}
.user-theme-wrap .item-list .overlay .icon {
	position: absolute;
	top:50%;
	margin-top:-13px;
	font-size:1.85em;
	width: 100%;
	text-align: center;
}
.user-theme-wrap .item-list .item a:hover .overlay {
	display: block;
}
.mysite-table {
	display: table;
	width:100%;
	margin-bottom:24px;
}
.mysite-row {
	display: table-row;
}
.mysite-td, .mysite-th {
	display: table-cell;
	border-bottom:1px solid #ebebeb;
	vertical-align: middle;
	position: relative;
}
.mysite-td.tools-item {
	text-align: center;
}
.mysite-td.tools-item .dropdown-menu {
	left:auto;
	right:0;
}
.mysite-th {
	font-size:14px;
	color:#6e6e6e;
	padding:12px 0;
}
.mysite-td {
	padding:24px 0;
	font-size:14px;
}
.mysite-th i {
	font-size:16px;
	margin-left:4px;
	vertical-align: text-bottom;
}
.mysite-th.tools {
	text-align: center;
}
.mysite-td .site-data {
	padding-left:70px;
	position: relative;
}
.mysite-td .site-data .notification {
	position: absolute;
	left:25px;
	font-size:18px;
	top:4px;
}
.mysite-td .site-name .url {
	font-size:14px;
}
.mysite-td .site-name .title {
	margin-bottom:8px;
}
.mysite-td .site-name .limit {
	margin-left:12px
}
.mysite-td .site-data .notification .badge {
	position: absolute;
	top:-10px;
	right:-12px;
}
.mysite-td .app {
	font-size:14px;
}
.mysite-td .app:first-child {
	margin-bottom:8px;
}
.mysite-td .app i {
	font-size:18px;
	width:16px;
	margin-right:10px;
}
.mysite-td .app.disabled {
	color:#a4a4a4;
}
.mysite-td .app .btn {
	margin-left:5px;
}
.section-main-desc {
	padding:100px 0 50px;
}
.section-login {
	padding-bottom:80px;
}
.main-footer {
	background: #363B3E;
	color:#fff;
	padding:50px 0 30px;
}
.main-footer a {
	color:#9a9d9e;
}
.main-footer a:hover {
	color:#fff;
}
.main-footer .page-nav {
	margin-bottom:40px;
	margin-right:-85px;
}

.main-footer .imweb-navbar-more {
	border-top:0;
}
.foot-desc {
	font-size:13px;
	color:#86898b;
	line-height: 1.7;
}
.foot-desc .company-number:hover {
	color:#fff;
}
.foot-desc .made-by i {
	padding:0 8px;
}
.foot-desc .made-by .icon, .foot-desc .made-by a {
	color:#fff;
}
.preview-image.preview-image-right {
	margin-left:0;
}
.preview-image.mobile-preview {
	height: 541px;
	width: 1039px;
}
.gallery-wrap .preview-video {
	width:892px;
	height:519px;
	position: absolute;
	left:0;
	border:1px solid #d3d9e0;
	border-radius: 13px;
}
.gallery-wrap .preview-video-bg {
	background: url(../img/video_box.png) no-repeat;
	position: absolute;
	width:892px;
	height:519px;
	z-index: 10;
	border-radius: 13px;
}
.gallery-wrap .preview-video video {
	padding:14px 0 0 14px;
	width:879px;
	/*
	border-radius: 0 0 15px 0;
	*/

}

.circle {
	border:1px solid #ccc;
	border-radius: 100%;
	margin:0 auto 30px auto;
	vertical-align: middle;
	display: table;
}
.circle .icon {
	display: table-cell;
	vertical-align: middle;
	height:100%;
	width: 100%;
	text-align: center;
	font-size:48px;
}
.circle.circle-120 {
	height:120px;
	width:120px;
}
.circle.circle-primary {
	border-color:#00B8FF;
}
.circle.circle-green {
	border-color:#1FC685;
}
.circle.circle-primary-invert {
	background-color:#00B8FF;
	border-color:#00B8FF;
	color:#fff;
}
.circle.circle-green-invert {
	background-color:#1FC685;
	border-color:#1FC685;
	color:#fff;
}
.circle.circle-orange-invert {
	background-color:#FFB64F;
	border-color:#FFB64F;
	color:#fff;
}
.modal-header .close {
	margin-top:4px;
}
.modal-header {
	border-bottom:0;
	padding:24px 24px 12px;
}
.modal-body {
	padding:12px 24px 24px;
}
.modal-body h1, .modal-body h2, .modal-body h3, .modal-body h4, .modal-body h5, .modal-body h6 {
	margin-bottom:10px;
}
.modal-footer {
	border-top:0;
}
.modal-content {
	border-radius: 3px;
}
button.close {
	font-size:18px;
	opacity: 0.5;
}
button.close:hover {
	opacity: 0.7;

}
.badge.badge-danger {
	color:#fff;
	font-size:11px;
	font-weight: normal;
	background: #2d97d1;
	border-color: #2d97d1;
	border-radius: 30px;
	padding:5px 0;
	text-align: center;
	width: 21px;
	height:21px;
}
.badge.badge-level {
	border-radius: 3px;
	font-weight: normal;
	padding:6px 10px;
	font-size:13px;
	vertical-align: baseline;
	margin-left:5px;
}
.badge.badge-free {
	background:#dbdfe5;
}
.badge.badge-pro {
	background:#8392A7;
}
.badge.badge-circle {
	border-radius: 50px;
}
.badge.badge-shop {
	background:#2d97d1;
	padding:9px 18px;
	font-size:13px;
	height:30px;
	margin-left:8px;
	vertical-align: bottom;
}
.col-theme {
	min-height : 286px;
}
.col-theme .badge.badge-shop {
	vertical-align: baseline;
}
.layer-bg.theme {
	background : rgba(0,0,0,0.9);
	position   : fixed;
	top        :0;
	height     :100%;
	width      : 100%;
	z-index    : 100;
	box-shadow : 0 0 50px 50px rgba(0,0,0,0.5);
}
.layer-bg.theme .theme-popup {
	height :100%;
	text-align: center;
	overflow: hidden;
}
.layer-bg.theme .clearfix .close {
	color: #fff;
	position: absolute;
	right:10px;
	top:9px;
	font-size: 20px;
	float: right;
	padding :15px;
	opacity: 1;
}
.theme_select {
	width :85%;
	margin :0 auto;
	padding: 15px 0;
	position : relative;
}
.theme_select h1 {
	display: inline-block;
	margin-bottom: 0;
	font-size: 22px;
	padding-top: 5px;
	margin-top:0;
	font-family: Sans-Serif;
}
.theme_select .view_mode {
	position: absolute;
	left: 50%;
	margin-left: -78px;
	top: 6px;
}
.theme_select .view_mode a {
	color : #777;
	font-size :24px;
	padding:12px 15px;
	display: inline-block;
}
.theme_select .view_mode a.active {
	color : #fff;
}
.theme_select .view_mode a i {
	padding-right :5px;
}
.theme_view {
	transition: .2s;
	width:85%;
	border: 0;
	display: inline-block;
	height: calc(100% - 150px);
}
.theme_start {
	width: 140px;
	height: 40px;
	float : right;
}
body.blur > nav, body.blur > .imweb-navbar-more, body.blur > .navbar, body.blur > .layer-bg.theme, body.blur > section, body.blur > footer {
	filter: blur(35px);
	-ms-filter: blur(35px);
	-moz-filter: blur(35px);
	-webkit-filter: blur(35px);
}
.new-site .form .input-group, .new-site .form input {
	width:100%;
}
.new-site .form .input-top {
	border-bottom:1px solid #eee;
	border-radius: 3px 3px 0 0 !important;
}
.new-site .form .input-bottom {
	border-radius: 0 0 3px 3px;
}
.new-site .form .input-bottom input {
	border-top-width: 0px;
	border-radius: 0 0 0 3px;
}
.new-site {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background-color: rgba(0,0,0,.8);
	background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,.8) 0%,rgba(0,0,0,.88) 100%);
	background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,.8)),color-stop(100%,rgba(0,0,0,.98)));
	background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,.8) 0%,rgba(0,0,0,.88) 100%);
	background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,.8) 0%,rgba(0,0,0,.88) 100%);
	background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,.8) 0%,rgba(0,0,0,.88) 100%);
	background: radial-gradient(ellipse at center,rgba(0,0,0,.8) 0%,rgba(0,0,0,.88) 100%);
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-o-animation-name: fadein;
	animation-name: fadein;
	-webkit-animation-iteration-count: once;
	-moz-animation-iteration-count: once;
	-o-animation-iteration-count: once;
	animation-iteration-count: once;
	-webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
	-moz-animation-timing-function: cubic-bezier(.645,.045,.355,1);
	-o-animation-timing-function: cubic-bezier(.645,.045,.355,1);
	animation-timing-function: cubic-bezier(.645,.045,.355,1);
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
.new-site .form-block {
	position:absolute;
	margin-top:-200px;
	margin-left:-152px;
	top:50%;
	left:50%;

}
.new-site .form-block .form-block-abs {
	width:305px;
}
.new-site .page-header {
	padding-bottom:30px;
}
.new-site .page-header .validate {
	padding-top:20px;
}
.new-site h2 {
	display:inline-block;
	text-align:center;
	font-size:36px;
	font-weight: normal;
	width:100%;
	color:#fff;
}
.new-site .form-group {
	position: relative;
}
.new-site .validated {
	position: absolute;
	right:12px;
	top:17px;
	color:#f85b57;
}
.new-site .invalidate {
	position: absolute;
	right:12px;
	top:17px;
	color:#f85b57;
}
.new-site .form .input-bottom {
	position:relative
}
.new-site .form .input-bottom input {
	padding-right:0
}
.new-site .form .input-bottom label {
	color:#bdbdbd
}
.new-site .form input {
	padding-right:24px
}
.new-site .form-block .btn-icon {
	width:100%;
	text-align:center;
	height:49px;
	line-height:49px;
	background:#191919;
	border-radius:4px;
	margin-top:13px;
	color:#fff;
	font-size:14px
}
.new-site .form-block .helper {
	text-align: center;
	margin-top:30px;
	color:#757575;
}
.new-site .form-block .btn {
	width:100%;
}
.new-site .close {
	color:#fff;
	position:Absolute;
	right:0;
	top:0;
	font-size:20px;
	cursor: pointer;
	padding:24px 25px;
	opacity: .8;
}
.new-site .close:hover {
	opacity: 1;
}
a.list-group-item, button.list-group-item {
	color:#363B3E;
}
.input-group.input-group-search {
	display: block;
}
.input-group.input-group-search:after {
	content:'';
	display: block;
	clear: both;
}
.input-group.input-group-search .btn-flat {
	padding:11px 18px;
	font-size:20px;
}
.input-group.input-group-search .input-group-btn {
	position: absolute;
	top:0;
	z-index: 10;
}
.input-group.input-group-search .form-control.search-control {
	border-radius: 3px;
	padding-left:58px;
	font-size:16px;
}
.list-group .addon-icon {
	float: right;
	font-size:20px;
	color:#797979;
}
.list-group .addon-icon.check {
	padding:6px 12px;
}
.list-group .addon-count {
	float: left;
	display: inline-block;
	height:23px;
	width: 23px;
	line-height: 23px;
	text-align: center;
	color:#fff;
	background: #00B8FF;
	margin-right:15px;
	border-radius: 50%;
}
.list-group .addon-badge, .page-nav-links .addon-badge {
	background:#FF635D;
	color:#fff;
	display: inline-block;
	height:20px;
	width:20px;
	padding:2px 0;
	text-align: center;
	vertical-align: bottom;
	margin-left:4px;
	border-radius: 50%;
	font-size:12px;
}
.list-group-item {
	border:0;
	border-bottom:1px solid #e7eaee;
	padding:14px 15px 14px 0;
	margin:0;
}
.list-group-item:first-child {
	border-radius: 0;
}
.list-group.list-group-custom .list-group-item {
	border:0;
	padding:8px 0;
}
.list-group.list-group-custom.bordered .list-group-item {
	border-bottom:1px solid #e7eaee;
	padding:12px 0;
}
.list-group.list-group-custom .list-group-item-text {
	font-size:14px;
	color:#8392A7;
}
.list-group.list-group-custom .list-group-item-text span {
	padding-right:15px;
}
.list-group.list-group-custom .list-group-item-heading {
	margin-bottom:4px;
}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
	background-color:transparent;
}

.list-group.list-group-custom.list-group-search .list-group-item {
	border-bottom:1px solid #e7eaee;
	padding:12px 0;
}
.list-group.list-group-custom.list-group-search .list-group-item-heading {
	font-size:17px;
}
.list-group.list-group-custom.list-group-search .list-group-item-summary {
	color:#666;
}
.list-group.list-group-custom.list-group-search .list-group-item-more {
	font-size:13px;
	display: block;
	padding:8px 0;
	text-align: right;
}
.no-result .head {
	font-size:17px;
	margin-bottom:14px;
}
.back-icon {
	font-size:22px;
	padding-right:10px;
}
.media {
	margin:0 0 40px;
}
.media .telephone {
	background:#f6f6f8;
	vertical-align: middle;
	height:58px;
	width:58px;
	font-size:28px;
	display: block;
	text-align: center;
	border-radius: 50%;
	position: relative;
}
.media .telephone i {
	position: absolute;
	top:50%;
	left:0;
	width:100%;
	text-align: center;
	margin-top:-14px;
}
.media .media-left {
	width:73px;
}
.media-left, .media > .pull-left {
	padding-right:15px;
}
.media .media-left img {
	border-radius: 50%;
}
.media-body {
	width: auto;
	vertical-align: middle;
}
.row.row-gutter-lg {
	margin-bottom:40px;
}
.list-group .list-group-item:last-child {
	border-radius: 0;
}
.list-group.forum-list .list-group-item {
	padding-left:30px;
}
.list-group.forum-list.no-border .list-group-item {
	padding:5px 0 5px 30px;
	margin-bottom:4px;
	border:0;
}
.list-group.forum-list .list-group-item:after {
	content:'';
	display: block;
	height:4px;
	width:4px;
	background:#363b3e;
	border-radius: 100%;
	position: absolute;
	left:10px;
	top:50%;
	margin-top:-2px;
}
.text-editor {
	margin-bottom:20px;
}
.text-editor em {
	font-style: normal;
}
.terms-body {
	line-height: 1.6;
}
.terms-body h4, .terms-body h5 {
	margin:36px 0 18px;
}
.terms-body h6 {
	margin:1.5em 0;
	font-size:16px;
}
.terms-body h4:first-child {
	margin-top:0;
}
.theme-popup .made-by {
	position: absolute;
	bottom:30px;
	width:100%;
	text-align: center;
	left:0;
	font-size:13px;
	color:#757575;
}
.theme-popup .made-by i {
	padding:0 8px;
}


.form-control {
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	box-shadow: none;
	border-radius: 3px;
	padding:6px 18px;
	height:50px;
	border-color:#D3D3D3;
	color:#3B4859;
}
.form-control:focus {
	border-color:#00B8FF;
	-webkit-box-shadow: none;
	box-shadow: none;
}
select.form-control {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right:12px;
	background-image:url(https://imweb.me/img/select_arrow.png);
	background-repeat: no-repeat;
	background-size:30px;
	background-position: center right;
}
select.form-control::-ms-expand {
	display:none;
}
select.form-control.flat-select {
	background-color:transparent;
	border:0;
	padding-right:25px;
	padding-left:0;
}
.form-control.form-transparent {
	background:transparent;
}
.form-control.invert {
	color:#fff;
	border:1px solid rgba(256,256,256,0.2);
}
.form-control.form-control-green:focus {
	border-color:#1FC685;
}
.form-group.form-style {
	background:#fff;
	border-radius: 3px;
	padding:0;
	position: relative;
}
.form-group.form-style.invert {
	background:transparent;
	border:1px solid rgba(256,256,256,0.2);
}

.form-group.form-style.no-invert {
	border        : 1px solid #d3d3d3;
	border-radius : 0;
	margin-bottom : -1px;
}
.form-group.form-style.invert .form-control {
	color:#fff;
}
.form-group.form-style:after {
	content:'';
	display: block;
	clear: both;
}
.form-group.form-style .form-control {
	background:transparent;
	border:0;
	border-radius: 0;
	max-width: 180px;
	float: left;
}
.form-group.form-style label {
	font-size:14px;
	margin-bottom:0;
	line-height: 50px;
	color:#4B5B6C;
	float:left;
}
.form-group.form-style.invert label {
	color:#fff;
}

.main-footer .navbar-nav > li > a {
	color: #fff;
	border-bottom: 1px solid #4a4e51;
	line-height: 50px;
	font-size: 15px;
	padding: 0;
}
.main-footer .page-nav a {
	color:#fff;
}

.main-footer .page-nav a span:first-child {
	opacity    : .5;
	transition : .2s;
}

.main-footer .page-nav a span:hover {
	opacity: 1;
}
.main-footer .navbar-nav > li > a:hover, .main-footer .navbar-nav > li > a:focus {
	background-color: transparent;
}
.main-footer .imweb-navbar-more.mobile .container {
	padding-bottom: 0;
}
.main-footer .imweb-navbar-more.mobile .page-nav {
	margin-bottom:20px;
}
.social-nav {
	text-align: center;
	margin-bottom:10px;
}
.social-nav a {
	display: inline-block;
	padding:12px;
	font-size:18px;
}
.social-nav a.naver {
	font-family: "Arial Black", "AvenirNext-Heavy";
	font-size:20px;
	height:42px;
	padding:0 12px;
	line-height: 42px;
	transform: translateY(1px);

}
.social-nav a:hover {
	color:#fff;
}
.mobile-app-img {
	margin:0 auto;
}
.row {
	margin-right: -20px;
	margin-left: -20px;
}
.main-footer address.co_address {
	line-height: 1.7;
	margin-bottom: 10px;
}
.main-footer address.co_address .spacer {
	height:15px;
}
.main-footer .bar {
	background:#555;
	width: 1px;
	height:10px;
	display: inline-block;
	line-height: 10px;
	margin:0 10px;
	vertical-align: baseline;
}
.company .logo-wrap {
	padding:30px 0 60px;
	text-align: center;
}
.company .company-logo {
	width: 253px;
}
.company .company-text {
	line-height: 1.6;
	font-size:16px;
	margin-bottom:90px;
}
.company-instagram {
	font-size:20px;
	text-align: center;
	padding:20px 0;
}
.company-instagram i {
	font-size:24px;
	margin-right:12px;
	vertical-align: text-bottom;
}
.img-wrap-hover {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom:30px;
}
.img-wrap-hover img {
	width:100%;

}
.img-wrap-hover .overlay {
	display: block;
	color:#fff;
	width: 100%;
	font-size:16px;
	background:rgba(0,0,0,0.5);
	transition: .2s;
	opacity: 0;
	text-align: center;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	z-index: 1;
	border-radius: 8px;
}
.img-wrap-hover:hover .overlay {
	opacity: 1;
}
.img-wrap-hover .overlay .keywords {
	display: table;
	height: 100%;
	width: 100%;
	text-align: center;
}
.img-wrap-hover .overlay .keywords p {
	display: table-cell;
	vertical-align: middle;
}
.contact .form-group {
	margin-bottom:20px;
}
.contact .desc {
	margin-bottom:20px;
}
.contact textarea.form-control {
	height:200px;
}
.col-map {
	padding:20px;
	width:100%;
	float:right;
}
.col-map img {
	width:100%;
}
.container.contact-absolute {
	width: 100%;
	margin: 0;
	float: left;
}

.col-map .gm-style-iw + div {
	display: none;
}
.contact-absolute .contact {
	padding:80px 0 80px  0;
	max-width: 700px;
	margin: 0 auto;
}
.contact-absolute .contact .form-control {
	padding-left:50px;
}
.contact-absolute .contact .icon {
	pointer-events: none;
	position: absolute;
	top:12px;
	left:32px;
	font-size:18px;
	color:#9ea3ac
}
.contact-absolute .contact textarea.form-control {
	padding-top:13px;
	padding-bottom:13px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 20px;
	padding-left: 20px;
}
.col-gutter-30 .row {
	margin-right: -30px;
	margin-left: -30px;
}

.col-gutter-30 .col-xs-1, .col-gutter-30 .col-sm-1, .col-gutter-30 .col-md-1, .col-gutter-30 .col-lg-1, .col-gutter-30 .col-xs-2, .col-gutter-30 .col-sm-2, .col-gutter-30 .col-md-2, .col-gutter-30 .col-lg-2, .col-gutter-30 .col-xs-3, .col-gutter-30 .col-sm-3, .col-gutter-30 .col-md-3, .col-gutter-30 .col-lg-3, .col-gutter-30 .col-xs-4, .col-gutter-30 .col-sm-4, .col-gutter-30 .col-md-4, .col-gutter-30 .col-lg-4, .col-gutter-30 .col-xs-5, .col-gutter-30 .col-sm-5, .col-gutter-30 .col-md-5, .col-gutter-30 .col-lg-5, .col-gutter-30 .col-xs-6, .col-gutter-30 .col-sm-6, .col-gutter-30 .col-md-6, .col-gutter-30 .col-lg-6, .col-gutter-30 .col-xs-7, .col-gutter-30 .col-sm-7, .col-gutter-30 .col-md-7, .col-gutter-30 .col-lg-7, .col-gutter-30 .col-xs-8, .col-gutter-30 .col-sm-8, .col-gutter-30 .col-md-8, .col-gutter-30 .col-lg-8, .col-gutter-30 .col-xs-9, .col-gutter-30 .col-sm-9, .col-gutter-30 .col-md-9, .col-gutter-30 .col-lg-9, .col-gutter-30 .col-xs-10, .col-gutter-30 .col-sm-10, .col-gutter-30 .col-md-10, .col-gutter-30 .col-lg-10, .col-gutter-30 .col-xs-11, .col-gutter-30 .col-sm-11, .col-gutter-30 .col-md-11, .col-gutter-30 .col-lg-11, .col-gutter-30 .col-xs-12, .col-gutter-30 .col-sm-12, .col-gutter-30 .col-md-12, .col-gutter-30 .col-lg-12 {
	padding-right: 30px;
	padding-left: 30px;
}

.theme-row.row {
	margin-right: -12px;
	margin-left: -12px;
}
.theme-row.row .col-xs-1, .theme-row.row .col-sm-1, .theme-row.row .col-md-1, .theme-row.row .col-lg-1, .theme-row.row .col-xs-2, .theme-row.row .col-sm-2, .theme-row.row .col-md-2, .theme-row.row .col-lg-2, .theme-row.row .col-xs-3, .theme-row.row .col-sm-3, .theme-row.row .col-md-3, .theme-row.row .col-lg-3, .theme-row.row .col-xs-4, .theme-row.row .col-sm-4, .theme-row.row .col-md-4, .theme-row.row .col-lg-4, .theme-row.row .col-xs-5, .theme-row.row .col-sm-5, .theme-row.row .col-md-5, .theme-row.row .col-lg-5, .theme-row.row .col-xs-6, .theme-row.row .col-sm-6, .theme-row.row .col-md-6, .theme-row.row .col-lg-6, .theme-row.row .col-xs-7, .theme-row.row .col-sm-7, .theme-row.row .col-md-7, .theme-row.row .col-lg-7, .theme-row.row .col-xs-8,.theme-row.row .col-sm-8, .theme-row.row .col-md-8, .theme-row.row .col-lg-8, .theme-row.row .col-xs-9, .theme-row.row .col-sm-9, .theme-row.row .col-md-9, .theme-row.row .col-lg-9, .theme-row.row .col-xs-10, .theme-row.row .col-sm-10, .theme-row.row .col-md-10, .theme-row.row .col-lg-10, .theme-row.row .col-xs-11, .theme-row.row .col-sm-11, .theme-row.row .col-md-11, .theme-row.row .col-lg-11, .theme-row.row .col-xs-12, .theme-row.row .col-sm-12, .theme-row.row .col-md-12, .theme-row.row .col-lg-12 {
	padding-left:12px;
	padding-right:12px;
}
.row-gutter-15.row {
	margin-right: -15px;
	margin-left: -15px;
}
.row-gutter-15.row .col-xs-1, .row-gutter-15.row .col-sm-1, .row-gutter-15.row .col-md-1, .row-gutter-15.row .col-lg-1, .row-gutter-15.row .col-xs-2, .row-gutter-15.row .col-sm-2, .row-gutter-15.row .col-md-2, .row-gutter-15.row .col-lg-2, .row-gutter-15.row .col-xs-3, .row-gutter-15.row .col-sm-3, .row-gutter-15.row .col-md-3, .row-gutter-15.row .col-lg-3, .row-gutter-15.row .col-xs-4, .row-gutter-15.row .col-sm-4, .row-gutter-15.row .col-md-4, .row-gutter-15.row .col-lg-4, .row-gutter-15.row .col-xs-5, .row-gutter-15.row .col-sm-5, .row-gutter-15.row .col-md-5, .row-gutter-15.row .col-lg-5, .row-gutter-15.row .col-xs-6, .row-gutter-15.row .col-sm-6, .row-gutter-15.row .col-md-6, .row-gutter-15.row .col-lg-6, .row-gutter-15.row .col-xs-7, .row-gutter-15.row .col-sm-7, .row-gutter-15.row .col-md-7, .row-gutter-15.row .col-lg-7, .row-gutter-15.row .col-xs-8,.row-gutter-15.row .col-sm-8, .row-gutter-15.row .col-md-8, .row-gutter-15.row .col-lg-8, .row-gutter-15.row .col-xs-9, .row-gutter-15.row .col-sm-9, .row-gutter-15.row .col-md-9, .row-gutter-15.row .col-lg-9, .row-gutter-15.row .col-xs-10, .row-gutter-15.row .col-sm-10, .row-gutter-15.row .col-md-10, .row-gutter-15.row .col-lg-10, .row-gutter-15.row .col-xs-11, .row-gutter-15.row .col-sm-11, .row-gutter-15.row .col-md-11, .row-gutter-15.row .col-lg-11, .row-gutter-15.row .col-xs-12, .row-gutter-15.row .col-sm-12, .row-gutter-15.row .col-md-12, .row-gutter-15.row .col-lg-12 {
	padding-left:15px;
	padding-right:15px;
}

.row-gutter-5.row {
	margin-right: -5px; margin-left: -5px;
}
.row-gutter-5.row .col-xs-1, .row-gutter-5.row .col-sm-1, .row-gutter-5.row .col-md-1, .row-gutter-5.row .col-lg-1, .row-gutter-5.row .col-xs-2, .row-gutter-5.row .col-sm-2, .row-gutter-5.row .col-md-2, .row-gutter-5.row .col-lg-2, .row-gutter-5.row .col-xs-3, .row-gutter-5.row .col-sm-3, .row-gutter-5.row .col-md-3, .row-gutter-5.row .col-lg-3, .row-gutter-5.row .col-xs-4, .row-gutter-5.row .col-sm-4, .row-gutter-5.row .col-md-4, .row-gutter-5.row .col-lg-4, .row-gutter-5.row .col-xs-5, .row-gutter-5.row .col-sm-5, .row-gutter-5.row .col-md-5, .row-gutter-5.row .col-lg-5, .row-gutter-5.row .col-xs-6, .row-gutter-5.row .col-sm-6, .row-gutter-5.row .col-md-6, .row-gutter-5.row .col-lg-6, .row-gutter-5.row .col-xs-7, .row-gutter-5.row .col-sm-7, .row-gutter-5.row .col-md-7, .row-gutter-5.row .col-lg-7, .row-gutter-5.row .col-xs-8,.row-gutter-5.row .col-sm-8, .row-gutter-5.row .col-md-8, .row-gutter-5.row .col-lg-8, .row-gutter-5.row .col-xs-9, .row-gutter-5.row .col-sm-9, .row-gutter-5.row .col-md-9, .row-gutter-5.row .col-lg-9, .row-gutter-5.row .col-xs-10, .row-gutter-5.row .col-sm-10, .row-gutter-5.row .col-md-10, .row-gutter-5.row .col-lg-10, .row-gutter-5.row .col-xs-11, .row-gutter-5.row .col-sm-11, .row-gutter-5.row .col-md-11, .row-gutter-5.row .col-lg-11, .row-gutter-5.row .col-xs-12, .row-gutter-5.row .col-sm-12, .row-gutter-5.row .col-md-12, .row-gutter-5.row .col-lg-12 {
	padding-left:5px; padding-right:5px;
}

.row-gutter-10.row {
	margin-right: -12px; margin-left: -12px;
}
.row-gutter-10.row .col-xs-1, .row-gutter-10.row .col-sm-1, .row-gutter-10.row .col-md-1, .row-gutter-10.row .col-lg-1, .row-gutter-10.row .col-xs-2, .row-gutter-10.row .col-sm-2, .row-gutter-10.row .col-md-2, .row-gutter-10.row .col-lg-2, .row-gutter-10.row .col-xs-3, .row-gutter-10.row .col-sm-3, .row-gutter-10.row .col-md-3, .row-gutter-10.row .col-lg-3, .row-gutter-10.row .col-xs-4, .row-gutter-10.row .col-sm-4, .row-gutter-10.row .col-md-4, .row-gutter-10.row .col-lg-4, .row-gutter-10.row .col-xs-5, .row-gutter-10.row .col-sm-5, .row-gutter-10.row .col-md-5, .row-gutter-10.row .col-lg-5, .row-gutter-10.row .col-xs-6, .row-gutter-10.row .col-sm-6, .row-gutter-10.row .col-md-6, .row-gutter-10.row .col-lg-6, .row-gutter-10.row .col-xs-7, .row-gutter-10.row .col-sm-7, .row-gutter-10.row .col-md-7, .row-gutter-10.row .col-lg-7, .row-gutter-10.row .col-xs-8,.row-gutter-10.row .col-sm-8, .row-gutter-10.row .col-md-8, .row-gutter-10.row .col-lg-8, .row-gutter-10.row .col-xs-9, .row-gutter-10.row .col-sm-9, .row-gutter-10.row .col-md-9, .row-gutter-10.row .col-lg-9, .row-gutter-10.row .col-xs-10, .row-gutter-10.row .col-sm-10, .row-gutter-10.row .col-md-10, .row-gutter-10.row .col-lg-10, .row-gutter-10.row .col-xs-11, .row-gutter-10.row .col-sm-11, .row-gutter-10.row .col-md-11, .row-gutter-10.row .col-lg-11, .row-gutter-10.row .col-xs-12, .row-gutter-10.row .col-sm-12, .row-gutter-10.row .col-md-12, .row-gutter-10.row .col-lg-12 {
	padding-left:12px; padding-right:12px;
}
.owl-dots.custom-dot-list .owl-dot-item {
	cursor: pointer;
}
.narrow-forum {
	max-width: 750px;
	margin: 0 auto;
}
.narrow-forum h5 {
	font-size:16px;
}
.narrow-forum .list-group.list-group-custom.bordered .list-group-item {
	padding : 15px 0;
}
.search-result-group {
	margin-bottom:48px;
}
.file_list {
	list-style: none;
	padding:0;
	margin-bottom:12px;
	max-width: 320px;
}
.file_list li {
	padding:8px 0;
	position: relative;
}
.file_list em {
	font-style: normal;
	color:#999;
	font-size:12px;
}
.file_list i {
	cursor: pointer;
	margin-left:10px;
	position: absolute;
	right:0;
	top:10px;
	opacity: 0.5;
}
.file_list i:hover {
	opacity: 1;
}
.fr-box.fr-basic .fr-wrapper .fr-placeholder {
	top:14px;
	left:16px;
}
.fr-box.fr-basic .fr-element {
	padding:12px 18px;
}
.img-responsive.case {
	width : 100%;
}
.event_wrap {
	position: absolute;
	text-align: center;
	left: 40px;
	top: 50px;
	z-index: 10;
}
.event_wrap a.circle_btn {
	display: block;
	border-radius: 50%;
	background: #fff;
	border-radius: 50%;
	width: 150px;
	height: 150px;

}
.event_wrap a.circle_btn:hover {
	background: #00b8ff;
	color : #fff;
}
.event_wrap a.close_btn {
	display: none;
}
/*
.fixed_nav .navbar.navbar-default {
	position: fixed;
	width: 100%;
	background: rgba(255,255,255,1);
	top:0;
	transform: translate3d(0px, 0px, 0px);
}
.fixed_nav .navbar.navbar-default.navbar-dark {
	position: static;
	background-color: #363B3E;
}
.fixed_nav.scrollup_nav .navbar.navbar-default {
	transform: translate3d(0px, 0px, 0px);
}
.scrolled_nav .navbar.navbar-default {
	transform: translate3d(0px, -70px, 0px);
}
.fixed_nav.scrollup_nav .navbar.navbar-default.navbar-dark,
.scrolled_nav .navbar.navbar-default.navbar-dark {
	transform: translate3d(0px, 0px, 0px);
}
.fixed_nav .navbar-default .navbar-nav > li > a {
	color: #363B3E;
}
.fixed_nav .navbar-default .navbar-nav.navbar-right > li > a.btn-default {
	color: #363B3E;
}
.fixed_nav .profile-info .name {
	color: #363B3E;
}


.fixed_nav .navbar-default.navbar-dark .navbar-nav > li > a {
	color: #fff;
}
.fixed_nav .navbar-default.navbar-dark .navbar-nav.navbar-right > li > a.btn-default {
	color: #fff;
}
.fixed_nav .navbar-dark .profile-info .name {
	color: #fff;
}



.fixed_nav .navbar-default .headline-overlay {
	opacity: 0;
}
.fixed_nav .navbar-default .navbar-brand .brand-white {
	display: none;
}
.fixed_nav .navbar-default .navbar-brand .brand-black {
	display: block;
}


.fixed_nav .navbar-default.navbar-dark .navbar-brand .brand-white {
	display: block;
}
.fixed_nav .navbar-default.navbar-dark .navbar-brand .brand-black {
	display: none;
}

.fixed_nav .imweb-navbar-more {
	position: fixed;
	top:70px;
	width: 100%;
	z-index: 50;
	background:#363B3E;
}
.fixed_nav .imweb-navbar-more ~ .headline {
	padding-top:70px;
	background-position:50% 0;
	height:650px;
}
*/
@media (min-width: 992px) {
	.preview-image {
		margin-left:-320px
	}
	.container {
		width:100%;
		padding:0 30px;
	}
}
@media (min-width: 1200px) {
	.preview-image {
		margin-left:-200px
	}
}
@media (min-width: 1280px) {
	.container {
		width: 1240px;
		padding:0;
	}
	.container.company-pic {
		width: 1250px;
		padding:0;
	}
}
@media (max-width:1279px) {
	.shop-carousel-wrap {
		margin-left:-400px;
	}
}
@media (max-width:1199px) {
	.shop-carousel-wrap {
		margin-left:-480px;
	}
}
@media (max-width: 1150px) {
	.container-price {
		max-width: 770px;
	}
}
@media (max-width: 1100px) {
	.container-price {
		max-width: 700px;
	}
}
@media (max-width: 1050px) {
	.container-price {
		max-width: 650px;
	}
}
@media (max-width: 991px) {
	.navbar-default.navbar-main ~ .headline,.headline.univ {
		background-image    : url(../img/index_top_bg.png);
		background-size     : 2570px auto !important;
		background-position : 50% -70px;
	}
	.navbar-default.navbar-main,.navbar-default.navbar-video {
		background-image : url(../img/index_top_bg.png);
		background-size  : 2570px auto !important;
	}
	.navbar-default.navbar-main .headline-overlay, .headline.headline-main .headline-overlay,.headline.univ .headline-overlay,.navbar-default.navbar-video .headline-overlay {
		opacity : 0.3;
	}

	.big-profile .avatar-image {
		padding-top:10px;
		margin-bottom: 7px;
	}
	.big-profile .avatar-image img {
		width:64px;
		height:64px;
	}
	.avatar-image .holder {
		margin-bottom:12px;
	}
	.big-profile .name {
		margin-bottom: 0;
		font-size:15px;
		font-weight: normal;
	}
	.card-plan {
		max-height: 412px;
	}
	.container-price {
		max-width: 100%;
	}
	.container.contact-absolute {
		position: static;
		float:none;
		margin:0;
		width: 100%;
	}
	.col-map {
		float: none;
		width:100%;
	}
	.contact-absolute .contact {
		padding:40px 0 20px 0;
	}
	.holder.parnter-holder {
		height:150px;
	}
	.partner-progress, .partner-progress.step2 {
		left:50%;
		margin:0 auto;
		margin-left:-80px;
		width:160px;
	}
	.partner-progress p.heading {
		position: absolute;
		width: 140px;
		top:25px;
		left:50px;
		text-align: right;
		margin-left:-140px;
	}
	.partner-progress p.sub {
		position: absolute;
		width: 140px;
		top:55px;
		left:50px;
		text-align: right;
		margin-left:-140px;
	}
	.partner-progress.step2 p.heading {
		width: 140px;
		text-align: left;
		letter-spacing: -1px;
		margin-left:50px;
	}
	.partner-progress.step2 p.sub {
		width: 140px;
		text-align: left;
		margin-left:50px;
	}
	.arrow-container {
		height:100px;
		width: 1px;
		margin:0 auto;
	}
	.arrow-right {
		border-left: 7px solid transparent;
		border-top: 7px solid #ccc;
		border-right: 7px solid transparent;
		float:none;
		position: absolute;
		bottom:-14px;
		left:50%;
		margin-left:-7px;
	}
	.desc-symbol {
		margin-bottom:30px;
	}
	.event_wrap {
		top: initial;
		bottom: -85px;
		left : 50%;
		margin-left :-75px;
	}
	.event_wrap a.close_btn {
		display: block;
		color: #fff;
		font-size: 16px;
		position: absolute;
		right: 0;
		top: 0;
	}

}
@media (min-width: 768px) {
	.main-footer .break-desktop {
		background: transparent;
		width: 0;
		height: 0;
		display: block;
	}
	.profile-info {
		margin-right:10px;
	}


	.site-iframe-preview {
		margin-bottom:5px;
	}
	.site-iframe-preview iframe {
		width: 1283px;
		height: 672px;
		-webkit-transform: scale(0.45);
		transform: scale(0.45);
		overflow: hidden;
		transform-origin: 0 0;
		background-color: white;
		border: none;
		/*
		width: 100%;
		height: 450px;
		transform: scale(05);
		*/
	}

	.iframe-viewer {
		width: 100%;
		height: 380px;
		padding: 0;
		overflow: hidden;
	}

}
@media (max-width: 767px) {
	body {
		font-size:14px;
	}

	.site-iframe-preview {
		margin-bottom:5px;
	}
	.site-iframe-preview iframe {
		width: 1283px;
		height: 672px;
		-webkit-transform: scale(0.25);
		transform: scale(0.25);
		overflow: hidden;
		transform-origin: 0 0;
		background-color: white;
		border: none;
		/*
		width: 100%;
		height: 450px;
		transform: scale(05);
		*/
	}

	.iframe-viewer {
		width: 100%;
		height: 200px;
		padding: 0;
		overflow: hidden;
	}


	.headline {
		height:120px;
	}
	.headline.company-headline .container .wrap {
		height:100px;
	}
	.headline.univ .univ_logo {
		width :120px;
		margin-bottom: 15px;
	}
	.headline.univ .univ_icon {
		margin-bottom: 15px;
	}
	.headline .container .wrap {
		height : 100px;
	}
	.headline .headline-overlay {
		bottom : 0 !important;
	}
	.headline.visitor .container .wrap {
		height:165px;
	}
	.headline.partner {
		height:290px;
	}
	.headline.partner .container .wrap {
		height:260px;
	}
	.headline h1 {
		font-size: 32px;
	}
	.headline h2 {
		font-size:28px;
	}
	.headline h3 {
		font-size:18px;
	}

	.headline.headline-main .container {
		margin-top : -165px;
	}
	.headline.company-headline h1 {
		font-size:28px;
	}
	.headline.company-headline h3.sub-title {
		font-size:18px;
	}
	.company .company-logo {
		width:180px;
	}
	.company .company-text {
		font-size:14px;
	}
	section.company-normal h5 {
		font-size:14px;
	}
	.under-button {
		margin-bottom:20px;
	}
	.headline.partner h3 {
		font-size:22px;
	}
	.headline h4 {
		font-size:16px;
	}
	.headline h3.sub-title {
		font-size:16px;
	}
	.headline.visitor h2 {
		font-size:28px;
	}
	.headline.visitor h4 {
		font-size:18px;
	}
	h3 {
		font-size:22px;
	}
	h4 {
		font-size:18px;
	}
	h5 {
		font-size:14px;
	}
	.style-primary blockquote {
		font-size: 14px;
	}
	.search-result-group {
		margin-bottom:30px;
	}
	.shop-owl-text {
		padding-left:20px;
		padding-right:20px;
	}
	.owl-dots.custom-dot-list li h5, .shop-owl-text h5 {
		font-size:18px;
	}
	.owl-dots.custom-dot-list li p, .shop-owl-text p {
		font-size:14px;
		color:#7F8A98;
	}
	.owl-dots.custom-dot-list li {
		margin-bottom:10px;
		padding:12px 24px;
	}
	.shop-carousel-wrap .owl-theme .owl-controls {
		display: block;
	}
	.form-control {
		height:45px;
	}
	.navbar-default {
		height: 51px;
		background-size: 1152px auto !important;
		background-position: 40% 0 !important;
	}
	.headline {
		background-size: 1152px auto !important;
		background-position: 40% -50px;
	}
	.headline.visitor {
		height:210px;
	}

	.headline.univ .container {
		display        : table-cell;
		vertical-align : middle;
		margin-top: -230px;
	}
	.navbar-default.navbar-main ~ .headline,.headline.univ {
		background-image    : url(../img/index_top_bg.png);
		background-size     : 1240px auto !important;
		background-position : 50% -50px;
		height              :320px;
	}
	.headline.univ {
		height: 530px;
		background-size: 1940px auto !important;
	}
	.navbar-default.navbar-main,.navbar-default.navbar-video {
		background-image    : url(../img/index_top_bg.png);
		background-size     : 1240px auto !important;
		background-position : 50% 0 !important;
	}
	.navbar-default.navbar-video {
		background-size     : 1940px auto !important;
	}
	.headline.company-headline {
		background-size:500px auto !important;
		background-position: 50% 50%;
		background-image:url(../img/about_view.png);
	}
	.col-description h3, .col-description h5, .col-description-lg h3, .col-description-lg h5 {
		text-align: center;
	}
	.col-description p, .col-description-lg p {
		font-size:14px;
		text-align: center;
	}
	.col-description-sm {
		padding-top:0;
	}
	.col-description-sm p {
		margin-bottom:30px;
		font-size:14px;
	}
	.mobile_app_desc p {
		font-size:14px;
	}
	.partnership_result {
		padding:25px 0;
	}
	.circle {
		margin-bottom:15px;
	}
	.main-footer {
		padding:10px 0 30px 0;
	}
	.main-footer .navbar-brand {
		margin-top:0;
		margin-bottom:30px;
	}
	.main-footer .page-nav {
		margin-left:0px;
	}
	.main-footer .page-nav .page-nav-item {
		width: 120px;
	}
	.navbar-collapse {
		background: #363B3E;
	}
	.border-bottom-xs {
		padding-bottom:45px;
		border-bottom:1px solid #f5f5f5;
	}
	.cloud-desc {
		padding-top:20px;
	}
	.cloud-desc p.icon {
		font-size:80px;
		text-align: right;
	}
	.cloud-desc .desc p {
		text-align: left;
		font-size:16px;
		margin-bottom:4px;
	}
	.cloud-desc .desc {
		padding-top:21px;
	}
	.col-theme {
		min-height: auto;
	}
	.mobile-app-img {
		width: 70%;
	}
	.profile-info {
		height:50px;
	}
	.navbar-header {
		text-align: center;
	}
	.navbar-default .navbar-brand {
		display: inline-block;
		float:none;
		z-index: 20;
		position: relative;
		padding: 10px 15px;
	}
	.navbar-default .navbar-brand img {
		width:70px;
	}
	.navbar-default .navbar-toggle {
		position: absolute;
		left:0;
		font-size: 18px;
		border:0;
		color:#fff;
		padding:13px 15px;
		margin:0;
		z-index: 12;
	}
	.navbar-default.navbar-white .navbar-toggle {
		color:#3B4859;
	}
	.navbar-default .navbar-toggle i.btl {
		margin-top:2px;
	}
	.navbar-default .navbar-toggle i.btl:before {
		transition: .3s;
	}
	.navbar-default .navbar-toggle[aria-expanded="true"] i.btl:before {
		content:'\F00C';
	}
	.navbar-nav.navbar-right {
		margin:0;
		right:0;
	}
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		background-color:#fff;
		left:auto;
		right:0;
		width: calc(100vw - 20px);
		margin:0 10px;

		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color:#333;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li .name {
		font-size:15px;
	}
	.navbar-default.navbar-white .navbar-nav > li > a {
		color:#fff;
	}
	.navbar-default.navbar-white.navbar-white-invert .navbar-brand .brand-white {
		display: block;
	}
	.navbar-default.navbar-white.navbar-white-invert .navbar-brand .brand-black {
		display: none;
	}
	.navbar-default.navbar-white.navbar-white-invert .navbar-toggle {
		color:#fff;
	}
	.navbar-default.navbar-white.navbar-white-invert .navbar-nav > li > a:hover, .navbar-default.navbar-white.navbar-white-invert .navbar-nav > li > a:active, .navbar-default.navbar-white.navbar-white-invert .navbar-nav > li > a:focus {
		color: #fff;
	}
	.imweb-navbar-more.mobile .page-nav {
		margin-right:0;
		width:100%;
	}
	.imweb-navbar-more.mobile .page-nav .page-nav-item {
		width: 25%;
	}
	.imweb-navbar-more.mobile .page-nav .page-nav-item-wide {
		width:100%;
		clear: both;
		float: none;
		text-align: left;
		border-bottom:1px solid #4a4e51;
	}
	.imweb-navbar-more.mobile .page-nav .page-nav-item-wide .nav-item-name {
		padding : 20px 0;
		display : block;
		opacity : 1;
	}
	.imweb-navbar-more.mobile .container {
		padding:0;
	}
	.imweb-navbar-more.mobile .page-nav-title {
		font-size:14px;
		margin-bottom:4px;
	}
	.profile-info .avatar {
		padding-right:15px;
	}
	.navbar-nav .open .dropdown-menu > li > a.profile-link {
		padding:30px 24px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border:0;
	}
	.navbar-default .navbar-collapse.collapsing, .navbar-default .navbar-collapse.in {
		height: 100vh;
		position: absolute;
		width: 100%;
		top: 0;
		padding:50px 35px;
		z-index: 11;
	}
	.under-button-xs {
		margin-bottom:30px;
	}
	.nav-item-more.mobile .caret {
		position: absolute;
		right:5px;
		top:50%;
	}
	.built-in, .main-intro {
		height:500px;
	}
	.preview-image {
		width: 294px;
		height:168px;
		margin:0 auto;
	}
	.preview-description {
		padding-top:10px;
		text-align: center;
	}
	.preview-image-wrap {
		padding-top:20px;
	}
	section {
		padding:10px 0;
	}
	.section-login {
		padding-bottom:20px;
	}
	.section-biz {
		padding:30px 0;
	}
	.section-main-desc {
		padding:30px 0 0;
	}
	.col-description {
		padding-top: 10px;
	}
	.col-description-lg {
		padding-top:10px;
	}
	.main-video-col {
		padding-left:0;
		padding-right:0;
	}
	.gallery-wrap.gallery-video {
		height:170px;
	}
	.gallery-wrap .preview-video {
		width:300px;
		height:173px;
		right:0;
		margin:0 auto;
		border-radius: 3px;
	}
	.gallery-wrap .preview-video video {
		padding:6px 0 0 5px;
		border-radius: 0 0 3px 0;
	}
	.gallery-wrap .preview-video-bg {
		width:298px;
		height:171px;
		background-size: 298px 171px;
		border-radius: 3px;
	}
	.mobile-video-preview {
		padding:0;
	}
	.image-imac {
		background-repeat: no-repeat;
		background-size: 272px 175px;
		height: 175px;
		width: 272px;
		background-image: url(../img/cinema.png);
		margin: 0 auto;
		margin-top: 40px;
	}
	.play_video {
		margin-top: -35px;
		margin-left: -30px;
		position: absolute;
		top: 50%;
		left: 50%;
	}
	.play_video a {
		background: #00b8ff;
		color:#fff;
		border-radius: 50%;
		width: 60px;
		height: 60px;
		padding: 0;
		font-size: 16px;
		position: relative;
	}
	.play_video a .preview {
		position: relative;
		left: 0;
		top: 0;
	}
	.play_video a .preview i {
		padding-right: 0;
		font-size: 25px;
		position: absolute;
		top: 17px;
		left: 21px;
	}
	.function-carousel-wrap {
		margin:0;
		height:220px;
	}
	.function-carousel {
		width:100%;
	}
	.style-primary blockquote {
		padding: 10px 30px 10px 60px;
		background-position: 20px 0;
	}
	.main-footer .page-nav {
		margin-bottom:40px;
	}
	.page-nav-links a {
		padding:4px 0;
		font-size:14px;
	}
	.foot-desc {
		font-size:13px;
	}
	.no-margin-xs {
		margin:0 !important;
	}
	.no-margin-bottm-xs {
		margin-bottom:0 !important;
	}
	.no-padding-xs {
		padding:0 !important;
	}
	.no-padding-top-xs {
		padding-top:0 !important;
	}
	.no-padding-owl .col-owl {
		padding:0;
	}
	.navbar-nav {
		margin-left:0;
		margin-right:0;
		margin-top:0;
	}
	.navbar-default .navbar-nav > li > a {
		color:#fff;
		border-bottom:1px solid #4a4e51;
		line-height: 50px;
		font-size:15px;
		opacity: 1;
		padding:0;
	}
	.navbar-default .navbar-nav > li > a.up {
		border-color:transparent;
	}
	.navbar-default .navbar-nav > li > a.up.collapsed {
		border-bottom:1px solid #4a4e51;
	}

	.navbar-default .navbar-nav.navbar-right > li > a.btn-login.btn-default {
		padding : 6px 15px;
	}
	.navbar-sub {
		height:45px;
		min-height: 0;
	}
	.navbar-sub .container {
		padding:0;
	}
	.navbar-sub .navbar-nav {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;
	}
	.navbar-sub .navbar-nav:before {

	}
	.navbar-sub .navbar-nav > li {
		float: none;
		display: table-cell;
		width: 100%;
	}
	.navbar-sub .navbar-nav > li > a {
		margin:0;
		line-height: 44px;
	}
	.theme-submit {
		position: static;
	}
	.big-profile-info-list li:last-child .icon {
		margin:0;
	}
	.container.no-padding-m {
		padding-right:0;
		padding-left:0;
	}
	.container.no-padding-m .row {
		margin-left:0;
		margin-right:0;
	}
	.container.no-padding-m .col-md-12 {
		padding-left:0;
		padding-right:0;
	}
	.mysite-td .site-name .limit {
		display: block;
		margin:0;
	}
	.mysite-table, .mysite-row {
		display: block;
	}
	.mysite-td.tools-item {
		padding:0 0 0 50px;
		text-align: left;
	}
	.mysite-td, .mysite-th {
		border:0;
		display: block;
	}
	.mysite-td {
		padding:0 0 15px;
	}
	.mysite-row {
		border-top: 1px solid #ebebeb;
		padding:18px 0;
	}
	.mysite-row:last-child {
		border-bottom: 1px solid #ebebeb;
	}
	.mysite-td .site-data {
		padding-left:50px;
	}
	.mysite-td .site-data .notification {
		left:15px;
	}
	.badge.badge-level {
		padding:3px 5px;
	}
	.page-header {
		margin:0;
		padding-bottom:10px;
	}
	.under-search {
		margin-bottom: 18px;
	}
	.under-list {
		margin-bottom:12px;
	}
	.panel-footer {
		padding:10px 0;
	}
	.input-group.input-group-search .btn-flat {
		padding:14px 18px;
		font-size:18px;
	}
	.input-group.input-group-search .form-control.search-control {
		font-size:15px;
	}
	.navbar-round .navbar-nav > li {
		float:left;
	}
	.list-group {
		margin-bottom:32px;
	}
	.list-group.forum-list {
		margin-bottom:0;
	}
	.list-group.list-group-custom.bordered {
		margin-bottom:0;
	}
	.list-group-item {
		padding:12px 0 12px 0
	}
	.list-group .addon-icon {
		font-size:18px;
	}
	.theme-submit .btn {
		display: block;
	}
	.list-group.forum-list .list-group-item {
		padding-left:20px;
	}
	.list-group.forum-list .list-group-item:after {
		left:4px;
	}
	.additional-side {
		padding-top:12px;
	}
	.input-group.input-group-search {
		margin-bottom:0;
	}
	.panel-default > .panel-heading {
		padding:12px 0;
	}
	.big-profile {
		margin-bottom:0;
	}
	.big-profile-info-list li {
		margin-right:12px;
	}
	.row.row-gutter-lg {
		margin-bottom:0px;
	}
	.dropdown-menu > li > a {
		padding:8px 20px;
	}
	.blocked-m {
		display: block;
		width: 100% !important;
	}
	.theme_select {
		padding: 0 0 0 15px;
		position: absolute;
		top: 5px;
		margin-right:55px
	}
	.theme_select .view_mode {
		display: none;
	}
	.layer-bg.theme .clearfix {
		z-index: 20;
	}
	.layer-bg.theme .clearfix .close {
		position: static;
		z-index: 20;
		font-size:14px;
	}
	.theme_select h1 {
		font-size:16px;
	}
	.theme-popup .made-by {
		bottom:12px;
	}
	.badge.badge-shop {
		padding: 4px 13px;
		height: 23px;
		line-height: 17px;
	}
	.new-site .close {
		padding:12px;
		top: 15px;
		right: 15px;
	}
	.partner-col {
		margin-bottom:30px;
	}
	.theme_start {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		height: auto;
		float: none;
		background: #000;
		z-index: 10;
		padding: 10px;
	}
	.theme_start .btn {
		padding:6px 16px;
	}
	.theme_view {
		height: calc(100% - 68px);
	}
	h3.visit-reason {
		margin-bottom:20px;
	}
	.login-wrap .login {
		width: 100%;
	}
	.section-main-desc .row.padding-bottom-xxxxxl {
		padding-bottom:0;
	}
	.section-main-desc .row.margin-bottom-xxxxxl {
		margin-bottom:0;
	}
	.main-footer .break-mobile {
		background: transparent;
		width: 0;
		height: 0;
		display: block;
	}
	.main-footer address.co_address {
		margin-bottom:20px;
	}
	.no-margin-bottom-xs {
		margin-bottom:0 !important;
	}
	.shop-carousel-wrap .owl-carousel .owl-stage {
		height:420px;
	}
	.shop-carousel-wrap {
		margin-left:0;
	}
	.shop-carousel-wrap .owl-item img {
		max-width: 100%;
		height: auto;
	}
	.comment-item > .comment-item  .block-postmeta {
		padding-left:30px;
	}
	.comment-item .comment-item:after {
		left:5px;
	}
	.comment-item > .comment-item  .comment-area {
		padding-left:81px;
	}
	.img-wrap-hover {
		border-radius: 0;
		margin-bottom:0;
	}
	.img-wrap-hover .overlay {
		border-radius: 0;
	}
	.company-instagram {
		font-size:16px;
	}
	.company-instagram i {
		font-size:20px;
	}
	.contact-absolute .contact .form-control {
		padding-right:30px;
	}
	.container.company-pic {
		padding:0;
	}
	#gmap_w20160701577625727b553 {
		height:450px !important;
	}
	.login .divider {
		margin:30px 0;
	}
	.mobile_app_desc {
		margin:30px 0;
	}
	.contact-absolute .contact {
		padding:20px 0;
	}
	.company .logo-wrap {
		padding:20px 0 35px;
	}
	.company .company-text {
		margin-bottom:10px;
	}
	.contact .form-group {
		margin-bottom:10px;
	}
	.img-wrap-hover .overlay {
		font-size:14px;
	}
	.img-wrap-hover .overlay p {
		padding:0 6px;
	}
	.theme-type.absolute-right {
		position: static;
		text-align: right;
	}
	.card.card-theme {
		margin-bottom:3px;
	}
	.col-theme {
		margin-bottom:20px;
	}
	.row-xs-gutter-0.row {
		margin-right: 0; margin-left: 0;
	}
	.row-xs-gutter-0.row .col-xs-1, .row-xs-gutter-0.row .col-sm-1, .row-xs-gutter-0.row .col-md-1, .row-xs-gutter-0.row .col-lg-1, .row-xs-gutter-0.row .col-xs-2, .row-xs-gutter-0.row .col-sm-2, .row-xs-gutter-0.row .col-md-2, .row-xs-gutter-0.row .col-lg-2, .row-xs-gutter-0.row .col-xs-3, .row-xs-gutter-0.row .col-sm-3, .row-xs-gutter-0.row .col-md-3, .row-xs-gutter-0.row .col-lg-3, .row-xs-gutter-0.row .col-xs-4, .row-xs-gutter-0.row .col-sm-4, .row-xs-gutter-0.row .col-md-4, .row-xs-gutter-0.row .col-lg-4, .row-xs-gutter-0.row .col-xs-5, .row-xs-gutter-0.row .col-sm-5, .row-xs-gutter-0.row .col-md-5, .row-xs-gutter-0.row .col-lg-5, .row-xs-gutter-0.row .col-xs-6, .row-xs-gutter-0.row .col-sm-6, .row-xs-gutter-0.row .col-md-6, .row-xs-gutter-0.row .col-lg-6, .row-xs-gutter-0.row .col-xs-7, .row-xs-gutter-0.row .col-sm-7, .row-xs-gutter-0.row .col-md-7, .row-xs-gutter-0.row .col-lg-7, .row-xs-gutter-0.row .col-xs-8,.row-xs-gutter-0.row .col-sm-8, .row-xs-gutter-0.row .col-md-8, .row-xs-gutter-0.row .col-lg-8, .row-xs-gutter-0.row .col-xs-9, .row-xs-gutter-0.row .col-sm-9, .row-xs-gutter-0.row .col-md-9, .row-xs-gutter-0.row .col-lg-9, .row-xs-gutter-0.row .col-xs-10, .row-xs-gutter-0.row .col-sm-10, .row-xs-gutter-0.row .col-md-10, .row-xs-gutter-0.row .col-lg-10, .row-xs-gutter-0.row .col-xs-11, .row-xs-gutter-0.row .col-sm-11, .row-xs-gutter-0.row .col-md-11, .row-xs-gutter-0.row .col-lg-11, .row-xs-gutter-0.row .col-xs-12, .row-xs-gutter-0.row .col-sm-12, .row-xs-gutter-0.row .col-md-12, .row-xs-gutter-0.row .col-lg-12 {
		padding-left:0; padding-right:0;
	}

	.col-gutter-30 .row {
		margin-right: 0px;
		margin-left: 0px;
	}

	.col-gutter-30 .col-xs-1, .col-gutter-30 .col-sm-1, .col-gutter-30 .col-md-1, .col-gutter-30 .col-lg-1, .col-gutter-30 .col-xs-2, .col-gutter-30 .col-sm-2, .col-gutter-30 .col-md-2, .col-gutter-30 .col-lg-2, .col-gutter-30 .col-xs-3, .col-gutter-30 .col-sm-3, .col-gutter-30 .col-md-3, .col-gutter-30 .col-lg-3, .col-gutter-30 .col-xs-4, .col-gutter-30 .col-sm-4, .col-gutter-30 .col-md-4, .col-gutter-30 .col-lg-4, .col-gutter-30 .col-xs-5, .col-gutter-30 .col-sm-5, .col-gutter-30 .col-md-5, .col-gutter-30 .col-lg-5, .col-gutter-30 .col-xs-6, .col-gutter-30 .col-sm-6, .col-gutter-30 .col-md-6, .col-gutter-30 .col-lg-6, .col-gutter-30 .col-xs-7, .col-gutter-30 .col-sm-7, .col-gutter-30 .col-md-7, .col-gutter-30 .col-lg-7, .col-gutter-30 .col-xs-8, .col-gutter-30 .col-sm-8, .col-gutter-30 .col-md-8, .col-gutter-30 .col-lg-8, .col-gutter-30 .col-xs-9, .col-gutter-30 .col-sm-9, .col-gutter-30 .col-md-9, .col-gutter-30 .col-lg-9, .col-gutter-30 .col-xs-10, .col-gutter-30 .col-sm-10, .col-gutter-30 .col-md-10, .col-gutter-30 .col-lg-10, .col-gutter-30 .col-xs-11, .col-gutter-30 .col-sm-11, .col-gutter-30 .col-md-11, .col-gutter-30 .col-lg-11, .col-gutter-30 .col-xs-12, .col-gutter-30 .col-sm-12, .col-gutter-30 .col-md-12, .col-gutter-30 .col-lg-12 {
		padding-right: 0px;
		padding-left: 0px;
	}
	.icon-list li .icon.apple-icon {
		font-size:42px;
		margin-bottom:5px;
	}
	.empty-state {
		padding:0;
		border-bottom:0;

	}
	.mobile_app_desc h4 {
		margin-bottom:10px;
	}
	.shop-carousel-wrap .owl-theme .owl-controls .owl-dots {
		position : static;
	}
}

.popover {
	min-width: 300px;
	border: 1px solid #ddd;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	padding:0;
}
.popover-title {
	padding:10px 14px;
	background: #fafafa;
}

.absolute-right {
	position: absolute;
	right:0;
	bottom:0;
}
.btn {
	padding:13px 12px;
	font-size:16px;
	vertical-align: baseline;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: 0;
}
.btn-primary {
	background: #00B8FF;
	border-color: #00B8FF;
	color:#fff;
}
.btn-primary:hover, .btn-primary:focus, .open .dropdown-toggle.btn-primary {
	color: #ffffff;
	background-color: #009EFF;
	border-color: #009EFF;
}
.btn-primary-white {
	background: #fff;
	border-color: #fff;
	color:#00B8FF;
	font-weight: 500;
}
.btn-primary-white:hover, .btn-primary-white:focus, .open .dropdown-toggle.btn-primary-white {
	background: #fff;
	border-color: #fff;
	color:#009EFF;
}
.btn-green {
	background: #1FC685;
	border-color: #1FC685;
	color:#fff;
}
.btn-green:hover, .btn-green:focus, .open .dropdown-toggle.btn-green {
	color: #ffffff;
	background-color: #1eb57a;
	border-color: #1eb57a;
}
.btn-green-white {
	background: #fff;
	border-color: #fff;
	color:#1FC685;
	font-weight: 500;
}
.btn-green-white:hover, .btn-green-white:focus, .open .dropdown-toggle.btn-green-white {
	background: #fff;
	border-color: #fff;
	color:#1eb57a;
}
.btn-orange-white {
	background: #fff;
	border-color: #fff;
	color:#FFB64F;
	font-weight: 500;
}
.btn-orange-white:hover, .btn-orange-white:focus, .open .dropdown-toggle.btn-orange-white {
	background: #fff;
	border-color: #fff;
	color:#f8b14d;
	font-weight: 500;
}
.btn-gray {
	background: #8591a7;
	border-color: #8591a7;
	color:#fff;
}
.btn-gray:hover, .btn-gray:focus, .open .dropdown-toggle.btn-gray {
	color: #ffffff;
	background-color: #838ea4;
	border-color: #838ea4;
}
.btn-default {
	color:#212121;
	background: #fff;
	border-color:#d3d3d3;
}
.btn-default:hover, .btn-default:focus, .open .dropdown-toggle.btn-default {
	color:#212121;
	background: #f5f5f5;
	border-color:#d3d3d3;
}
.btn-google {
	color:#fff;
	background: #FF5E60;
	border-color:#FF5E60;
	display: block;
	position: relative;
}
.btn-google:hover, .btn-google:focus, .btn-google:active {
	color:#fff;
	background: #f45a5c;
	border-color: #f45a5c;
}
.btn-google i, .btn-facebook i {
	font-size:20px;
	position: absolute;
	left:20px;
}
.btn-facebook {
	color:#fff;
	background: #4e75bd;
	border-color:#4e75bd;
	position: relative;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
	color:#fff;
	background: #547DCB;
	border-color:#547DCB;
}
.btn-danger {
	color:#fff;
	background: #FF635D;
	border-color:#FF635D;
}
.btn-danger:hover {
	background: #f96059;
	border-color:#f96059;
}
.btn-sm {
	font-size:14px;
	padding:9px 16px;
}
.btn-xs {
	padding:4px 12px;
	font-size:13px;
}
.btn-circle {
	border-radius: 70px;
}
.btn-group > .btn.btn-circle:first-child:not(:last-child):not(.dropdown-toggle) {
	border-radius: 70px;
}
.btn-flat {
	border:0;
	background: transparent;
}

/* helper Classes */

.no-border {
	border: 0 !important;
}
.img-responsive.brand {
	display: inline-block;
}
.no-bg {
	background: transparent;
}
.text-danger {
	color:#ff5054;
}
.text-default {
	color:#3B4859;
}

.text-primary, .panel-body a {
	color:#00B8FF;
}

a.text-primary:hover, .panel-body a:hover {
	color:#009EFF;
}
.text-green {
	color:#1FC685;
}
a.text-green:hover {
	color:#1cbe7e;
}
.text-orange {
	color:#FFB64F;
}
a.text-orange:hover {
	color:#f9b24d;
}
.text-bright {
	color: #fff;
}

a.text-bright:hover {
	color: #f0f0f0;
}

.text-gray {
	color: #7F8A98;
}
.text-gray-light {
	color: #8392A7;
}
.text-gray-bright {
	color: #a4a4a4;
}
.holder {
	position: relative;
}

.no-radius {
	border-radius: 0;
}

.opacity-25 {
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.opacity-30 {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.opacity-40 {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.opacity-50 {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.opacity-60 {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.opacity-70 {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.opacity-75 {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.opacity-100 {
	opacity: 1;
	filter: alpha(opacity=100);
}

.no-margin {
	margin: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0;
}
.no-margin-top, .no-margin-y {
	margin-top: 0 !important;
}

.margin-bottom-lg {
	margin-bottom: 5px;
}

.margin-bottom-xl {
	margin-bottom: 10px;
}

.margin-bottom-xxl {
	margin-bottom: 20px;
}
.margin-bottom-xxxl {
	margin-bottom: 30px;
}
.margin-bottom-xxxxl {
	margin-bottom: 40px;
}
.margin-bottom-xxxxxl {
	margin-bottom: 50px;
}
.margin-left-lg {
	margin-left: 5px;
}

.margin-left-xl {
	margin-left: 10px;
}

.margin-left-xxl {
	margin-left: 20px;
}

.margin-right-lg {
	margin-right: 5px;
}

.margin-right-xl {
	margin-right: 10px;
}

.margin-right-xxl {
	margin-right: 20px;
}

.no-pointer {
	cursor: default !important;
}

.no-padding {
	padding: 0 !important;
}

.no-padding button {
	padding: 0 8px;
}

.no-padding-x {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.no-padding-y {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.padding-y-50 {
	padding-top:50px;
	padding-bottom:50px;
}
.padding-y-70 {
	padding-top:70px;
	padding-bottom:70px;
}
.no-padding-top {
	padding-top: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.sm-padding {
	padding: 12px 8px 12px;
}

.force-padding {
	padding: 24px;
}

.large-padding {
	padding: 48px;
}

.xlarge-padding {
	padding: 60px;
}

.small-padding {
	padding: 12px;
}

.no-y-padding {
	padding: 0 24px;
}

.no-side-padding, .no-x-padding {
	padding: 24px 0;
}

.padding-bottom-lg {
	padding-bottom: 5px;
}

.padding-bottom-xl {
	padding-bottom: 10px;
}

.padding-bottom-xxl {
	padding-bottom: 20px;
}
.padding-bottom-xxxl {
	padding-bottom: 30px;
}
.padding-bottom-xxxxl {
	padding-bottom: 40px;
}
.padding-bottom-xxxxxl {
	padding-bottom: 50px;
}
.border-gray,
.border-black,
.border-white,
.border-lg,
.border-xl,
.border-xxl {
	border-style: solid;
	border-width: 1px;
	border-color: #0c0c0c;
}

.border-lg {
	border-width: 2px;
}

.border-xl {
	border-width: 3px;
}

.border-xxl {
	border-width: 5px;
}

.border-white {
	border-color: #ffffff;
}

.border-gray {
	border-color: #969c9c;
}

.border-transparent {
	border-color: transparent;
}

.hidden-border {
	border-color: transparent !important;
}

.border-dashed {
	border-style: dashed;
}
.height-1,
.size-1 {
	height: 40px;
}

.height-2,
.size-2 {
	height: 80px;
}

.height-3,
.size-3 {
	height: 120px;
}

.height-4,
.size-4 {
	height: 160px;
}

.height-5,
.size-5 {
	height: 200px;
}

.height-6,
.size-6 {
	height: 240px;
}

.height-7,
.size-7 {
	height: 280px;
}

.height-8,
.size-8 {
	height: 320px;
}

.height-9,
.size-9 {
	height: 360px;
}

.height-10,
.size-10 {
	height: 400px;
}

.height-11,
.size-11 {
	height: 440px;
}

.height-12,
.size-12 {
	height: 480px;
}

.width-1,
.size-1 {
	width: 40px;
}

.width-2,
.size-2 {
	width: 80px;
}

.width-3,
.size-3 {
	width: 120px;
}

.width-4,
.size-4 {
	width: 160px;
}

.width-5,
.size-5 {
	width: 200px;
}

.width-6,
.size-6 {
	width: 240px;
}

.width-7,
.size-7 {
	width: 280px;
}
.width-300,
.size-300 {
	width: 300px;
}
.width-8,
.size-8 {
	width: 320px;
}

.width-9,
.size-9 {
	width: 360px;
}

.width-10,
.size-10 {
	width: 400px;
}

.width-11,
.size-11 {
	width: 440px;
}

.width-12,
.size-12 {
	width: 480px;
}

.auto-width {
	width: auto;
}
.full-width {
	width: 100%;
}
.width-300,
.size-300 {
	width: 300px;
}

@media (min-width: 768px) {
	.scroll-xs {
		height: auto !important;
	}
}

@media (min-width: 992px) {
	.scroll-sm {
		height: auto !important;
	}
}

@media (min-width: 1200px) {
	.scroll-zmdi {
		height: auto !important;
	}
}
pre .nocode {
	background-color: transparent;
	color: #ffffff;
}

pre .str {
	color: #da4950;
}

/* string */
pre .kwd {
	color: #2f6f9f;
}

/* js function */
pre .com {
	color: #999999;
}

/* comment */
pre .typ {
	color: #2f6f9f;
}

/* type */
pre .lit {
	color: #cd5c5c;
}

/* literal */
pre .pun {
	color: #4f9fcf;
}

/* punctuation */
pre .pln {
	color: #333333;
}

/* plaintext */
pre .tag {
	color: #2f6f9f;
}

/* html/xml tag */
pre .atn {
	color: #4f9fcf;
}

/* attribute name */
pre .atv {
	color: #da4950;
}

/* attribute value */
pre .dec {
	color: #009999;
}

.blocked {
	display: block;
}
.inline-blocked {
	display: inline-block;
	width: auto;
}
.block-center {
	margin-left:auto;
	margin-right:auto;
}
.text-xs {
	font-size: 75% !important;
}
.text-sm {
	font-size: 85% !important;
}
.text-md {
	font-size:14px !important;
}
.text-lg {
	font-size: 125% !important;
}
.text-x {
	font-size: 160% !important;
}
.text-xl {
	font-size: 180% !important;
}
.text-xxl {
	font-size: 225% !important;
}
.text-xxxl {
	font-size: 330% !important;
}
.text-xxxxl {
	font-size: 500% !important;
}
.text-xxxxxl {
	font-size: 900% !important;
}
.text-14 {
	font-size: 14px;
}
.text-16 {
	font-size: 16px;
}

.text-18 {
	font-size : 18px !important;
}
.icon-24 {
	font-size: 24px;
}
.icon-36 {
	font-size:36px;
}
.icon-40 {
	font-size:40px;
}
.style-gray {
	background-color: #F6F6F8;
}
.style-primary {
	background-color: #00B8FF;
	border-color: #00B8FF;
	color: #ffffff;
}
.style-grays {
	background-color: #F6F6F8;
	border-bottom:1px solid #AAA;
}
.style-white {
	background-color: #fff;
	border-bottom:1px solid #AAA;
}
.z-index-10 {
	z-index: 10;
}

.checkbox-styled:not(ie8),
.radio-styled:not(ie8) {
	position: relative;
	margin-top: 0;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-left:18px;
}
.checkbox-styled:not(ie8) input ~ span,
.radio-styled:not(ie8) input ~ span {
	position: relative;
	padding-left: 30px;
	display: inline-block;
	cursor: pointer;
	vertical-align: text-top;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	padding-top:5px;
}
.checkbox-styled:not(ie8) input ~ span:before,
.radio-styled:not(ie8) input ~ span:before {
	content:'';
	position: absolute;
	left:0;
	top:3px;
	height: 16px;
	width: 16px;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	color: #fff;
	font-size: 14px;
	text-indent: .07em;
	line-height: 13px;
	font-weight: 600;
	border-radius: 3px;
	border: 1px solid #cfd6d9;
	text-align: left;
}
.checkbox-styled:not(ie8).no-margin input ~ span,
.radio-styled:not(ie8).no-margin input ~ span {
	padding-left:20px;
}
.checkbox-styled:not(ie8) input[type="radio"],
.radio-styled:not(ie8) input[type="radio"],
.checkbox-styled:not(ie8) input[type="checkbox"],
.radio-styled:not(ie8) input[type="checkbox"] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity=0);
}
.checkbox-styled:not(ie8) label,
.radio-styled:not(ie8) label {
	padding-left: 0;
}
.checkbox-styled:not(ie8).radio-inline,
.radio-styled:not(ie8).radio-inline,
.checkbox-styled:not(ie8).checkbox-inline,
.radio-styled:not(ie8).checkbox-inline {
	padding-left: 0;
}
.checkbox-styled:not(ie8).disabled ~ span:before,
.radio-styled:not(ie8).disabled ~ span:before,
.checkbox-styled:not(ie8) input[disabled] ~ span:before,
.radio-styled:not(ie8) input[disabled] ~ span:before,
.checkbox-styled:not(ie8) input[readonly] ~ span:before,
.radio-styled:not(ie8) input[readonly] ~ span:before {
	color:#fff;
	background-color:#f9f9f9;
	border-color: #dfdfdf;

}
.checkbox-styled:not(ie8).disabled:checked ~ span:before,
.radio-styled:not(ie8).disabled:checked ~ span:before,
.checkbox-styled:not(ie8) input[disabled]:checked ~ span:before,
.radio-styled:not(ie8) input[disabled]:checked ~ span:before,
.checkbox-styled:not(ie8) input[readonly]:checked ~ span:before,
.radio-styled:not(ie8) input[readonly]:checked ~ span:before {
	color:#999;
	background-color:#f3f5f6;
	border-color: #e5e6e6;
}
.checkbox-styled:not(ie8).disabled:checked ~ span:after,
.radio-styled:not(ie8).disabled:checked ~ span:after,
.checkbox-styled:not(ie8) input[disabled]:checked ~ span:after,
.radio-styled:not(ie8) input[disabled]:checked ~ span:after,
.checkbox-styled:not(ie8) input[readonly]:checked ~ span:after,
.radio-styled:not(ie8) input[readonly]:checked ~ span:after {
	background-color: #e5e6e6;
}
.checkbox-styled:not(ie8) input:checked ~ span:before {
	content: '\f012';
	font-family: 'Black Tie';
	font-size: inherit;
	vertical-align: -14.28571429%;
	text-rendering: auto;
	font-size:9px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0,0);
	background: #1C90F3;
	border-width: 1px;
	border-style: solid;
	border-color:#1C90F3;
	border-left-width: 2px;
	border-right-width: 2px;
}
.radio-styled:not(ie8) input ~ span:before {
	border-radius: 50%;
	/*
	content: '\f26c';
	font-family: Material-Design-Iconic-Font;
	position: absolute;
	font-size:24px;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	font-feature-settings:normal;
	font-kerning:auto;
	font-size-adjust:none;
	font-stretch:normal;
	font-synthesis:weight style;
	font-variant:normal;
	font-weight: normal;
	text-rendering:auto;
	font-style: normal;
	speak:none;
	left:0;
	top:-8px;
	z-index:1;
	color:#767676;
	*/
}
.radio-styled:not(ie8) input:checked ~ span:before {
	/*
	content: '\f26f';
	color: #3C96DE;
	*/
	border: 5px solid #1C90F3;
}
.shop_banner {
	position   : relative;
	background : #1fc685;
	color      : #fff;
}
.shop_banner .banner_wrap {
	height      : 90px;
	line-height : 90px
}
.shop_banner .banner_wrap i {
	font-size   : 35px;
	line-height : 70px;
}
.shop_banner .banner_wrap h1 {
	font-size      : 20px;
	display        : inline-block;
	margin         : 0 15px;
}
.shop_banner .banner_wrap .btn {
	width   : 140px;
	display : inline-block;
}
.shop_banner .close_btn {
	position : absolute;
	right    : 30px;
	top      : 20px;
	color    : #fff;
}
.quick_tool {
	width    : 45px;
	z-index  : 18000;
}
.quick_tool button {
	width         : 45px;
	height        : 45px;
	border        : none;
	border-radius : 50%;
	background: #fff;
	text-align: center;
	visibility: visible;
	opacity: 1;
}

.quick_tool button.quick_tooltip_control {
	-webkit-transform  : rotate(0);
	transform          : rotate(0);
	transition         : -webkit-transform .1s;
	transition         : transform .1s;
	transition         : transform .1s, -webkit-transform .1s;
	border :1px solid #979797;
}
.quick_tool.open button.quick_tooltip_control {
	-webkit-transform: rotate(45deg);
}
.quick_tool button.quick_tooltip_control:focus {
	outline: none;
}
.quick_tool button.quick_tooltip_control:after {
	content                 : "\f01b";
	opacity                 : 1;
	font                    : normal normal normal 14px/1 "Black Tie";
	text-rendering          : auto;
	-webkit-font-smoothing  : antialiased;
	-moz-osx-font-smoothing : grayscale;
	font-size               : 20px;
	vertical-align          : middle;
	font-weight             : 100;
}

.quick_tool button span.icon {
	font-size      : 17px;
	vertical-align : middle;
}

.quick_tool .quick_tool_menu {
	display: inline-block;
	visibility: hidden;
	transform: scale(0);
	position: absolute;
	left: 50px;
	top: 0;
}

.quick_tool.open .quick_tool_menu {
	visibility: visible;
	transform: scale(1);
	width :235px;
}

.quick_tool .quick_tool_menu button {
	-webkit-transform: scale(0);
	transform: scale(0);
	transition-duration: .2s;
}

.quick_tool.open .quick_tool_menu button {
	-webkit-transform   : scale(1);
	transform           : scale(1);
	transition-duration : .2s;
	margin-left: 10px;
	transition-delay    : 0ms;
	border: 1px solid #979797;
}

.quick_tool.open .button-scale > .icon:before {
	-webkit-transform   : scale(0);
	transform           : scale(0);
	transition-property : -webkit-transform;
	transition-property : transform;
	transition-property : transform, -webkit-transform;
	transition-duration : .2s
}

.quick_tool.open .quick_tool_menu .button-scale .icon:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition-delay: .1s;
}

.quick_tool.open .quick_tool_menu button:nth-child(2) {
	transition-delay: 30ms;
}

.quick_tool.open .quick_tool_menu button:nth-child(3) {
	transition-delay: 60ms;
}

.quick_tool.open .quick_tool_menu button:nth-child(4) {
	transition-delay: 90ms;
}
.img_wrap {
	position: relative;
	height: 100%
}
.img_wrap img{
	max-width : 100%
}
.img_wrap img .bg_hover{
	opacity: 0;
}
.img_wrap .close_btn {
	display: none;
}
.img_wrap:hover .bg_hover {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	transition: .2s;
}
.img_wrap:hover .close_btn {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 20px;
	color: #fff;
	font-size: 20px;
}
.line-height-28 {
	line-height: 28px;
}
.container-event {
	max-width: 910px;
	margin: 0 auto;
}
.event-wrap {
	display: table-cell;
}
.event-wrap h4 {
	padding :24px 0;
	font-size :18px;
}
@media (max-width: 767px) {
	.btn {
		padding:10.5px 12px;
	}
	.btn-xs {
		padding: 4px 12px;
	}
	.margin-bottom-xxxl {
		margin-bottom: 15px;
	}
	.margin-bottom-xxxxl {
		margin-bottom: 15px;
	}
	.margin-bottom-xxxxxl {
		margin-bottom: 15px;
	}
	.padding-y-70 {
		padding-top:35px;
		padding-bottom:10px;
	}
	.text-16 {
		font-size:14px;
	}

	.text-18 {
		font-size : 14px !important;
	}
	.spacer.height-2 {
		height:30px;
	}
	.shop_banner .banner_wrap h1 {
		vertical-align : middle;
	}
	.shop_banner .banner_wrap {
		height      : 60px;
		line-height : 60px
	}
	.shop_banner .banner_wrap i {
		line-height : 40px;
		font-size   : 25px;
	}
	.shop_banner .close_btn {
		font-size  : 15px;
		top        : 50%;
		right      : 20px;
		margin-top : -11.5px;
	}
	.line-height-28 {
		line-height: 20px;
	}
	.container-event {
		padding: 0 15px;
		margin-bottom :20px;
	}
	.event-wrap {
		margin-bottom :40px;
		display: block;
	}
	.event-wrap h4 {
		padding :0 0 8px 0;
		font-size :14px;
		text-align: left;
	}
	.event-wrap p {
		text-align: left;
	}
}
