/*
Theme Name: Bahe
 | Shared by VestaThemes.com
Theme URI: http://themeforest.net/user/ridianur
Author: ridianur
Author URI:  http://themeforest.net/user/ridianur
Description: Bahe is responsive one page HTML5 Premium WordPress Theme with clean,simple,minimalist and modern design.It can be used for creative digital agent, personal/freelancer to show portfolio and selling services.
Version: 1.2
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, white, gray, black, one-column, two-columns,three-columns, right-sidebar
*/

/* -----------------------------------------------------------
TABLE OF CONTENTS:
--------------------------------------------------------------
GENERAL SECTION
HEADER SECTION
SLIDER SECTION
VIDEO BACKGROUND SECTION
ABOUT SECTION
BIG BACKGROUND SECTION
WORKS SECTION
WHO ARE WE SECTION
TEAM SECTION
PRICING TABLE SECTION
CLIENT SECTION
CONTACT SECTION
FOOTER SECTION
BLOG SECTION
----SIDEBAR SECTION
WORDPRESS GENERAL STYLE
MEDIA QUERIES
-------------------------------------------------------------

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

/*-----------------------------------------GENERAL SECTION--------------------------------------------------*/

/*import font*/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html {
	height: 100%;
}
body {
	color: #999999;
	font-family: "open sans", sans-serif;
	font-size: 13px;
	line-height: 1.9;
	background: #ffffff;
}
body.admin-bar {
    margin-top: -32px;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	cursor: inherit;
}
a {
	color: #aaa;
	text-decoration: none;
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
	-ms-transition: ease .3s;
}
a:hover {
	text-decoration: none;
	color: #1f1f1f;
}
a:focus {
	outline: none;
	color: #999999;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'BebasNeueRegular', sans-serif;
	color: #1f1f1f;
	letter-spacing:2px;
}
.black-bg {
    background: #606060 none repeat scroll 0 0;
    margin-bottom: 0;
    text-align: center;
}
iframe {
	border: none;
	width: 100%;
}
img {
	max-width: 100%;
	height:auto;
}

.spacing20 {
	width: 100%;
	height: 20px;
}
.spacing30 {
	width: 100%;
	height: 30px;
}
.spacing40 {
	width: 100%;
	height: 40px;
}
.spacing80 {
	width: 100%;
	height: 80px;
}

ul, ol {
	list-style-position: outside;
	margin: 0;
	padding: 0 0 0 20px;
}
ul {
	list-style-type: square;
}
ol li {
	list-style-type: decimal;
}
ol ol li {
	list-style-type: lower-alpha;
}
ol ol ol li {
	list-style-type: lower-roman;
}
.clearboth {
	clear: both;
}
.content {
    padding: 100px 0;
}
.sub-title {
    color: #c3c3c3;
    font-family: oswald;
    font-size: 15px;
    letter-spacing: 3px;
    margin: 0;
    text-transform: uppercase;
}
.big-title {
    font-size: 45px;
    letter-spacing: 3px;
    line-height: 1;
    margin: 5px 0 40px;
	position:relative;
}
.bordering {
    border-left: 10px solid #1f1f1f;
    margin-bottom: 40px;
    padding-left: 20px;
}

/* Preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff; /* change if the mask should have another color then white */
	z-index: 999999; /* makes sure it stays on top */
}
#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	background-image: url(images/preloader.gif); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: -100px 0 0 -100px; /* is width and height divided by two */
}
#status p {
	text-align: center;
}


