/*
	Theme Name: MinhDuong
	Theme URI: https://minhduongads.com/
	Description: minhduongads.com là một đơn vị phát triển web dựa trên nền tảng wordpress hàng đầu Việt Nam. Với kinh nghiệm nhiều năm trong lĩnh vực này chúng tôi tin chắc rằng sẽ đem lại cho quý khách hàng những dịch vụ và sản phẩm tốt nhất.
	Author: SANGMINI
	Author URI: https://minhduongads.com/
	Version: 1.0.0
	Template: genesis
*/


/* Table of Contents

* Import Fonts
* Defaults
* Hyperlinks
* Body
* Wrap
* Header
* Image Header - Partial Width
* Image Header - Full Width
* Header / Primary / Secondary Navigation
* Primary Navigation Extras
* Inner
* Breadcrumb
* Taxonomy Description
* Content-Sidebar Wrap
* Content
* Column Classes
* Featured Post Grid
* Headlines
* Ordered / Unordered Lists
* Post Info
* Post Meta
* Author Box
* Sticky Posts
* Archive Page
* Post Icons
* Images
* Post Navigation
* Category post
* Tin lien quan
* Primary / Secondary Sidebars
* Dropdowns
* Featured Page / Post
* User Profile
* Buttons
* Search Form
* eNews & Updates Widget
* Calendar Widget
* Footer Widgets
* Footer
* Comments
* Gravity Forms
* Responsive Design
* Footer Copy
* Elememtor
* Menu mobile
*/

/*** Sản phẩm liên quan ***/
h2.title-library {
	font-size: 25px;
	text-transform: uppercase;
	padding: 0px 0px 0px;
	margin-bottom: 0px;
	color: #fab702;
	font-weight: 500;
	text-align: center;
}
.relatedcat ul.library-list {
    margin-top: 0px;
}

/** Facebook **/
#content-sidebar-wrap #content .fb_iframe_widget_fluid_desktop iframe {
	min-width: 100% !important;
}
.bl_facebook {
	max-width: 100%;
	padding: 20px 5px 10px 5px;
	display: block;
	float: none;
	clear: both;
	font-size: 22px !important;
	font-weight: normal;
	margin: 0 auto;
}
/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #000000;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5625;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

p {
	margin-bottom: 20px;
}

blockquote,
input,
select,
textarea,
.author-box,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption {
	background-color: transparent;
	border: 0px solid #ddd;
}

input,
label,
select,
textarea {
	color: #333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 300;
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}

strong,
b {
	font-weight: 700;
}
/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited {
	color: rgb(245, 221, 86);
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}


/* Body
------------------------------------------------------------ */

body {
	background-color: #fff;
}

::-moz-selection {
	background-color: #0d72c7;
	color: #fff;
}

::selection {
	background-color: #0d72c7;
	color: #fff;
}


/* Wrap
------------------------------------------------------------ */

#wrap {
	background-color: #fff;
	margin: 0 auto;
	width: 100%;
	padding: 0;
	position: relative;
}

.wrap {
	width: 1140px;
	margin: auto;
	padding: 15px 10px 10px 10px;
	overflow: hidden;
}

/* Header
------------------------------------------------------------ */
body.page-id-28 #header,
body.home #header,
body.page-id-30 #header,
body.single-project #header {
	position: absolute;
}

#header {
	background: transparent;
	margin: 0 auto;
	width: 100%;
	z-index: 99;
}

#title-area {
	float: left;
	overflow: hidden;
	padding: 0px;
	/* width: 400px; */
}

#title {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 36px;
	line-height: 1.25;
	margin: 0;
	text-transform: uppercase;
}

#title a,
#title a:hover {
	color: #333;
	padding: 0 0 0 20px;
	text-decoration: none;
}

#description {
	font-size: 13px;
	padding: 0 0 0 20px;
}

#header .widget-area {
	float: right;
	padding: 0px 10px;
	width: 80%;
	background: #ffffffb0;
}

#header .widget-area .header-content .left {
	padding-right: 20px;
}

.header-content {
	width: 100%;
    float: left;
}

.header-content .top {
	width: 100%;
	float: left;
	padding: 5px 0px;
}

.header-content .top ul li {
	padding-left: 10px;
}

.header-content .buttom {
	width: 100%;
    float: left;
}

.top ul li .fa {
	padding: 0;
    border-radius: 50%;
    font-size: 13px;
    line-height: 27px;
    height: 28px;
    width: 28px;
    text-align: center;
    border: 1px solid #0968cc;
    color: #0968cc;
}

.top ul li .fa:hover {
	color: #3b7abb;
	border: 1px solid #3b7abb;
}

.buttom #menu-main li:last-child a {
	padding-right: 0px;
}

.page-title-wrap {
	padding: 30px 0px;
    background: url(images/background-batdongsan.jpg);
    background-repeat: no-repeat;
    background-position: center;

}

.title-category {
	color: #ffffff;
	font-size: 35px;
	font-weight: 600;
	text-transform: uppercase;
}

/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area {
	width: 20%;
	float: left;
	padding: 6px 0px;
	text-indent: -9999px;
}

.header-image #title,
.header-image #title a {
	display: block;
	float: left;
	height: 70px;
	overflow: hidden;
	padding: 0;
	/* text-indent: -9999px; */
	width: 100%;
}

