/*
Theme Name: Black&White - Responsive Photo Portfolio Theme
Theme URI: http://themes.fxoffice.net/bw_wp/
Description: WordPress theme by <a href="http://www.fxoffice.net">FXoffice</a>
Author: FXoffice
Author URI: http://themeforest.net/user/FXoffice
Version: 1.1
Tags: black, white, left-sidebar, custom-header, custom-background, threaded-comments, editor-style, photoblogging
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
    font-family: 'oswaldregular';
    src: url('./css/fonts/oswald-regular-webfont.eot');
    src: url('./css/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./css/fonts/oswald-regular-webfont.woff') format('woff'),
         url('./css/fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('./css/fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'svgfont_1regular';
    src: url('./css/fonts/my_fonts-webfont.eot');
    src: url('./css/fonts/my_fonts-webfont.eot?#iefix') format('embedded-opentype'),
         url('./css/fonts/my_fonts-webfont.woff') format('woff'),
         url('./css/fonts/my_fonts-webfont.ttf') format('truetype'),
         url('./css/fonts/my_fonts-webfont.svg#svgfont_1regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.box {
	overflow:hidden;
}
.clear {
	clear:both;
	width: 100%;
}

/* Global properties ======================================================== */
body, html {
	height: 100%;
}
body {
	height: 100%;
	background-color:#000;
	border:0;
	font:12px "Open Sans", Helvetica, sans-serif;
	color:#8d8d8d;
	line-height:20px;
	width:100%;
}
#wrapper{
	overflow:hidden;
	position:relative;
	width: 100%;
	min-height:100%;
	margin-bottom:-124px;
	min-height:850px;	
}

/* Global Structure ============================================================= */
.extra {
    float: left;
    height: 100%;
    margin: 0 0 0 50px;
    width: 186px;
}
/* .page_spinner {
    background: url("./images/main_spinner.gif") no-repeat scroll 50% 50% #080506;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
} */
.line_top{ 
	position:absolute; 
	width:100%; 
	left:0; 
	top:0; 
	height:5px; 
	background:url(./images/top_line.png) 0 0 repeat; 
	z-index:1;
} 
/* ============================= main layout ====================== */
a {
	color:#ffffff;
	text-decoration: none;
	outline:none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	padding:0 0 0 0;
}
h2 {
	font:30px 'oswaldregular', Helvetica, sans-serif;
	color: #FFF;
	text-transform:uppercase;
	padding-bottom:26px;
	line-height:30px;
}
h3 {
	font:16px 'oswaldregular', Helvetica, sans-serif;
	line-height:20px;
	color: #FFF;
	padding-bottom: 4px;
	text-transform:uppercase;
}
h4 {
	font:18px 'oswaldregular', Helvetica, sans-serif;
	line-height:25px;
	color: #FFF;
	text-transform:uppercase;
	padding: 5px 0 10px;
}
p {
	padding-bottom:16px;
}
/* ============================= header ====================== */
.logo_bg{
    background-color: #FFE300;
    display: block;
    height: 147px;
    margin-bottom: 134px;
    position: relative;
    width: 183px;
}
.logo_bg b{
    border-left: 183px solid transparent;
    border-right: 0 solid transparent;
    border-top: 117px solid #FFE300;
    bottom: -117px;
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
#logo {
    color: #000000;
    display: block;
    font-family: Impact;
    font-size: 53px;
    height: auto;
    line-height: 50px;
    padding-bottom: 28px;
    padding-top: 33px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}
#logo strong {
	font:10px "oswaldregular", sans-sefir;
	letter-spacing: 1.8px;
}
#logo:hover {text-decoration:none;}
#logo span{
    color: #000000;
    font-family: oswaldregular;
    font-size: 10px;
    letter-spacing: 0.6px;
    line-height: 18px;
}
.trigger{
    background: url("./images/select.png") no-repeat scroll center center transparent;
    bottom: -80px;
    display: none;
    height: 66px;
    left: 100px;
    position: absolute;
    width: 90px;
    z-index: 9;
}
/*-------------Supersized------------*/
#supersized-loader { 
	position:absolute; 
	top:50%; 
	left:50%; 
	z-index:0; 
	width:60px; 
	height:60px; 
	margin:-30px 0 0 -30px; 
	text-indent:-999em; 
	background:url(./img/progress.gif) no-repeat center center;
}
#supersized {  
	display:block; 
	position:fixed; 
	left:0; 
	top:0; 
	overflow:hidden;
	z-index:-999; 
	height:100%; 
	width:100%; 
}
#supersized img { 
	width:auto; 
	height:auto; 
	position:relative; 
	display:none; 
	outline:none; 
	border:none; 
}

