/*

Theme Name: BKNS

Theme URI: https://www.bkns.vn/

Author: the BKNS team

Author URI: http://www.bkweb.vn/

Description:

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: bkns

Text Domain: bkns



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

/* Garenal */

body {

	font-size: 13px;

	background: #f6f5f5;

}

p {

	font-size: 13px;

}

.site {

	position: relative;

	width: 100%;

}

.site-container {

	width: 1030px;

	margin: 0 auto;

	position: relative;

}

.site-container:before,

.site-container:after {

	display: table;

  	content: " ";

}

.site-container:after {

  	clear: both;

}

/* Title */

/*.home-news header,

header.entry-header,

header.page-header {

	position: relative;

    margin-bottom: 10px;

    padding-bottom: 5px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.home-news header:after,

header.entry-header:after,

header.page-header:after {

	position: absolute;

    content: "";

    background-color: #ff6900;

    height: 3px;

    width: 30px;

    bottom: -1px;

    left: 0;

}*/

/* Genericons */

.social-navigation a:before,

.secondary-toggle:before,

.dropdown-toggle:after,

.bypostauthor > article .fn:after,

.comment-reply-title small a:before,

.comment-navigation .nav-next a:after,

.comment-navigation .nav-previous a:before,

.posted-on:before,

.byline:before,

.cat-links:before,

.tags-links:before,

.comments-link:before,

.entry-format:before,

.edit-link:before,

.full-size-link:before,

.pagination .prev:before,

.pagination .next:before,

.image-navigation a:before,

.image-navigation a:after,

.format-link .entry-title a:after,

.entry-content .more-link:after,

.entry-summary .more-link:after,

.author-link:after {

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-smoothing: antialiased;

	display: inline-block;

	font-family: "Genericons";

	font-size: 20px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	line-height: 1;

	speak: none;

	text-align: center;

	text-decoration: inherit;

	text-transform: none;

	vertical-align: top;

}

/* Elements */

img {

	-ms-interpolation-mode: bicubic;

	border: 0;

	height: auto;

	max-width: 100%;

	vertical-align: middle;

}

ul {

	margin: 0;

	padding: 0;

}

.alignleft {

	display: inline;

	float: left;

}

.alignright {

	display: inline;

	float: right;

}

.aligncenter {

	display: block;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}

blockquote.alignleft,

.wp-caption.alignleft,

img.alignleft {

	margin: 0.4em 1.6em 1.6em 0;

}

blockquote.alignright,

.wp-caption.alignright,

img.alignright {

	margin: 0.4em 0 1.6em 1.6em;

}

blockquote.aligncenter,

.wp-caption.aligncenter,

img.aligncenter {

	clear: both;

	margin-top: 0.4em;

	margin-bottom: 1.6em;

}

.wp-caption.alignleft,

.wp-caption.alignright,

.wp-caption.aligncenter {

	margin-bottom: 1.2em;

}

/* post-navigation */

.post-navigation {

	width: 100%;

}

.post-navigation .screen-reader-text {

	font-size: 15px;

    font-weight: bold;

    text-transform: uppercase;

}

/* Header */

.line-top {

	height: 30px;

	background: #3e4095;

}

/* site-header */

.site-header {

	position: relative;

	background: #e6e6e6;

}

.logo {

	width: 100%;

    display: inline-block;

    padding-top: 5px;

    overflow: hidden;

}

.logo img {

	max-width: 100%;

}

.site-header .site-title:hover {

	text-decoration: underline;

}

.site-title {

	font-size: 25px;

	font-weight: bold;

	line-height: 1;

	margin: 0;

	padding: 10px 0;

}

.site-description {

	font: 300 italic 16px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0;

}

.top-banner {

	width: 100%;

	padding: 5px 0 5px 0;

	min-height: 30px;

}

.top-banner img {

	max-width: 100%;

}

/* Main navigation */

.site-navbar {

	width: 100%;

	height: 60px;

	z-index: 9999;
	margin-top: 30px;

}

.site-navbar.menu-fixed {

	position: fixed;

	top: 0;

	left: 0;

	height: 40px;

}

.main-navigation {

	width: 100%;

	height: 60px;

}

.menu-fixed .main-navigation {

	height: 40px;

}

#primary-menu {

	list-style: none;

	margin: 0;

	padding: 0;

}

#primary-menu > li {

	position: relative;

	float: left;

}

#primary-menu > li > a {

	line-height: 55px;

	padding: 0 15px;

	color: #333;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 14px;

	border-top: 5px solid transparent;

	display: inline-block;

}

.menu-fixed #primary-menu > li > a {

	line-height: 35px;

}

#primary-menu > .current_page_item > a,

#primary-menu > .current_page_ancestor > a,

#primary-menu > .current-menu-item > a,

#primary-menu > .current-menu-ancestor > a {

	border-color: #00a859;

	background-color: #3e4095;

	color: #fff;

}

#primary-menu > li > a:hover {

	border-color: #00a859;

	background-color: #3e4095;

	color: #fff;

	text-decoration: none;

}

#primary-menu .sub-menu {

	position: absolute;

	left: 0;

	top: 100%;

	min-width: 180px;

	background: rgba( 255,97,5, 0.9 );

	list-style: none;

	margin: 0;

	padding: 0;

	clip: rect(1px, 1px, 1px, 1px);

	z-index: 9999;

}

