/*
Theme Name: bscphoto_theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: bscphoto_theme

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.

bscphoto_v2 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

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
--------------------------------------------------------------*/
html {
	font-family: 'NeueHelveticaStd25UltraLight', 'HelveticaNeue', 'Helvetica Neue', sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: .07em;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}
:focus{
	outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'NeueHelveticaStd25UltraLight';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}
a {
	text-decoration: none;
}
.angle{
	font-size: .4em;
	letter-spacing: .2em;
	color: #fff;
	font-size: 8px;
}
.angle:before{
	height: 1em;
	width: 1em;
	border-top: 3.8em solid black;
	border-left: 3em solid transparent;
	content: ' ';
	display: block;
	float: left;
	margin: 1.345em 0;
}
.angle h1{
	display: inline-block;
	background-color: #000;
	padding-right: 10px;
	padding-top: .4em;
}
p {
	margin-bottom: 1.5em;
	letter-spacing: .07em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #bbb;
	border-radius: 0;
	background: #fff;
	color: rgba(0, 0, 0, 1);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;

}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	font-family: 'NeueHelveticaStd25UltraLight', 'HelveticaNeue', 'Helvetica Neue', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 18px;
}

.main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 8px;
	padding-right: 8px;

}

.main-navigation li {
	float: none;
	position: relative;
	padding: 15px;
	border-top: 1px solid #C7C7C7;
}

.main-navigation li:last-child{
	border-bottom: 1px solid #C7C7C7;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	letter-spacing: .08em;

}
.main-navigation a::after{
	content: '//';
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}



.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:hover,
.screen-reader-text:active,
.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. */
}

/*--------------------------------------------------------------
# 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,
.home article: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;
}

.clear:after,
.home article: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%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# 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;
}
.entry-meta{
	margin-top: 20px;
}
.entry-footer .comments-link{
	margin-top: 1em;
}
.post-meta{
	text-transform: uppercase;
	font-size: .75em;
}
.post-meta a{
	font-family: helvetica;
	font-weight: bold;
	color: #434345;
}
.page-header{
	margin-bottom: 15px;
}
.page .page-header{
	margin-bottom: 40px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.entry-footer span{
	display: block;
}
.comments-link a, .edit-link a{
	font-weight: normal;
	font-family: 'NeueHelveticaStd25UltraLight', 'HelveticaNeue', 'Helvetica Neue', sans-serif;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
.comments-title {		padding: 0px 20px;
	font-size: .8em;
	text-align: center;
	font-family: Helvetica;
	font-weight: bold;
}
ol.comment-list { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.comment-list li { }
ol.comment-list li.alt { }
ol.comment-list li.bypostauthor {}
ol.comment-list li.byuser {}
ol.comment-list li.comment-author-admin {}
ol.comment-list li.comment { border-bottom:1px solid #666; padding:1em; }
ol.comment-list li.comment div.comment-author {}
ol.comment-list li.comment div.vcard { font:normal 16px; }
ol.comment-list li.comment div.vcard cite.fn { font-style:normal; }
ol.comment-list li.comment div.vcard cite.fn a.url {}
ol.comment-list li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.comment-list li.comment div.vcard img.avatar-32 {}
ol.comment-list li.comment div.vcard img.photo {}
ol.comment-list li.comment div.vcard span.says {}
ol.comment-list li.comment div.commentmetadata {}
ol.comment-list li.comment div.comment-metadata { font-size:.7em; font-family: helvetica;
	font-weight: bold; }
ol.comment-list li.comment div.comment-meta a { color:#ccc; }
ol.comment-list li.comment p { margin:0 0 1em; }
ol.comment-list li.comment ul { list-style:square; margin:0 0 1em 2em; }
ol.comment-list li.comment div.reply { }
ol.comment-list li.comment div.reply a { text-transform: uppercase; font-size: .7em;  }
ol.comment-list li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.comment-list li.comment ul.children li {}
ol.comment-list li.comment ul.children li.alt {}
ol.comment-list li.comment ul.children li.bypostauthor {}
ol.comment-list li.comment ul.children li.byuser {}
ol.comment-list li.comment ul.children li.comment {}
ol.comment-list li.comment ul.children li.comment-author-admin {}
ol.comment-list li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.comment-list li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.comment-list li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.comment-list li.comment ul.children li.depth-5 {}
ol.comment-list li.comment ul.children li.odd {}
ol.comment-list li.even { background:#fff; }
ol.comment-list li.odd { background:#f6f6f6; }
ol.comment-list li.parent { border-left:5px solid #111; }
ol.comment-list li.thread-alt { }
ol.comment-list li.thread-even {}
ol.comment-list li.thread-odd {}
/*--------------------------------------------------------------
# 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: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
Start Theming
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Basic Page Structure
--------------------------------------------------------------*/

#masthead{
	width: 345px;
	float: left;
	height: 100%;
	position: fixed;
	/*	padding-top: 15%;*/
	padding-left: 35px;
	padding-right: 35px;
	transition : all 1s!important;
	z-index: 99999;
}
#menu-tab{
	display: none;
}
.expanded{
	left : 0!important;
	background : #fff!important;
	padding-right : 35px!important;
	transition : all 1s!important;
	z-index : 99999!important;
}
.headerWrapper{
	/*	margin-top: 25%;*/
}
.site-branding {
	text-align: center;
}
.site-branding .site-title img{
	text-align: center;
	width: 72%;
	margin-top: 4%;
}
#content{
	float: left;
	padding-left: 345px;
	width: 100%;
	position: relative;
	/*	z-index: -1;*/
}
#primary{
	padding: 8% 0% 8% 5%;
}
.archive #primary, #primary{
	padding: 74px 0% 0% 0%;
	position: relative;

}