#supersized li { 
	display:block; 
	list-style:none; 
	z-index:-30; 
	position:fixed; 
	overflow:hidden; 
	top:0; 
	left:0;
	width:100%; 
	height:100%; 
	background:#111; 
}
#supersized a { 
	width:100%; 
	height:100%; 
	display:block; 
}
#supersized li.prevslide { 
	z-index:-20; 
}
#supersized li.activeslide { 
	z-index:-10; 
}
#supersized li.image-loading {
	background:#111 url(./img/progress.gif) no-repeat center center; 
	width:100%;
	height:100%; 
}
#supersized li.image-loading img{ 
	visibility:hidden;
 }
#supersized li.prevslide img, #supersized li.activeslide img{ 
	display:inline; 
}
/*==============================Carousel===================================*/
#thumb-list li > span{  background: url("./images/thumb_hover.png") repeat scroll 0 0 transparent;
    height: 171px;
    position: absolute;
    width: 240px;
	opacity:0;
	 z-index: 99;
}
.current-thumb span{ 
	opacity:1!important;
}
/* ============================= menu ====================== */
.menu_top {
    background: url("./images/menu_top.png") no-repeat scroll 0 0 transparent;
    border-left: 2px solid #FFE300;
    height: 123px;
    margin: -115px 0 -15px;
    width: 180px;
}
.menu_bottom{  
    background: url("./images/menu_bottom.png") no-repeat scroll 0 bottom transparent;
    margin-bottom: 230px;
    margin-left: -1px;
    padding-bottom: 118px;
    position: relative;
    width: 184px;
}
.menu_bottom b{
    border-left: 182px solid transparent;
    border-right: 0 solid transparent;
    border-top: 118px solid #FFE300;
    bottom: 0;
    height: 0;
    left: 1px;
    position: absolute;
    width: 0;
    z-index: -1;
} 
.menu_bottom i{  
    background: url("./images/stick.png") no-repeat scroll 0 bottom transparent;
    height: 126px;
    left: 0;
    position: absolute;
    top: 0;
    width: 184px;
}
div.menu>ul {
    background: url("./images/plane.png") repeat scroll 0 0 transparent;
    border-left: 2px solid #FFE300;
    height: 100%;
    margin: 11px 0 0;
    padding: 0 0 29px;
    position: relative;
    width: 180px;
}
div.menu>ul > li {
    display: block;
    text-align: center;
	position:relative;
	padding:0 5px;
}