#primary-menu li:hover > ul,

#primary-menu ul li:hover > ul,

#primary-menu .focus > ul,

#primary-menu .focus > ul {

	clip: inherit;

	overflow: inherit;

	height: inherit;

	width: inherit;

}

#primary-menu .sub-menu li a {

	color: #333;

	display: inline-block;

	width: 100%;

	border-top: 1px solid #FB9255;

    padding: 12px 30px 12px 30px;

	font-weight: bold;

	white-space: nowrap;

}

#primary-menu .sub-menu li a:hover {

	background: #FB9255;

}

/* site banner */

.site-banner {

	width: 100%;

	margin-bottom: 15px;

}

.banner-link {

	width: 317px;

	float: left;

}

.banner-link a {

	text-align: center;

}

.banner-link a:hover {

	text-decoration: none;

	border: none;

	color: #fff;

}

.bl-col-1 {

	width: 175px;

	margin-right: 2px;

	float: left;

}

.bl-col-1 > a {

	margin-bottom: 2px;

	display: inline-block;

	width: 100%;

	float: left;

	color: #fff;

	overflow: hidden;

}

.bl-col-1 > a:last-child {

	margin-bottom: 0;

}

.bl-col-2 {

	width: 140px;

	float: left;

}

.bl-col-2 div {

	width: 100%;

	margin-bottom: 2px;

}

.bl-col-2 div:last-child {

	margin-bottom: 0;

}

.bl-col-2 a {

	display: inline-block;

	width: 100%;

	color: #fff;

	overflow: hidden;

}