.header-image #description {
	display: none;
	overflow: hidden;
}

/* Image Header - Full Width
------------------------------------------------------------ */

.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
	width: 100%;
}


/* Header / Primary / Secondary Navigation
------------------------------------------------------------ */
body.home #nav {
	border-bottom: 0px solid #ddd;
}

#nav {
	background: #f7f7f7;
	border-bottom: 1px solid #ddd; 
}

#nav .wrap {
	padding: 0px 10px;
}

.menu-main-container {
	float: right;
}

.menu-primary,
.menu-secondary,
#header .menu {
	background-color: transparent;
	clear: both;
	color: #333;
	font-size: 14px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#header .menu {
	border: 0px solid #ddd;
	box-sizing: border-box;
}

.menu-primary {
	border-bottom: 0px solid #f7f7f7;
	border-top: 0px solid #f7f7f7;
}

.menu-secondary {
	border-bottom: 1px solid #ddd;
	border-top: none;
}

.menu-primary ul,
.menu-secondary ul,
#header .menu ul {
	float: left;
	width: 100%;
}

.menu-primary li,
.menu-secondary li,
#header .menu li {
	float: left;
	list-style-type: none;
}

ul.sub-menu li.menu-item-has-children > a::before {
    content: "\f0da";
    position: absolute;
    right: 4px;
    top: 50%;
	margin-top: -6px;
	color: #000;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: inherit;
}

.menu-primary a,
.menu-secondary a,
#header .menu a {
	border-right: 0px dotted #9d9d9d;
	color: #0968cc;
	display: block;
	padding: 10px 20px 13px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

.menu-primary li:last-child a {
	border-right: 0px;
}

.menu-primary li a:active,
.menu-primary li a:hover,
.menu-primary .current_page_item a,
.menu-primary .current-cat a,
.menu-primary .current-menu-item a,
.menu-secondary li a:active,
.menu-secondary li a:hover,
.menu-secondary .current_page_item a,
.menu-secondary .current-cat a,
.menu-secondary .current-menu-item a,
#header .menu li a:active,
#header .menu li a:hover,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
	background-color: transparent;
	color: #0968cc;
}

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited,
#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
	background-color: #ffffff;
	border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
	border-top: none;
	color: #000;
	font-size: 14px;
	padding: 12px 20px;
	position: relative;
	text-transform: capitalize;
	width: 230px;
}

.menu-primary li li a:active,
.menu-primary li li a:hover,
.menu-secondary li li a:active,
.menu-secondary li li a:hover,
#header .menu li li a:active,
#header .menu li li a:hover {
	background-color: #09519c;
    color: #fff;
    border-right: 1px solid #09519c;
    border-bottom: 1px solid #09519c;
}

.menu-primary li ul,
.menu-secondary li ul,
#header .menu li ul {
	height: auto;
	left: -9999px;
	margin: 0px 0px 0px;
	position: absolute;
	width: 230px;
	z-index: 9999;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.menu-primary ul.sub-menu li.menu-item-has-children > a::before {
	content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
	font-size: 15px;
	padding-left: 0.5em;
	float: right;
}

.menu-primary li ul a,
.menu-secondary li ul a,
#header .menu li ul a {
	width: 140px;
}

.menu-primary li ul ul,
.menu-secondary li ul ul,
#header .menu li ul ul {
	margin: -45px 0 0 230px;
}

.menu li:hover ul ul,
.menu li.sfHover ul ul {
	left: -9999px;
}

.menu li:hover,
.menu li.sfHover {
	position: static;
}

ul.menu li:hover>ul,
ul.menu li.sfHover ul,
#header .menu li:hover>ul,
#header .menu li.sfHover ul {
	left: auto;
}

.menu-primary li a.sf-with-ul,
.menu-secondary li a.sf-with-ul,
#header .menu li a.sf-with-ul {
	padding-right: 25px;
}

.menu li a .sf-sub-indicator,
.menu li li a .sf-sub-indicator,
.menu li li li a .sf-sub-indicator {
	background: url(images/icon-plus.png) no-repeat;
	height: 16px;
	position: absolute;
	right: 8px;
	text-indent: -9999px;
	top: 10px;
	width: 16px;
}

#wpadminbar li:hover ul ul {
	left: 0;
}

.top ul {
	float: right;
}

.top ul li {
	display: inline-block;
}

/* Primary Navigation Extras
------------------------------------------------------------ */

.menu li.right {
	float: right;
	padding: 7px 15px 6px;
}

.menu li.right a {
	background: none;
	border: none;
	color: #333;
	display: inline;
	text-decoration: none;
}

.menu li.right a:hover {
	color: #0d72c7;
	text-decoration: none;
}

.menu li.search {
	padding: 0 10px;
}

.menu li.rss a {
	background: url(images/rss.png) no-repeat center left;
	margin: 0 0 0 10px;
	padding: 0 0 0 16px;
}

.menu li.twitter a {
	background: url(images/twitter-nav.png) no-repeat center left;
	padding: 0 0 0 20px;
}

/* Inner
------------------------------------------------------------ */
body.home #inner {
	padding: 0px;
	width: 100%;
}

#inner {
	width: 1140px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px;
}

body.single-project #inner {
	width: 100%;
	padding: 10px 0px;
}