/*--------------------------------------------------------------
Sitewide Styling
--------------------------------------------------------------*/
#masthead{
	border-right: 4px solid #000;

}


/*--------------------------------------------------------------
home Page
--------------------------------------------------------------*/
#contentSlider{
	margin-top: 150px;
}
#contentSlide{
	margin: 0 auto;
	padding: 0;
	height: auto!important;
	text-align: right;
	margin-top: 150px;
	margin-bottom: 75px;
	max-width: 1555px;
	/*  	  flex-direction: row;
              display: flex;*/
}
.slick-dots{
	position: absolute;
	z-index: 9999;
	right: 0;
	top: 10px;
	list-style: none;
}

.slick-dots button{
	background: #404040;
	color: #000;
	border: none;
	padding: 0;
	width: 10px;
	border-radius: 50%;
	height: 10px;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.8);
	font-size: 0em;
}
.slick-dots li{
	margin: 6px;
	position: relative;
}

.slick-dots li.slick-active button{

	opacity: 0;

}

.slick-dots li.slick-active::after{
	content: '/';
	opacity: 1;
	left: 0px;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	transition-delay: 1s


}

.slick-dots li.slick-active::before{
	/*	animation:slick-dots2 .05s ease-out 1;*/
	content: '/';
	opacity: 1;
	left: 5px;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	transition-delay: .9s


}
.slick-dots li::before{
	left: -100px;
	opacity: 0;
}
.slick-dots li::after{
	left: -95px;
	opacity: 0;
}

.slick-dots li::before, .slick-dots li::after{
	position: absolute;
	z-index: 999999;
	content: '/';
	top: 5px;

	transition-delay: 0s

}

@keyframes slick-dots {

	0% {
		left: -40px;
		opacity: 1;
	}

	100%{
		left: 25px;
		opacity: 1;

	}
}

@keyframes slick-dots2 {

	1% {
		left: -40px;
		opacity: 1;

	}

	100%{
		left: 25px;
		opacity: 1;
	}
}

.slick-dots button:hover{
	background: transparent;
}

.slick-dots .slick-active{

}
#contentSlide .slick-track{
	height: auto!important;
}
#slide-container{
	position: relative;
}
#slideList.front-home{
	background: #000;
}
#slideList{
	margin: 0px;
	padding: 0px;
	list-style:none;
	width: 100%;
	height: 100%!important;
	position: relative;
}
#slideList .item, #slideList .item .entry-content{
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;

}
.front-home .item{
	margin: 0px !important;
}
#fp-header{
	width: 60%;
	float: left;
	margin-top: -33px;
}
.sm-slide.rt-align .sm-slide-content{
	width: 40%;
	float: right;
	height: 100%;
	margin-right: 60%;
	/*-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;*/
}
.sliderContent a:hover{
	cursor: pointer;
}
.sliderContent *:hover{
	cursor: pointer;
}
.slick-list .slick-slide.sm-slide {
}
.sm-slide.rt-align .sliderContent{
	width: 100%;
	padding-left: 5%;
}

.sm-slide.full #slideImage{
	position: relative;
	float: none;
	width: 100%;
	display: block;
	z-index: 1;
}
.sm-slide.full img {
	display: block;
	width: 100%;
}
.sm-slide.full .sm-slide-content {
	width: 100%;
	float: none;
	padding: 0px;
	position: relative;
	z-index: 2;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.sm-slide.full .sm-slide-content a{
	display: flex;
	align-items: center;
}
.sm-slide.full .sm-slide-content h2{
	font-family: 'NeueHelveticaStd25UltraLight';
	word-spacing: normal;
	text-align: left;
	float: left;
	margin-left: -2px;
	margin-top: -1px;
	display: inline;
	line-height: .86em;
	font-size: 50px;
}

.sm-slide.full .sm-slide-content .link_to{
	text-transform: uppercase;
	background: url('/wp-content/themes/bscphoto_theme/img/arrow-rt-sm.png') right no-repeat;
	padding-right: 72px;
	padding-left: 25px;
	letter-spacing: .06em;

}

.sm-slide.full .sm-slide-content .link_to:after{
	content: '\00a0//';
	padding-top: 5px;
}


.sm-slide.rt-align .sm-slide-content h2{
	text-align: right;
	word-spacing: 99999px;
	display: block;
	font-family: "didoni-urw";
	text-transform: uppercase;
	font-size: 99px;
	line-height: .8em;
	margin: 0px;
}
#slideInfo > , #slideImage > {
	/*	flex: 0;*/
}
.sm-slide-content p{
	margin-bottom: .5em;
	text-align: right;
	clear: both;
}
.sliderContent{
	width: 72%;
	float: right;
	font-size: 1.3em;
}
.sm-slide.rt-align .rotate{
	position: relative;
	float: right;
	width: 55%;
	/*-webkit-box-flex: 0;
	-webkit-flex: 0 0 470px;
	-ms-flex: 0 0 470px;
	flex: 0 0 470px;*/
}
#commercial-work.sm-slide .sm-slide-content  h2{
	display: none;
}
.rotate{
	transition: all .5s;
}
.sm-slide.rt-align .rotate img{
	width: 100%;
	height: auto;
	z-index: 1;
	opacity: 0;
	position: absolute;

}
.scroll-indicator {
	display: block;
	position: absolute;
	left: 50%;
	margin-top: -18px;
	margin-left: -45px;
	bottom:  20px;
	width: 90px;
}

.scroll-indicator.off {
	opacity: 0;
	transition: 1s all;
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;
}

.scroll-indicator a {
	display: block;
	height: auto;
	width: 100%;
	text-align: center;
	color: #fff;
}