[class^="bl-item-"] {

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.bl-item-1 {

	background-color: #ff8a00;

	height: 90px;

	background-image: url(images/icon/icon-1.png);

	background-position: 5px center;

	background-repeat: no-repeat;

	padding: 40px 5px 0 42px;

}

.bl-item-1:hover {

	background-position: 110px center;

	padding: 40px 42px 0 5px;

}

.bl-item-2 {

	background-color: #d9532d;

	height: 80px;

	background-image: url(images/icon/icon-2.png);

	background-position: 5px center;

	background-repeat: no-repeat;

	padding: 32px 5px 0 62px;

}

.bl-item-2:hover {

	background-position: 110px center;

	padding: 32px 62px 0 5px;

}

.bl-item-3 {

	background-color: #b61b43;

	height: 64px;

	background-image: url(images/icon/icon-3.png);

	background-position: 20px center;

	background-repeat: no-repeat;

	padding: 20px 5px 0 52px;

}

.bl-item-3:hover {

	background-position: 125px center;

	padding: 20px 52px 0 5px;

}

.bl-item-4 {

	background-color: #0084cc;

	height: 64px;

	background-image: url(images/icon/icon-4.png);

	background-position: 5px center;

	background-repeat: no-repeat;

	padding: 20px 5px 0 40px;

}

.bl-item-4:hover {

	background-position: 92px center;

	padding: 20px 40px 0 5px;

}

.bl-item-5 {

	background-color: #258905;

	height: 90px;

	width: 69px !important;

	float: left;

	margin-right: 2px;

	background-image: url(images/icon/icon-5.png);

	background-position: center 5px;

	background-repeat: no-repeat;

	padding: 45px 0 0 0;

}

.bl-item-5:hover {

	background-position: center 50px;

	padding: 5px 0 0 0;

}

.bl-item-6 {

	background-color: #7fba00;

	height: 90px;

	width: 69px !important;

	float: left;

	background-image: url(images/icon/icon-6.png);

	background-position: center 5px;

	background-repeat: no-repeat;

	padding: 45px 0 0 0;

}

.bl-item-6:hover {

	background-position: center 50px;

	padding: 5px 0 0 0;

}

.bl-item-7 {

	background-color: #9f005d;

	height: 80px;

	background-image: url(images/icon/icon-7.png);

	background-position: 10px center;

	background-repeat: no-repeat;

	padding: 20px 5px 0 50px;

}

.bl-item-7:hover {

	background-position: 92px center;

	padding: 20px 50px 0 5px;

}

/* Content */

.site-content {

	width: 100%;

}

.content-wrap {

	width: 100%;

	background: #fff;

	padding: 15px;

}

.site-col-left {

	width: 235px;

	float: left;

}

.site-col-right {

	width: 750px;

	float: right;

}

.site-main {

	width: 100%;

}

/*  Posts and pages */

.hentry {

	background-color: #fff;

	position: relative;

}

.hentry.has-post-thumbnail {

	padding-top: 0;

}

.hentry.sticky:not(.has-post-thumbnail) {

	padding-top: -webkit-calc(7.6923% + 24px);

	padding-top: calc(7.6923% + 24px);

}

.hentry + .hentry {

	border-top: 1px solid rgba(51, 51, 51, 0.1);

}

.hentry .post-thumbnail {

	border: 0;

	display: block;

	margin-bottom: 2.4em;

}

.post-thumbnail img {

	display: block;

	margin: 0 auto;

}

a.post-thumbnail:hover,

a.post-thumbnail:focus {

	opacity: 0.85;

}

.entry-header {

}

.entry-title {

	font-size: 20px;

	line-height: 1.1538;

	margin: 0;

	font-weight: bold;

}

.entry-content,

.entry-summary {

	padding: 0 0 15px 0;

	text-align: justify;

}

.entry-content > :last-child,

.entry-summary > :last-child {

	margin-bottom: 0;

}

.entry-content,

.entry-summary,

.page-content,

.comment-content {

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	hyphens: auto;

	word-wrap: break-word;

}

.entry-content h1,

.entry-summary h1,

.page-content h1,

.comment-content h1 {

	font-size: 26px;

	font-size: 2.6rem;

	line-height: 1.1538;

	margin-top: 1.8462em;

	margin-bottom: 0.9231em;

}

.entry-content h2,

.entry-summary h2,

.page-content h2,

.comment-content h2 {

	font-size: 22px;

	font-size: 2.2rem;

	line-height: 1.3636;

	margin-top: 2.1818em;

	margin-bottom: 1.0909em;

}

.entry-content h3,

.entry-summary h3,

.page-content h3,

.comment-content h3 {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 1.3333;

	margin-top: 2.6667em;

	margin-bottom: 1.3333em;

}

.entry-content h4,

.entry-content h5,

.entry-content h6,

.entry-summary h4,

.entry-summary h5,

.entry-summary h6,

.page-content h4,

.page-content h5,

.page-content h6,

.comment-content h4,

.comment-content h5,

.comment-content h6 {

	font-size: 15px;

	font-size: 1.5rem;

	line-height: 1.2;

	margin-top: 3.2em;

	margin-bottom: 1.6em;

}

.entry-content h5,

.entry-content h6,

.entry-summary h5,

.entry-summary h6,

.page-content h5,

.page-content h6,

.comment-content h5,

.comment-content h6 {

	letter-spacing: 0.1em;

	text-transform: uppercase;

}

.entry-content > h1:first-child,

.entry-content > h2:first-child,

.entry-content > h3:first-child,

.entry-content > h4:first-child,

.entry-content > h5:first-child,

.entry-content > h6:first-child,

.entry-summary > h1:first-child,

.entry-summary > h2:first-child,

.entry-summary > h3:first-child,

.entry-summary > h4:first-child,

.entry-summary > h5:first-child,

.entry-summary > h6:first-child,

.page-content > h1:first-child,

.page-content > h2:first-child,

.page-content > h3:first-child,

.page-content > h4:first-child,

.page-content > h5:first-child,

.page-content > h6:first-child,

.comment-content > h1:first-child,

.comment-content > h2:first-child,

.comment-content > h3:first-child,

.comment-content > h4:first-child,

.comment-content > h5:first-child,

.comment-content > h6:first-child {

	margin-top: 0;

}

.entry-content a,

.entry-summary a,

.page-content a,

.comment-content a,

.pingback .comment-body > a {

	border-bottom: 1px solid #333;

}

.entry-content a:hover,

.entry-content a:focus,

.entry-summary a:hover,

.entry-summary a:focus,

.page-content a:hover,

.page-content a:focus,

.comment-content a:hover,

.comment-content a:focus,

.pingback .comment-body > a:hover,

.pingback .comment-body > a:focus {

	border-bottom: 0;

}

.entry-content a img,

.entry-summary a img,

.page-content a img,

.comment-content a img {

	display: block;

}

.entry-content .more-link,

.entry-summary .more-link:after {

	white-space: nowrap;

}

.entry-content .more-link:after,

.entry-summary .more-link:after {

	content: "\f429";

	font-size: 16px;

	position: relative;

	top: 5px;

}

.entry-footer {

	background-color: #f7f7f7;

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

	font-size: 13px;

	line-height: 1.5;

	padding: 15px;

}

.entry-footer a {

	border-bottom: 1px solid transparent;

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

}

.entry-footer a:hover {

	border-bottom: 1px solid #333;

}

.entry-footer a:hover,

.entry-footer a:focus {

	color: #333;

}

.format-aside .entry-format:before {

	content: "\f101";

}

.format-image .entry-format:before {

	content: "\f473";

}

.format-gallery .entry-format:before {

	content: "\f103";

}

.format-video .entry-format:before {

	content: "\f104";

}

.format-status .entry-format:before {

	content: "\f105";

}

.format-quote .entry-format:before {

	content: "\f106";

}

.format-link .entry-format:before {

	content: "\f107";

}

.format-chat .entry-format:before {

	content: "\f108";

}

.format-audio .entry-format:before {

	content: "\f109";

}

.posted-on:before {

	content: "\f307";

}

.byline:before {

	content: "\f304";

}

.cat-links:before {

	content: "\f301";

}

.tags-links:before {

	content: "\f302";

}

.comments-link:before {

	content: "\f300";

}

.full-size-link:before {

	content: "\f402";

}

.edit-link:before {

	content: "\f411";

}

.comments-link,

.edit-link {

	white-space: nowrap;

}

.page-header {

	margin: 0 0 15px 0;

}

.page-title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 1.3333;

	margin: 0;

	padding: 0;

	font-weight: bold;

}

.taxonomy-description {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	padding-top: 0.4em;

}

.taxonomy-description a {

	border-bottom: 1px solid #333;

}

.taxonomy-description a:hover,

.taxonomy-description a:focus {

	border-bottom: 0;

}

.taxonomy-description > :last-child {

	margin-bottom: 0;

}

.page-content {

	background-color: #fff;

	padding: 0;

}

/* List post */

.post-item {

	width: 100%;

	overflow: hidden;

	border: 1px solid #dadada;

	padding: 10px;

}