/*-----------------------------HEADER SECTION-----------------------------------*/
.home-section.header {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.logo {
    float: left;
    max-width: 20%;
}
.menu-box {
    float: right;
    max-width: 80%;
    text-align: right;
}
.menu ul,.navigation {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.navigation li,.menu ul li {
    display: inline-block;
}
.navigation li a,.menu ul li a {
    display: block;
    font-family: oswald;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 15px 20px;
    text-transform: uppercase;
}
.navigation .current a{color:#1f1f1f;}
.for-sticky {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    top: 0;
    left: 0;
    padding: 10px 0;
    width: 100%;
	z-index:9999;
}
.admin-bar .for-sticky {
    margin-top: 32px;
}
.box-mobile {
	float: right;
	padding-right: 30px;
}
.mobile-menu {
	background: none repeat scroll 0 0 #ffffff;
	display: block;
	height: 0;
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center;
	top: 100%;
	width: 100%;
	z-index: 3;
	padding: 0;
}
.mobile-menu.in {
	border: 1px solid #EEEEEE;
	max-height: 480px;
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
}
.mobile-menu li a {
	display: block;
	font-size: 11px;
	padding: 8px 15px;
	text-decoration: none;
	text-transform: uppercase;
	border-top: none;
}
.menu-btn {
    background: #1f1f1f none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
    text-align: center;
    width: 30px;
    z-index: 3;
	font-size:14px;
}
.menu-box ul li ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    display: none;
    left: 0;
    list-style: outside none none;
    margin: 10px 0 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 200px;
    z-index: 3;
}
.menu-box ul li ul li ul{left:100%;top:0;}
.other-menu .navigation li ul {
    margin-top: 10px;
}
.menu-box .navigation li ul li {
    display: block;
    float: none;
    margin: 0;
}
.menu-box ul li ul li {display:block;}
.menu-box .navigation li ul li a,.menu-box ul li ul li a {
    font-size: 11px;
}
.navigation li ul a{
    display: block;
	letter-spacing: 2px;
    font-size: 11px;
    padding: 11px 20px;
    text-transform: uppercase;
}
.navigation li,.menu ul li {position:relative;}
/*-----------------------------SLIDER SECTION-----------------------------------*/
#home, .home-slider,.home-slider .owl-wrapper-outer, .home-slider .owl-wrapper, .home-slider .owl-item, .home-slider .slide {
    height: 100%;
    min-height: 100%;
}
.img-bg {
	background-position: center center;
	background-size: cover;
}
.slider-mask {
	background-color: rgba(0, 0, 0, 0.3);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.slide-nav {
    color: #fff;
    display: block;
}
.caption-box {
    height: 100%;
    padding: 0;
}
.caption-box .container{
    position: relative;
	height:100%;
}
.caption-box .row {
	top:50%;
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}
.home-slider h3 {
    color: #fff;
    font-size: 50px;
}
.home-slider p {
    color: #fff;
    font-family: oswald;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 1;
    margin-bottom: 40px;
    opacity: 0.6;
    text-transform: uppercase;
}
.slide-nav {
    background: #1f1f1f none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    border-right: 1px solid #262626;
    text-align: center;
    width: 35px;
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
	-ms-transition: ease .3s;

}
.slide-nav:hover{background:#fff;color:#1f1f1f;}
.slide-nav.NextBtn {
    border: medium none;
}
.slider .slide {
	display: none;
}
.slider .slide:first-child {
	display: block;
}
/*------------------------------VIDEO BACKGROUND SECTION---------------------------------*/
#home{position:relative;}
#bg-video {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
#big-video-wrap {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
#big-video-vid {
	position: absolute;
}
#big-video-wrap img {
	max-width: none;
	position: absolute;
}
.vjs-big-play-button, .vjs-text-track-display, .vjs-control-bar {
	display: none;
}
/*-----------------------------ABOUT SECTION-----------------------------------*/
.box-content .wp-post-image,.custom-section .right-content .wp-post-image{margin-bottom:20px;}
.box-content {
    border-bottom: 1px solid #eee;
	margin-bottom:20px;
}
.box-content:last-child {
    border: medium none;
	margin:0;
}
.box-content h3 {
    font-size:30px;
    line-height: 1;
    margin: 0;
}
.box-content i {
    color: #c3c3c3;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 30px;
}
.sub-content {
    border-bottom: 1px solid #eee;
    color: #c3c3c3;
    font-family: oswald;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0 0 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
/*---------------------BIG BACKGROUND SECTION-----------------------------------------*/
.bg {
	position: relative;
	overflow: hidden;
}
.para-img {
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.no-para .para-img {
	background-attachment: scroll;
}

.big-text {
	color: #ffffff;
	padding-bottom: 150px;
	padding-top: 150px;
	position: relative;
	text-align: center;
	z-index: 1;
}
.bg-mask {
	background-color: rgba(0, 0, 0, 0.6);
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 0;
}
.big-text h3 ,.pricing-title,.client-title{
    color: #ffffff;
    font-size: 55px;
    letter-spacing: 4px;
    line-height: 1.2;
    margin: 40px auto 20px;
    max-width: 700px;
    text-transform: uppercase;
}
.big-text p {
    font-family: oswald;
    font-size: 15px;
    letter-spacing: 3px;
    margin-bottom: 40px;
    opacity: 0.6;
    text-transform: uppercase;
}

/*-----------------------------------------WORKS SECTION--------------------------------------------------*/
#port-body{
	transition: ease .2s;
	-webkit-transition: ease .2s;
	-moz-transition: ease .2s;
	-o-transition: ease .2s;
	-ms-transition: ease .2s;
}
.port-item {
    padding-bottom: 15px;
    padding-top: 15px;
	max-width:100%;
}
.port-filter {
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 0;
}
.port-filter li {
    display: inline-block;
}
.port-filter li a {
    border-right: 1px solid #eee;
    display: inline-block;
    font-family: oswald;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1;
    padding: 5px 15px;
    text-transform: uppercase;
}
.port-filter li .active{color:#1f1f1f;}
.port-filter li:last-child a{border:none;}
.work-content {
    border-bottom: 1px solid #eee;
    margin-top: 20px;
    position: relative;
}
.work-title{
    font-size: 30px;
    line-height: 1;
    margin: 0;
}
.work-title i {
    color: #c3c3c3;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 30px;
}
.work-content .ic-close {
    background: #1f1f1f none repeat scroll 0 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 30px;
	float:right;
}
.work-content .ic-close:hover{
	background:#ddd;
	color:#1f1f1f;
	transition: ease .2s;
	-webkit-transition: ease .2s;
	-moz-transition: ease .2s;
	-o-transition: ease .2s;
	-ms-transition: ease .2s;}
.worksajax .slide-nav.inright {
    left: 35px;
	border:none;
}
.worksajax .slide-nav {
    bottom: 0;
    left: 0;
    position: absolute;
}
.go-btn {
    background: #ddd none repeat scroll 0 0;
    color: #1f1f1f;
    display: inline-block;
    font-family: oswald;
    letter-spacing: 3px;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.go-btn:hover {
    background: #1f1f1f none repeat scroll 0 0;
    color: #fff;
}
.port-ajax {
    display: block;
    overflow: hidden;
    position: relative;
}
.port-hover {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
	opacity:0;
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
	-ms-transition: ease .3s;
}
.port-hover:hover{opacity:1;}
.port-hover h3 {
    background: #1f1f1f none repeat scroll 0 0;
    bottom: 20px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    left: 0;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    max-width: 80%;
    padding: 10px 13px;
    position: absolute;
    word-wrap: break-word;
    z-index: 4;
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
	-ms-transition: ease .3s;
}
.port-hover:hover h3{left:20px;}
.port-hover i {
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
	z-index:3;
}
.portfolio-gallery.clearfix > div {
    float: left;
    width: 33.3%;
}
.portfolio-gallery a span {
    background: #1f1f1f none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    left: 50%;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
	opacity:0;
	transition:0.3s;
}
.portfolio-gallery a {
    position: relative;
	display:block;
}
.portfolio-gallery a:hover span{opacity:1;}
a.pp_previous,a.pp_next{
	transition: none;
	-webkit-transition:none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
}
/*-----------------------------TEAM SECTION-----------------------------------*/
.team-title{
    font-size: 30px;
    line-height: 1;
    margin: 0;
}
.team-title i {
    color: #c3c3c3;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 30px;
}
.team-social i {
    color: inherit;
}
.team-social a {
    background: #1f1f1f none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.team-social > li {
    display: inline-block;
}
.team-social{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.team-social a:hover{color:#1f1f1f;background:#ddd;}

.team-box .slide-nav {
    bottom: 0;
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 3;
}
.slide-nav.Nbtn {
    border: medium none;
}
.team-box .Pbtn {
    right: 35px;
}
.team-box {
    position: relative;
}
/*-----------------------------PRICING TABLE SECTION-----------------------------------*/
#pricing-table {
    position: relative;
    text-align: center;
	padding-bottom: 150px;
    padding-top: 150px;
    z-index: 1;
}
.pricing-sub {
    font-family: oswald;
    font-size: 15px;
    letter-spacing: 3px;
    margin-bottom: 40px;
	margin-top:-20px;
    opacity: 0.6;
    text-transform: uppercase;
}
.p-table {
    border: 6px solid #fff;
    margin: auto;
    max-width: 300px;
    padding: 0 0 60px;
}
.p-top h3 {
    color: #fff;
    font-size: 25px;
    margin: 30px 0;
}
.p-top {
    border-bottom: 6px solid #fff;
    margin-bottom: 40px;
}
.p-table p {
    color: #fff;
    line-height: 2;
}
.p-price {
    font-family: oswald;
    font-size: 40px;
}
.p-price > span {
    color: #fff;
    font-family: oswald;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1;
    margin: auto;
    padding: 3px;
    text-transform: uppercase;
    vertical-align: super;
}
.p-table a {
    background: #fff none repeat scroll 0 0;
    color: #1f1f1f;
    display: inline-block;
    font-family: bebasneueregular;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 1;
    margin-top: 30px;
    padding: 15px 30px;
}

.p-table a:hover{
	background: #1f1f1f none repeat scroll 0 0;
    color: #fff;
}
.p-top i {
    color: #fff;
    display: inline-block;
    font-size: 25px;
    text-align: center;
}
/*-----------------------------CLIENT SECTION-----------------------------------*/
#clients {
    position: relative;
    text-align: center;
	padding-bottom: 150px;
    padding-top: 150px;
    z-index: 1;
}
.client-sub {
    font-family: oswald;
    font-size: 15px;
    letter-spacing: 3px;
    margin-bottom: 40px;
	margin-top:-20px;
    opacity: 0.6;
    text-transform: uppercase;
}
/*-----------------------------CONTACT SECTION-----------------------------------*/
#map_canvas{height:400px;}
.box-map {
    line-height: 1;
    padding: 20px 0 20px 20px;
    text-align: center;
    width: 100%;
}
form input,form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	color: #888;
	line-height: inherit;
	padding: 8px 10px;
	width: 100%;
	font-size:13px;
	background: #fff;
}
#MyContactForm{text-align:left;}
#MyContactForm p span {
    display: block;
    letter-spacing: 2px;
    text-transform: uppercase;
}
input:focus, textarea:focus {
	border-color: #aaa;
}
::-webkit-input-placeholder {
 color: #999;
}
#MyContactForm p label {
    cursor: text;
    display: block;
    margin: 0;
    position: relative;
    top: 0;
    width: 100%;
}
:-moz-placeholder { /* Firefox 18- */
 color: #999;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #999;
}

:-ms-input-placeholder {
 color: #999;
}
#form-wrapper #MyContactForm .error {
    bottom: 12px;
    color: #FF0000;
    font-family: inherit;
    font-size: 12px;
    font-weight: normal;
    left: auto;
	font-style:italic;
    letter-spacing: 0;
    position: absolute;
    right: 20px;
    text-transform: capitalize;
    width: auto;
}
.contact-btn {
    background: none repeat scroll 0 0 #1f1f1f;
    color: #ffffff;
    display: inline-block;
    font-family: oswald;
    letter-spacing: 3px;
    padding:10px 30px;
    text-decoration: none;
	text-align:center;
    text-transform: uppercase;
}
.contact-btn:hover {
	background: #ddd;
	color: #1f1f1f;
}
#MyContactForm p {
	position: relative;
}
.response h3 {
    letter-spacing: 2px;
    margin: 10px 0 25px;
    text-transform: uppercase;
}
.wpcf7-submit {
    background: none repeat scroll 0 0 #2b292a;
    color: #ffffff;
    display: inline-block;
    font-family: oswald;
    letter-spacing: 2px;
    padding:10px 30px;
    text-decoration: none;
    text-transform: uppercase;
	width:auto;
	transition:0.3s;
}
.wpcf7-submit:hover {
	background: #ddd;
	color: #2b292a;
}
.wpcf7-form p span:first-child{
    display: block;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.wpcf7-form p label {
    cursor: text;
    display: block;
    margin: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.wpcf7-form p {
	position: relative;
	text-align:left;
}
.wpcf7 p{position:relative;}
.wpcf7-form span.wpcf7-not-valid-tip {
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0;
    position: absolute;
    right: 15px;
    text-transform: none;
    top: 10px;
}
span.wpcf7-form-control-wrap {
	display: inline ;
}
div.wpcf7-validation-errors {
    border: medium none;
    clear: both;
    margin-left: 0;
    margin-top: 10px;
    padding: 10px 0;
    text-align: left;
}
div.wpcf7-mail-sent-ok {
    border: medium none;
    clear: both;
    font-size: 15px;
    margin: 0;
    padding: 0;
    text-align: left;
}
/*-----------------------------FOOTER SECTION-----------------------------------*/
.footer {
    background: #1f1f1f none repeat scroll 0 0;
    color: #666;
    padding: 40px 0 0;
}
.footer .widgettitle {
    color: #fff;
    font-size: 20px;
    margin: 0 0 20px;
    position: relative;
}
.footer-icon a {
    background: #222222 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.footer-icon > li {
    display: inline-block;
}
.widget-box .fa {
    color: #afafaf;
    display: inline-block;
    font-size: 15px;
    margin-right: 5px;
}

.footer-icon {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: right;
}
.footer a:hover{color:#ccc;}
.footer-icon a:hover{color:#222;background:#fff;}
.footer p {
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 10px;
}
.footer a {
    color: #666;
}
.footer-black {
    background: #111111 none repeat scroll 0 0;
    padding: 40px 0;
	margin-top:40px;
	color:#fff;
}
.footer-black p {
    font-family: oswald;
    letter-spacing: 1px;
    text-transform: uppercase;
	font-size:12px;
}
.widget-box ul li {
    margin-bottom: 10px;
}
.widget-box #searchform {
    margin: 10px 0;
}
.widget-box #searchform #s {
    border-color: #333;
}
.widget-box #searchform #searchsubmit {
    background-color: #333;
}
.widget-box #searchform #searchsubmit:hover {
    background-color: #555;
}
.widget-box #wp-calendar caption {
    border: medium none;
}
.widget-box .rss-date {
    color: #eee;
}
.widget-box a.rsswidget {
    color: #fff;
}
.widget-box .tagcloud a {
    border: 1px solid #fff;
}
/*-----------------------------BLOG SECTION-----------------------------------*/