.scroll-indicator span {
	font-size: .8em;
	letter-spacing: .26em;
	text-align: center;
	display: block;
	opacity: 1;
	height: auto;
	width: 100%;
	position: absolute;
	bottom: -20px;
	padding-left: .26em;
	/* accounts for trailing space letter-space*/
}

.scrolldown-btn {
	width: 100%;
	height: auto;
	text-align: center;
	padding-bottom: 14px;
}


/* arrow*/

.scrolldown-btn::before {
	content: '\00a0';
	border-style: solid;
	border-width: 3px 2.5px 0 2.5px;
	border-color: #fff transparent transparent transparent;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -1.5px;
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-ms-transform: scale(5);
	transform-origin: scale(5);
	animation: arrow 9s ease-in-out infinite;
	animation-delay: 1s;
}


/* circle*/

.scrolldown-btn::after {
	content: "\00a0";
	background: #fff;
	border-radius: 50%;
	border: 1px solid #fff;
	display: block;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 0;
	margin-left: -0px;
	margin-top: -0px;
	opacity: 0;
	width: 0px;
	height: 0px;
	animation: scrollit 9s ease-in-out infinite;
	animation-delay: 1s;
}


/*circle*/

a.scroll-down::before {
	content: "\00a0";
	background: transparent;
	border: .01px solid #fff;
	border-radius: 50%;
	display: block;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 0;
	margin-left: -0px;
	margin-top: -0px;
	width: 0px;
	height: 0px;
	opacity: 0;
	animation: scrollit3 9s ease-in-out infinite;
	animation-delay: 1s;
}

@keyframes arrow {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
	1% {
		opacity: .3;
	}
	5% {
		-webkit-transform: scale(10);
		-moz-transform: scale(10);
		-ms-transform: scale(10);
		transform: scale(10);
	}
	20% {
		transform: scale(10);
	}
	22% {
		transform: scale(11);
	}
	24% {
		transform: scale(10);
		opacity: .8;
	}
	34% {
		-webkit-transform: scale(10);
		-moz-transform: scale(10);
		-ms-transform: scale(10);
		transform: scale(10);
		opacity: .8;
	}
	40% {
		opacity: .4;
	}
	42% {
		-webkit-transform: scale(5);
		-moz-transform: scale(5);
		-ms-transform: scale(5);
		transform: scale(5);
		opacity: .3;
	}
	47% {
		opacity: .1;
	}
	93% {
		-webkit-transform: scale(5);
		-moz-transform: scale(5);
		-ms-transform: scale(5);
		transform: scale(5);
	}
	100% {
		opacity: .6;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes scrollit {
	0% {
		opacity: 1;
		margin-left: -0px;
		margin-top: -0px;
	}
	10% {
		width: 70px;
		height: 70px;
		opacity: .05;
		margin-left: -35px;
		margin-top: -35px;
	}
	14% {
		opacity: 0;
	}
	16% {
		opacity: .05;
	}
	20% {
		width: 70px;
		height: 70px;
		opacity: .05;
		margin-left: -35px;
		margin-top: -35px;
	}
	31% {
		opacity: .4;
	}
	34% {
		width: 40px;
		height: 40px;
		opacity: 0;
		margin-left: -19.5px;
		margin-top: -19.5px;
	}
	40% {
		width: 0px;
		height: 0px;
		margin-left: -0px;
		margin-top: -0px;
	}
	49% {
		opacity: .0;
		margin-left: -0px;
		margin-top: -0px;
	}
	100% {
		opacity: .0;
	}
}

@keyframes scrollit3 {
	0% {
		opacity: 1;
		margin-left: -0px;
		margin-top: -0px;
	}
	15% {
		width: 90px;
		height: 90px;
		opacity: .05;
		margin-left: -45px;
		margin-top: -45px;
	}
	23% {
		opacity: 0;
	}
	29% {
		width: 90px;
		height: 90px;
		opacity: .05;
		margin-left: -45px;
		margin-top: -45px;
	}
	31% {
		opacity: .4;
	}
	33% {
		opacity: 0;
		width: 20px;
		height: 20px;
		margin-left: -10px;
		margin-top: -10px;
	}
	35% {
		width: 0px;
		height: 0px;
		opacity: 0;
		margin-left: -0px;
		margin-top: -0px;
	}
	47% {
		opacity: .0;
		margin-left: -0px;
		margin-top: -0px;
	}
	100% {
		opacity: .0;
	}
}

@-webkit-keyframes scrollanim {
	0% {
		-webkit-transform: translate(0, -40px);
		opacity: 0;
	}
	40% {
		-webkit-transform: translate(0, 0);
		opacity: 0.8;
	}
}
@-moz-keyframes scrollanim {
	0% {
		-moz-transform: translate(0, -40px);
		opacity: 0;
	}
	40% {
		-moz-transform: translate(0, 0);
		opacity: 0.8;
	}
}
@keyframes scrollanim {
	0% {
		-webkit-transform: translate(0, -40px);
		-moz-transform: translate(0, -40px);
		-ms-transform: translate(0, -40px);
		-o-transform: translate(0, -40px);
		transform: translate(0, -40px);
		opacity: 0;
	}
	40% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0.8;
	}
}
@-webkit-keyframes scrollanim2 {
	0% {
		-webkit-transform: translate(0, -40px);
		opacity: 0;
	}
	40% {
		-webkit-transform: translate(0, 0px);
		opacity: 0.6;
	}
}
@-moz-keyframes scrollanim2 {
	0% {
		-moz-transform: translate(0, -40px);
		opacity: 0;
	}
	40% {
		-moz-transform: translate(0, 0px);
		opacity: 0.6;
	}
}
@keyframes scrollanim2 {
	0% {
		-webkit-transform: translate(0, -40px);
		-moz-transform: translate(0, -40px);
		-ms-transform: translate(0, -40px);
		-o-transform: translate(0, -40px);
		transform: translate(0, -40px);
		opacity: 0;
	}
	40% {
		-webkit-transform: translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
		transform: translate(0, 0px);
		opacity: 0.6;
	}
}


@-webkit-keyframes bounce {
	0% { transform: translate(0, -0px);  opacity: 0;}
	20% { transform: translate(0, -0px); opacity: 0; }
	40% {  transform: translate(0, -48px);  }
	63%   { transform: translate(0, -5px); opacity: .6;}
	73% { transform: translate(0, -20px);  opacity: 1; }
	95%   { transform: translate(0, -5px); }
	100% { transform: translate(0, -5px); }



}

@keyframes bounce {
	0% { transform: translate(0, -0px);  opacity: 0;}
	20% { transform: translate(0, -0px); opacity: 0; }
	40% {  transform: translate(0, -48px);  }
	63%   { transform: translate(0, -5px); opacity: .6;}
	73% { transform: translate(0, -20px);  opacity: 1; }
	95%   { transform: translate(0, -5px); }
	100% { transform: translate(0, -5px); }

}

@-webkit-keyframes bounce2 {
	0% { transform: translate(0, 0px);  opacity: 0;}
	30% { transform: translate(0, 0px); opacity: 0; }
	50% {  transform: translate(0, -40px);  }
	70%   { transform: translate(0, -0px); opacity: .6;}
	83% { transform: translate(0, -14px);  opacity: 1; }
	90%   { transform: translate(0, 0px); }
	100% { transform: translate(0, 0px); }


}

@keyframes bounce2 {
	0% { transform: translate(0, 0px);  opacity: 0;}
	30% { transform: translate(0, 0px); opacity: 0; }
	50% {  transform: translate(0, -40px);  }
	70%   { transform: translate(0, -0px); opacity: .6;}
	83% { transform: translate(0, -14px);  opacity: 1; }
	90%   { transform: translate(0, 0px); }
	100% { transform: translate(0, 0px); }

}







@-webkit-keyframes showme {
	0% { transform: translate(0, 0px);  opacity: 0;}
	30% { transform: translate(0, 0px); opacity: 0; }
	50% {  transform: translate(0, -40px); }
	70%   { transform: translate(0, 0px); opacity: .6;}
	83% { transform: translate(0, -30px);  opacity: 1; }
	90%   { transform: translate(0, 0px); }
	100% { transform: translate(0, 0px); }


}

@keyframes showme {
	0% {  transform: translate(0, -52px);  opacity: 0;}
	30%   { transform: translate(0, -52px); opacity: 0;}
	50% { transform: translate(0, -20px); opacity: .05;}
	70%   { transform: translate(0, -40px); opacity: .6; }

	83% { transform: translate(0, 0px); opacity: 1;}
	90%   { transform: translate(0, 0px); }

	100% { transform: translate(0, -52px); }

}

#focus {
	background: transparent;
	height: 75px;
	width: 75px;
	border-radius: 50%;
	border: 1px solid #000;
	position: absolute;
	top: -33px;
	margin-top: 25%;
	left: -37px;
	z-index: 2;

}
#focus::after {
	content: "";
	display: block;
	border-bottom: 1px solid #000;
	position: absolute;
	width: 75px;
	right: 0px;
	top: 50%;
}
.fpc-banner{
	width: 46%;
	float: left;
	margin-left: 3%;
}
#praise_block{
	width: 50%;
	float: right;
	margin-left: -30%;
}
#praise_block h1{
	width: 95%;
	display: inline-block;
	padding-left: 10px;
}
#praise_block p{
	width: 75%;
	text-align: right;
	margin: 0px auto;
	margin-top: 25px;
}
#bottom{
	clear:both;
}