div.menu>ul > li > a {
    display: block;
    font: 18px/36px 'oswaldregular',Helvetica,sans-serif;
    height: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

div.menu>ul > li > a > b {
    color: #606060;
    height: 100%;
	top:0;
    left: 0;
    position: inherit;
    width: 100%;
	font-weight:normal;
	display: block;
}
div.menu>ul > li > a > strong {
    color: #FFE300;
    height: 100%;
    left: 0;
    padding-top: 20px;
    position: absolute;
    top: -200px;
    width: 100%;
	font-weight:normal;
}


.sub-menu span {
    border-bottom: 5px solid transparent;
    border-right: 6px solid #ffe300;
    border-top: 5px solid transparent;
    height: 0;
    left: -9px;
    position: absolute;
    top: 17px;
    width: 0;
}
.sub-menu {
    background: url("./images/article_back.png") repeat scroll 0 0 transparent;
    border-left: 3px solid #FFE300;
    display: none;
    left: 180px;
	list-style:none;
    min-width: 150px;
    opacity: 0;
    padding: 7px;
    position: absolute;
    top: -6px;
    width: auto;
    z-index: 99999;
}
.sub-menu li {
	position:relative;
	text-align:center;
}
.sub-menu > li > a {
    display: block;
    font: 18px/36px 'oswaldregular',Helvetica,sans-serif;
    height: 36px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.sub-menu > li > a > b {
    color: #606060;
    height: 100%;
    left: 0;
	top:0;
    position: absolute;
    width: 100%;
	font-weight:normal;
}
.sub-menu > li > a > strong {
    color: #FFE300;
    height: 100%;
    left: 0;
    padding-top: 20px;
    position: absolute;
    top: -60px;
    width: 100%;
	font-weight:normal;
}

.separator {
	background: url("./images/separator.png") no-repeat scroll 0 0 transparent;
	border-left: 2px solid #FFE300;
	height: 1px;
	width: 180px;
}
.navig { 
    background: url("./images/plane.png") repeat scroll 0 0 transparent;
    border-left: 2px solid #FFE300;
    height: auto;
    padding: 18px 26px 18px 32px;
    width: 122px;
}
a.icon-1 {width:26px; height:26px;     background: url("./images/icon-01.png") no-repeat scroll center center #3A3A3A; display:inline-block; margin-right: 2px; margin-bottom: 4px;}

a.icon-2 {width:26px; height:26px; background:url(./images/icon-02.png) no-repeat scroll center center #3A3A3A; display:inline-block; margin-right: 2px; margin-bottom: 4px;}

a.icon-3 {width:26px; height:26px; background:url(./images/icon-03.png) no-repeat scroll center center #3A3A3A; display:inline-block; margin-right: 2px; margin-bottom: 4px;}

a.icon-4 {width:26px; height:26px; background:url(./images/icon-04.png) no-repeat scroll center center #3A3A3A; display:inline-block; margin-right: 2px;  margin-bottom: 4px;}

a.icon-5 {width:26px; height:26px; background:url(./images/icon-07.png) no-repeat scroll center center #3A3A3A; display:inline-block; margin-right: 2px;  margin-bottom: 4px;}

a.icon-6 {width:26px; height:26px; background:url(./images/icon-06.png) no-repeat scroll center center #3A3A3A; display:inline-block; margin-right: 2px; margin-bottom: 4px;}

a.icon-7 {width:26px; height:26px; background:url(./images/icon-05.png) no-repeat scroll center center #3A3A3A; display:inline-block; margin-right: 2px; margin-bottom: 4px;}

a.icon-8 {width:26px; height:26px; background:url(./images/icon-08.png) no-repeat scroll center center #3A3A3A; display:inline-block;margin-right: 2px; margin-bottom: 4px; }

a.icon-9 {width:26px; height:26px; background:url(./images/icon-10.png) no-repeat scroll center center #3A3A3A; display:inline-block; margin-right: 2px; margin-bottom: 4px;}

a.icon-10 {width:26px; height:26px; background:url(./images/icon-09.png) no-repeat scroll center center #3A3A3A; display:inline-block; margin-right: 2px; margin-bottom: 4px;}

a.icon-1:hover, a.icon-2:hover, a.icon-3:hover, a.icon-4:hover, a.icon-5:hover, a.icon-6:hover, a.icon-7:hover, a.icon-8:hover, a.icon-9:hover, a.icon-10:hover { background-color:#FFE300; }
/* ============================= page ====================== */
#page {
	position:relative;	
	margin:0 0 0 249px;
}
#page>article {
    height: auto;
    overflow: hidden;
    padding-top: 199px;
    position: relative;
    width: 100%;
}
#page>article>.block{
    box-shadow: none;
	float:left;
    height: auto;
	min-height:200px;
    margin: 0 0 400px;
    padding: 29px 0 14px 22px;
    position: relative;
    width: 788px;
}
.backGr {	
    background: url("./images/article_back.png") repeat-y scroll 0 0 transparent;
    border-left: 3px solid #FFE300;
}
#page>article>.block>span{
    background: url("./images/article_bottom.png") no-repeat scroll 1px bottom transparent;
    height: 100%;
    left: -1px;
    margin-top: 83px;
    padding-right: 1px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
#page>article>.block>b{
    border-left: 149px solid transparent;
    border-right: 0 solid transparent;
    border-top: 87px solid #FFE300;
    bottom: -84px;
    height: 0;
    left: -10px;
    position: absolute;
    width: 0;
    z-index: -2;
}
#page>article>.block>i{
    border-right: 671px solid transparent;
    border-top: 80px solid #FFE300;
    bottom: -84px;
    height: 0;
    left: 139px;
    position: absolute;
    width: 0;
    z-index: -2;
}
#page>article>.block>strong{
    background-color: #FFE300;
    bottom: -4px;
    height: 3px;
    left: 139px;
    position: absolute;
    width: 671px;
    z-index: -2;
}
.description li {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 250px;
    color: #161616;
    height: auto;
    padding: 14px 11px 10px;
    position: absolute;
    right: 53px;
    width: 459px;
}
.description li h3{
	font:20px 'oswaldregular', Helvetica, sans-serif;
	color:#161616;
	text-transform:uppercase;
	padding-bottom:14px;
}
.description li .capTitle{
	position:relative;
	width:100%;
	height:30px;
	margin-bottom:3px;
}
.description li .capTitle h3{
    background: url("./images/planef.png") repeat scroll 0 0 transparent;
    color: #FFE300;
    font: 20px 'oswaldregular',Helvetica,sans-serif;
    height: 32px;
    left: -11px;
    padding: 3px 11px;
    position: absolute;
    text-transform: uppercase;
    top: -14px;
    width: 459px;
}
.thumb_desc {display:none;}

.thumb_desc_title {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
	display:none;
    font: 14px 'oswaldregular',Helvetica,sans-serif;
    height: 23px;
    left: 0;
	overflow:hidden;
    padding: 4px 16px 3px 10px;
    position: absolute;
    text-transform: uppercase;
	text-align:left;
    top: 75px;
    width: auto;
	max-width:212px;
}
.thumb_desc_exc {
    background: none repeat scroll 0 0 #161616;
    color: #909090;
	display:none;
    min-height: 20px;
	height:auto;
	max-height:50px;
	overflow:hidden;
    left: 0;
    margin-top: 28px;
    padding: 5px 12px;
    position: absolute;
	text-align:left;
    top: 77px;
    width: auto;
	max-width:216px;
}
a.button-1 {background:#FFE300; 
	color:#000; 
	line-height:20px; 
	padding:4px 6px 3px; 
	text-transform:uppercase; 
	display:inline-block; 
	font-size:18px; 
	font-family: 'oswaldregular', sans-serif;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-appearance:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
a.button-1:hover {background:#3a3a3a; color:#ffffff; 
	text-decoration:none;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;}
.left>.button-1{
	margin-right:6px;
}
blockquote{
	background:url(./images/testi.png) no-repeat top left transparent;
	color:#999;
	padding-left:22px;
	display:block;
	width:100%;
	max-width:200px;
	height:auto;
}
.testi{
	background:url(./images/testi.png) no-repeat top left transparent;
	color:#999;
	padding-left:22px;
}
cite {
    color: #FFFFFF;
    display:block;
    font: 12px 'Tahoma',Helvetica,sans-serif;
    padding: 14px 10px 5px 0;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
}
hr {
  border: none;
  height: 1px;
  border-top: 1px solid #656565;
  margin: 7px 0;
}
.more {
	position:relative;
	display:block;
	overflow:hidden;
	float:left;
	margin:6px 0 0 0;
}
.more > a {
	overflow:hidden;
	position:relative;
	font: 18px 'oswaldregular', Helvetica, sans-serif;
	line-height: 27px;
	color:#FFF;
	padding: 0 11px;
	text-decoration:none;
	text-transform:uppercase;
}
.more > a > span {
	position:relative;
}
.more > a > b {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	background-color: #FFF;
}
.more > a > strong {
	position:absolute;
	top:-35px;
	left:0;
	width:100%;
	text-align:center;
	font-weight:normal;
	color:#000;
	text-shadow: 0px 0px 3px #000000;
}

p a {
	text-decoration:underline;
}
p a:hover {
	color: #FFF;
}
cite a {
	text-decoration:none;
}
.slider li {float:left; margin-right:20px;}
.dropcap{
    background-color: #FFE300;
    color: black;
    display: block;
    float: left;
    font: 28px/37px "oswaldregular",sans-serif;
    height: 40px;
    margin: 6px 14px 0 0;
    text-align: center;
    width: 40px;
}
/*==============================Styles===========================*/
.block img{max-width:100%;height:auto;}
.alignCenter>div{
    margin-bottom: 30px;
    text-align: center;
}
.extra-wrap .title {
	font-size:16px;
	color:#fff;
	padding-bottom: 9px;
}
.subtitle {
	color:#ffe300;
}
.img-indent {
	padding-bottom:20px;
}
.extra-wrap {
	padding-bottom:3px;
}
.extra-wrap p {
	line-height:19px;
}
.zoomSp{
	background: url("./images/icon-view.png") no-repeat scroll 0 0 transparent;
	display: none;
	height: 20px;
	left: 50%;
	line-height: 1;
	margin: -10px 0 0 -17px;
	position: absolute;
	text-transform: none;
	top: 50%;
	width: 34px;
	z-index: 3;
}
.zoomImg {
	display:block;
	position:relative;
	height:auto!important;
	width:100%!important;
}

.pad2{
	float:left;
	margin:4px 24px 0 0;
}
.pad3{
	padding-bottom:27px;
}
.pad5{
	padding-bottom:33px;
}
.pad6 {
	padding-left:9px;
}
.color1 {
	color:#FFE300;
	line-height:20px;
	text-transform:uppercase;
	padding-bottom:3px;
}
.color2{
	color:#666666;
}
.mailto {
	font-size:12px;
}
.mailto:hover{
	color:#ffffff;
	text-decoration:underline;
	cursor:pointer;
}
/*=========================bx Slider===========================*/
.slider {
	margin:0 auto;
}
.bx-wrapper{
	position:relative;	
	margin:0 auto;
}
.bx-wrapper .bx-prev {
	left: -48px;
}

.bx-wrapper .bx-next {
	right: -48px;
}
.bx-wrapper .bx-prev:before {
	content: "g";
}
.bx-wrapper .bx-next:before {
	content: "d";
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
	color:white!important;
	text-decoration:none;
}

.bx-wrapper .bx-controls-direction a {
	margin-top:-44px;
	position: absolute;
	top: 50%;
	outline: 0;
	height: 36px;
	z-index: 9999;
	font-size:40px;
	color:#ffe300;
	font-family: 'svgfont_1regular';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.slBtn {
	text-align:center;
	margin-top:4px;
}
.bxslider  li {
	cursor:pointer;
}
.bxslider > li > span {
    font-family: 'svgfont_1regular';
	color:#ffe300;
	font-size:180px;
	top:-5px;
	left:-17px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
    height: 162px;
    opacity: 0;
    position: absolute;
    width: 141px;
    z-index: 99;
}
.bxslider > li > span:before{content:"f";}
/*===================Portfolio Styles========================*/
.show_items {
	float:left;
	margin-right:8px;  
}
.filter li {
	float:left;
	margin-right:8px;
}
.filter li a {
	color: #8D8D8D;
}
.filter li a:hover{
	text-decoration:none;
	color:#ffe300;
}
.filter li.active a{
	text-decoration:none;
	color:#ffe300;
}
.one_half_folio {
    float: left !important;
    margin-right: 3%;
    overflow: hidden;
    position: relative;
    width: 46.61%;
}
.one_third_folio {
    float: left !important;
    margin-right: 3%;
    overflow: hidden;
    position: relative;
	width: 30.2%;
}
.one_half_folio .zoomImg, .one_third_folio .zoomImg{
	margin-bottom:20px;
}
.folio_height {
    min-height: 300px;
}
.folio_link{
	position:relative;
	width:auto;
	height:auto;
	display:block;
}
.img_capture {
	height:80px;
}
/*======================Google Map===========================*/
.google-map{
    margin: 0 0 18px;
	width:100%;
    max-width: 100%;
    height: 218px;
    background: #FFF;
}
/* ============================= forms ============================= */

#ContactForm{   
	margin-top: 0;
    max-width: 384px;
    position: relative;
}
#ContactForm .wrapper{
	overflow:inherit;
	min-height:45px;
 }
#ContactForm .success{ 
	display:none; 
	position:absolute;
	left:0; 
	bottom:10px;
}
#ContactForm label{ 
	position:relative; 
	width:100%; 
	min-height:45px;
	display: inline-block;
}
#ContactForm .message{ height:145px;}
#ContactForm  span{ 
	display:block; 
	overflow: hidden; 
	width: 100%;
}
#ContactForm .error, #ContactForm .empty{ 
	font-size:10px; 
	color:#fff; 
	line-height:14px;
	display:none; 
	width:100%;
}
#ContactForm a{ 
	margin-left:7px;
	float:right;
}
#ContactForm .input {
	margin:0; 
	width:100%; 
	max-width:377px;
	height:21px; 
	background:#3a3a3a;
	padding:8px 0px 9px 7px;
	color:#fff; 
}
#ContactForm textarea { 
	overflow: auto; 
	margin:0;
	resize:none;
	width:100%;
	max-width:370px; 
	height:108px; 
	background:#3a3a3a; 
	padding:8px 7px; 
	color:#fff; 
}
#ContactForm  .bg{  display:inline-block;}
/*-------------Forms Style------------*/
.wpcf7 {max-width:369px;}
#commentform p,.wpcf7-form p {padding-bottom:7px;overflow: hidden;}
#commentform .field>input, .wpcf7-form span input{
	margin:0;
	width:100%; 
	max-width:355px;
	height:21px; 
	background:#3a3a3a; 
	padding:8px 7px 9px 7px; 
	color:#fff; 
	font:12px 'Open Sans', Helvetica, sans-serif;
	-webkit-appearance:none;
	box-shadow: none;
   -webkit-box-shadow: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-appearance: none;
}
#commentform .field>input:focus, .wpcf7-form span input:focus{outline:none;}
#commentform p>textarea, .wpcf7-form span textarea{
	overflow: auto;
	margin:0;
	resize:none;
	width:100%;
	max-width:355px;
	height:108px; 
	background:#3a3a3a; 
	padding:8px 7px; 
	color:#fff; 
	font:12px 'Open Sans', Helvetica, sans-serif;
	-webkit-appearance:none;
	box-shadow: none;
   -webkit-box-shadow: none;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
	border-radius: 0px;
   -webkit-appearance: none;
}