/* Breadcrumb
------------------------------------------------------------ */

body.single-project #inner #content-sidebar-wrap .breadcrumb {
	width: 1140px;
	margin: auto;
	padding: 10px;
}

.breadcrumb {
	font-size: 14px;
	margin: 0px 0 20px;
	padding: 8px 10px 8px 0px;
}


/* Taxonomy Description
------------------------------------------------------------ */

.taxonomy-description {
	background-color: #fff;
	margin: -10px 0 30px;
	padding: 0 0 15px;
}

.taxonomy-description p {
	font-size: 13px;
	padding: 15px 15px 0;
}


/* Content-Sidebar Wrap
------------------------------------------------------------ */

#content-sidebar-wrap {
	float: left;
	width: 750px;
}

.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
	width: 100%;
}

.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
	float: right;
}

/* Content
------------------------------------------------------------ */

#content {
	float: left;
	padding: 0;
	width: 450px;
}

body.category #content-sidebar-wrap #content {
	border-right: 1px solid #e9e9e9;
    padding-right: 20px;
}

.content-sidebar #content,
.sidebar-content #content {
	width: 800px;
}

.sidebar-content #content,
.sidebar-sidebar-content #content {
	float: right;
}

#content-sidebar-wrap #content h1,
#content-sidebar-wrap #content h2 {
	padding-bottom: 0px;
	font-size: 30px;
	margin-bottom: 20px;
    text-transform: uppercase;
	font-weight: 600;
	color: #0968cc;
}

body.single-post #content-sidebar-wrap #content h1.entry-title {
	font-size: 20px;
}

body.page-template-template-full-width #content-sidebar-wrap #content h1::after,
body.post-type-archive-project #content-sidebar-wrap #content h2::after {
	content: '';
    width: 100px;
    height: 2px;
    background: #f5dd56;
    display: block;
	margin-top: 7px;
}

#content-sidebar-wrap #content h1 a {
	color: #0968cc;
}

#content-sidebar-wrap #content h1 a::after {
	content: '';
    width: 75px;
    height: 2px;
    background: #f5dd56;
    display: block;
    margin-top: 5px;
    margin-left: 5px;
}

.full-width-content #content {
	width: 920px;
}

.post {
	margin: 0 0 20px;
}

.widget-wrap .main-posts .post:last-child {
	margin: 0px;
}

.entry-content {
	overflow: hidden;
}

.entry-content p {
	margin: 0 0 25px;
}

blockquote {
	border: none;
	margin: 5px 5px 20px;
	padding: 25px 30px 5px 70px;
}

blockquote p {
	color: #999;
	font-style: italic;
}

p.subscribe-to-comments {
	padding: 20px 0 10px;
}

.clear {
	clear: both;
}

.clear-line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 0 0 25px;
}


/* Column Classes
------------------------------------------------------------ */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin: 0 0 20px;
	padding-left: 3%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48%;
}

.one-third,
.two-sixths {
	width: 31%;
}

.four-sixths,
.two-thirds {
	width: 65%;
}

.one-fourth {
	width: 22.5%;
}

.three-fourths {
	width: 73.5%;
}

.one-fifth {
	width: 17.4%;
}

.two-fifths {
	width: 37.8%;
}

.three-fifths {
	width: 58.2%;
}

.four-fifths {
	width: 78.6%;
}

.one-sixth {
	width: 14%;
}

.five-sixths {
	width: 82%;
}

.first {
	clear: both;
	padding-left: 0;
}


/* Featured Post Grid
------------------------------------------------------------ */

.genesis-grid-even,
.genesis-grid-odd {
	margin: 0 0 20px;
	padding: 0 0 15px;
	width: 48%;
}

.genesis-grid-even {
	float: right;
}

.genesis-grid-odd {
	clear: both;
	float: left;
}


/* Headlines
------------------------------------------------------------ */

h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6 {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.25;
	margin: 0 0 10px;
}

h1 {
	font-size: 25px;
}

.taxonomy-description h1 {
	margin: 0;
}

h2,
h2 a,
h2 a:visited {
	font-size: 16px;
}

h2 a,
h2 a:visited {
	color: #333;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

h2 a:hover {
	color: #0d72c7;
	text-decoration: none;
}

.widget-area h2,
.widget-area h2 a {
	font-size: 14px;
	margin: 0 0 5px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 13px;
}

.taxonomy-description h1,
.widget-area h4 {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	padding: 9px 10px 8px;
}

.widget-area h4 a {
	color: #333;
	text-decoration: none;
}

#footer-widgets h4 {
	background: none;
	border: none;
	padding: 0;
}

h5 {
	font-size: 13px;
}


/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 25px;
}

.archive-page ul li,
.entry-content ul li {
	list-style-type: square;
	margin: 0 0 0 30px;
	padding: 0;
}

.entry-content ol li {
	margin: 0 0 0 35px;
}

.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
	padding: 0;
}


/* Post Info
------------------------------------------------------------ */

.post-info {
	font-size: 13px;
	margin: 0px 0px 20px;
	color: #aaaaaa;
}

.post-info .date:before {
    content: "\f133";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #aaaaaa;
    font-size: 13px;
    padding-right: 0.5em;
}

.post-info .fa-calendar {
    margin: 0px 5px 0px 0px;
}