/*--------------------------------------------------------------
portfolio archive page
--------------------------------------------------------------*/
.share{
	position: relative;
	display: block;
	left: 0;
	right: 0;
	height: 40px;
	color: #000;
	z-index: 9999;
}
.slick-slide .share img{
	float: left;
	width: 30px;
	padding: 5px;
	height: auto;
}
.item{
	position: relative;
}
.slick-list{
	/*padding-bottom: 40px!important;*/
}
.item.img{
	max-width: 100%;
	max-height: 100%;
}
.item.hentry, .entry-content{
	margin: 0px;
}
.filter ul{
	list-style: none;
	margin: 0px;
	padding-left: 40px;
}
.filter ul li{
	display: inline-block;
	margin-right: 23px;

}
.filter ul li a{
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .9em;
	padding: 8px 5px 5px 5px;
	display: inline-block;
}
.portfolio-container{
	transition: width 0s;
	transition: height 0s;
	opacity: 0;
	transition: none;


}
.slick-slider{
	height: 100%;
}
.front-home .slick-list{
	height: 100%!important;
	max-height: 100%;
}
.slick-list {
	overflow: visible;
}
.archive .slick-list{
	height: 100%;
}
.slick-track{
	height: 100%;
}
.variable-width .slick-prev, .variable-width  .slick-next{
	background: transparent;
	color: #000;
	width: 65px;
	height: 0px;
	font-size: 1em;
	line-height: 1em;
	opacity: 0;
}
.variable-width .button-hot{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	display: block;
	width: 25%;
	height: 100%;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 9;
}
.variable-width .button-hot.button-right{
	right: 0;
}
.variable-width  .slick-next{
	background: url('/wp-content/themes/bscphoto_theme/img/arrow.png') no-repeat center rgba(0, 0, 0, 0.33);

}