.blog-menu {
    position: relative;
	background:#1f1f1f;
}
.blog-wrapper {
    margin-bottom: 80px;
}
.blog-menu .nav-box {
    margin-top: 0;
}
.blog-wrapper .content-title {
    font-size: 35px;
    line-height: 1;
    margin: 0 0 5px;
}
.border-post {
    background: #1f1f1f none repeat scroll 0 0;
    height: 2px;
    margin-top: 40px;
    width: 100%;
}
.blog .go-btn:hover{background:#1f1f1f;}
.blog-post .slide-nav {
    bottom: 0;
    position: absolute;
    right: 0;
}
.blog-post .slide-nav.inleft {
    right: 35px;
}
.blog-post .slide-nav.inright{
	border:none;
}

.post-detail {
    border-bottom: 1px solid #eee;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 40px;
}
.post-detail i {
    background: #c3c3c3 none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
}
.post-detail > li {
    display: inline-block;
    font-family: oswald;
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 10px;
    text-transform: uppercase;
}
.border-post {
    background: #eee none repeat scroll 0 0;
    height: 1px;
    margin: 60px 0 20px;
    width: 100%;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #1f1f1f;
    border-color: #1f1f1f;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
}
.pagination li a:hover{color:#1f1f1f;}
.pagination > li > a, .pagination > li > span {
    color: inherit;
    font-family: oswald;
    letter-spacing: 1px;
    text-transform: uppercase;
}
/*----404 style--*/
.error-title {
    border: 10px solid;
    display: inline-block;
    font-family: open sans;
    font-size: 80px;
    font-weight: bold;
    margin-bottom: 40px;
    padding: 20px 40px;
}
.error404 h3, .error404 h4 {
    text-transform: uppercase;
}

.error404 h4 a {
    background: #2b292a none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
}
.error404 h4 a:hover{color:#2b292a;background:#eee;}
.search-title {
    border-bottom: 1px solid #eee;
    font-size: 30px;
    margin: 0 0 40px;
    padding-bottom: 20px;
}
/*-----------------------------SIDEBAR SECTION----------------------------------*/
.widgettitle {
    font-size: 25px;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.widget {
    border-bottom:1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.widget ul {
    padding: 0 0 0 20px;
}
#searchform {
    margin: 10px 20px;
    position: relative;
}
#searchform #s {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ddd;
    display: block;
    height: 50px;
    margin: 0;
    padding: 10px 45px 10px 15px;
    width: 100%;
}
#searchform #s:focus{border-color:#aaa;}
#searchform #searchsubmit {
    background: url("images/search.png") no-repeat scroll center center #aaa;
    height: 30px;
    right: 10px;
    line-height: 1;
    margin-top: -15px;
    padding: 0;
    position: absolute;
    text-indent: -99999px;
    top: 50%;
    transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
    width: 30px;
	border:none;
	border-radius: 100px;
}
#searchform #searchsubmit:hover{background-color:#1f1f1f;}
.widget ul li {
    list-style: outside none square;
    margin-bottom: 5px;
}
.tagcloud a {
    background: none repeat scroll 0 0 #1f1f1f;
    border: 2px solid #1f1f1f;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 5px;
    padding: 6px 13px;
    text-transform: uppercase;
}
.tagcloud a:hover{border-color:#1f1f1f;color:#1f1f1f;background:#fff;}
/*calendar style*/
#wp-calendar {
	width: 100%;
	text-align: center;
	background: #eee;
	font-size: 12px;
	line-height: 3;
	max-width: 370px;
	background: #fff;
	margin: auto;
}
#wp-calendar caption {
    border: 1px solid #DDDDDD;
    color: #fff;
	background:#2b292a;
    font-size: 15px;
	text-align:center;
	font-family:oswald;
    line-height: 25px;
    padding: 10px 20px;
    text-transform: uppercase;
	border-bottom:none;
}
#wp-calendar td a{color:#777;display:block;}
#wp-calendar td a:hover{background:#333;color:#fff;}

#wp-calendar #prev a,#wp-calendar #next a {
    display: inline;
}
#wp-calendar tbody tr td {
    border: 1px solid #DDDDDD;
    color: #BBBBBB;
    font-weight: bold;
}
#wp-calendar thead {
	color: #555555;
}
#wp-calendar thead th {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    text-align: center;
}
#wp-calendar tfoot {
	border: 1px solid #ddd;
}
#wp-calendar tfoot #next {
	text-align: right;
}
#wp-calendar tfoot #prev {
	text-align: left;
}
#wp-calendar tfoot a {
	padding: 10px;
}
/*-------------COMMENTS SECTION-------------*/
.commentlist{margin:0;padding:0;list-style:none;}
.fn.comment-author {
 	color: #555555;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
	line-height: 1;
}
.comment-inner.clearfix {
    float: left;
    padding-left: 20px;
    width: 87%;
}
.comment-author.vcard {
    float: left;
    width: 13%;
}
.commentlist ul{list-style:none;}
.comment-meta a {
    font-weight: normal;
	font-style:italic;
	font-size:12px;
}
.comment-meta .comment-edit-link {
    border: 1px solid #DDDDDD;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: normal;
    padding: 0 7px;
}
.comment-meta.commentmetadata {
    display: block;
    overflow: hidden;
}
.commentlist .avatar {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 3px;
}
.commentlist li {
    display: block;
    overflow: hidden;
}
.comment-body {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 20px;
}
.comment-reply-link {
    float: right;
	font-size:13px;
}