.post-info .fa-address-book, .post-info .fa-bars {
    margin: 0px 5px 0px 20px;
}

/* Post Meta
------------------------------------------------------------ */

.post-meta {
	border-top: 0px solid #ddd;
	clear: both;
	font-size: 13px;
	padding: 0px 0 15px;
}


/* Author Box
------------------------------------------------------------ */

.author-box {
	background-color: #f5f5f5;
	margin: 0 0 40px;
	overflow: hidden;
	padding: 10px;
}

.author-box p {
	font-size: 13px;
}


/* Sticky Posts
------------------------------------------------------------ */

.sticky {
	background-color: #f5f5f5;
	margin: -10px 0 40px;
	padding: 20px;
}


/* Archive Page
------------------------------------------------------------ */

.archive-page {
	float: left;
	padding: 20px 0 0;
	width: 45%;
}


/* Post Icons
------------------------------------------------------------ */

.post-comments,
.tags {
	margin: 0 0 0 3px;
	padding: 0px;
}


/* Images
------------------------------------------------------------ */

img {
	height: auto;
	max-width: 100%;
}

.avatar,
.featuredpage img,
.featuredpost img,
.post-image {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 4px;
}

.author-box .avatar {
	background-color: #fff;
	float: left;
	margin: 0 10px 0 0;
}

.post-image {
	margin: 0 10px 10px 0;
}

.comment-list li .avatar {
	background-color: #fff;
	float: right;
	margin: 5px 0 0 10px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft {
	height: 200px;
	display: inline;
	margin: 0px 20px 0px 0px;
	object-fit: cover;
}
img.alignright {
	display: inline;
	margin: 0 0 10px 15px;
}

.alignleft {
	width: 35%;
	float: left;
	margin: 0 15px 10px 0;
}

.img_cat_post {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 5px;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.wp-caption {
	padding: 5px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 13px;
	margin: 5px 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}

/* Post Navigation
------------------------------------------------------------ */

.navigation {
	font-size: 14px;
	overflow: hidden;
	padding: 20px 0 40px;
	width: 100%;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
	border: 1px solid #e6e6e6;
	padding: 11px 16px;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: transparent;
	border: 1px solid #0d72c7;
}

/* Category post
--------------------------------------------------------------*/

.chuyen-muc-page {
	display: flex;
    flex-flow: row wrap;
    list-style: none;
	margin-top: 25px;
}
.widget-chuyen-muc {
	float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 14px;
    line-height: 30px;
	border-bottom: 1px solid #e9e9e9;
	background: #ffffff none repeat scroll 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.widget-chuyen-muc:hover .widget-content .chuyenmuc-left a img {
	opacity: 0.6;
}
.widget-chuyen-muc .chuyenmuc-right {
	padding: 15px 0px;
}
.chuyenmuc-right h3 a {
	color: #000000;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: 600;
    padding-bottom: 25px;
	margin: 0;
	font-family: 'Roboto';
}
.chuyenmuc-right h3 a:hover {
	text-decoration: none;
	color: #f5dd56;
}
.chuyenmuc-right p.deskop {
	margin-bottom: 20px;
}
.chuyenmuc-right p a.read-more {
	color: #fff;
	padding: 10px 20px;
	background: rgb(254, 193, 15);
	float: right;
}
.chuyenmuc-left {
	position: relative;
}
.chuyenmuc-left .hover {
	width: 100%;
    height: 100%;
    transition: 0.3s all ease-in-out;
    background: #00000087;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
	opacity: 0;
	display: flex;
	align-items: center;
	border-radius: 5px;
}
.chuyenmuc-left .hover a {
	left: 45%;
	background: #f5dd56;
	color: #ffffff;
	padding: 4px 20px;
	border-radius: 5px;
	position: absolute;
}
.widget-content:hover .chuyenmuc-left .hover {
	opacity: 1;
}

/* Tin lien quan
-------------------------------------------------------------*/
.tintuc-lienquan h3 {
	font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
	padding: 10px 15px;
	margin: 10px 0px 20px;
    display: block;
    background-color: #ffde17;
    border-left: solid 2px #ee1b21;
    width: 230px;
    text-align: left;
}

ul.tintuc-page {
	display: flex;
    flex-flow: row wrap;
	list-style: none;
	margin-left: -1%;
	margin-right: -1%; 
}

ul.tintuc-page li.widget-tintuc {
	float: left;
    width: 31.333%;
    margin: 0px 1% 30px 1%;
    padding: 0px;
    font-size: 14px;
    line-height: 30px;
	box-sizing: border-box;
	position: relative;
	list-style-type: none;
}
ul.tintuc-page li.widget-tintuc .hover {
	width: 100%;
    height: 200px;
    transition: 0.3s all ease-in-out;
    background: #00000087;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
}
ul.tintuc-page li.widget-tintuc .hover a {
	top: 50%;
	left: 30%;
	background: #fab702;
	color: #ffffff;
	padding: 4px 20px;
	border-radius: 5px;
	transform: translateY(-50%);
	position: absolute;
}
ul.tintuc-page li.widget-tintuc:hover .hover {
	opacity: 1;
}
.widget-tintuc a img {
	width: 100%;
    object-fit: cover;
    height: 200px;
}

.tintuc-content {
	padding: 15px 10px;
    background-color: #f2f2f2;
    border-bottom: solid 1px #dbdbdb;
}

.tintuc-content h4 {
	margin-bottom: 0px;
}

.tintuc-content h4 a {
	color: #fab702;
	text-transform: uppercase;
}
/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.sidebar {
	display: block;
	float: right;
	width: 300px;
}

#sidebar-alt {
	float: left;
	width: 150px;
}

.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar {
	float: left;
}

.content-sidebar-sidebar #sidebar-alt {
	float: right;
}