.variable-width  .slick-prev{
	background: url('/wp-content/themes/bscphoto_theme/img/arrow-left.png') no-repeat center rgba(0, 0, 0, 0.33);

}
.variable-width .slick-prev:hover, .variable-width  .slick-next:hover{
	/*	background: #3A3A3A;*/
	box-shadow: none;
}
.variable-width .hereIam{
	opacity: 1;
	height: 79px;
	margin-top: -30px;
	transition: all .1s ;
}
.slick-slide{
	width: auto;
	margin: 0px 9px!important;
}
.slick-slide span{
	opacity: .1;
	padding-top: 5px;
	display: inline-block;
}
.slick-slide img{
	height: 100%;
	width: auto;
	max-width: inherit!important;
	opacity: .2;
	transition: opacity 1s;
	/*	transform: translate(50%,0)*/
	/*transition: margin 2s;*/
}
.variable-width .button-hot:hover .slick-prev, .variable-width .button-hot:hover .slick-next{
	opacity: 1;
	height: 79px;
	margin-top: -30px;
	transition: all .1s ease-in-out;
}
.slick-current img, .slick-current span{
	opacity: 1;

}
.variable-width .item{
	height: 100%;
	background: #FFF;


}
.slick-current img{
	z-index: 9999;
	position: relative;
}
.variable-width .item .entry-content{
	height: 100%;
}
.slick-previous {
	left: 0px;
}
.slick-next {
	right: 0px;
}
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 9;
}
/*--------------------------------------------------------------
General Page
--------------------------------------------------------------*/
h1.entry-title{
	margin: 0px;
	line-height: 1em;
}

article.page {
	padding: 0px 40px;
}
article.page .entry-header .entry-title{
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 1rem;
	margin: 5px 5px 5px 0px;
	display: inline;
}
article.page .entry-content{
	max-width: 1024px;
}

.page .entry-content{
	font-size: .9em;
}


.contact .contactField{
	margin: 10px 0;
}

/*--------------------------------------------------------------
Single Blog Post
--------------------------------------------------------------*/
.single #main{
	padding-top: 69px;
}
.slide-post-content{
	width: 33%;
	float: left;
	padding: 0px 20px;
}
.no-slide-post #primary #main, .footer-meta-wrap{
	max-width: 1024px;
	margin: 0 11% auto;
}
.no-slide-post #primary #main article{
	max-width: 720px;
	margin: 0px auto;
}

.no-slide-post .entry-content .size-medium, .no-slide-post .entry-content img{
	padding-bottom: .75em;
}
.single #slideContainment{
	margin-left: 33%;
}
.single #slideContainment .variable-width{
	max-height: 800px;
	height: auto;
}
.single #slideContainment .slick-track .img-slide{
	/* width: 100%;*/
}
.single #slideContainment .slick-track img{
	margin-top: 0px!important;
}
.single #slideContainment .slick-list{
	padding-bottom: 0px!important;
}


/*--------------------------------------------------------------
Blog Archive
--------------------------------------------------------------*/
#blog-header{
	width: 100%;
	padding: 45px 50px;
	text-align: center;
	color: #fff;
	background: #434345;
}
.home #main{
	max-width: 1200px;
	margin: 0px auto;
}
.home article{
	padding-left: 30px;
}
.home .hentry{
	margin: 0 0 4.5em;
}
.home article.type-post .entry-content .wp-post-image{
	width: 100%;
}
.home article.type-post:nth-child(odd) .entry-header {
	display: block;
	width: 33%;
	float: right;
	padding-left: 20px;
}
.home article.type-post:nth-child(odd) .entry-content{
	display: block;
	width: 66.6666666%;
	float: left;
}
.home article.type-post:nth-child(even) .entry-header {
	display: block;
	width: 33%;
	float: left;
}
.home article.type-post:nth-child(even) .entry-content{
	display: block;
	width: 66.6666666%;
	float: right;
}
.home article.type-post:after{
	clear: both;
	width: 100%;
}
.single .slick-next, .single .slick-prev{
	top: 31%;
}
.posts-navigation .nav-previous, .post-navigation .nav-previous {
	float: left;
	width: 45%;
}
.post-nav h2{
	margin-bottom: 0px;
	padding-left: 2%;
	line-height: .69em;
}
.single .nav-links{
	font-size: .8em;
	text-transform: uppercase;
}
.single .nav-links > div > a {
	padding: 5px 20px 5px 20px;
	display: block;
	background: #000;
	color: #fff;
	float: left;
	margin-left: 3em;
}

.single .nav-links .nav-next::after {
	height: 1em;
	width: 1em;
	border-top: 3.8em solid black;
	border-right: 3em solid transparent;
	content: ' ';
	display: block;
	float: right;
	margin: -3.75em 0 0 0;
}
.single .nav-links .nav-previous a{
	width: 100%;
	margin-right: -2.9em;
}
.single .nav-links .nav-next a{
	float: right;

	margin-right: 2.9em;
	width: 100%;
}
.single .nav-links .nav-previous::before {
	height: 1em;
	width: 1em;
	border-top: 3.8em solid black;
	border-left: 3em solid transparent;
	content: ' ';
	display: block;
	float: left;
	margin: 0em 0 -3.75em 0;
}
.single .nav-links > div > a{
	color: #fff;
	min-height: 3.75em;
}

