#hero .row { height: 100%; }
.contents {margin-bottom: 0;}
.support .intro, .contact .intro {background-color: #f4f4f4; padding: 40px 0;}
.support .intro p, .main-content .search-section p {font-size: 18px;}
.main-content p {font-size: 16px;}
.support .intro .nav-tabs {margin: 10px 0 0; width: 100%;}
.support .intro .nav>li>a {padding: 0 0 15px;}
.support .intro .nav-tabs .img-wrap {background: #fff; padding: 40px;}
.support .intro .nav-tabs>li.active>a {background: #eee; border: 1px solid rgba(0,0,0,.08);}
.support .intro h3 {font-size: 20px;}
.support .intro a {color: #333;}
/*Disable product selection */
#search_form select#qproduct {display: none;}
.support .input-group-addon {background: #fff;}
.support .search-section input {background: url(../../images/support/search-icon.png) no-repeat scroll 20px 15px #fff; background-size: 20px; padding: 5px 0 5px 60px; font-size: 17px;}
#search_form .form-control {height: 50px; border: none; width: 100%; display: inline-block; float: left; border-radius: 0; margin-bottom: 15px;}
.select-items .btn-default {color: #333; background-color: #fff; border: none; text-transform: capitalize; text-align: left; display: flex; justify-content: space-between; align-items: center;}
.select-items .btn-group {margin: 0 10px 10px 0;}
#search_form select.form-control { font-size: 12px; max-width: 200px; margin-right: 15px; padding: 10px 20px; height: auto; background: url(../../images/support/select-icon.png) no-repeat right white; background-size: 7%; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background-position-x: 90%;}
.support select::-ms-expand {display: none; }
.select-items .dropdown-menu>li>a {padding: 8px 20px;}
.select-items .dropdown-menu {font-size: 12px; background: #fff; max-width: 150px;}
.form-control option {font-size: 12px; background: #fff; max-width: 150px;}
.btn-search {height: 50px; background: #009CFF; min-width: 120px; padding: 6px 20px 7px; text-transform: capitalize; font-size: 18px; margin-bottom: 15px;}
.btn-search:hover, .btn-search:focus {color: #fff; background: #28acff; border: none; outline: none; outline-offset: 0px;}
.support input[placeholder] { text-overflow: ellipsis; }
.support ::-moz-placeholder { text-overflow: ellipsis; }
.support input:-moz-placeholder { text-overflow: ellipsis; }
.action-section, .search-section {background: #f4f4f4;}
.faq-section h2, .user-manuals h2 {font-size: 30px; color: #3d539f;}
.faq-section h3 {font-size: 18px; margin: 20px 0; color: #3d539f; display: inline-block;}
.faq-section h4 {font-size: 14px; font-weight: bold; display: inline;}
.faq-section span {display: block; margin-left: 24px; margin-top: 5px;}
.faq-section ol { margin:0 0 20px; padding:0; counter-reset:item;}
.faq-section ol>li { margin:0 0 20px 0; padding:0 0 0 30px; list-style-type:none; counter-increment:item;}
.faq-section ol>li:before { display:inline-block; width:20px; padding-right:10px; font-weight:bold; text-align:right; content:counter(item) ".";}
.faq-item {border: 1px solid #9ea9cf; margin-bottom: 20px; padding: 0;}
.faq-section a.collapse-link {text-decoration: none;}
.faq-section span.glyphicon { display: inline-block; padding-right: 0; margin: 0 16px 0 20px; color: #3d539f;}
.option ol {border-top: 1px solid #9ea9cf; padding-top: 20px;}
.option a[aria-expanded="true"] .glyphicon-menu-down {transform: rotate(180deg);}
.option a[aria-expanded="true"] .glyphicon-menu-down {transform: rotate(180deg); }

.support-section {padding: 60px 0;}
.support-section h4 {margin-top: 10px; font-size: 20px;}
.support-items p, .support-items a {font-size: 17px}
a.num-link {font-size: 14px;}
.support-items p {margin-bottom: 30px;}
.support-items a+a {display: block;}
.support-items:hover a+a {text-decoration: underline;}
.support-list {position: relative;}

.action-section a {color: #333; text-align: center; font-size: 16px; text-decoration: none;}
.action-section a:hover {color: #333; text-decoration: none;}
.action-section span.icon {margin: 0 auto;}
.active-menu {padding: 60px 0;}
.active-menu-item {padding: 0 10px;}
.active-menu-item a {display: block; padding: 40px 10px 30px; background: #fff; height: 100%;}
.active-menu-item a:hover {border-radius: 0; webkit-box-shadow: 0 0 12px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 12px 2px rgba(0,0,0,0.1); box-shadow: 0 0 12px 2px rgb(0 0 0 / 10%);}
.icon-install {background: url(../../images/support/install-icon.png) no-repeat; background-size: cover;}
.icon-account {background: url(../../images/support/account-icon.png) no-repeat; background-size: cover;}
.icon-discovery {background: url(../../images/support/discovery-icon.png) no-repeat; background-size: cover;}
.icon-download {background: url(../../images/support/download-icon.png) no-repeat; background-size: cover;}
.icon-orders {background: url(../../images/support/orders-icon.png) no-repeat; background-size: cover;}
.icon-community {background: url(../../images/support/community-icon.png) no-repeat; background-size: cover; background-position-x: -5px;}
.icon-ticket {background: url(../../images/support/ticket-icon.png) no-repeat; background-size: cover; background-position-x: -2px;}
.icon-chat {background: url(../../images/support/chat-icon.png) no-repeat; background-size: cover; background-position-x: -2px;}
.icon-call {background: url(../../images/support/call-icon.png) no-repeat; background-size: cover; background-position-x: -4px;}
span.icon {height: 40px; width: 40px; display: block;}
.phone-list{margin: 40px 15px 0; background: #f2f2f2; padding: 0 20px 20px;}
.jp-support {padding: 40px 40px 20px; background: #f2f2f2; margin-bottom: 40px;}
.phone-list h5, .jp-support h5 {font-size: 14px; font-weight: 700; border-bottom: solid 1px #b2b2b2; margin: 20px 0 5px 0; padding-bottom: 5px;}
.phone-list ul {font-size: 14px; padding-left: 0; list-style: none;}
.jp-support ul {font-size: 14px; padding-left: 0;}
.jp-support ul ul {padding-left: 20px;}
.jp-support img {max-width: 250px; margin-top: 40px;}

.num-link {position: relative; padding-left: 20px; text-decoration: none;}
.num-link:hover, .num-link:active {text-decoration: none; outline-offset: 0;}
.num-link:focus, .num-link:focus-within {outline: none; outline-offset: 0; text-decoration: none; color: #0A9CDF}
.num-link .toggle-icon {position: absolute; left: 0; top: 2px; display: inline-block; background: url(../../images/support/ico-toggle.png) no-repeat; width: 16px; height: 16px; transition: .3s transform ease-in-out; transform: rotate(45deg);}
.num-link.collapsed .toggle-icon {position: absolute; left: 0; top: 2px; display: inline-block; background: url(../../images/support/ico-toggle.png) no-repeat; width: 16px; height: 16px; transition: .3s transform ease-in-out; transform: rotate(0deg);}

.pad-t-0 {padding-top: 0;}
.pad-t-60 {padding-top: 60px;}
a.link-wrap { color: #333; text-decoration: none; }
a.link-wrap:hover { color: #333; text-decoration: none; }
.only-corel {display: none;}
.roxio-none {display: none;}
.row.equal {display: flex; flex-wrap: wrap; justify-content: center;}
.bottom-link {position: absolute; bottom: 0;}
.support-form-section .form-control {border-radius: 0;}
.support-form-section label {font-weight: bold; margin-bottom: 5px;}
.support-form-section .required {color: #ff0000;}
.support-form-section h3 {padding-bottom: 50px;}
.support-form-section #attach {margin-top: 7px;}
.support-form-success-section {min-height: 15px;}
.support-form-section .container {width: 100%;}
.small {font-size: 85% !important;}
@media (min-width: 768px) {
	#hero .container { min-height: 300px; height: 300px; }
    .search-section .row {padding: 0 15px;}
    .support-items {padding-left: 30px;}
    .action-section .col-sm-2 {width: 20%;}
    .manuals-list, .support-list {padding: 0 15px;}
}

@media (max-width:767px) {
    .support .intro h3 {font-size: 16px;}
    .support .intro p, .main-content .search-section p {font-size: 16px;}
    .support .intro .nav-tabs .img-wrap {padding: 10px 5px;}
    .support-section h4 {font-size: 16px;}
    .manuals-items {width: auto; flex: 0 45%;}
    .user-manuals h3, .support-items p, .support-items a {font-size: 14px;}
    .support-items {margin-bottom: 20px;}
    .support-items p {margin-bottom: 20px;}
    .select-items .form-control {width: auto; min-width: 45%;}
    .support select.form-control {background-size: 6%; background-position-x: 93%;}
    .support input, .btn-search {font-size: 15px;}
    .faq-section h2, .user-manuals h2 {font-size: 26px;}
    .faq-section h3, .support-section h3 {font-size: 16px;}
    .faq-item {margin: 15px 0;}
    .active-menu {padding-top: 40px;}
    .active-menu-item, .support-items {padding: 10px;}
    .phone-list {margin: 40px 0;}
    .jp-support {padding: 20px;}
    .jp-support img {margin-top: 0;}
    .jp-support .img-wrap {margin-bottom: 20px;}
}

@media (max-width:450px) {
    .manuals-items {width: auto; flex: 100%;}
    .faq-section .body {display: flex; justify-content: space-around; align-items: center;}
    .faq-section ol>li {padding-left: 10px;}
    .btn-search {width: 100%;}
    .select-items .form-control {width: auto; min-width: 100%;}
    .support select.form-control {background-size: 4%; background-position-x: 95%;}
    .support .input-group {display: block;}
    .support .input-group-btn {display: inline-block; width: 100%;}
}

/* For loading spinner */
#loader-section, #no-results-msg{
	display: none;
	font-size: 15px;
	padding-top: 20px;
	text-align: center;
}
.loader{
	position: relative;
	height: 48px;
}

.loader-content{
	position: absolute;
	top: 0;
	left: 40%;
	max-width: 100%;
}

.spinner {
	position: absolute;
    left: 250;
    top: 0;
    display: block;
    animation: rotator 1.5s linear infinite;
    -ms-animation: rotator 1.5s linear infinite;
}

.spinner.size-4 {
	width: 48px;
	height: 48px;
}

.spinner.size-4 circle {
	stroke-width: 4;
}
.loader-text {
	padding-left: 72px;
	line-height: 50px;
	height: 50px;
	width: 250px;
	font-size: 15px;
}

.text-ellipsis{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.spinner.size-4 .path {
	stroke-dasharray: 150.72px;
	animation: dash-4 1.5s ease-in-out infinite;
	-ms-animation: dash-4 1.5s ease-in-out infinite;
}

@keyframes dash-4 {
	0% {
		stroke-dashoffset: 150.72px;
	}

	50% {
		stroke-dashoffset: 37.68px;
		transform: rotate(135deg);
		-ms-transform: rotate(135deg);
	}

	100% {
		stroke-dashoffset: 150.72px;
		transform: rotate(450deg);
		-ms-transform: rotate(450deg);
	}
}

.spinner circle {
	fill: none;
	stroke-linecap: round;
}

.back {
	stroke: #CDCED0;
}

.path {
	stroke: #3D73D8;
	stroke-dashoffset: 0;
	transform-origin: center;
	-ms-transform-origin: center;
}

@keyframes rotator {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}

	100% {
		transform: rotate(270deg);
		-ms-transform: rotate(270deg);
	}
}

#search_form div.search-line{
	width: 100%;
}
#search-result{
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
}
#search-result-iframe {overflow:hidden;height:500;width:100%}

.search-result-div{
	margin-bottom: 12px;
}
.search-result-div a.iframe-modal {
	font-size: 16px;
	font-weight: 500;
	color:#333;
}
button.btn { outline: none !important;}
button.btn-default.focus, button.btn-default:focus {
    color: #fff;
    background-color: #959595;
    border-color: #8c8c8c;
}
#modal-search .modal-title{
	line-height: 1.5;
	display: inline-block;
	width: 97%;
}
#modal-search button.close{
	line-height: 1.5;
}
#modal-search .btn {
  text-transform: unset !important;
}

@media (min-width:992px) {
#modal-search div.modal-dialog{
	width: 890px !important;
	height: 580px !important;
}
}

.collapse.in { display: block !important; }