.post-item .post-thumbnail {

	margin-bottom: 0;

	float: left;

	width: 280px;

	margin-right: 10px;

	padding: 2px;

	overflow: hidden;

	border: 1px solid #006e9d;

}

.post-item .post-thumbnail img {

	max-width: 100%;

}

.post-item h3 {

	margin-top: 25px;

    margin-bottom: 15px;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: bold;

    margin: 0 0 10px 0;

}

.post-item p {

	color: #878787;

	text-align: justify;

}

.post-item a.view-detail {

	font-size: 13px;

	display: inline-block;

	padding: 5px 10px;

	border: 1px solid #dadada;

	background: #efefef;

	text-transform: uppercase;

}

/* Footer */

.site-footer {

	background: #edecec;

	width: 100%;

    padding: 15px 0;

    overflow: hidden;

    color: #333;

}

.site-footer.footer-fixed {

	position: fixed;

	left: 0;

    bottom: 0;

}

.footer-area {

	width: 100%;

}

.footer-area h3.footer-title {

	font-size: 16px;

	font-weight: bold;

	margin: 0 0 15px 0;

	padding: 0;

}

.footer-area ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.footer-area ul li {

	padding: 5px 0;

}

.footer-area ul li a {

	color: #333;

}

.site-info {

	text-align: center;

	color: #333;

	font-weight: bold;

}

.site-info p {

	margin-bottom: 5px;

	font-size: 14px;

}

/* contact */

.contact-info {

	width: 100%;

}

.contact-info p.name {

	font-size: 15px;

	font-weight: bold;

}

.contact-info p i {

	margin-right: 5px;

}

.contact-info p.hotline {

	font-weight: bold;

	font-size: 15px;

}

.contact-info p.social a {

	margin-bottom: 2px;

    background: #333;

    display: inline-block;

    width: 25px;

    height: 25px;

    text-align: center;

    line-height: 25px;

    border-radius: 25px;

    color: #fff;

    padding: 0;

    margin-left: 5px;

}

.contact-info p.social a.facebook {

	background: #3a589b;

}

.contact-info p.social a.googleplus {

	background: #da6245;

}

.contact-info p.social a:hover {

	background: #888;

	color: #fff;

}

/* home */

/* home widgets */

.home-services {

	width: 100%;

}

.widget-home {

	width: 100%;

	overflow: hidden;

	margin-bottom: 15px;

}

.widget-home h3.widget-home-title {

	position: relative;

    margin: 0;

    padding: 5px 0;

    color: #006e9d;

    font-size: 15px;

    font-weight: bold;

    text-transform: uppercase;

}

.widget-home h3.widget-home-title a.view-more {

	float: right;

	font-size: 13px;

	text-transform: none;

	color: #333;

	font-weight: normal;

}

.widget-home-content {

	border: 1px solid #dadada;

}

.widget-home a.thumbnail-image {

	display: inline-block;

	overflow: hidden;

	width: 100%;

}

.widget-home a.thumbnail-image img {

	width: 100%;

}

.widget-home h4 {

	font-size: 16px;

	font-weight: bold;

}

.widget-home h4 a {

	color: #333;

}

.widget-home p.caption {

	text-align: justify;

}

.widget-home a.view-more {

	color: #263472;

	text-transform: uppercase;

	font-weight: bold;

}

/* home news */

.home-news {

	background-image: url(images/bg-area.png);

	background-color: #f2f2f2;

	padding: 40px 0 30px 0;

	border-top: 1px solid #e6e6e6;

}

.home-news header h3 {

	margin: 0;

	padding: 0;

	font-size: 16px;

	font-weight: bold;

}

.home-news header h3 a {

	color: #333;

	text-decoration: none;

}

.home-news article {

	width: 100%;

}

.home-news article ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.home-news article ul li {

	padding: 5px 0;

}

.home-news article ul li a {

	color: #454545;

}

/* Sidebar */

.sidebar-area {

	width: 100%;

	position: relative;

}

.sidebar-area .widget {

	margin-bottom: 10px;

	overflow: hidden;

}

.sidebar-area .widget:last-child {

	margin-bottom: 0;

}

.sidebar-area .widget h3.widget-title {

	background: #3e4095;

	height: 34px;

	line-height: 34px;

	white-space: nowrap;

	color: #fff;

	text-transform: uppercase;

	font-size: 14px;

	border-top: 2px solid #00a859;

	padding-left: 10px;

	margin: 0;

	font-weight: bold;

}

.widget-content {

	border: 1px solid #dadada;

}

/* search form */

.widget_search .screen-reader-text {

	display: none;

}

.widget_search .search-form {

	position: relative;

	width: 100%;

}

.widget_search .search-form label {

	width: 100%;

}

.widget_search .search-form .search-field {

	width: 100%;

}

.widget_search .search-submit {

	position: absolute;

    background: url(images/icon-search.png) no-repeat center center;

    padding: 0 !important;

    border: none;

    top: 5px;

    right: 10px;

    height: 20px;

    width: 20px;

    overflow: hidden;

    text-indent: -9999em;

}

/* widget-nav */

.widget-nav > li {

	border-bottom: 1px solid #dadada;

}

.widget-nav > li:last-child {

	border-bottom: none;

}

.widget-nav > li > a {

	display: inline-block;

	width: 100%;

	padding: 8px 8px;

	font-weight: bold;

}