/*--------------------------------------------------------------
Testimonials
--------------------------------------------------------------*/
.testimonials{
	max-width: 1280px;
	text-align: center;
}
.testimonials article{
	/*	height: 305px;*/
	overflow: hidden;
	margin-bottom: 55px;
}
.testimonials .divider{
	display: inline-block;
	clear: both;
	float: none;
	width: 33%;
	max-width: 50px;
	height: 1px;
	background: #000;
}
.testimonials article {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}
.testimonial-content{
	width: 33%;
	float: left;
	font-size: .9em;
	padding: .35% 5%;
}
.testimonial-content button{
	letter-spacing: .07em;
}
.testimonial-content .quote{
	font-size: 1.4em;
}
.testimonial-content .quote p{
	margin-bottom: 10px;
}
.testimonial-content .quote p::before, .testimonial-content .quote p::after{
	content: '"';
	display: inline;
}
.testimonial-pic{
	width: 66%;
	float: left;
	position: relative;
	overflow: hidden;
}
.testimonial-pic img{
	display: block;
}

.testimonial-more{
	opacity: 0;
	position: absolute;
	left: -100%;
	width: 100%;
	padding: 15px 50px;
	background: #fff;
	height: 100%;
	box-sizing: border-box;
	transition-property: opacity, left;
	transition-duration: .35s, .55s;
	-webkit-transition-timing-function: ease-in-out; /* Safari and Chrome */
	transition-timing-function: ease-in-out;
	font-size: 1em;
}
.testimonial-pic:hover .testimonial-more{
	opacity: .95;
	left: 0;
	transition-property: opacity, left;
	transition-duration: .35s, .55s;
	-webkit-transition-timing-function: ease-in-out; /* Safari and Chrome */
	transition-timing-function: ease-in-out;

}


/*--------------------------------------------------------------
About
--------------------------------------------------------------*/

.page .entry-content{
	font-size: .9em;
}


/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/

@media screen and (max-width: 1778px) {
	.sliderContent {
		font-size: 1.1em;
	}
	.sm-slide-content h2 {
		/*font-size: 88px;*/
	}
}
@media screen and (min-width: 1590px){
	.sm-slide.rt-align .featureWrapper{
		max-width: 100%;
		margin: 0px auto;
	}
}
@media screen and (max-width: 1590px) {
	.sliderContent {
		font-size: 1em;
	}
	.sm-slide-content h2 {
		font-size: 75px;
	}
	.sliderContent {
		width: 100%;
	}
	#masthead {
		width: 230px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.main-navigation a {
		font-size: .8em;
	}
	#content {
		float: left;
		padding-left: 230px;
	}



}
@media screen and (max-width: 1355px) {
	#masthead {
		width: 230px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#content {
		float: left;
		padding-left: 230px;
	}
}
@media screen and (max-width: 1165px) {
	#praise_block{
		width: 100%;
		float: none;
		clear: both;
		margin: 0px;
	}
}
@media screen and (max-width: 1280px) {
	#masthead{
		width: 120px;
		padding-right: 0;
		background: #292222;
		border-left: 4px solid #000;
		padding: 0px 0px 0px 0px;
	}
	#content{
		padding-left: 120px;
	}
	.site-branding .site-title img{
		width: 100%;
		padding: 10px;
	}

	#site-navigation{
		width: auto;
		float: right;
		transition: all 1s;
	}
	.main-navigation ul{
		padding: 0px;
		margin: 0px;
	}
	.main-navigation li{
		padding: 15px 0px;
		border-bottom: 2.9889990px solid #000000;
		text-align: center;
	}
	.main-navigation a{
		color: #fff;
		letter-spacing: .08em;
	}
	.expanded #site-navigation{
		width: 100%;
		transition: all 1s;
	}
	.expanded a{
		color: #000;
	}
	.sm-slide.rt-align .sm-slide-content h2{
		font-size: 88px;
	}
	.sm-slide.rt-align .sm-slide-content p{
		font-size: .85em;
	}
	.home .entry-header .entry-title {
		font-size: 1.6em;
	}
	.home article.type-post .entry-header {
		display: block;
		width: 43%!important;
	}
	.home article.type-post .entry-content {
		display: block;
		width: 56.666667%!important;
	}
	.testimonial-more {
		height:  auto;
		min-height: 100%;
	}
	.testimonial-more p{
		font-size: .95em;
	}
	.testimonial-pic{
		overflow: visible;
	}
	.testimonials article{
		overflow:visible;
	}
	.testimonial-pic:hover .testimonial-more{
		opacity: 1;
	}
}
@media screen and (max-width: 1080px) {
	.home #primary{
		padding-right: 0%;
	}
	.home #primary #bottom{
		position: relative;
		z-index: 1;
	}
	#fp-header, .fpc-banner {
		width: 100%;
		float: none;
		margin-top: auto;
	}
	.fpc-banner{
		float: none;
		margin-top: auto;
		margin: 0px;
		width: 100%;
		padding-bottom: 35px;
	}
	.fpc-banner p{
		padding: 0px 3% 0px 3px;
	}
	#praise_block{
		margin-top: 40px;
	}
	#contentSlider {
		margin-top: 75px;
	}
	.scroll-indicator {
		display: none;
	}
	.variable-width .button-hot {
		display: none!important;
	}
	.sm-slide.rt-align .sm-slide-content h2{
		font-size: 75px;
	}
	.slick-dots{
		display: inline-block!important;
		text-align: center;
		width: 100%;
		margin: 0px auto;
		position: relative;
	}

	.slick-dots li {
		display: inline;
		margin: 2%;
		position: relative;
	}

	.slick-dots li::after, .slick-dots li::before{
		top: 1px;
	}
}
@media screen and (max-width: 960px) {

	#masthead{
		left: -260px;
		overflow-x: visible;
		overflow-y: scroll;
		width: 260px;
		border-left: 0px;
		padding: 0px 15px 0px 15px!important;
		text-align: center;
	}

	.site-branding .site-title{
		text-align: center;
		margin: 0.4em 0;
	}

	.main-navigation li{
		padding: 15px 0px;
		border-bottom: 0px;
		text-align: center;
	}

	#menu-tab{
		display: block;
		position: fixed;
		width: 49px;
		height: 47px;
		background: #404040;
		left: 0px;
		top: 20px;
		padding: 7px 9px 14px 9px;
		z-index: 999999;
		transition: all 1s!important;
	}

	#menu-tab.menu-expanded{
		left: 260px;
		transition: all 1s!important;
	}

	.archive #primary{
		padding-top: 14px;
	}

	.page .entry-header{
		margin-left: 30px;
	}

	.filter{
		margin-left: 40px;
	}

	.filter ul li{
		color: #000;
		background: transparent;
		margin: 5px 0px 5px 6px;
	}

	.filter ul li a{
		color: #000;
		padding:  8px;
		line-height: 1em;
	}

	.filter ul li:first-child{
		display: block;
		padding: 0px;
		background: #fff;
		color: #000;
	}

	.filter ul li:first-child a{
		color: #000;
	}

	#content{
		padding-left: 0px;
	}

	.variable-width .slick-next, .variable-width .slick-prev{
		width: 20px;
		height: 55px;
	}

	.slide-post-content{
		width: 100%;
		float: none;
	}

	.single #slideContainment {
		margin-left: 0;
	}

	.home article.type-post .entry-header {
		width: 50%!important;
	}

	.home article.type-post .entry-content {
		width: 50%!important;
	}

	.testimonials article{
		display: block;
		overflow: visible;
	}
	.testimonial-content{
		padding: .35% 5% 0 0;
		width: 100%;
		float: none;
	}

	.testimonial-content .quote p{
		font-size: 1em;
	}
	.testimonial-content .about{
		margin-bottom:  1.5em;
	}
	.testimonial-pic {
		width: 100%;
		overflow: visible;
	}

	.testimonial-more {
		height: auto;
		min-height: 100%;
		font-size: .9em;
		line-height: 1.6em;
		padding: 0px 5px;
	}
	.testimonial-pic:hover .testimonial-more{
		opacity: 1;
	}
}
@media screen and (max-width: 960px) {

	.site-branding .site-title img {
		width: 78%;
	}
	.sm-slide.rt-align .sm-slide-content h2{
		font-size: 40px;
	}
	.sm-slide.full .sm-slide-content h2{
		font-size: 29px;
		margin-bottom: 0;
	}
	.sm-slide.full .sm-slide-content .link_to span{
		padding: 0px;
	}
	.home article.type-post{
		padding-right: 30px;
	}
	.home article.type-post .entry-header{
		width: 100%!important;
		padding-left: 0px!important;
	}
	.home article.type-post .entry-content{
		width: 100%!important;
	}

}
@media screen and (max-width: 600px) {
	.sm-slide.rt-align .rotate, .sm-slide #slideImage{
		float: none;
		width: 100%;
	}
	.sm-slide.rt-align .rotate{
		height: 400px;
	}
	.sm-slide.rt-align .sm-slide-content, .sm-slide-content {
		width: 100%;
		float: none;
		height: 100%;
	}
}
@media screen and (max-width: 580px) {
	.post-navigation .nav-previous, .post-navigation .nav-next {
		width: 100%;
		margin: 5px 0;
	}
}