.sidebar p {
	font-size: inherit;
}

.sidebar .widget {
	background-color: #fff;
	border: 0px solid #000000;
	margin: 0 0 25px;
	padding: 0px 0px 0px;
	box-shadow: 1px 2px 4px 0px #0000007a;
}

.sidebar .widget .main-posts {
	padding: 20px 10px 20px 10px;
}

.sidebar.widget-area ol,
.sidebar.widget-area ul,
.widget-area .textwidget,
.widget_tag_cloud div div {
	padding: 15px 15px;
}

.sidebar.widget-area ul li,
#footer-widgets .widget-area ul li {
	border-bottom: 1px solid #ddd;
	list-style-type: none;
	margin: 0 0 7px;
	padding: 0 0 5px;
	word-wrap: break-word;
}

.sidebar.widget-area ul ul li {
	border: none;
	margin: 0;
}

#sidebar h4.widget-title {
	font-size: 14px;
    text-transform: uppercase;
    padding: 15px 10px;
	background: #0968cc;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 0px;
}
#sidebar h3.widget-item-title a {
	color: #000;
	font-size: 14px;
    text-transform: lowercase;
}
#sidebar h3.widget-item-title a:hover {
	color: rgb(254, 193, 15);
}
#sidebar a img {
	width: 100%;
	height: 95px;
	object-fit: cover;
}
/* Dropdowns
------------------------------------------------------------ */

.widget_archive select,
#cat {
	display: block;
	margin: 5px 15px 0;
	padding: 3px;
	width: 85%;
}


/* Featured Page / Post
------------------------------------------------------------ */

.featuredpage,
.featuredpost {
	clear: both;
	margin: 0 0 15px;
	overflow: hidden;
}

.featuredpage .page,
.featuredpost .post {
	border-bottom: 1px solid #ddd;
	margin: 0 0 5px;
	overflow: hidden;
	padding: 0 15px 10px;
}

#footer-widgets .featuredpage .page,
#footer-widgets .featuredpost .post {
	margin: 0 0 10px;
	padding: 0;
}

.more-from-category {
	padding: 5px 15px 0;
}

/* User Profile
------------------------------------------------------------ */

.user-profile {
	overflow: hidden;
}

.user-profile p {
	padding: 5px 15px 0;
}

.user-profile .posts_link {
	padding: 0 15px;
}


/* Buttons
------------------------------------------------------------ */

input[type="button"],
.search-form  input[type="submit"] {
	background: #e02826;
    /* border: 1px solid #e02826; */
    cursor: pointer;
    /* line-height: 20px; */
    color: #fff;
    padding: 10px 6px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    text-decoration: none;
}

input:hover[type="button"],
.search-form  input:hover[type="submit"] {
	background: #bb480b;
	/* border: 1px solid #bb480b; */
	text-decoration: none;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form textarea {
	width: 100%;
	padding: 12px 10px;
	background: #fff;
	border: 1px solid #eee;
}
.name-product #tensp,
.link-product #linksp {
	background: #f1f1f1;
}
.wpcf7-form input[type="submit"] {
	padding: 10px 40px;
    background: #fab702;
    border: 1px solid #fab702;
    color: #fff;
    text-transform: uppercase;
}
/* Search Form
------------------------------------------------------------ */

#header .searchform {
	float: right;
	padding: 0px 0px;
}

#header .searchform .s {
	margin-top: 0px;
	width: 300px;
	color: #ababab;
}

.sidebar .searchform {
	padding: 15px 15px 15px 15px;
}

.sidebar .s {
	margin: 0px;
	padding: 9px 10px;
	border: 1px solid #eee;
}

.s {
	margin: 10px 0px 0px 0px;
    padding: 10px 10px;
    width: 180px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background: #fff;
}

#nav .s {
	background-color: #fff;
	margin: 2px -7px 0 0;
}

.archive_search {
	width: 100%;
	overflow: hidden;
}

.archive_search h2 {
	font-size: 20px;
    font-weight: 600;
}

ul.search-wrap li.list-search {
	background-color: #ffffff;
	list-style-type: none;
	box-shadow: 0px 2px 3px 1px #e0e0e0;
	padding: 20px;
	margin: 15px 2px 30px;
}

.list-search h3 {
	font-size: 18px;
    font-weight: 500;
}

.list-search h3 a {
	color: #333;
}

.list-search h3 a:hover {
	color: #e65c13;
}

/* eNews and Update Widget
------------------------------------------------------------ */

.enews p {
	padding: 0 15px 5px;
}

.enews #subscribe {
	padding: 0 0 0 15px;
}

.enews #subbox {
	margin: 5px -7px 0 0;
	padding: 6px 5px;
	width: 75%;
}


