/*
Theme Name: Website 7
Theme URI: http://thememakerbd.com
Author: Arifur Rahman
Author URI: http://thememakerbd.com
Description: This is custom wordpress theme...
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tmbd
Tags:

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.

Website 7 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	/*margin: 0 0 1.5em;*/
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page .page-content,
.page .entry-content,
.page .entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*----------------
## Comments
-----------------*/

#comments {
	margin-top: 20px;
	padding-top: 15px;
}

.comments-area {
	background: #F6F6F8;
	padding: 0 20px;
}

#pinglist-container {
	display: none;
}

.comment-tabs {
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	margin-bottom: 20px;
}

.comment-tabs li {
	float: left;
	margin-bottom: -2px;
}

.comment-tabs li a {
	font-weight: 600;
	padding: 0 10px 10px;
	display: block;
	color: #aaa;
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}

.comment-tabs li a:hover {
	color: #444;
	border-color: #ccc;
}

.comment-tabs li span {
	background-color: #eee;
	padding: 0 6px;
	margin-left: 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.comment-tabs li i {
	margin-right: 6px;
}

.comment-tabs li.active a {
	color: #3b8dbd;
	border-bottom-color: #3b8dbd;
}

.comment-list,
.pinglist {
	margin-bottom: 20px;
	list-style: none;
}

@media (max-width: 767px){
	.comment-list,
	.pinglist,
	ol.children {
		padding-left: 0;
	}
}

.comment-list li,
.pinglist li {
	padding-left: 60px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
}

.comment-list .comment-body,
.pinglist li {
	clear: both;
	position: relative;
	padding-bottom: 15px;
}

.comment-list .comment-author,
.comment-list .comment-meta,
.comment-list .comment-awaiting-moderation {
	font-size: 13px;
	display: block;
	float: left;
	line-height: 20px;
}

.comment-list .comment-author {
	margin-right: 6px;
}

.comment-list .fn,
.pinglist .ping-link {
	color: #444;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
}

.comment-list .says {
	display: none;
}

.comment-list .avatar {
	position: absolute;
	left: -64px;
	top: 0;
	width: 48px;
	height: 48px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.comment-list .comment-meta:before,
.pinglist .ping-meta:before {
	color: #ccc;
	content: "\f017";
	font-family: FontAwesome;
	font-size: 10px;
	margin-right: 3px;
	vertical-align: 4%;
}

.comment-list .comment-meta a,
.pinglist .ping-meta {
	color: #aaa;
}

.comment-list .reply {
	font-size: 13px;
	line-height: 16px;
}

.comment-list .reply a {
	color: #aaa;
}

.comment-list .reply a:hover {
	color: #444;
}

.comment-awaiting-moderation {
	color: #3b8dbd;
	font-style: normal;
}

/*------------------
### comment text
 ---------------- */

.comment-list .comment-body p {
	margin-bottom: 8px;
	color: #777;
	clear: both;
}

.comment-list .comment-body strong {
	font-weight: bold;
}

.comment-list .comment-body em {
	font-style: italic;
}

.comment-list .comment-body ol li {
	list-style: decimal;
	margin-left: 2em;
	padding: 0;
}

.comment-list .comment-body ul li {
	list-style: square;
	margin-left: 2em;
	padding: 0;
}

.comment-list li.comment {
	margin-left: 0 !important;
}

/*--------------------
### comments : nav
-------------------- */

.comments-nav {
	margin-bottom: 20px;
}

.comments-nav a {
	font-weight: 600;
}

.comments-nav .nav-previous {
	float: left;
}

.comments-nav .nav-next {
	float: right;
}


/*--------------------
### comments : form
------------------ */

.logged-in-as,
.comment-notes,
.form-allowed-tags {
	display: none;
}

#respond {
	position: relative;
}

#reply-title {
	margin-bottom: 20px;
}

li #reply-title {
	font-size: 0;
	margin: 0!important;
	padding: 0;
	height: 0;
	border-top: 0;
}

#cancel-comment-reply-link {
	color: #999;
	display: block;
	position: absolute;
	bottom: 26px;
	right: 20px;
	font-size: 12px;
}

#cancel-comment-reply-link:hover {
	color: #777;
}

#commentform {
	background: #F6F6F8;
	padding: 10px 0px 20px;
	margin-bottom: 15px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#commentform p.comment-form-author {
	width: 48%;
	float: left;
}

#commentform p.comment-form-email {
	width: 48%;
	float: right;
}

#commentform p.comment-form-url,
#commentform p.comment-form-comment {
	clear: both;
}