@media screen and (max-width: 533px) {
	#praise_block h1 {
		width: 92%;
	}
	#contentSlide {
		margin: 0;
		padding: 0;
		text-align: right;
		position: relative;
		z-index: -1;
	}
}
@media screen and (max-width: 480px) {
	#slideList li {
		max-height: 275px;
	}
}
#loading{
	display: none;
	position: relative;
	margin-left: 41%;
	margin: 0px auto;
	padding-top: 15%;
	width: 50px;
}
.sk-folding-cube {
	margin: 20px auto;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	} 25%, 75% {
		  -webkit-transform: perspective(140px) rotateX(0deg);
		  transform: perspective(140px) rotateX(0deg);
		  opacity: 1;
	  } 90%, 100% {
			-webkit-transform: perspective(140px) rotateY(180deg);
			transform: perspective(140px) rotateY(180deg);
			opacity: 0;
		}
}

@keyframes sk-foldCubeAngle {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	} 25%, 75% {
		  -webkit-transform: perspective(140px) rotateX(0deg);
		  transform: perspective(140px) rotateX(0deg);
		  opacity: 1;
	  } 90%, 100% {
			-webkit-transform: perspective(140px) rotateY(180deg);
			transform: perspective(140px) rotateY(180deg);
			opacity: 0;
		}
}

.top-line{
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 8px;
	top: 0px;
}
.middle-line{

}
.bottom-line{
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 8px;
	top: 33px;
}

#menu-tab:hover .top-line{

	animation: animationFrames linear .4s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation: animationFrames linear .4s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
	-moz-animation: animationFrames linear .4s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: animationFrames linear .4s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation: animationFrames linear .4s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
	0% {
		transform:  translate(0px,0px)  ;
	}
	100% {
		transform:  translate(0px,24px)  ;
	}
}

@-moz-keyframes animationFrames{
	0% {
		-moz-transform:  translate(0px,0px)  ;
	}
	100% {
		-moz-transform:  translate(0px,24px)  ;
	}
}

@-webkit-keyframes animationFrames {
	0% {
		-webkit-transform:  translate(0px,0px)  ;
	}
	100% {
		-webkit-transform:  translate(0px,24px)  ;
	}
}

@-o-keyframes animationFrames {
	0% {
		-o-transform:  translate(0px,0px)  ;
	}
	100% {
		-o-transform:  translate(0px,24px)  ;
	}
}