/* widget_support */

.widget_support .hotline {

	background: url(images/icon-hotline.png) no-repeat left center;

	color: #ff0000;

	padding: 15px 0 15px 50px;

	font-size: 16px;

	font-weight: bold;

}

.widget_support .supporter {

	padding: 10px;

	border-top: 1px solid #006e9d;

}

.supporter div {

	padding: 5px 5px 5px 25px;

}

.supporter .name {

	font-weight: bold;

	background: url(images/icon-name.png) no-repeat left center;

}

.supporter .phone {

	font-weight: bold;

	background: url(images/icon-phone.png) no-repeat left center;

	color: #ff0000;

}

.supporter .email {

	font-weight: bold;

	background: url(images/icon-email.png) no-repeat left center;

}

/* gallery widget */

.gallery-widget {

	padding: 0 4px 4px 4px;

}

.gallery-widget a {

	display: inline-block;

	float: left;

	width: 50%;

	padding: 4px;

	overflow: hidden;

}

.gallery-widget a span {

	background: #fff;

	height: 80px;

	width: 100%;

	display: inline-block;

}

.gallery-widget a img {

	max-width: 100%;

}

/* list supporter */

.list-supporter {

	padding: 15px;

}

.list-supporter .supporter {

	padding: 10px 0;

	border-bottom: 1px dotted #848893;

}

.list-supporter .supporter label.name {

	color: #bb8d73;

}

/* -------------------------------------------------------------

--- Libs -------------------------------------------------------

---------------------------------------------------------------- */

/* Breadcrumbs */

.breadcrumbs {

	background-color: #f7f7f7;

	margin-bottom: 10px;

	padding: 5px 15px;

	font-size: 13px;

	color: #707070;

    color: rgba(51, 51, 51, 0.7);

}

.breadcrumbs a {

    position: relative;

    display: inline-block;

    color: #707070;

    color: rgba(51, 51, 51, 0.7);

    padding: 5px 0;

    font-size: 13px;

}

/* Social share */

.social-share {

	padding-bottom: 15px;

}

.social-share span {

	float: left;

	margin-right: 5px;

}

/* Comments */

.comments-area {

	background-color: #fff;

	padding: 15px;

	border: 1px solid #ddd;

	margin-top: 15px;

}

.fb-comments-title {

	font-size: 15px;

	font-weight: bold;

	margin-top: 0;

	text-transform: uppercase;

}

.comments-area > :last-child {

	margin-bottom: 0;

}

.comment-list + .comment-respond {

	border-bottom: 1px solid #eaeaea;

}

.comment-list + .comment-respond,

.comment-navigation + .comment-respond {

	padding-top: 1.6em;

}

.comments-title-wrap,

.comment-reply-title {

	background: url(images/cmt-title.jpg) repeat-x center;

}

.comments-title-wrap .comments-title,

.comment-reply-title span {

	display: inline-block;

	background: #fff;

	padding: 0 10px 0 0;

	margin: 0;

	font-size: 15px;

	font-weight: bold;

	text-transform: uppercase;

}

.comment-list {

	list-style: none;

	margin: 0;

	padding: 0;

}

.comment-list article,

.comment-list .pingback,

.comment-list .trackback {

	border-bottom: 1px solid #eaeaea;

	padding: 15px 0;

}

.comment-list .children {

	list-style: none;

	margin: 0;

}

.comment-list .children > li {

	padding-left: 15px;

}

.comment-author {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	margin-bottom: 0.4em;

}

.comment-author a:hover {

	border-bottom: 1px solid #707070;

	border-bottom: 1px solid rgba(51, 51, 51, 0.7);

}

.comment-author .avatar {

	float: left;

	height: 24px;

	margin-right: 0.8em;

	width: 24px;

}

.bypostauthor > article .fn:after {

	content: "\f304";

	position: relative;

	top: 0px;

	left: 3px;

}

.comment-metadata,

.pingback .edit-link {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.5;

}

.comment-metadata a,

.pingback .edit-link a {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

}

.comment-metadata a:hover,

.pingback .edit-link a:hover {

	border-bottom: 1px solid #333;

}

.comment-metadata a:hover,

.comment-metadata a:focus,

.pingback .edit-link a:hover,

.pingback .edit-link a:focus {

	color: #333;

}

.comment-metadata {

	margin-bottom: 1.6em;

}

.comment-metadata .edit-link {

	margin-left: 1em;

}

.pingback .edit-link {

	margin-left: 1em;

}

.pingback .edit-link:before {

	top: 5px;

}

.comment-content ul,

.comment-content ol {

	margin: 0 0 1.6em 1.3333em;

}

.comment-content li > ul,

.comment-content li > ol {

	margin-bottom: 0;

}

.comment-content > :last-child {

	margin-bottom: 0;

}

.comment-list .reply {

	font-size: 12px;

	font-size: 1.2rem;

}

.comment-list .reply a {

	border: 1px solid #eaeaea;

	border: 1px solid rgba(51, 51, 51, 0.1);

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	display: inline-block;

	font-family: "Noto Sans", sans-serif;

	font-weight: 700;

	line-height: 1;

	margin-top: 2em;

	padding: 0.4167em 0.8333em;

	text-transform: uppercase;

}

.comment-list .reply a:hover,

.comment-list .reply a:focus {

	border-color: #333;

	color: #333;

	outline: 0;

}