#commentform {max-width:384x;}
#commentform textarea:focus, .wpcf7-form span textarea:focus{outline:none;}
#msg{ 
	color: #ffe300;
	margin-bottom: 19px;
	margin-top:-3px;
	font-style:italic;
}
.cancel-comment-reply{
	color: #ffe300;
	font-style:italic;
}
.field>label{
	text-align: right;
	width: 59px;
	display: inline-block;
}
#submit{
	float: right;
}
.errorInput{border:1px solid red;}
div.wpcf7-response-output {margin:0!important;}

.formButton { background: none repeat scroll 0 0 #FFE300;
    border-radius: 0 0 0 0;
    box-shadow: none;
	border:none;
    color: #000000;
    cursor: pointer;
    display: block;
	height:27px;
    float: right;
    font-family: 'oswaldregular',sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin-left: 7px;
    padding: 0 5px;
    text-transform: uppercase;
  -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-appearance:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.formButton:hover, .formButtons:hover {background:#3a3a3a; color:#ffffff; 
	text-decoration:none;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;}
.formButtons { background: none repeat scroll 0 0 #FFE300;
    border-radius: 0 0 0 0;
    box-shadow: none;
	border:none;
    color: #000000;
    cursor: pointer;
    display: block;
    float: right;
    font-family: 'oswaldregular',sans-serif;
    font-size: 18px;
	height:27px;
    line-height: 20px;
    margin-left: 7px;
    padding: 0 5px;
    text-transform: uppercase;
  -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-appearance:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* ============================= footer ====================== */
footer {
	position:relative;
	overflow:hidden;
	width:100%;
	height: 218px;
	margin-top:-218px;
}
#bgSelector {
	height:191px;
	background:url(./images/planef.png) 0 0 repeat;
	position: relative;
}
#privacy {
	font-family:Arial;
	padding-left: 54px;
	height:27px;
	background:#ffffff;
	text-transform:uppercase;
	font-size: 10px;
	line-height: 28px;
	color:#000000;
}
#privacy a {
	color:#000000;
	text-decoration:none;
}
#privacy a:hover {
	text-decoration:underline;
}
/*====================================Blog=============================================*/
.content-holder{
	border-top: 1px solid #3E3E3E;
    padding: 26px 0;
}
.content-holder:first-child {border:none;margin-top: 3px;padding-top:0;}
.post-thumbnail{
	width:139px;
	height:137px;
	float:left;
	margin:5px 20px 0 0;
}
.post_title {
	display:block;
	font:16px "oswaldregular", sans-serif;
	text-transform:uppercase;
	color:white;
	margin-bottom:15px;
}
.meta{
	color: #FFE300;
    display: inline;
    font: italic 11px 'OpenSans',sans-serif;
    height: 16px;
    margin: 0 20px 6px 0;
    padding: 2px 0 0;
}
.meta span{
    font-family: 'svgfont_1regular';
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 6px;
    text-transform: none;
	line-height: 11px;
}
.meta span:before{content: "b";}
.userPost{	
	color: #FFE300;
    display: inline;
    font: italic 11px 'OpenSans',sans-serif;
    height: 16px;
    margin: 0 22px 6px 0;
    padding: 2px 0 0;
}
.userPost a{color:#ffe300;}
.userPost span{
    font-family: 'svgfont_1regular';
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 6px;
    text-transform: none;
	line-height: 11px;
}
.userPost span:before{content: "e";}
.comments{
	color: #FFE300;
    display: inline;
    font: italic 11px 'OpenSans',sans-serif;
    height: 16px;
    padding: 2px 0 0;
	margin-bottom:6px;
}
.comments a{color:#ffe300;}
.comments i{
    font-family: 'svgfont_1regular';
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 6px;
    text-transform: none;
	line-height: 13px;
}
.comments i:before{content: "a";}
.tags{
	color: #FFE300;
    display: inline;
    font: italic 11px 'OpenSans',sans-serif;
    height: 16px;
    margin: 0 22px 6px 0;
    padding: 2px 0 0;
}
.tags a{color:#ffe300;}
.tags span{
    font-family: 'svgfont_1regular';
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 6px;
    text-transform: none;
	line-height: 11px;
}
.tags span:before{content: "c";}
.excerpt{
    display: block;
    line-height: 20px;
    margin-top: 27px;
	padding-bottom: 0;
}
.single-post .post-content{
	margin-top:33px;
}
.single-post .post-content {
	border-bottom: 1px solid #3E3E3E;
    margin-bottom: 27px;
    padding-bottom: 8px;
}
.related_posts{padding-bottom:26px;
	border-bottom:1px solid #3e3e3e;
	margin-bottom:28px;
}
.related_posts .content-holder:first-child {margin-top:0;}
.related_posts .short-post{margin-top: 27px; list-style:none;}
.related_posts .content-holder{
	float:left;
	margin-right:20px;
	width:110px;
	border:none;
	padding:0;
}
.related_posts .post-thumbnail {
	width:110px;
	height:96px;
	margin:6px 20px 12px 0;
}
.related_posts .post_title{display:none;}
.related_posts .excerpt {
	margin-top:15px;
}
.excerpt_points{text-decoration:underline!important;}
.excerpt_points:hover{text-decoration:none!important;}
#recent-author-comments ul{list-style:none;}
.short-post{
	margin:28px 0;
}
.recent-comments a{
	color:#8d8d8d;
}
.recent-comments a:hover{
	color:white
}
.tags-cloud a{
	color:#ffe300;
	margin-right: 6px;
}

/*====================================Widgets Area==============================================*/
#sidebar{
	padding-top:8px;
}
.widget{
    border-bottom: 1px solid #3E3E3E;
    margin-bottom: 26px;
    padding-bottom: 26px;
    word-wrap: break-word;
}
.widget ul {
    color: #FFE300;
    font-size: 10px;
    list-style: square outside none;
	white-space: nowrap;
}
.widget:last-child{
	border:none;
}
.widget h2 {
	color: white;
    display: block;
    font: 18px "oswaldregular",sans-serif;
    text-transform: uppercase;
}
.widget ul li a{
    color: #8D8D8D;
    display: inline-block;
    padding-left: 4px;
    vertical-align: middle;
    white-space: normal;
	font-size:12px;
	margin-top:-4px;
}
.widget ul li {
	padding-bottom:3px;
	margin-left: 14px;
}
.widget select{   
   background: transparent;
   line-height: 1;
   border: 0;
   border-radius: 0;
   font-size:12px;
   -webkit-appearance: none;  
    color: #FFE300;
    cursor: pointer;
    height: 26px;
    width: 100%;
    min-width: 100px;
    padding: 4px 0 0 6px;
}
.widget option {
	color:black;
}
.styled-select {
   width: 100%;
   height: 26px;
   overflow: hidden;
   background: url("./images/option.png") no-repeat right #3e3e3e;
}
.widget .tagcloud {
	height:auto;
	width:100%;
	line-height:1.2;
}
.widget .tagcloud a{
	color:#ffe300;
	margin-right:7px;
}
.widget .menu {
	position:relative;
}
.widget .sub-menu {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    opacity: 1;
    position: inherit;
}
.widget .sub-menu li:last-child{
	margin-bottom: -8px;
	padding:0;
}
.widget .sub-menu li a{
    font: 12px/22px "Open Sans",Helvetica,sans-serif;
    height: auto;
    text-align: left;
    text-transform: none;
}
#calendar_wrap {
	padding:0;
	}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	text-align:center;
	}