/* Calendar Widget
------------------------------------------------------------ */

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	font-size: 12px;
	font-style: italic;
	padding: 2px 5px 0 0;
	text-align: right;
}

#wp-calendar thead {
	background-color: #f5f5f5;
	font-weight: bold;
	margin: 10px 0 0;
}

#wp-calendar td {
	background-color: #f5f5f5;
	padding: 2px;
	text-align: center;
}


/* Footer Widgets
------------------------------------------------------------ */

#footer-widgets {
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	clear: both;
	font-size: 13px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#footer-widgets .wrap {
	overflow: hidden;
	padding: 20px 30px 10px;
}

#footer-widgets .widget {
	background: none;
	border: none;
	margin: 0 0 15px;
	padding: 0;
}

#footer-widgets .textwidget {
	padding: 0;
}

#footer-widgets .widget_tag_cloud div div {
	padding: 0;
}

#footer-widgets p {
	font-size: inherit;
	margin: 0 0 10px;
}

#footer-widgets ul {
	margin: 0;
}

#footer-widgets ul li {
	margin: 0 0 0 20px;
}

#footer-widgets #wp-calendar thead,
#footer-widgets #wp-calendar td {
	background: none;
}

.footer-widgets-1 {
	float: left;
	margin: 0 30px 0 0;
	width: 280px;
}

.footer-widgets-2 {
	float: left;
	width: 280px;
}

.footer-widgets-3 {
	float: right;
	width: 280px;
}


/* Footer
------------------------------------------------------------ */

#footer {
	background-color: #111;
	border-top: 1px solid #111;
	clear: both;
	font-size: 13px;
	margin: 0 auto;
	padding: 30px 0px;
	overflow: hidden;
	width: 100%;
}
#footer .wrap .footer-widget-area .textwidget ul li::before {
	content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ffffff;
    font-size: 14px;
    padding-right: 8px;
    top: 0px;
    left: 0;
}
.inner-footer {
	width: 100%;
	/* overflow: hidden; */
	padding: 20px 0px;
}
.inner-footer:nth-child(3) {
	padding-bottom: 0px;
    border-top: 1px solid #868686;
}
.footer-widget-area {
	float: left;
	padding: 10px;
}
.footer-widget-area h4 {
	font-size: 18px;
	padding-bottom: 20px;
	color: #ffffff;
	text-transform: uppercase;
}

.inner-footer .footer-widget-area .textwidget ul li {
    list-style-type: none;
    line-height: 2.25;
}
#footer h1,
#footer h2,
#footer h2 a,
#footer h2 a:visited,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer p,
#footer select,
#footer textarea {
	color: #fff;
}
#footer p {
	font-size: inherit;
}

#footer a,
#footer a:visited {
	color: #fff;
}

#footer a:hover {
	color: #0d72c7;
	text-decoration: none;
}

#footer .gototop {
	float: left;
	width: 200px;
}

#footer .creds {
	float: right;
	text-align: right;
	width: 650px;
}


/* Comments
------------------------------------------------------------ */

#comments {
	margin: 0px 0 20px;
	overflow: hidden;
}
.comments {
	padding-bottom: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.title-top-comment {
	width: 100%;
	border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.wc-comment-header,
.comment-reply-title {
	width: 50%;
	float: left;
}
.wc-comment-header {
	font-size: 22px;
	text-transform: none;
	font-weight: 500;
}
.comment-reply-title {
	text-align: right;
	margin-bottom: 10px;
    line-height: 27px;
}
.comment-list {
	width: 100%;
	overflow: hidden;
	margin: 20px 0px 0px;
}
.comment-list ul {
	margin-top: 15px;
	margin-left: 40px;
}
#comments #wc-comment-header {
	max-width: 100%;
}
#comments #wpcomm {
	max-width: 100%;
}
.comment-body {
	width: 100%;
	overflow: hidden;
}
.comment-body .comment-avatar {
	width: 71px;
    float: left;
}
.comment-body .comment-content {
    margin-left: 95px;
    padding: 0px;
    display: block;
}
.comment-body .comment-content .comment-author {
	color: #333333;
	margin-bottom: 10px;
    font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
}
.comment-content .comment-date-time p {
	font-size: 14px;
	font-weight: 500;
	color: #999;
	font-style: italic;
	text-align: right;
}
.comment-reply-link {
	padding: 10px 20px;
    background: #848484;
    color: #fff;
    line-height: 34px;
}
.entry-comments > #respond {
	margin-top: 0px;
	padding: 20px;
	border-top: 0px solid #ddd;
}
#respond {
	/* width: 100%; */
	overflow: hidden;
	margin: 30px 0px 0px;
	border-top: 1px solid #ddd;
	padding-top: 30px;
	background: #eeeeee;
}
#respond h3 {
	font-size: 20px;
    font-weight: 600;
}
#author,
#comment,
#email,
#url {
	margin: 10px 5px 0 0;
	padding: 15px 15px 15px 40px;
	width: 380px;
	background-color: #ffffff;
}
#commentform input[type="submit"] {
	padding: 10px 30px;
	background: #848484;
	color: #fff;
	border: 1px solid #848484;
}
.cancel-comment-reply {
	padding: 5px 0px 10px;
}
.cancel-comment-reply #cancel-comment-reply-link {
	color: #0d72c7;
    font-style: italic;
    font-size: 14px;
}
#comment {
	height: 150px;
    margin: 15px 0;
    padding: 20px;
    width: -webkit-fill-available;
	overflow: hidden;
	background: #ffffff;
}
#commentform .text-input {
	position: relative;
	width: 100%;
    overflow: hidden;
}
#commentform .text-input .field-icon {
	display: inline-block;
    font-size: 24px;
    line-height: 17px;
    opacity: 0.3;
    padding: 0;
    margin: 0px;
    position: absolute;
    top: 21px;
    left: 11px;
    width: 20px;
    text-align: left;
}
.ping-list {
	margin: 0 0 40px;
}