.comment-form {

	padding-top: 15px;

}

.comment-respond .comment-form-author {

	width: 48%;

	float: left;

}

.comment-respond .comment-form-email {

	width: 48%;

	float: right;

}

.comment-respond .comment-form-author label,

.comment-respond .comment-form-email label,

.comment-respond .comment-form-comment label{

	font-weight: normal;

}

.comment-respond .comment-form-comment {

	margin-top: 5px;

}

.comment-respond .comment-form-author input,

.comment-respond .comment-form-email input,

.comment-respond .comment-form-comment textarea {

	width: 100%;

	background: #f8f8f8;

	border: #e3e3e3 1px solid;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	color: #333;

	margin: 0;

	padding: 5px;

}

.comment-respond .comment-form-comment textarea {

	max-height: 80px;

}

.comment-respond .form-submit {

	margin: 10px 0;

}

.comment-respond .form-submit #submit {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background-color: #7e7e7e;

	border: none;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	color: #fff;

	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);

	cursor: pointer;

	display: inline-block;

	font-size: 15px;

	line-height: 1.5;

	margin: 0;

	padding: 5px 20px;

	text-align: center;

	text-decoration: none;

}

.comment-notes,

.comment-awaiting-moderation,

.logged-in-as,

.form-allowed-tags {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.5;

	margin-bottom: 2em;

}

.logged-in-as a:hover {

	border-bottom: 1px solid #333;

}

.no-comments {

	border-top: 1px solid #eaeaea;

	border-top: 1px solid rgba(51, 51, 51, 0.1);

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

	font-weight: 700;

	padding-top: 1.6em;

}

.comment-navigation + .no-comments {

	border-top: 0;

}

.form-allowed-tags code {

	font-family: Inconsolata, monospace;

}

.form-submit {

	margin-bottom: 0;

}

.required {

	color: red;

}

.comment-reply-title small {

	font-size: 100%;

}

.comment-reply-title small a {

	border: 0;

	float: right;

	height: 32px;

	overflow: hidden;

	width: 26px;

}

.comment-reply-title small a:before {

	content: "\f405";

	font-size: 32px;

	position: relative;

	top: -3px;

}

.search-field {

    background: #fff;

    border: #e3e3e3 1px solid;

    color: #333;

    margin: 0;

    padding: 5px;

}

::-webkit-input-placeholder {

   font-weight: normal;

}



:-moz-placeholder { /* Firefox 18- */

   font-weight: normal;

}



::-moz-placeholder {  /* Firefox 19+ */

   font-weight: normal;

}



:-ms-input-placeholder {

   font-weight: normal;

}

.no-results .search-submit,

.error-404 .search-submit {

	-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background-color: #7e7e7e;

    border: none;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    color: #fff;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);

    cursor: pointer;

    display: inline-block;

    font-size: 15px;

    line-height: 1.5;

    margin: 0;

    padding: 5px 20px;

    text-align: center;

    text-decoration: none;

}

.no-results .screen-reader-text,

.error-404 .screen-reader-text {

	display: none;

}

/* footer social */

.social-link {

	padding: 5px 0;

	position: fixed;

    top: 20%;

    left: 5px;

    width: 35px;

}

.social-link a {

	margin-bottom: 2px;

	background: #ffffff;

	display: inline-block;

	width: 35px;

	height: 35px;

	text-align: center;

	line-height: 35px;

	color: #fff;

	padding: 0;

}

.social-link a:hover {

	color: #454545;

	background: #ddd;

}

.social-link a i {

	font-size: 20px;

}

.social-link .btn-facebook {

	background: #3a589b;

}

.social-link .btn-rss {

	background: #fd9f13;

}

.social-link .btn-twitter {

	background: #28aae0;

}

.social-link .btn-youtube {

	background: #cf3427;

}

.social-link .btn-google-plus {

	background: #da6245;

}

.social-link .btn-flickr {

	background: #025FE0;

}

.social-link .btn-linkedin {

	background: #0085AF;

}

/* Contact page */

.contact-map {

	padding: 5px;

	border: 1px solid #ddd;

	margin-bottom: 10px;

}

.contact-map-label {

	font-size: 15px;

	text-transform: uppercase;

	font-weight: bold;

}

.office {

	margin: 0;

	padding: 10px;

	border: 1px solid #ddd;

}

.office h3 {

	font-size: 15px;

	text-transform: uppercase;

	margin: 0 0 10px 0;

}

.office ul {

	margin: 0;

	padding: 0;

}

.office ul li {

	list-style: none;

	font-size: 13px;

	padding: 5px 0;

}

.office ul li i {

	margin-right: 10px;

}

.office ul li a {

}

.contact-form {

	border: 1px solid #ddd;

	width: 60%;

	margin: 0 auto;

	padding: 10px;

	background-color: #f7f7f7;

}

.contact-form textarea,

.contact-form input[type="text"],

.contact-form input[type="email"] {

	width: 100%;

	border: 1px solid #ddd;

	padding: 5px;

}

.contact-form input[type="submit"] {

	-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background-color: #7e7e7e;

    border: none;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    color: #fff;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);

    cursor: pointer;

    display: inline-block;

    font-size: 15px;

    line-height: 1.5;

    margin: 0;

    padding: 5px 20px;

    text-align: center;

    text-decoration: none;

}



/**

 * Widgets

 */