#commentform label {
	padding: 6px 0;
	font-weight: 600;
	display: block;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
	max-width: 100%;
	width: 100%;
}

#commentform textarea {
	height: 100px;
}

#commentform p.form-submit {
	margin-top: 10px;
}

.logged-in #reply-title {
	margin-bottom: 20px;
}

.logged-in #commentform p.comment-form-comment {
	margin-top: 10px;
}

.logged-in #commentform p.comment-form-comment label {
	display: none;
}

.comment-form input[type="submit"] {
	background: #FF5925;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 1px;
	border-style: solid;
	border-color: #FF5925;
	/*-webkit-box-shadow: 2px 2px 2px #444;
    -moz-box-shadow: 2px 2px 2px #444;
    box-shadow: 2px 2px 2px #444;*/
	color: #ffffff;
	cursor: pointer;
	padding: 10px;
}

/*--------------------------------------
# post author & admin comment
 ------------------------------------- */

.comment-list li.bypostauthor > .comment-body:after,
.comment-list li.comment-author-admin > .comment-body:after {
	background: #3b8dbd;
	display: block;
	position: absolute;
	content: "\f040";
	color: #fff;
	line-height: 12px;
	width: 12px;
	font-style: normal;
	font-family: FontAwesome;
	text-align: center;
}

.comment-list li.comment-author-admin > .comment-body:after {
	content: "\f005";
	/* star for admin */
}

.comment-list li.bypostauthor > .comment-body:after,
.comment-list li.comment-author-admin > .comment-body:after {
	top: 32px;
	left: -28px;
	font-size: 10px;
	padding: 2px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.comment-list li li.bypostauthor > .comment-body:after,
.comment-list li li.comment-author-admin > .comment-body:after {
	top: 22px;
	left: -26px;
	font-size: 8px;
	padding: 1px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


/*-----------------
# child comment 
------------------*/


.comment-list li li {
	padding-left: 48px;
	margin: 0;
}

.comment-list li li .avatar {
	width: 36px;
	height: 36px;
	left: -50px;
	top: 0;
}

.comment-list li li .comment-meta {
	left: 70px;
}

ol.children {
	list-style: none;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



.nav-links > .nav-previous {
    float: left !important;
    width: 50% !important;
    font-weight: 700;
}
.nav-links > .nav-next {
    float: right !important;
    text-align: right !important;
    width: 50% !important;
    font-weight: 700;
}

.single-post .entry-meta .uk-grid > .uk-width-1-2.uk-text-right {
    text-align: left !important;
}

/*.home-icon-boxes .icon-box {
    height: 230px !important;
    margin: 0 auto;
    max-width: 230px !important;
    position: relative;
    width: 100%;
}*/

.home-icon-boxes .icon-box .icon-div h4 {
    font-size: 12px;
    font-weight: bold;
}

#banner {
min-height: 400px;
}

.banner-inner {
    position: relative;
    text-align: center;
    z-index: 10;
}
.banner-text::after {
    background: #FF5925;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1;
    opacity: .8;
}
.banner-text {
    color: #fff;
    padding: 20px 40px;
    position: relative;
    z-index: 88;
    font-size: 28px;
    letter-spacing: 1.5px;
}

.go-to-content {
    margin-top: 35px !important;
}


.list-check li::before {
    background: red none repeat scroll 0 0;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 5px;
}

.list-check > li {
    padding-left: 10px;
    position: relative;
}

a:active {
color: #FF5925;
}

a.logo h1 {
    font-size: 28px;
}

.banner-inner {
    max-width: 1170px;
    padding: 0 25px;
    position: relative;
    text-align: center;
    z-index: 10;
}

.email-box-b {
    padding: 15px;
    position: relative;
}
.email-box-b::before {
    background: #FF5925;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

@media (max-width:979px) {
.email-box-b {
display:none;
}
}

@media (max-width: 425px){

#top-bar .uk-width-medium-1-1.uk-row-first {
    display: inline-block;
    text-align: center !important;
}
.social-menu.uk-float-right {
    display: inline-block !important;
    float: none;
    text-align: center !important;
}
#top-bar .uk-float-right {
    float: none;
    padding-left: 0 !important;
    text-align: center !important;
}

}
.uk-panel.uk-panel-box.s-height {
    margin-top: -30px;
}

.home-contact iframe#frame_lead,
#banner iframe#frame_lead {
	width: 100% !important;
}

.email-box-b {
    padding: 15px !important;
    position: relative;
}