#wp-calendar td {
    border: medium none;
    color: white;
    font-size: 10px;
    padding: 6px 0;
    text-align: center;
	}
#wp-calendar #today{
	color:#ffe300;
}
#wp-calendar caption {
    color: #FFFFFF;
    font: 16px "oswaldregular",sans-serif;
    margin-bottom: 5px;
    padding: 4px 0;
    text-align: left;
	}
#wp-calendar thead th {
	padding:2px 0;
	background:#fff;
	color:#000;
	text-align:center;
	font-size:14px;
	}
#wp-calendar #prev {
	text-align:left;
	}
#wp-calendar #next {
	text-align:right;
	}
/*======================================================================================*/
/*-------------Comment List Style------------*/
.commentlist{
	list-style: none;
	width: 100%;
	
}
.comment-body{
    background: none repeat scroll 0 0 #3A3A3A;
    height: auto;
    margin-bottom: 22px;
    margin-right: 60px;
    min-height: 130px;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    position: relative;
}
.vcard{
	text-align:center;
    float: left;
    display: inline-block;
    width: 70px; 
    margin-right: 17px;
}
.comment .children{
    margin: 0 0 5px 40px; 
	padding-top:-10px;
}
.comment{
	margin-bottom: 22px;
}
.commentlist{
    border-bottom: 1px solid #3E3E3E;
    margin: 26px 0 27px;
    padding-bottom: 8px;
}
.fn{
	color:#ffe300;
}
.says {display:none;}
.comment-meta{
    position:absolute;
	bottom:15px;
	right:18px;
}
.commentmetadata {  
	color:white;
    text-transform: none;
}
.comment-body>p{
	display: table-cell; 
	color:#fff;
	padding-bottom: 23px; 
}
.comment-reply-link{
	color:#ffe300;
	text-transform:none;
}
.comment-reply-link:hover {
	color:#ffe300;
	text-transform:none;
}
.commentlist>li, .children{
	position:relative;
}
.commentlist>li>span, .children>li>span {
    border-right: 60px solid transparent;
    border-top: 150px solid #3A3A3A;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.comment-awaiting-moderation {
	font-style:italic;
	color:#ffe300;
}
#respond{max-width:369px;}
#respond h3 {
	margin-bottom:28px;
}
.avatar {
	float:left;
	margin: 2px 10px 10px 0;
}
.error404{
    color: #FFE300;
    font: 150px/150px "oswaldregular",sans-serif;
    margin-top: 22px;
}
.sticky, .gallery-caption, .bypostauthor {
	font:12px "Open Sans", sans-serif;
}
.recentcomments {line-height: 18px;}
/*===========================Search Form=====================================*/
.searchform{
    height: 26px;
    position: relative;
    width: 100%;
	max-width:135px;
}
.searchform .searching{
    background-color: #3E3E3E;
    color: white;
    height: 16px;
    overflow: hidden;
    padding: 5px 25px 5px 5px;
    width: 77%;
}
.searchform .submit{
    background: url("./images/button_search.png") no-repeat scroll center 4px transparent;
    cursor: pointer;
    height: 26px;
    padding: 2px 0 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
}