@-ms-keyframes animationFrames {
	0% {
		-ms-transform:  translate(0px,0px)  ;
	}
	100% {
		-ms-transform:  translate(0px,24px)  ;
	}
}
#menu-tab:hover .bottom-line{
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 8px;

	animation: bottomanimationFrames linear .4s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation: bottomanimationFrames linear .4s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
	-moz-animation: bottomanimationFrames linear .4s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: bottomanimationFrames linear .4s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation: bottomanimationFrames linear .4s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes bottomanimationFrames{
	0% {
		transform:  translate(0px,33px)  ;
	}
	100% {
		transform:  translate(0px,24px)  ;
	}
}

@-moz-keyframes bottomanimationFrames{
	0% {
		-moz-transform:  translate(0px,33px)  ;
	}
	100% {
		-moz-transform:  translate(0px,24px)  ;
	}
}

@-webkit-keyframes bottomanimationFrames {
	0% {
		-webkit-transform:  translate(0px,33px)  ;
	}
	100% {
		-webkit-transform:  translate(0px,24px)  ;
	}
}

@-o-keyframes bottomanimationFrames {
	0% {
		-o-transform:  translate(0px,33px)  ;
	}
	100% {
		-o-transform:  translate(0px,24px)  ;
	}
}

@-ms-keyframes bottomanimationFrames {
	0% {
		-ms-transform:  translate(0px,33px)  ;
	}
	100% {
		-ms-transform:  translate(0px,24px)  ;
	}
}

.middle-line{
	width: 100%;
	height: 2px;
	background: #fff;
	top: 29px;
	position: absolute;
	left: 8px;

}

.arrow-top{
	width: 25%;
	height: 2px;
	background: #fff;
	display: none;
	animation: arrTopanimationFrames linear .4s;
	animation-iteration-count: 1;
	transform-origin: 0% 50%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation: arrTopanimationFrames linear .4s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
	-moz-animation: arrTopanimationFrames linear .4s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 0% 50%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: arrTopanimationFrames linear .4s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 0% 50%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation: arrTopanimationFrames linear .4s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 0% 50%;
	-ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes arrTopanimationFrames{
	0% {
		opacity:0;
		transform:  translate(0px,22px)  rotate(0deg) ;
	}
	100% {
		opacity:1;
		transform:  translate(0px,24px)  rotate(-45deg) ;
	}
}

@-moz-keyframes arrTopanimationFrames{
	0% {
		opacity:0;
		-moz-transform:  translate(0px,22px)  rotate(0deg) ;
	}
	100% {
		opacity:1;
		-moz-transform:  translate(0px,24px)  rotate(-45deg) ;
	}
}

@-webkit-keyframes arrTopanimationFrames {
	0% {
		opacity:0;
		-webkit-transform:  translate(0px,14px)  rotate(0deg) ;
	}
	100% {
		opacity:1;
		-webkit-transform:  translate(0px,24px)  rotate(-45deg) ;
	}
}

@-o-keyframes arrTopanimationFrames {
	0% {
		opacity:0;
		-o-transform:  translate(0px,22px)  rotate(0deg) ;
	}
	100% {
		opacity:1;
		-o-transform:  translate(0px,24px)  rotate(-45deg) ;
	}
}

@-ms-keyframes arrTopanimationFrames {
	0% {
		opacity:0;
		-ms-transform:  translate(0px,22px)  rotate(0deg) ;
	}
	100% {
		opacity:1;
		-ms-transform:  translate(0px,24px)  rotate(-45deg) ;
	}
}

.arrow-bottom{
	width: 25%;
	height: 2px;
	background: #fff;
	display: none;
}

.arrow-bottom{
	animation: arrBottomanimationFrames linear .4s;
	animation-iteration-count: 1;
	transform-origin: 0% 50%;
	animation-fill-mode:forwards; /*when the spec is finished*/
	-webkit-animation: arrBottomanimationFrames linear .4s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
	-moz-animation: arrBottomanimationFrames linear .4s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 0% 50%;
	-moz-animation-fill-mode:forwards; /*FF 5+*/
	-o-animation: arrBottomanimationFrames linear .4s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 0% 50%;
	-o-animation-fill-mode:forwards; /*Not implemented yet*/
	-ms-animation: arrBottomanimationFrames linear .4s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 0% 50%;
	-ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes arrBottomanimationFrames{
	0% {
		opacity:0;
		transform:  translate(0px,22px)  rotate(0deg) ;
	}
	100% {
		opacity:1;
		transform:  translate(0px,16px)  rotate(45deg) ;
	}
}

@-moz-keyframes arrBottomanimationFrames{
	0% {
		opacity:0;
		-moz-transform:  translate(0px,22px)  rotate(0deg) ;
	}
	100% {
		opacity:1;
		-moz-transform:  translate(0px,16px)  rotate(45deg) ;
	}
}

@-webkit-keyframes arrBottomanimationFrames {
	0% {
		opacity:0;
		-webkit-transform:  translate(0px,22px)  rotate(0deg) ;
	}
	100% {
		opacity:1;
		-webkit-transform:  translate(0px,16px)  rotate(45deg) ;
	}
}

@-o-keyframes arrBottomanimationFrames {
	0% {
		opacity:0;
		-o-transform:  translate(0px,22px)  rotate(0deg) ;
	}
	100% {
		opacity:1;
		-o-transform:  translate(0px,16px)  rotate(45deg) ;
	}
}

@-ms-keyframes arrBottomanimationFrames {
	0% {
		opacity:0;
		-ms-transform:  translate(0px,22px)  rotate(0deg) ;
	}
	100% {
		opacity:1;
		-ms-transform:  translate(0px,16px)  rotate(45deg) ;
	}
}

.opened{
	display: block!important;
}