.bypostauthor .fn.comment-author:after {
    content: "\f007";
    background: #dadada none repeat scroll 0 0;
    border-radius: 100px;
    color: #888888;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 11px;
    height: 23px;
    line-height: 23px;
    margin-left: 3px;
    text-align: center;
    width: 23px;
}

.pagination-comment {
    font-weight: bold;
    margin-bottom: 40px;
    padding-bottom: 20px;
    text-align: right;
    text-transform: uppercase;
}

.comment-form label {
    display: block;
    font-family: open sans;
    text-transform: uppercase;
}

.form-submit #submit {
    background: #2b292a none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: oswald;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 10px 40px;
    text-transform: uppercase;
	width:auto;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}

.form-submit #submit:hover{background:#eee;color:#2b292a;border-color:#eee;}
.comment-top > span {
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.title-strong{
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}
.pagination > li > a, .pagination > li > span{color:inherit;}

/*-------------WORDPRESS GENERAL STYLE--------*/
.wp-caption {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
}
.wp-caption.aligncenter {
    margin: auto;
}
.wp-caption.alignleft {
    float: left;
}
.wp-caption.alignright {
    float: right;
}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
img.alignright {
    clear: both;
    display: block;
    float: right;
    margin-bottom: 3px;
    margin-right: 10px;
}
img.alignleft {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 3px;
    margin-right: 10px;
}
img.aligncenter {
    display: block;
    margin: auto;
    text-align: center;
}
.wp-caption-text,.gallery-caption {
    font-size: 13px;
    margin: 0;
    padding: 5px;
    text-align: center;
}
.wp-caption {
    max-width: 100% !important;
}
.rssSummary {
    color: #787878;
    font-size: 13px;
}

.rss-date {
    clear: both;
    color: #2b292a ;
    display: block;
    font-family: open sans;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.widget_rss cite {
    display: block;
    font-size: 15px;
}
.sticky.blog-post .content-title:before {
    border: 2px solid #aaa;
    color: #fff;
	background:#aaa;
    content: "\f08d";
    display: inline-block;
    float: right;
    font-family: fontawesome;
    font-size: 16px;
    height: 30px;
    line-height: 26px;
    margin-left: 5px;
    text-align: center;
	margin-top:10px;
    width: 30px;
}
.post.sticky .go-btn {
	border:2px solid #2b292a;
	background:#fff;
    color: #2b292a;
}
.post.sticky .go-btn:hover{
	background:#2b292a;
	border-color:#2b292a;
	color:#fff;
}
.post-pager p {
    border-top: 1px solid #eeeeee;
    color: #555555;
    font-family: open sans;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding-top: 30px;
}
.post-pager a {
    border: 1px solid;
    margin: 0 5px ;
    padding: 4px 10px;
}
.widget ol li ul li ol li {
    list-style-type: lower-alpha;
}
.widget ul li ol li {
    list-style-type: decimal;
}
.widget ul li ol li ul li {
    list-style-type: square;
}
/* 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. */
}
/*-----------------------------MEDIA QUERIES-----------------------------------*/

@media (min-width:768px) and (max-width:1024px) {

}
@media (max-width: 796px) {
.admin-bar  .for-sticky {
    margin-top: 46px;
}
	body.admin-bar {
    margin-top: -46px;
}
}
@media (max-width: 767px) {
	.logo{max-width:40%;}
	.footer-black,.footer-icon{text-align:center;}
	body.admin-bar {
    margin-top: -46px;
}
.admin-bar .for-sticky {
    margin-top: 46px;
}
}

@media (max-width: 700px) {
	.home-slider h3 {
    font-size: 30px;
}

.home-slider p {
    font-size: 13px;
}
.home-slider .slide-nav {
    display: none;
}
.big-title {
    font-size: 35px;
}
.big-text h3, .pricing-title, .client-title {
    font-size: 40px;
}
}
@media (max-width: 600px) {
.admin-bar .for-sticky {
    margin-top: 0;
}
}