.comment-list ol,
.ping-list ol {
	padding: 10px;
}

.comment-list li,
.ping-list li {
	overflow: hidden;
	font-weight: bold;
	list-style-type: none;
	margin: 15px 0 0px;
    padding: 20px 20px;
}

.comment-list li ul li {
	list-style-type: none;
	margin-right: -16px;
}

.comment-content p {
	font-size: 14px;
	margin: 0 0 10px;
}

.reply {
	font-size: 14px;
	font-weight: 300;
}

.thread-alt,
.thread-even {
	background-color: #eeeeee;
}

.alt,
.depth-1,
.even {
	border: 1px solid #eeeeee;
    border-radius: 5px;
}

/* Gravity Forms
------------------------------------------------------------ */

div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
	box-sizing: border-box;
	font-size: 14px !important;
	padding: 4px 5px !important;
}

div.gform_footer input.button {
	color: #333;
}

div.gform_wrapper .ginput_complex label {
	font-size: 13px;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 0 0 10px;
}

div.gform_wrapper .gform_footer {
	border: none;
	margin: 0;
	padding: 0;
}


/* Block
------------------------------------------------------------ */

.block {
	clear: both;
	margin: 0 0 20px 0;
}

.block .older-posts ul {
	padding-left: 15px;
}

.block-title {
	font-size: 16px;
	background-color: #f5f5f5;
	margin: 0;
	padding: 9px 10px 8px;
}

.block-wrap {
	padding: 10px;
}


/*Caia widget advertise
--------------------------------------------------------------*/
.caia_ads_widget, .sidebar .caia_ads_widget, .caia_ads_widget .widget-wrap{
	text-align:center;
	background:none;
	border:none;
	padding:0px;
}
.caia_ads_widget .widgettitle{
	background:none;
	color:inherit;
	border:none;
	padding:0px;
	width:100%;
	margin:0px;
}