.widget {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	hyphens: auto;

	margin: 0 auto 9.09090%;

	width: 100%;

	word-wrap: break-word;

}



.widget pre {

	line-height: 1.2;

}



.widget button,

.widget input,

.widget select,

.widget textarea {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 1.5;

}



.widget button,

.widget input {

	line-height: normal;

}



.widget button,

.widget input[type="button"],

.widget input[type="reset"],

.widget input[type="submit"] {

	font-size: 12px;

	font-size: 1.2rem;

	padding: 0.7917em 1.5833em;

}



.widget input[type="text"],

.widget input[type="email"],

.widget input[type="url"],

.widget input[type="password"],

.widget input[type="search"],

.widget textarea {

	padding: 0.375em;

}



.widget-title {

	color: #333;

	font-family: "Noto Sans", sans-serif;

	margin: 0 0 1.6em;

	letter-spacing: 0.04em;

	text-transform: uppercase;

}



.widget > :last-child {

	margin-bottom: 0;

}



.widget_calendar table {

	margin: 0;

}



.widget_calendar td,

.widget_calendar th {

	line-height: 2.3333;

	text-align: center;

	padding: 0;

}



.widget_calendar caption {

	font-family: "Noto Serif", serif;

	font-weight: 700;

	margin: 0 0 1.6em;

	letter-spacing: 0.04em;

	text-transform: uppercase;

}



.widget_calendar tbody a {

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);

	background-color: #333;

	color: #fff;

	display: block;

	font-weight: 700;

}



.widget_calendar tbody a:hover,

.widget_calendar tbody a:focus {

	background-color: #707070;

	background-color: rgba(51, 51, 51, 0.7);

	color: #fff;

}



.widget_archive a,

.widget_categories a,

.widget_links a,

.widget_meta a,

.widget_nav_menu a,

.widget_pages a,

.widget_recent_comments a,

.widget_recent_entries a {

	border: 0;

}



.widget_archive ul,

.widget_categories ul,

.widget_links ul,

.widget_meta ul,

.widget_nav_menu ul,

.widget_pages ul,

.widget_recent_comments ul,

.widget_recent_entries ul {

	list-style: none;

	margin: 0;

	padding: 10px;

	border: 1px solid #dadada;

}



.widget_archive li,

.widget_categories li,

.widget_links li,

.widget_meta li,

.widget_nav_menu li,

.widget_pages li,

.widget_recent_comments li,

.widget_recent_entries li {

	border-top: 1px solid #eaeaea;

	border-top: 1px solid rgba(51, 51, 51, 0.1);

	padding: 0.7667em 0;

}



.widget_archive li:first-child,

.widget_categories li:first-child,

.widget_links li:first-child,

.widget_meta li:first-child,

.widget_nav_menu li:first-child,

.widget_pages li:first-child,

.widget_recent_comments li:first-child,

.widget_recent_entries li:first-child {

	border-top: 0;

	padding-top: 0;

}



.widget_archive li:last-child,

.widget_categories li:last-child,

.widget_links li:last-child,

.widget_meta li:last-child,

.widget_nav_menu li:last-child,

.widget_pages li:last-child,

.widget_recent_comments li:last-child,

.widget_recent_entries li:last-child {

	padding-bottom: 0;

}



.widget_categories .children,

.widget_nav_menu .sub-menu,

.widget_pages .children {

	border-top: 1px solid #eaeaea;

	border-top: 1px solid rgba(51, 51, 51, 0.1);

	margin: 0.7667em 0 0 0.8em;

	padding-top: 0.7667em;

}



.widget_recent_entries .post-date {

	display: block;

}



.widget_rss ul {

	list-style: none;

	margin: 0;

}



.widget_rss li {

	margin-bottom: 1.6em;

}



.widget_rss ul:last-child,

.widget_rss li:last-child {

	margin-bottom: 0;

}



.widget_rss .rsswidget {

	border: 0;

	font-weight: 700;

}



.widget_rss .rsswidget img {

	margin-top: -4px;

}



.widget_rss .rss-date,

.widget_rss cite {

	font-family: "Noto Sans", sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	font-style: normal;

	display: block;

	line-height: 2;

	opacity: 0.8;

}

.textwidget > :last-child {

	margin-bottom: 0;

}

.textwidget a {

	text-decoration: none;

}

.textwidget a:hover,

.textwidget a:focus {

	text-decoration: none;

}

/* Product ------------------------------- */

.product-item {

	border: 1px solid #ddd;

	float: left;

	width: 25%;

	padding: 2px;

	text-align: center;

	position: relative;

}

.product-item .sale-percent {

	position: absolute;

	top: 5px;

	right: 5px;

	display: inline-block;

	width: 40px;

	height: 40px;

	border-radius: 40px;

	text-align: center;

	line-height: 40px;

	background: #00A859;

	color: #fff;

	font-weight: bold;

	border: none;

}

.product-item a.thumb {

	border: 1px solid #006e9d;

	display: inline-block;

	width: 100%;

	overflow: hidden;

}

.product-item a.thumb img {

	width: 100%;

}

.product-item h3.title {

	margin: 10px 0;

	font-size: 15px;

	font-weight: bold;

	white-space: nowrap;

	overflow: hidden;

}

.product-item .view-more a {

	font-size: 13px;

    display: inline-block;

    padding: 5px 10px;

    border: 1px solid #dadada;

    background: #efefef;

    text-transform: uppercase;

    color: #333;

}