/** Footer Copy
----------------------------------------------------------------*/
.custom_copy {
	background: #222;
    border-top: 1px solid #333;
}
.copy_right {
	padding: 5px;
	color: #ffffff;
	text-align: center;
}
/*them nut call*/
.fone {
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	font-weight: 500;
	padding: 0px;
	margin: 0 0;
}
.fix_tel_skype {
	bottom: 230px !important;
}
.fix_tel_zalo {
	bottom: 120px !important;
}
.fix_tel {
	position: fixed;
	bottom: 10px;
	left: 1px;
	z-index: 999;
}
.fix_tel a {
	text-decoration: none;
	display:block;
}
.tel {
	background: #3498d8;
	width: 180px;
	height: 40px;
	top: 44px;
	left: 84px;
	background-size: 40px;
	border: none;
	border-radius: 2px;
	text-align: center;
	display: block;
	margin-left: 10px;
	position: absolute;
	color: #fff;
	z-index: 999;
	-webkit-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
	-webkit-animation: headerAnimation .7s 1;
	animation: headerAnimation .7s 1;
	display: none;
}
.tel:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #3498d8 transparent transparent;
	position: absolute;
	left: -10px;
	top: 10px;
}
.fix_tel:hover .tel {
	display: inline;
}
.ring-alo-phone {
	background-color: transparent;
	cursor: pointer;
	height: 120px;
	/* position: absolute; */
	transition: visibility 0.5s ease 0s;
	visibility: hidden;
	width: 120px;
	z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
	visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
	opacity: 1;
}
.ring-alo-ph-circle {
	animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
	background-color: transparent;
	border: 2px solid rgba(30, 30, 30, 0.4);
	border-radius: 100%;
	height: 100px;
	left: 10px;
	opacity: 0.1;
	position: absolute;
	top: 12px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
	width: 100px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
	animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
	animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
	border-color: #3498d8;
	opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
	border-color: #baf5a7;
	opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
	border-color: #3498d8;
	opacity: 0.5;
}
.ring-alo-ph-circle-fill {
	animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
	background-color: #000;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 60px;
	left: 30px;
	opacity: 0.1;
	position: absolute;
	top: 33px;
	transform-origin: 50% 50% 0;
	transition: all 0.5s ease 0s;
	width: 60px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.5);
	opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
	background-color: rgba(117, 235, 80, 0.5);
	opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, 0.5);
	opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
	animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 40px;
	left: 40px;
	opacity: 1;
	position: absolute;
	top: 43px;
	transform-origin: 50% 50% 0;
	width: 40px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
	background-color: #3498d8;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
	background-color: #75eb50;
}
.fix_tel_skype .ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
	background-color: transparent;
}
.fix_tel_zalo .ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
	background-color: transparent;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
	background-color: #3498d8;
}
@keyframes ring-alo-circle-anim {
	0% {
		opacity: 0.1;
		transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
		opacity: 0.5;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
		opacity: 0.6;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
		opacity: 0.2;
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		opacity: 0.2;
		transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
.ring-alo-ph-img-circle a img {
	padding: 1px 0 12px 1px;
	width: 40px;
	position: relative;
	top: -1px;
}

/* Menu Mobile
---------------------------------------------------------------------------------*/
#menu-mobile-sticky-wrapper {
	display: none;
}

.header-menu-mobile {
	background-color: #fab702;
	padding: 5px 0px;
	display: none;
	z-index: 999999;
}
.header-menu-mobile .all-menu-mobile {
	width: 20%;
	float: left;
}
.header-menu-mobile .logo-mobile {
	width: 60%;
	float: left;
	text-align: center;
}
.header-menu-mobile .seacrh-header {
	width: 20%;
	float: left;
}
.menu-mobile {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    background-color: #1d8e4b;
    overflow-x: hidden;
    transition: 0.5s;
	padding-top: 40px;
	padding-bottom: 60px;
	box-shadow: 1px 1px 2px 0px #0000004d;
}

.menu-mobile a {
	padding: 0px 5px 0px 4px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}

.menu-mobile a:hover {
    color: #f1f1f1;
}

.menu-mobile .closebtn {
	position: absolute;
	top: 10px;
    right: 10px;
    font-size: 40px;
	margin-left: 0px;
	line-height: 30px;
}

@media screen and (max-height: 450px) {
  	.menu-mobile {
		padding-top: 15px;
	}
  	.menu-mobile a {
		font-size: 18px;
	}
}
.menu-mobile ul {
	padding-left: 0px;
}
.menu-mobile ul li {
	list-style-type: none;
}
.menu-mobile ul li a {
	position: relative;
	padding: 15px 15px 15px 25px;
}
.menu-mobile ul li ul li a {
	padding: 15px 15px 15px 45px;
}
.menu-mobile ul li ul li ul li a {
	padding: 15px 15px 15px 100px;
}
.menu-mobile ul li ul li ul li ul li a {
	padding: 15px 15px 15px 130px;
}
.menu-mobile ul li ul li ul li ul li ul li a {
	padding: 15px 15px 15px 160px;
}
.menu-mobile ul > li.menu-item-has-children > a:after {
    position: absolute;
    right: 20px;
    top: 50%;
    content: "\f054";
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu-mobile ul li a:hover {
	background: #146736;
}
.menu-mobile ul li ul {
	width: 100%;
    height: auto;
    margin: 0px;
    padding-left: 0px;
    background: #0ca74b;
    z-index: 9999;
}
.menu-mobile ul li > ul li {
	/* display: none; */
}
/** Nút đóng mở menu mobile **/
.on-off {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 25px;
    height: 3px;
    background-color: #ffffff;
    margin: 4px 0;
    transition: 0.4s;
}
/** Tìm kiếm search mobile **/
#myOverlay .overlay-content .searchform {
	float: none;
	padding: 0px;
}
#myOverlay .overlay-content .searchform .s {
	margin: 0px;
}
#myOverlay .overlay-content .searchform input[type="button"],
#myOverlay .overlay-content .searchform input[type="submit"] {
	border: 0px;
	cursor: pointer;
	line-height: 18px;
	padding: 8px 16px;
	text-decoration: none;
	border-left: none;
	float: left;
	text-indent: -9999px;
	background: url(images/icon_search.png)no-repeat 3px center;
	position: absolute;
	top: 3px;
	left: 13px;
	left: 13px;
	box-shadow: 0 0 0 0;
}
.openBtn {
	background: transparent;
	border: none;
	padding: 2px 15px;
	font-size: 20px;
	cursor: pointer;
	float: right;
	outline: none;
}
.openBtn:hover {
	background: #f7c006;
}
.openBtn .fa {
	color: #ffffff;
}
.overlay {
	height: 140px;
	width: 100%;
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.overlay-content {
	position: relative;
	top: 45%;
	width: 95%;
	text-align: center;
	margin-top: 30px;
	margin: auto;
}
.overlay .closebtn {
	position: absolute;
	top: 8px;
	right: 30px;
	font-size: 50px;
	cursor: pointer;
	color: #333333;
	line-height: 40px;
}
.overlay .closebtn:hover {
	color: #ccc;
	outline: none;
}
.overlay input[type=text] {
	padding: 10px 15px 10px 46px;
	font-size: 14px;
	border: 1px solid #f1f1f1;
	border-radius: 20px;
	float: left;
	width: 100%;
	background: #f1f1f1;
	outline: none;
}
.overlay input[type=text]:hover {
	background: #ffffff;
}
.overlay button {
	float: left;
	width: 20%;
	padding: 15px;
	background: #ddd;
	font-size: 17px;
	border: none;
	cursor: pointer;
}
.overlay button:hover {
	background: #bbb;
}

/* Single project
----------------------------------------------------------------------------------------*/
body.single-project #content-sidebar-wrap #content {
	width: 100%;
}

.gallery a .img-library {
    width: 16%;
    height: 70px;
    object-fit: cover;
    padding: 15px 1% 0px 1%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}