/* product detail */

.product-detail {

	width: 100%;

	border: 1px solid #dadada;

	padding: 10px;

}

.product-images {

	width: 100%;

}

.product-images a.thumb {

	overflow: hidden;

	display: inline-block;

	border: 1px solid #ddd;

	padding: 2px;

	background: #fff;

	max-width: 100%;

}

.product-images a.thumb img {

	max-width: 100%;

}

.product-gallery {

	max-width: 100%;

}

.product-gallery ul {

	margin: 0;

	padding: 0;

}

.product-gallery ul li {

	float: left;

	list-style: none;

	padding: 2px;

	border: 1px solid #ddd;

	margin: 0 3px;

}

.product-header {

	width: 100%;

}

.product-header h1 {

	color: #006e9d;

	font-weight: bold;

	font-size: 24px;

	margin: 0 0 15px 0;

	padding: 0 0 5px 0;

	border-bottom: 1px solid #7c7c7c;

}

.product-options p label {

	margin-right: 5px;

	width: 100px;

	display: inline-block;

}

.product-options p span {

	font-weight: bold;

}

.product-options .price span.amount {

    padding: 0;

}

.product-options .price del span.amount {

    color: #555;

    font-weight: normal;

    font-size: 13px;

}

.product-options .price ins {

    text-decoration: none;

    font-weight: bold;

}

.product-options .price ins span.amount {

    color: #d71c2d;

    font-size: 16px;

}

mark.instock {

    font-weight: 700;

    color: #7ad03a;

    background: 0 0;

    line-height: 1;

}

mark.outofstock {

    font-weight: 700;

    color: #a44;

    background: 0 0;

    line-height: 1;

}

.star-rating i {

	color: #f7bc12;

	font-size: 14px;

	margin: 0 1px 0 0;

}

.product-options .desc {

	text-align: justify;

}

.product-content {

	margin: 10px 0;

	padding: 10px 0;

	text-align: justify;

}

.related-post {

	width: 100%;

	border-top: 1px dotted #006e9d;

}

.related-post-title h3 {

	margin: 0;

	padding: 10px 0;

	color: #006e9d;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: bold;

}

/* Pagination */

.bk-pagination {

	margin: 15px 0 !important;

}

.bk-pagination span,

.bk-pagination a {

	background: #e3e3e3;

	padding: 5px 10px;

	color: #666;

	display: inline-block;

}

.bk-pagination span.current {

	background: #3E4095;

	color: #fff;

}

/* catalogue-item */

.catalogue-item {

	width: 100%;

	margin-bottom: 10px;

	border: 1px solid #dadada;

	padding: 10px;

}

.catalogue-item header {

	border-bottom: 1px solid #3e4095;

	padding: 5px 0;

	margin-bottom: 10px;

}

.catalogue-item header h3 {

	margin: 0;

	padding: 0;

	color: #006e9d;

	font-size: 14px;

	font-weight: bold;

	float: left;

}

.catalogue-item header a.download {

	float: right;

	color: #ff0000;

	display: inline-block;

	background: url(images/icon-pdf.png) no-repeat left center;

	padding-left: 20px;

}

.catalogue-item-content {

	position: relative;

	padding: 0 20px;

}

.catalogue-item-content ul {

	margin: 0;

	padding: 0;

}

.catalogue-item-content ul li {

	float: left;

	width: 185px;

	height: 260px;

	margin: 0 15px;

	list-style: none;

	overflow: hidden;

}

.catalogue-item-content ul li img {

	width: 100%;

	height: auto;

}

.catalogue-prev {

	width: 19px;

	height: 39px;

	position: absolute;

	top: 50%;

	margin-top: -20px;

	left: 0;

	background: url(images/icon-prev.png) no-repeat;

	cursor: pointer;

}

.catalogue-next {

	width: 19px;

	height: 39px;

	position: absolute;

	top: 50%;

	margin-top: -20px;

	right: 0;

	background: url(images/icon-next.png) no-repeat;

	cursor: pointer;

}
.mobile-nav {
	display: none;
}

@media (max-width: 992px) {
	.site-container {
		width: 100%;
		padding: 0 15px;
	}
	.banner-link,
	.main-slider {
		width: 100%;
	}
	.bl-col-1 {
		width: 50%;
		margin: 0;
		padding-right: 2px;
	}
	.bl-col-2 {
		width: 50%;
	}
	.bl-item-5 {
		width: 50% !important;
		margin: 0;
		padding-right: 2px;
	}
	.bl-item-6 {
		width: 50% !important;
	}
	.site-col-left,
	.site-col-right {
		width: 100%;
	}
	.product-item {
		width: 50%;
	}
	.site-navbar {
		height: auto;
		background: #ffffff;
		border: 1px solid #ccc;
		display: none;
		margin-top: 5px;
	}
	#primary-menu > li {
		width: 100%;
	}
	#primary-menu > li > a {
		width: 100%;
	}
	.mobile-nav {
		display: block;
		background: #3e4095;
    height: 50px;
    padding-right: 10px;
	}
	.mobile-nav a {
		color: #ffffff;
		float: right;
		font-size: 20px;
		margin-top: 10px;
		text-transform: uppercase;
		cursor: pointer;
	}
	.mobile-nav a i {
		font-size: 20px;
	}
}