/*
 Theme Name:   Dr. Outevsky Dance
 Description:  A custom theme for Dr. Outevsky Bespoke Dance Education
 Author:       Adam Watts
 Author URI:   https://www.megawatts.ca
 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:  dr-outevsky
*/



/* Universal Styles */

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
}
body * {
	box-sizing: border-box;
	font-family: 'Montserrat', Arial, sans-serif;
}
body p > iframe,
body .row.center > iframe {
	float: none;
	margin: 0 auto 20px auto;
	position: relative;
	max-width: 800px;
	display: inline-block;
	clear: both;
}
body.single .woocommerce-tabs,
body.single section.related.products {
	display: none !important;
	visibility: hidden !important;
}
body.single .woocommerce-tabs .row.center {
	display: none !important;
	visibility: hidden !important;
}
body.single-product #page #content aside#secondary section.widget p {
	margin: 0;
}
body.single p > iframe {
	float: left;
	clear: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
body.page-template-page-template-landing-page .entry-content {
	text-align: center;
}
body.page-template-page-template-landing-page ul.courses {
	padding: 0;
	margin: 50px auto;
	display: block;
	position: relative;
	float: none;
	clear: both;
	text-align: center;
	width: 100%;
}
body.single div.row.center {
	text-align: center;
}
body.single .entry-content > * {
	text-align: center;
}
body.error404 .site-content {
	padding-top: 30px;
}
body.single div.row.center iframe {
	display: block;
	clear: both;
	
	margin: 0 auto 20px auto;
	position: relative;
	float: none;
}
body.page-template-page-template-landing-page ul.courses > li {
	display: inline-block;
	height: 300px;
	width: 100%;
	max-width: 250px;
	float: none;
	margin: 0 auto;
	vertical-align: top;
	background-position: center center;
	background-size: cover;
}
body.page-template-page-template-landing-page header ul.menu {
	display: none;
	visibility: hidden;
}
body.page-template-page-template-landing-page ul.courses > li a.photo {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 250px;
	height: 300px;
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none;
}
body.page-template-page-template-landing-page .entry-content p {
	font-size: 16px;
	line-height: 140%;
}
body.page-template-page-template-landing-page ul.courses > li .shadow {
	height: 300px;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.4));
	transition: background 0.2s ease;
	width: 100%;	
	vertical-align: baseline;	
}
body .entry-summary table.variations tr td {
	width: 100%;
	clear: both;
	display: block;
}
body.single.single-product .woocommerce-variation-add-to-cart .button {
	padding-top: 0;
	padding-bottom: 0;
}
table.shop_table.cart {
	width: 100%;
	border: 1px solid #ddd;
}
table.shop_table.cart thead tr th {
	padding: 10px 0;
	background-color: #000;
	color: #fff;
	text-align: left;
}
.woocommerce-variation-price .woocommerce-Price-amount {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
body .entry-summary table select {
	min-width: 100%;
	max-width: 100%;
	display: block;
	clear: both;
}
body.page-template-page-template-landing-page ul.courses > li .shadow h2 {
	font-size: 40px;
	text-align: left;
	bottom: 10px;
	color: #fff;
	margin: 0;
	padding: 10px;
	line-height: 110%;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
	vertical-align: baseline;
}

body.page-template-page-template-landing-page ul.courses > li div.signup {
	color: light-blue;
	font-size: 24px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	position: absolute;
	width: 250px;
	top: 150px;
	background-position: bottom center;
	transition: all 0.3s ease;
	background-size: auto 150px;
	height: 150px;
	padding: 100px 10px 0 10px;
	left: 0;
	vertical-align: baseline;
	color: #fff;
}
body.page-template-page-template-landing-page ul.courses > li:hover div.signup {
	background-position: bottom right;
	padding: 60px 10px 0 10px;
}
body.page-template-page-template-landing-page ul.courses > li:hover a.photo .shadow {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.1));
}
body.page-template-page-template-landing-page ul.courses > li div.signup span.btn {
	background-color: green;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	padding: 0 20px;
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));
}
.site-content img,
.second-content img {
	max-width: 100%;
	width: auto;
	display: inline-block;
	height: auto;
}
#sharing > a,
#footer-sharing > a {
	width: 48px;
	height: 48px;
	float: none;
	display: inline-block;
	position: relative;
	margin: 0 3px;
}
#footer-sharing > a,
.textwidget a.synved-social-button-share {
	height: 32px !important;
	width: 32px !important;
	margin-right: 5px !important;
	margin-left: 0 !important;
}
#footer-sharing > a img,
.textwidget a.synved-social-button-share img {
	width: 32px !important;
	height: 32px !important;
}
footer#colophon #footer-sharing{
	margin-top: 20px;
}
footer#colophon #footer-sharing > a img {
	filter: grayscale(100%);
}
footer#colophon #footer-sharing > a:hover img {
	filter: grayscale(0%);
}
#sharing > a.custom,
#footer-sharing > a.custom {
	border-radius: 3px;
	overflow: hidden;
	margin-left: 5px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
#sharing > a.custom:hover,
#footer-sharing > a.custom:hover {
	box-shadow: none;
}
body.lg-on #wpadminbar {
	display: none !important;
	visibility: hidden !important;
}
header#masthead {
	background-color: #000;
	padding: 50px 20px 20px 20px;
	width: 100%;
	display: block;
	box-sizing: border-box;
}
button.menu-toggle {
	position: fixed;
	top: 20px;
	right: 20px;
	background-color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	color: #000;
	text-align: center;
	line-height: 50px;
	padding: 0;
	margin: 0;
	display: block;
	z-index: 99999;
}
button.menu-toggle:hover {
	cursor: pointer;
}
body a.skip-link.screen-reader-text {
	display: none;
	visibility:hidden;
}
body.logged-in button.menu-toggle {
	top: 50px;
}
.main-navigation a {
	font-family: 'Playfair Display', Serif;
	color: #fff;
}
#site-navigation .menu-main-container {
	display: none;
	visibility: hidden;
}
body.menu-open #site-navigation {
	display: block;
	width: 100%;
	visibility: visible;
	margin: 0;
	padding: 0;
	z-index: 9999;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	max-width: 100%;
	height: auto;
	min-height: 350px;
	overflow: hidden;
}
#page-testimonials{
	text-align: center;
	display: block;
	width: 100%;
	clear: both;
	padding: 50px;
}
#page-testimonials .sitewidth {
	max-width: 1250px;
	display: inline-block;
	margin: 0 auto;
	position: relative;
	float: none;
	clear: both;
	padding: 0 20px;
}
html.menu-open {
	position: absolute;
	
}
body.menu-open #site-navigation .menu-main-container {
	display: block;
	position: relative;
	visibility: visible;
	overflow: hidden;
	width: 80%;
	max-width: 500px;
	margin: 100px auto 0 10%;
	padding: 20px;
}
body.menu-open .outevsky-menu > a {
	display: none !important;
	visibility: hidden !important;
	z-index: 0;
}
.comment footer.comment-meta {
			display: block;
			clear: both;
			float: left;
			margin: 0;
			width: 100%;
			padding: 10px;
			background-color: #fff;
			border-radius: 10px 10px 0 0;
			height: auto;
			overflow: hidden;
			margin-bottom: 5px;	
  		}
.comment .comment-meta .comment-author img {
	float: left;
	clear: left;
	width: 30px;
	height: auto;
	display: inline-block;
	margin-right: 10px;
}
#comments .comment {
	display: block;
	clear: both;
}
#comments ol.comment-list {
	padding-left: 0;
}
#comments li.comment article {
	padding: 0 20px;
}
#comments li.comment .comment-content {
	padding: 10px;
	background-color: #fff;
	display: block;
	clear: both;
	font-family: 'Roboto', Arial, sans-serif;
}
#comments .reply {
	padding: 6px 0;
}
#comments .reply a {
	color: #000;
	text-decoration: none;
	background-color: #fff;
	padding: 6px;
	vertical-align: middle;
	line-height: 20px;
	display: inline-block;
	border-radius: 0 0 10px 0;
}
#cancel-comment-reply-link::before {
	content: 'X';
	display: inline-block;
	background-color: #000;
	color: #fff;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	font-size: 10px;
	line-height: 16px;
	margin-right: 6px;
	text-align: center;
}
#cancel-comment-reply-link {
	color: #000;
	background-color: #fff;
	padding: 6px 10px;
	vertical-align: middle;
	margin-left: 10px;
	text-decoration: none;
	display: inline-block;
	border-radius: 8px;
}
#comments span.edit-link {
	display: none;
	visibility: hidden;
}
#comments .reply svg {
	width: 20px;
	height: 10px;
}
#comments .comment-metadata a {
	text-decoration: none;
	color: #777;
	font-size: 11px;
	text-transform: uppercase;
}
body.menu-open #site-navigation .menu-main-container #top-menu {
	overflow: hidden;
	display: block;
	width: 100%;
	width: calc(100% + 20px);
	clear: both;
	overflow-y: scroll;
	margin: 0;
	width: 108%;
	padding: 0;
	right: -30px;
}
#top-menu > li.menu-item {
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
}
#top-menu > li.menu-item a {
	display: inline-block;
	float: left;
	clear: left;
	width: 90%;
	font-size: 22px;
	text-decoration: none;
	box-shadow: none;
	width: calc(100% - 40px);
	margin: 0 0 3px 0;
	padding: 15px 20px;
	line-height: 110%;
}
#top-menu > li.menu-item a svg {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	z-index: 999;
	overflow: hidden;
}
body #site-navigation div.logo {
	display: none;
	visibility:hidden;
}

#top-menu li.menu-item-has-children button.dropdown-toggle {
	display: block;
	position: relative;
	right: 0;
	top: 0;
	float: right;
	clear: right;
	height: auto;
	overflow: visible;
	background-color: #777;
	border: 0;
	height: 54px;
	padding: 17px 8px;
	border-left: 1px solid #000;
}
#top-menu li.menu-item-has-children > a > svg {
	display: none;
	visibility: hidden;
}
#top-menu > li.menu-item-has-children > button.dropdown-toggle.toggled-on {
	box-shadow: 2px 0 3px rgba(0,0,0,0.5);
}
#top-menu li.menu-item-has-children button.dropdown-toggle::after {
	content: '';
	border: 10px solid transparent;
	border-top: 10px solid #000;
	display: block;
	margin-top: 5px;
}
#top-menu li.menu-item-has-children button.dropdown-toggle::after:hover {
	cursor: pointer;
}
#top-menu li.menu-item-has-children button.dropdown-toggle.toggled-on::after {
	border-top: 10px solid transparent;
	border-bottom: 10px solid #000;
	margin-top: -10px;
}
#top-menu li.menu-item-has-children button.dropdown-toggle > * {
	display: none;
	visibility: hidden;
}
.post i.fa.fa-play {
	top: 40%;
	top: calc(50% - 20px);
	margin: 0 auto;
	color: #fff;
	border: 2px solid #fff;
	background-color: rgba(0,0,0,0.5);
	display: block;
	float: none;
	clear: both;
	left: calc(50% - 20px);
	position: absolute;
	z-index: 9999;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	line-height: 36px;
}
.entry-content > h1 {
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
}
.entry-content > h4 {
	text-align: center;
	text-transform: none;
	display: block;
	clear: both;
}
.entry-content > h4 > em {
	font-style: normal;
	text-align: center;
	display: border-top: 2px solid #000;
	padding: 10px 20px;
	display: inline-block;
	float: none;
	font-size: 22px;
	clear: both;
}
.post:hover i.fa.fa-play {
	top: calc(50% - 30px);
	width: 60px;
	height: 60px;
	border-radius: 30px;
	left: calc(50% - 30px);
	line-height: 56px;
	transition: all 0.2s ease;
}
#top-menu li.menu-item-has-children button:active,
#top-menu li.menu-item-has-children button:hover {
	outline: 0;
	box-shadow: none;
}
#top-menu li.menu-item-has-children ul.sub-menu {
	display: none;
	visibility: hidden;
}
#top-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item > a::before {
	content: '-';
}
#top-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a::before {
	content: '+';
}
#top-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item > a::before {
	content: ' -- ';
}
#top-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item > a {
	font-size: 0.9em;
	text-transform: uppercase;
}
#top-menu li.menu-item-has-children ul.sub-menu.toggled-on {
	visibility: visible;
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
	height: auto;
	background-color: rgba(255,255,255,0.1);
}
body #site-navigation #top-menu > li.menu-item > a,
body #site-navigation #top-menu > li.menu-item-has-children:hover > a {
	color: #fff;
	/* color: #000 !important; */
}
#top-menu li.menu-item-has-children ul.sub-menu.toggled-on li.menu-item {
	display: inline-block;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
}
body button.menu-toggle i.fa.fa-times {
	display: none;
	visibility: hidden;
}
body.menu-open button.menu-toggle i.fa.fa-times {
	display: block;
	visibility: visible;
}
body.menu-open button.menu-toggle i.fa.fa-bars {
	display: none;
	visibility: hidden;
}
img.alignright {
	float: right;
	clear: right;
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 20px;
}
img.alignleft {
	float: left;
	clear: left;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
}
#top-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > button.dropdown-toggle {
	right: 30px;
}
#top-menu li.menu-item-has-children ul.sub-menu.toggled-on li.menu-item > a {
	color: #fff;
	text-transform: none;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	font-family: 'Playfair Display' , Serif;
	text-transform: none;
	font-size: 32px;
	letter-spacing: 0;
	text-align: center;
}
body.page header.entry-header {
	margin-bottom: 20px;
	text-align: center;
}
body #sbi_images .sbi_item {
	min-width: 320px;
	display: block;
	margin: 0;
	padding: 0;
	width: 320px !important;
	height: 320px !important;
	max-height: 320px;
}
body p.user-note {
	display: block;
	clear: both;
	position: relative;
	margin: 0 auto 30px auto;
	position: relative;
	padding: 20px;
	background-color: #f1f1f1;
	border-radius: 8px;
	font-size: 13px;
}
body p.user-note em {
	font-weight: bold;
	text-decoration: underline;
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
body p.user-note em span.close-me:hover {
	cursor: pointer;
}

body.home .site-content-contain {
	background-color: transparent;
	/* margin-top: 500px; */
	display: block;
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
}
/* body.home .site-content-contain::before {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	min-height: 150px;
	content: '';
	background-image: url(/wp-content/uploads/2019/06/angle-background.png);
	background-repeat: no-repeat;
	background-size: 100% 150px;
} */
body .top-angle {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	min-height: 150px;
	background-image: url(/wp-content/uploads/2019/06/angle-background2.png);
	background-repeat: no-repeat;
	background-size: 100% 150px;
}
body.home .site-content-contain #content {
	background-color: #fff;
	color: #000;
	padding-top: 0;
}
body.home .site-content-contain #content .wrap {
	padding: 0;
}
.thirds {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	float: none;
	text-align: center;
}
.thirds > .third {
	display: inline-block;
	float: none;
	margin: 0 auto;
	position: relative;
	width: 30%;
	max-width: 30%;
	padding: 0;
	margin-bottom: 40px;
	min-height: 100px;
	border: 3px solid #fff;
}
html.js #imagegallery.thirds > .third {
	width: 31%;
	min-width: 300px;
	max-width: 380px;
	max-height: 10000px;
	background-color: transparent;
	height: auto;
	margin: 0;
	border: 40px solid #fff;
	border-bottom: 60px solid #fff;
	border-left: 40px solid #fff;
	border-right: 40px solid #fff;
	clear: none;
	min-height: 200px;
	height: 300px;
	display: block;
	overflow: hidden;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
html.js #imagegallery.thirds > .third a {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
	max-height: 10000px;
	margin: 0;
	padding: 0;
	float: none;

	background-color: transparent;
}
#imagegallery.thirds > .third > a > img {
	width: 100%;
	height: auto;
	display: none !important;
	visibility: hidden !important;
}
#imagegallery.thirds > .third > a {
	max-height: 150px;
	overflow: hidden;
	display: block;
}
#imagegallery.thirds > .third > i {
	position: absolute;
	top: 30px;
	font-size: 50px;
	border: 2px solid #fff;
	width: 80px;
	height: 80px;
	color: #fff;
	background-color: #f1f1f1;
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.1));
	line-height: 80px;
	text-align: center;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 40px;
	opacity: 0.4;
}
#imagegallery.thirds > li.third > i:hover {
	cursor: pointer;
	opacity: 0.9;
}
#lightgallery .third i.fa.fa-play {
	position: absolute;
	left: 50%;
	top: 60px;
	opacity: 0.5;
	transform: -50% -50%;
	font-size: 30px;
	transition: all 0.2s ease;
}
nav.gallerynav,
nav.testnav {
	display: block;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	
}
nav.gallerynav ul,
nav.testnav ul {
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}
.gallerynav ul li,
nav.testnav ul li {
	float: none;
	clear: none;
	display: inline-block;
	margin: 0 auto;
	padding: 10px 15px;
	font-size: 20px;
	font-family: 'Noto Serif', Serif;
}
.gallerynav ul li.current,
nav.testnav ul li.current {
	background-color: #f1f1f1;
	color: #777;
}
.gallerynav ul li:hover,
nav.testnav ul li:hover {
	cursor: pointer;
}
body #hiddengallery {
	display: none !important;
	visibility: hidden !important;
}
.entry-content > img.featured-image {
	float: right;
	clear: right;
	position: relative;
	margin-left: 10px;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 40%;
	height: auto;
}
.testimonial p {
	box-sizing: border-box;
}
.testimonial p em {
	font-size: 13px;
	font-weight: 300;
}
.testimonial p:last-child {
	padding-top: 20px;
}
body #page .wrap, 
body #page #primary {
	max-width: 1200px;
	margin: 0 auto;
	float: none;
	display: block;
}
#lightgallery .third:hover i.fa.fa-play {
	transform: scale(1.3);
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
	opacity: 0.9;
}
.thirds > li.third:nth-child(2),
.thirds > li.third:nth-child(5),
.thirds > li.third:nth-child(8),
.thirds > li.third:nth-child(11),
.thirds > li.third:nth-child(14),
.thirds > li.third:nth-child(17),
.thirds > li.third:nth-child(20),
.thirds > li.third:nth-child(23),
.thirds > li.third:nth-child(26),
.thirds > li.third:nth-child(29),
.thirds > li.third:nth-child(32),
.thirds > li.third:nth-child(35),
.thirds > li.third:nth-child(38),
.thirds > li.third:nth-child(41),
.thirds > li.third:nth-child(44),
.thirds > li.third:nth-child(47),
.thirds > li.third:nth-child(50) {
	margin-left: 5%;
	margin-right: 5%;
}
#lightgallery li img {
	height: auto;
	max-height: 150px;
	overflow: hidden;
}
#lightgallery li:hover {
	cursor: pointer;
}
#lightgallery p.caption {
	font-size: 11px;
	font-style: italic;
	color: #777;
}
body header#masthead {
	background-color: transparent;
	height: 150px;
	width: 100%;
	
	overflow: visible;
	background-image: url(/wp-content/uploads/2019/06/angle-background2.png);
	background-repeat: no-repeat;
	background-size: 100% 150px;
}
body header#masthead {
	background-image: none;
}
body .bottom-angle {
	background-color: transparent;
	height: 150px;
	width: 100%;
	overflow: visible;
	background-image: url(/wp-content/uploads/2019/06/angle-background.png);
	background-repeat: no-repeat;
	background-size: 100% 150px;
}
body .bottom-angle.white {
	background-image: url(/wp-content/uploads/2019/06/angle-background-white.png);
}
body .second-content {
	background-color: #fff;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}
body .main-navigation li li a{
	color: #000;
}
body .main-navigation ul.menu > li:hover > a {
	background-color: transparent;
	color: #fff;
	
	transition: all 0.2s ease;
}
body header#masthead #logo {
	width: auto;
	height: 80px;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
}
body header#masthead #logo img {
	width: auto;
	height: 60px;
	margin: 10px 20px;
	display: inline-block;
	float: left;
	clear: left;
}
body footer#colophon {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	margin-top: 0;
	border: 0;
}
body.home footer#colophon {
	vertical-align: baseline;
	position: relative;
	
	height: 40px;
	min-height: 40px;
	height: auto;
	overflow: hidden;
	border-top: 0;
	line-height: 40px;
	text-align: center;
	color: rgba(255,255,255,0.4);
	width: 100%;
	
	display: block;
}
body.home footer#colophon p.copyright {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 40px;
	
}
body p.copyright {
	text-align: right;
	padding-left: 50px;
	padding-right: 50px;
}
body.page #content {
	padding-top: 150px;
}
body.page header.entry-header h1.entry-title {
	text-align: left;
	font-size: 40px;
}
body .site-footer .widget-area {
	padding-left: 50px;
	padding-right: 50px;
}
header .navigation-top .wrap {
	padding-left: 0;
}
body .site-footer .widget-area .footer-widget-1 {
	width: 50%;
	display: inline-block;
	float: left;
	clear: left;
	position: relative;
	margin: 0;
	padding: 0;
}
body .site-footer .widget-area .footer-widget-1 > section {
	display: inline-block;
	width: 50%;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	clear: none;
	
}
body.home .outevsky-logo {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	float: none;
	display: block;
}
body .site-navigation-fixed.navigation-top {
	background-color: transparent;
	float: right;
	clear: right;
	position: relative;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: auto;
	border: 0;
	top: 0;
}
#content #primary header.entry-header h2.entry-title {
	color: #fff;
}
.outevsky-menu a.link {
	position: absolute;
	z-index: 88888;
	font-size: 30px;
	display: block;
	text-transform: uppercase;
	font-family: 'Noto Serif', Serif;
	font-weight: bold;
	opacity: 1;
	color: #fff;
	transition: all 0.2s ease;
	text-shadow: 0 0 8px rgba(0,0,0,0.8);
}
.outevsky-menu a.link:hover {
	opacity: 1;
	
	/* text-shadow: 0 0 10px #fff; */
}
body.home #content #primary header.entry-header {
	display: none;
	visibility: hidden;
}
body.home .outevsky-logo .logo {
	margin: 0 auto;
	float: none;
	display: block;
	clear: both;
	padding: 0;
	width: 150px;
	height: auto;
}
html {
  scroll-behavior: smooth;
}
p.dro-btn {
	text-align: center;
	margin: 30px auto 0 auto;
	display: block;
	clear: both;
	position: relative;
	width: 100%;
	padding: 0;
}
.entry-content > p.dro-btn {
	padding: 50px 0;
}
p.dro-btn > a {
	padding: 10px 20px;
	line-height: 120%;
	margin: 0 auto;
	float: none;
	clear: both;
	display: inline-block;
	text-align: center;
	background-color: #000;
	box-shadow: none !important;
	color: #fff;
	text-decoration: none;
	font-family: 'Noto Serif', Serif;
	font-weight: 500;
	border: 3px solid #000;
	font-size: 22px;
}
#training-workshops li {
	padding: 20px 0;
	display: inline-block;
	width: 100%;
	clear: both;
	float: left;
	margin: 0;
	border-bottom: 2px dashed #ddd;
}
#training-workshops li a.bg {
	display: inline-block;
	width: 40%;
	float: left;
	max-height: 200px;
	overflow: hidden;
	clear: left;
	max-width: 250px;
	height: auto;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	background-position: center center;
	background-size: cover;
}
#mainimage.row {
	text-align: center;
}
#mainimage.row img {
	float: none;
	clear: both;
	margin: 0 auto;
}
#training-workshops p.workshop-title {
	font-size: 22px;
	box-shadow: none;
	text-decoration: none;
}
p.dro-btn > a:hover {
	background-color: #fff;
	box-shadow: none !impobody.homertant;
	color: #000;
}
body.single-gallery .page-banner {
	background-image: none !important;
	background-color: #000;
}
body h2.widget-title {
	color: #fff;
	text-align: left;
	font-size: 18px;
	font-family: 'Noto Serif', Sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	display: inline-block;
	width: 100%;
	clear: both;
	letter-spacing: 0;
	text-transform: none;
}
body.single #postnav {
	display: block;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	background-color: #fff;
	color: #fff;
}
body.single #postnav a {
	box-shadow: none;
	color: #fff;
	font-family: 'Noto Serif', Serif;
	font-size: 16px;
}
body.single #postnav nav a {
	color: #fff;
	box-shadow: none;
}
body .page-banner h2.page-title {
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.7);
	text-align: left;
	margin-top: 50px;
	padding-left: 50px;
}
body.single #postnav nav a span.nav-title {
	color: #fff;
}
body.single #postnav nav {
	padding: 0;
	margin: 0;
	width: 100%;
}
#colophon .widget ul li {
	border: 0;
	padding: 0;
	position: relative;
	width: 100%;
	float: left;
	display: inline-block;
	margin: 0;
	clear: both;
}
#colophon .widget ul li a {
	display: inline-block;
	float: left;
	clear: both;
	padding: 6px 10px;
	color: #fff;
	box-shadow: none;
	font-family: 'Roboto', Serif;
	font-size: 16px;
}
#colophon .widget ul li a:hover {
	text-decoration: none;
}
body .site-content {
	padding-top: 180px;
}
body.archive .site-content,
body.blog .site-content,
body.category .site-content {
	padding-top: 0px;
}
body.single #content #primary {
	width: 100%;
	clear: both;
	display: inline-block;
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.second-content .bxslider {
	clear: both;
	display: block;
	float: none;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}
body .row {
	display: block;
	clear: both;
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	float: none;
	width: 100%;
	height: auto;
	overflow: hidden;
}
body .bx-wrapper,
body .bx-viewport {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	left: 0;
}
ul.bxslider {
	border-top: 1px solid #999;
}
ul.bxslider li p {
	padding: 60px 100px 20px 100px;
	display: block;
	width: 100%;
	clear: both;
	margin: 0;
	text-align: center;
	font-family: 'Noto Serif', Serif;
	font-size: 20px;
	color: #999;
}
.featherlight-next span,
.featherlight-previous span {
	display: block;
	
}
.featherlight-next span img,
.featherlight-previous span img {
	height: 60px !important;
	width: 60px !important;
	border-radius: 30px !important;
	opacity: 0.4;
	transform: scale(1);
	transition: all 0.2s ease;
}
.featherlight-next span:hover img,
.featherlight-previous span:hover img {
	opacity: 0.9;
	transform: scale(1.05);
	
}
.featherlight-next {
	display: block;
	position: fixed;
	right: -100px;
} 
.featherlight-previous {
	display: block;
	
	position: fixed;
	left: -100px;
}
.featherlight-next:hover, .featherlight-previous:hover {
	background-color: transparent !important;
}
body.single-post article.post,
body.single-post #comments {
	margin: 30px auto;
	float: none;
	display: block;
	clear: both;
	width: 90%;
	max-width: 600px;
}
body.single-post #comments {
	padding: 0 0 20px 0;
	background-color: #f1f1f1;
}
body.single-post #comments h3#reply-title {
	margin: 0;
	padding: 20px;
	background-color: #ccc;
	color: #fff;
	width: 100%;
}
body.single-post #comments p.logged-in-as a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background-color: #fff;
	border-radius: 5px;
	padding: 5px 15px;
}
body.single-post #comments form {
	padding: 0 20px;
}
body.single-post #comments form label {
	color: #555;
}
body.single-post #comments .comments-title {
	padding: 20px;
}
body.single-post #comments form input[type="submit"] {
	background-color: #ccc;
	color: #fff;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: bold;
	border: 0;
}
body.single-post #comments form input[type="submit"]:hover {
	background-color: #000;
	cursor:pointer;
}
body.single-post #comments .comment-form-comment {
	margin: 0;
	padding: 0;
}
body.single-post #comments .comment-form-comment label {
	clear: both;
	width: 100%;
	text-align: left;
}
body.single-post #comments .comment-form-comment textarea {
	display: block;
	width: 100%;
	
}


/* Phone Only Styles */
@media All and (max-width: 800px) {
	
	body.home .outevsky-logo .logo{
		width: 150px;	
	}
	body.home {
		background-position: top center;	
	}
	body header#masthead {
		height: 80px;	
	}
	body.lg-on header#masthead {
		display: none;
		visibility: hidden;	
	}
	#primary .thirds > li.third{
		width: 100%;
		clear: both;
		max-width: 400px;
		margin: 0 auto 30px auto;
		display: block;
		position: relative;
		float: none;
	}
	body header#masthead #logo {
		max-width: 150px;
		float: left;	
	}
	body.logged-in button.menu-toggle{
		top: 20px;	
	}
	nav#site-navigation.toggled-on .menu-main-container #top-menu {
		z-index: 99999;	
	}
	#second-content {
		padding-top: 30px;	
	}
	nav#site-navigation{
		z-index: 999999999;	
	}
	ul.bxslider li p {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 15px;	
	}
	footer#colophon .widget ul li a {
		height: auto;
		line-height: 110%;
		padding: 5px;	
	}
	body #page footer#colophon p.copyright {
		color: #fff;
		font-size: 12px;	
	}
	.entry-content img.featured-image {
		width: 100%;
		clear: both;
		margin: 0 auto 20px auto;
		display: block;
		max-width: 100%;
		float: none;
		padding: 0;	
	}
	#training-workshops li a.bg {
		width: 100%;
		height: 150px;
		background-color: #f1f1f1;
		box-shadow: none;
		max-width: 100%;
		clear: both;
		margin: 0 auto 20px auto;	
		border: 0;
	}
	body footer#colophon ul.social > li, ul.social > li {
		margin: 0 2px;	
	}
	body .site-footer .widget-area {
		padding-left: 20px;
		padding-right: 20px;	
	}
	#testimonial-list li.testimonial {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		font-size: 13px;	
	}
	#testimonial-list li.testimonial p {
		font-size: 13px;	
	}
	body.single #content {
		padding-top: 30px;	
	}
	body.single #content .wrap {
		padding-left: 20px;
		padding-right: 20px;	
	}
	.gallerynav ul li {
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;	
	}
	#primary .entry-content ul.social > li > a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
		border-radius: 15px;	
	}
}

@media All and (max-width: 800px) {
	body .site-footer .widget-area .footer-widget-1,
	.site-footer .widget-column.footer-widget-2 {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
		clear: both;
		float: none;	
	}
	.desktop.menu {
		display: none;
		visibility: hidden;	
	}
	body .site-footer .widget-area .footer-widget-1 section {
		width: 100%;
		margin: 0 0 30px 0;
		padding: 0;
		display: block;
		clear: both;
		float: none;	
	}
	#training-workshops li {
		border-bottom: 0;	
	}
	body.menu-open .outevsky-menu {
		display: none !important;
		visibility: hidden !important;	
	}
	body.home .second-content {
		padding-top: 30px;	
	}
	body .navigation-top  {
		background-color: transparent;
		border: 0;
		padding: 0;
		overflow: visible;
		width: auto;
		max-width: 150px;	
		margin-right: 0;
		float: right;
	}
	html.js .menu-toggle {
		position: fixed;
		top: 6px;
		right: 6px;
		z-index: 999999;
		background-color: rgba(255,255,255,0.5);	
	}
	html #wpadminbar {
		display: none !important;
		visibility: hidden !important;	
	}
	html.js {
		margin-top: 0 !important;	
		overflow-x: hidden;
	}
	nav#site-navigation {
		width: auto;
		display: inline-block;
		float: right;
		clear: right;
		position: relative;
		max-width: 200px;	
	}
	nav#site-navigation .menu-main-container {
		display: none;
		visibility: hidden;
		opacity: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		background-color: transparent;	
	}
	body.menu-open nav#site-navigation.toggled-on .menu-main-container {
		margin: 0;
		padding: 0;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;	
	}
	nav#site-navigation.toggled-on .menu-main-container {
		
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		z-index: 8888888;
		opacity: 1;
		
		visibility: visible;
		min-height: 350px;	
	}
	nav#site-navigation.toggled-on .menu-toggle {
		z-index: 99999999;	
	} 
	nav#site-navigation.toggled-on .menu-main-container #top-menu {
		padding-top: 80px;
		background-color: transparent;	
	}
	#top-menu > li {
		background-color: #000;
		height: auto;
		overflow: hidden;	
	}
	.desktop.menu #top-menu > li > a {
		padding-left: 10px;
		font-size: 18px;	
	}
	.dekstop.menu #top-menu .dropdown-toggle {
		color: #fff;
		margin-right: 10px;	
	}
	#top-menu > li > ul {
		background-color: transparent;	
	}
	#top-menu > li > ul > li > a {
		color: #fff;	
		text-transform: uppercase;
	}
	.page:not(.home) #content {
		padding-top: 50px;	
	}
	body.page header.entry-header h1.entry-title {
		line-height: 110%;	
	}
	#logo a {
		display: block;
		height: auto;
		width: auto;
		position: relative;
		overflow: hidden;	
	}
	#page .outevsky-menu {
		margin-top: 150px;
			
	}
	.outevsky-menu a.link {
		position: relative;
		width: auto;
		display: block;
		text-align: center;
		margin: 0 auto 10px auto;
		float: none;
		max-width: 100%;	
	}
	body.home footer#colophon {
		position: relative;
		width: auto;
		margin-top: 0 !important;	
	}
	body #page footer#colophon p.copyright {
		line-height: 120%;
		margin-top: 0;
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
	}
	footer .footer-widget-2 > section {
		padding-bottom: 10px;	
	} 
	footer #media_image-2 {
		margin-top: 30px;	
	}
	/* body.home #page .outevsky-logo {
		display: none;
		visibility: hidden;	
	} */
	body section h2.widget-title {
		text-align: center;
	}
	#colophon .widget ul li {
		text-align: center;
		margin-bottom: 5px;	
	}
	#colophon .widget ul li a {
		text-transform: uppercase;
		text-align: center;	
		padding: 0px 10px;
		line-height: 30px;
		height: 30px;
		float: none;
		color: #fff;
		font-weight: bold;
		font-family: 'Noto Serif', Serif;
	}
	body.page header#masthead,
	body.single header#masthead {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	body.page .page-banner,
	body.single .page-banner {
		padding: 110px 0 0 0;
		display: inline-block;
		width: 100%;
		height: auto;
		overflow: hidden;
		clear: both;
		float: left;
		margin: 0;	
		background-size: auto 300px;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center -100px;
	}
	.main-navigation ul ul.toggled-on {
		background-color: transparent;	
	}
	.main-navigation ul ul.toggled-on > li > a {
		color: #fff;	
	}
	body.page .page-banner::before,
	body.single .page-banner::before {
		content: '';
		height: 0;
		width: 100%;
		display: block;
		z-index: 99;
	}
	.site-content-contain {
		display: block;
		clear: both;
		background-color: transparent;	
	}
	body .page-banner h2.page-title {
		margin: 0;
		padding: 0 50px 80px 50px;
		color: #fff;
		text-align: right;
		text-shadow: 0 0 5px rgba(0,0,0,0.5);	
	}
	/* body.page article > header.entry-header {
		display: none;
		visibility: hidden;	
	} */
	body .bottom-angle,
	body .top-angle {
		height: 100px;
		background-size: 100% 100px;	
	}
	body #page header#masthead {
		background-size: 100% 100px;	
	}
	body #page header#masthead #logo {
		height: 60px;	
	}
	body #page header#masthead #logo img{
		height: 40px;	
	}
}

/* end Phone Only Styles */



/* Tablet Only Styles */
@media All and (min-width: 650px) {
	
	body.menu-open,
	html.menu-open {
		position: fixed;	
	}
	body.home .outevsky-logo .logo {
		width: 150px;	
	}
	body.single-product .woocommerce-product-gallery__wrapper > iframe {
		float: none;
		clear: both;
		margin: 0 auto 30px auto;
		position: relative;
		display: block;
		max-width: 500px;	
	}
	body.single-product .wcppec-checkout-buttons,
	body.single-product form.cart {
		width: auto;
		display: inline-block;
		position: relative;
		text-align: center;
		clear: none;
		vertical-align: top;
		width: 45%;
		margin: 0 auto 20px auto;	
	}
	body.single-product form.cart {
		margin-right: 8%;	
	}
	.woocommerce #primary ul.products span.price > span, .single-product p.price > span,
	.woocommerce #primary ul.products span.price > span, .single-product #primary p.price > span {
		font-size: 22px;
		background-color: transparent;
		padding: 0;
		color: #000;	
	}
	body.single-product form.cart button {
		height: 36px;
		line-height: 36px;
		font-size: 16px;
		font-weight: bold;
		border-radius: 0;	
		border: 0;
		background-color: red;
		color: #fff;
		padding: 0 20px;
		text-transform: uppercase;
	}
	body.single-product form.cart input {
		font-size: 22px;
		padding: 3px;
			
	}
	body.single-product .entry-summary h1.product_title {
		text-align: center;	
	}
	body.single-product #primary .entry-content > * {
		text-align: left;	
	}
	body.single-product .woocommerce-tabs,
	body.single-product #content #primary div.product .woocommerce-product-gallery,
	body.single-product #content #primary div.product .entry-summary {
		text-align: left;
		max-width: 800px;
		margin: 50px auto;
		float: none;
		display: block;
		clear: both;	
	}
	body.menu-open #site-navigation .logo {
		position: relative;
		float: right;
		visibility: visible;
		clear: right;
		width: 30%;
		position: absolute;
		margin-right: 10%;
		display: block;right: 10%;
		top: 20%;
		overflow: hidden;
		max-width: 500px;	
		left: auto;
	}
	#site-navigation .logo a,
	#site-navigation .logo img {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;	
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > a {
		line-height: 40px;
		height: 40px;
		padding-top: 0;
		padding-bottom: 0;	
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children:hover > ul.sub-menu {
		display: block;
		position: absolute;
		z-index: 999;
		background-color: #fff;
		border-top: 2px solid red;
		padding: 0;
		margin: 0;
		width: 220px;
		visibility: visible;
		font-size: 16px;	
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item,
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:hover > ul.sub-menu > li.menu-item {
		display: inline-block;
		margin: 0;
		padding: 0;
		width: 100%;
		clear: both;
		float: left;
		position: relative;
		border-bottom: 1px solid #ddd;	
	}
	body.blog article.post,
	body.category article.post,
	body.archive article.post,
	body.search article.post {
		max-width: 650px;
		margin: 60px auto 30px auto;
		position: relative;
		display: block;
		float: none;
		clear: both;
		padding: 0;
	}
	article.post .leftside {
		float: left;
		clear: left;
		display: inline-block;
		width: 38%;
		margin-right: 2%;
		position: relative;	
	}
	article.post .leftside header,
	article.post .leftside .entry-content {
		text-align: left;	
	}
	body.blog article.post header .underliner {
		margin-left: 0;
		background-color: #000;	
	}
	body.blog article.post header h2,
	body.category article.post header h2,
	body.archive article.post header h2,
	body.search article.post header h2 {
		text-align: left;	
		margin: 0;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
	}
	body.blog article.post header h2 a,
	body.category article.post header h2 a,
	body.archive article.post header h2 a,
	body.search article.post header h2 a {
		text-decoration: none;
		color: #000;
			
	}
	body.blog article.post header .entry-meta ,
	body.category article.post header .entry-meta ,
	body.archive article.post header .entry-meta ,
	body.search article.post header .entry-meta {
		padding-left: 10px;
		color: #555;
		text-align: left;
	}
	
	article.post .rightside header .entry-meta,
	article.post .rightside header .entry-meta a {
		text-transform: none;
		text-align: left;
		text-decoration: none;
		font-size: 13px;
		color: #555;	
	}
	article.post .rightside header .entry-meta a {
		margin-left: 6px;	
	}
	
	body.blog article.post header h1 a {
		color: #000;
		text-align: left;
		text-decoration: none;	
	}
	article.post .rightside {
		float: right;
		clear: right;
		position: relative;
		display: inline-block;
		width: 58%;
		margin-left: 2%;
		padding: 0;	
	}
	article.post {
		display: block;
		height: auto;
		overflow: hidden;
		padding-bottom: 30px;	
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:hover > ul.sub-menu > li.menu-item{
		border-bottom: 1px solid #fff;	
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:last-child,
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:hover > ul.sub-menu > li.menu-item:last-child {
		border-bottom: 0px;	
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item > a,
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:hover > ul.sub-menu > li.menu-item > a {
		padding: 8px 10px;
		display: inline-block;
		width: 100%;
		font-size: 16px;
		color: #555;
		text-decoration: none;
		position: relative;
		transition: all 0.2s ease;
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:hover > ul.sub-menu > li.menu-item > a {
		color: #000;
		background-color: #ddd;
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item > a svg {
		float: right;
		position: absolute;
		transform: rotate(-90deg);
		fill: #555;
		right: auto;
		transition: right 0.2s ease;
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:hover > a svg {
		fill: #fff;	
		right: 10px;

	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:hover > a {
		background-color: #000;
		color: #fff;
		padding-left: 13px;
		transition: padding 0.2s ease;
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:hover > ul.sub-menu {
		display: inline-block;
		visibility: visible;
		position: relative;
		width: 100%;
		clear: both;
		padding: 0;
		margin: 0;
		border-top: 2px solid red;
		box-shadow: 2px 3px 3px rgba(0,0,0,0.5);
		position: absolute;
		left: 220px;
		top: 0px;
		display: block;
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item:hover > ul.sub-menu > li.menu-item:hover > a {
		background-color: #f1f1f1;
		color: #000;
	}
	
	

}
/* end Tablet Only Styles */

#outevsky-galleries {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	clear: both;
	float: none;
	width: 100%;
	vertical-align: top;
}
#outevsky-galleries li {
	width: 30%;
	float: none;
	vertical-align: top;
	overflow: hidden;
	clear: none;
	min-width: 200px;
	margin-bottom: 20px;
	display: inline-block;
	position:relative;
	padding: 0;
	height: 150px;
	transform: filter(greyscale, 1);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.2s ease;
}
#outevsky-galleries li:hover {
	transform: filter(greyscale, 0);
	transition: all 0.2s ease;
}
#outevsky-galleries li:nth-child(2),
#outevsky-galleries li:nth-child(5) {
	margin-left: 5%;
	margin-right: 5%;
}
#outevsky-galleries li a {
	width: 100%;
	box-shadow: none;
	display: block;
	line-height: 110%;
	color: #fff;
	font-weight: bold;
	font-family: 'Noto Serif', Serif;
	padding: 100px 50px 20px 50px;
}
.page:not(.home) #page #content {
	padding-top: 0;
}

body .page-banner {
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
	background-attachment: fixed;
}
.entry-content > h2 {
	font-weight: bold;
	font-family: 'Noto Serif', Serif;
	color: #000;
	margin-top: 30px;
}
.second-content h2 {
	font-family: 'Noto Serif', Serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	
}
.entry-content > p {
	font-family: 'Roboto', Arial, sans-serif;
	color: #555;
	line-height: 150%;
	font-size: 18px;
	font-weight: 300;
}
body.home .second-content .rightside ul {
	padding-left: 40px;
	font-size: 20px;
	font-family: 'Roboto', Arial, sans-serif;
}
.outevsky-logo {
	transition: all 0.3s ease;
}
.outevsky-logo.practice {
	transform: rotate(90deg);
	
}
.outevsky-logo.studies {
	transform: rotate(-90deg);
}
body .entry-content p a,
body .second-content p a {
	font-weight: bold;
	
}
ul.social {
	display: block;
	clear: both;
	width: auto;
	text-align: center;
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
}
body footer#colophon ul.social > li,
ul.social > li {
	display: inline-block;
	float: none;
	width: auto;
	clear: none;
	margin: 0 4px;
	position: relative;
	text-align: center;
	padding: 0;
}
body footer#colophon ul.social > li > a,
ul.social > li > a,
#site-navigation ul.social > li > a {
	box-shadow: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 16px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #fff;
	color: #000;
	border-radius: 15px;
	text-align: center;
	line-height: 30px;
}
.entry-content ul.social {
	text-align: left;
}
.entry-content ul.social > li > a {
	color: #fff;
	background-color: #000;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	line-height: 40px;
}

#testimonial-list {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 0;
	position: relative;
	float: none;
	
}
#testimonial-list li.testimonial {
	display: inline-block;
	clear: both;
	height: auto;
	overflow: hidden;
	padding: 20px;
	border-bottom: 2px dashed #ddd;
	font-size: 1.2em;
	width: 100%;
	transition: all 0.2s ease;
}
.entry-content ul.links {
	margin: 0 auto;
	padding: 50px 0;
	position: relative;
	display: block;
	height: auto;
	clear: both;
	width: 100%;
	max-width: 650px;
	float: none;
}
.entry-content ul.links > li.link {
	display: block;
	clear: both;
	width: 100%;
	padding: 0 10px;
	border-bottom: 10px solid #ddd;
	background-image: linear-gradient(to bottom, transparent 0px, transparent 60px, rgba(0,0,0,0.05));
	height: auto;
	overflow: hidden;
	border-radius: 0;
	position: relative;
	
}
.entry-content ul.links > li.link > a.link-title {
	margin-top: 10px;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 0;
	padding-top: 20px;
	margin-left: 0;
	display: inline-block;
	box-shadow: none;
	
}
.entry-content ul.links > li.link a.photo {
	width: 250px;
	height: 300px;
	border: 3px solid #fff;
	display: inline-block;
	margin-left: 0;
	margin-right: 20px;
	float: left;
	clear: left;
	margin-bottom: 20px;
	box-shadow: none;
	background-size: cover;
	background-position: center center;
}
.entry-content ul.links > li.link > p {
	margin-left: 0;
	margin-bottom: 30px;
	color: #555;
}
.entry-content ul.links > li.link > p.hyperlink {
	font-weight: light;
	font-size: 11px;
	margin-left: 0;
	text-decoration: underline;
}
.entry-content ul.links > li.link > p.hyperlink > a {
	box-shadow: none;
}
#similar.row {
	width: 100%;
	clear: both;
	margin: 0;
	padding: 50px 0;
	display: block;
	height: auto;
	text-align: center;
	overflow: hidden;
}
#similar.row > h3 {
	font-weight: bold;
	font-family: 'Roboto Condensed';
	color: #777;
}
#similar.row .post {
	display: inline-block;
	float: none;
	margin: 0 6px 12px 6px;
	box-sizing: border-box;
	position: relative;
	height: 300px;
	padding: 20px;
	min-width: 240px;
	width: 240px;
	max-width: 240px;
	background-image: linear-gradient(to bottom, #000, #000);
	transition: background 0.2s ease;
}
#similar.row .post > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
	height: 300px;
	z-index: 9;
	box-shadow: none;
	
}
#similar.row .post:hover {
	background-image: linear-gradient(to bottom, transparent, #000);
	transition: background 0.2s ease;
}
#testimonial-list p.by {
	display: none;
	visibility: hidden;
}
#similar.row .post .bgimg {
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 300px;
	opacity: 0.3;
	transition: opacity 0.2s ease;
}
#similar.row .post:hover .bgimg {
	opacity: 0.9;
	transition: opacity 0.2s ease;
}
#similar.row .post h2 {
	color: #fff;
	font-weight: bold;
	text-align: left;
	bottom: 20px;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding: 0 20px 20px 20px;
	margin: 0;
	box-sizing: border-box;
	font-size: 18px;
	position: absolute;
	display: block;
	width: 100%;
	transition: bottom 0.4s ease;
}
#similar.row .post:hover h2 {
	bottom: 50px;
	transition: bottom 0.4s ease;
}
body .second-content p a {
	clear: left;
	color: #000;
	text-decoration: none;
	margin-top: 20px;
	display:block;
	float: none;
}
.second-content p {
	color: #777;
	line-height: 140%;
	font-size: 18px;
}

@media All and (min-width: 650px) {


	body #page .wrap, 
	body #page #primary,
	body .site-footer .widget-area {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		max-width: 90%;
	}
	body.single-post #page #primary,
	body.single #page #primary {
		max-width: 100%;
	}

}

html.js body #page #imagegallery li.image,
html.js body #page #imagegallery li.video {
	height: 300px;
	overflow: hidden;
	display: block;

	padding: 0;
	
}
html.js body #page #imagegallery li.image a,
html.js body #page #imagegallery li.video a {
	background-size: cover;
	background-position: center center;
	height: 300px;
}
html.js body #page #imagegallery li.image img,
html.js body #page #imagegallery li.video img {
	display: none;
	visibility: hidden;
}

/* Desktop Only Styles */
@media All and (min-width: 650px) {
	body.home {
		transition: background 0.2s ease;
		background-position: center center;	
	}
	body.home .redshoes {
		background-position: center center;	
	}
	#imagegallery {
		max-width: 1124px;
		margin: 0 auto;
		float: none;
		clear: both;
		overflow: hidden;
		display: block;	
	}
	.desktop.menu {
		float: right;
		clear: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		position: relative;
		max-width: calc(100% - 250px);	
	}
	.desktop.menu ul.sub-menu {
		display: none;
		visibility: hidden;
	}
	.desktop.menu li.menu-item > a > svg {
		width: 20px;
		height: 20px;
		display: inline-block;	
		color: #fff;
		padding-top: 4px;
		margin-left: 5px;
	}
	.desktop.menu ul#desktop-menu > li.menu-item {
		display: inline-block;
		margin: 0;
		padding: 0;
		position: relative;
		float: none;
		clear: none;	
	}
	
	.desktop.menu ul#desktop-menu > li.menu-item > a {
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		padding: 0 10px;
		height: 40px;
		line-height: 40px;
		vertical-align: top;
		display: block;
		text-shadow: 0 0 3px rgba(0,0,0,0.8);	
	}
	.desktop.menu ul#desktop-menu > li.menu-item-has-children:hover > ul.sub-menu {
		display: block;
		position: absolute;
		top: 40px;
		left: 0;
		z-index: 99999999;
		box-shadow: 2px 3px 3px rgba(0,0,0,0.6);	
	}
	.desktop.menu ul#desktop-menu > li.menu-item:hover > a {
		background-color: rgba(0,0,0,0.5);
		transition: background 0.2s ease;	
	}
	.desktop.menu ul#desktop-menu > li.menu-item > a svg {
		fill: #fff;	
	}
	body .redshoes {
		background-image: url(/wp-content/uploads/2019/07/dr-david-outevsky_dance_red-shoes2-1.jpg);	
		width: 100%;
		background-size: cover;
		background-attachment: fixed;
		background-position: center center;
		position: absolute;
		opacity: 0;
		top: 0;
		left: 0;
		z-index: 0;
		display: block;
		height: auto;
		min-height: 500px;
		transition: opacity: 0.2s ease;
	}
	#training-workshops {
		display: block;
		margin: 0 0 30px 0;
		padding: 0;
		height: auto;
		overflow: hidden;
		text-align: center;	
	}
	#training-workshops li {
		width: 30%;
		float: none;
		clear: none;
		display: inline-block;
		position: relative;
		padding: 0;
		border: 0;
		margin: 0 0 20px 0;	
		vertical-align: top;
	}
	#training-workshops p.workshop-title a {
		box-shadow: none;	
	}
	#training-workshops li:nth-child(2),
	#training-workshops li:nth-child(5),
	#training-workshops li:nth-child(8),
	#training-workshops li:nth-child(11),
	#training-workshops li:nth-child(14),
	#training-workshops li:nth-child(17),
	#training-workshops li:nth-child(20),
	#training-workshops li:nth-child(23) {
		margin: 0 4% 20px 4%;	
	}
	#navrow {
		margin-top: 40px;
		display: block;
		clear: both;
		position: relative;
		height: auto;
		overflow: hidden;
		padding: 30px 0;	
	}
	#navrow p.dro-btn {
		display: inline-block;
		float: none;
		width: auto;
		clear: both;
		width: 100%;
		text-align: center;
		margin: 0 0 10px 0;
		padding: 0;
		background-color: transparent;
		position: relative;	
	}
	#navrow p.dro-btn > a {
		display: inline-block;
		width: auto;
		padding: 10px 25px;
		background-color: #000;
		float: none;
		clear: both;
		border: 5px solid #000;
		margin: 0 auto;
	}
	#navrow p.dro-btn > a:hover {
		border: 5px solid #000;
		background-color: #fff;
		color: #000;
	}
	body.single .site-content {
		padding-top: 0;
	}
	#training-workshops li a.bg {
		width: 100%;
		height: 300px;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		background-color: #f1f1f1;
		background-size: 100% cover;
		background-repeat: no-repeat;
		margin-bottom: 10px;
		box-shadow: none;	
	}
	#page-hero.hero {
		padding-top: 300px;
		padding-bottom: 150px;	
		display: block;
		position: relative;
		width: 100%;
		clear: both;
		margin: 0;
		background-size: 100% auto;
		background-position:center center;
	}
	body #page #content > .wrap,
	body #page #content > .wrap #primary  {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.sitewidth {
		max-width: 1250px;	
		margin-left: auto;
		margin-right: auto;
	}
	#training-workshops li a.bg img {
		box-shadow: none;
	}
	body.home #primary .panel-content > .wrap {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
		display: block;	
	}
	

	body.outevsky-hover .redshoes {
		opacity: 1;
			
	}
	body.home div.outevsky-logo {
		width: 80%;
		max-width: 250px;
		left: 0;
		position: absolute;
		left: calc(50% - 125px);
		
		z-index: 5;
	}
	body header#masthead {
		position: fixed;	
		top: 0;
		background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);
		background-color: #000;
		left: 0;
		padding: 0;
		height: auto;
		overflow: visible;
		width: 100%;
		z-index: 999999;
	}
	body header ul#desktop-menu {
		padding-left: 0;	
	}
	body header#masthead #logo,
	body header#masthead #logo img {
		height: 50px;
		width: auto;
		margin-left: 0;
		margin-right: 0;	
	}
	#primary .entry-content .wp-block-cover > .wp-block-cover__inner-container,
	#primary .entry-content .wp-block-group > .wp-block-group__inner-container {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		position: relative;	
	}
	body #primary .entry-content > .wp-block-group:last-child {
		padding-bottom: 180px;
		margin-bottom: -150px;	
	}
	body.logged-in header#masthead {
		top: 0;
	}
	.admin-bar .site-navigation-fixed.navigation-top {
		top: 10px;
		float: left;
	}
	.main-navigation a {
		font-family: 'Noto Serif', Sans-serif;
		color: #fff;
		text-transform: uppercase;
		font-size: 15px;
		padding: 1em 10px;
	}
	.main-navigation ul.menu > li > a {
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
	}
	.main-navigation ul.menu > li:hover > a {
		color: rgba(255,255,255,0.6) !important;
		text-shadow: none;
	}
	.outevsky-menu {
		position: absolute;
		display: block;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		top: 0;	
	}
	.entry-content ul > li {
		margin-bottom: 15px;	
	}
	body.home .outevsky-logo .logo {
		width: 200px;	
	}
	body.home .outevsky-logo .logo img {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	body .page-banner {
		padding: 110px 0 0 0;	
	}
	
	#colophon ul.menu {
		margin: 0;
		padding: 0;	
	}
	#colophon h2,
	#colophon ul.menu li a {
		font-style: normal;	
	}
	body .site-footer .widget-column.footer-widget-2 {
		width: 30%;
		float: right;
		clear: right;
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	body p.copyright {
		font-size: 11px;
		display: block;
		padding: 0;
		margin: 0 auto;
		width: 100%;
		max-width: 1200px;
		float: none;
		clear: both;	
	}
	body.single-gallery .site-content {
		padding-top: 0;
	}
	
	#outevsky-dance.thirds > li.third {
		width: 30%;
		border: 0;
	}
	#outevsky-dance.thirds {
		padding: 50px 0;
	}
	#outevsky-dance.thirds > li.third a.bg {
		height: 150px;
		width: 100%;
		display: block;
		margin: 0 0 10px 0;
		padding: 0;
		background-size: cover;
		background-repeat: no-repeat;
		backgroudn-position: center center;	
	}
	#outevsky-dance.thirds > li.third a:nth-child(2) {
		font-size: 20px;
		font-weight: bold;
		font-family: 'Noto Serif', Serif;
		color: #fff;
		box-shadow: none;	
	}
	.row .leftside {
		display: inline-block;
		width: 45%;
		float: left;
		position: relative;
		margin: 0 5% 0 0;
		padding: 0;
		clear: left;	
	}
	.row .rightside {
		display: inline-block;
		width: 45%;
		float: right;
		clear: right;
		margin: 0 0 0 5%;
		position: relative;
		padding: 0;
			
	}
	body .second-content .wrap {
		padding-top: 50px;	
	}
	.second-content .wrap {
		max-width: 1200px;	
	}
	img.davidbio {
		width: 60%;
		float: right;
		clear: left;
		margin: 0 10px 20px 0;
		display: inline-block;	
	}
	.outevsky-menu a.link {
		font-size: 32px;	
	}
	li.testimonial,
	li.testimonial p {
		vertical-align: middle;	
	}
	li.testimonial p:first-child {
		color: #333;	
	}
	body .site-footer .widget-area{
		max-width: 1200px;
		display: block;
		float: none;
		margin: 0 auto;
		position: relative;
		padding: 50px 0;
		width: 90%;	
	}
	#colophon .widget ul li {
		line-height: 120%;
		margin-bottom: 5px;	
	}
	section#media_image-2 {
		padding-top: 10px;
		padding-bottom: 0;	
	}
	body.page #primary header.entry-header,
	body.single #primary header.entry-header,
	body #primary header.entry-header {
		margin: 0 auto 20px auto;
		text-align: center;
		text-transform: uppercase;	
	}
	body.page #primary header.entry-header h1.entry-title,
	body.single #primary header.entry-header h1.entry-title,
	body #primary header.entry-header h1.entry-title {
		text-align: center;
		text-transform: uppercase;
		color: #999;
		font-family: 'Noto Serif', Serif;
	}
	
	body .underliner {
		display: block;
		width: 150px;
		height: 3px;
		background-color: #999;
		position: relative;
		clear: both;
		margin: 20px auto;
		animation: underliner 2.0s ease;	
	}
	@keyframes underliner {
		0% { width: 0px; }
		50% { width: 0px; }
		100% { width: 150px; }	
	}
	.outevsky-gallery {
		display: block;
		clear: both;
		position: relative;
		width: 100%;
		margin: 20px auto;
		float: none;
		text-align: center;	
	}
	.outevsky-gallery > li {
		width: 30%;
		float: none;
		clear: none;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 20px;
		display: inline-block;
		height: 200px;
		overflow: hidden;	
	}
	.outevsky-gallery > li > a {
		background-size: cover;
		display: block;
		width: 100%;
		height: 150px;
		min-height: 150px;
		background-position: center center;
	}
	html.js .outevsky-gallery > li > a > img {
		display: none;
		visibility: hidden;
	}
	body.home .site-content-contain {
		position: absolute;
		width: 100%;
			
	}
	
	
}

@media All and (min-width: 650px) and (max-width: 900px) {
	body.home,
	body.home.outevsky-hover .redshoes {
		background-position: top center;	
	}
	.main-navigation a {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 13px;	
	}
	body .navigation-top {
		background-color: transparent;
		height: auto;
		border-bottom: 0;	
		position: relative;
		display: inline-block;
		width: auto;
		max-width: 70%;
		float: right;
		clear: right;
	}
	
	
	body.js .main-navigation #top-menu {
		display: inline-block;
		float: right;
		clear: right;
		position: relative;
		margin: 0;
		padding: 0;
		left: auto;
			
	}
	body header#masthead #logo {
		height: 60px;	
	}
	body footer#colophon {
		padding-left: 30px;
		padding-right: 30px;	
	}
	#colophon .widget ul li a {
		
		text-align: left;	
	}
	.entry-content > h1 {
		font-family: 'Noto Serif', Serif;
		text-align: center;
	}
	.entry-content > p > em {
		text-align: center;
		font-size: 16px;
		font-family: 'Noto Serif', Serif;
		color: #BE504A;
		font-weight: bold;
		text-transform: uppercase;
	}
	#training-workshops p.workshop-title a {
		font-size: 15px;
		box-shadow: none;
		line-height: 110%;
		display: block;	
	}
	body.home div.outevsky-logo {
		max-width: 200px;	
		/* left: calc(50% - 100px); */
	}
	body.home .outevsky-logo .logo{
		width: 100%;
		height: auto;	
	}
	
	body .outevsky-menu {
		position: absolute;
		display: block;	
		top: 100px;
		left: 0;
		width : 100%;
	}
	body .redshoes {
		display: none;
		visibility: hidden;	
	}
	body .desktop.menu {
		margin-right: 60px;
	}
	
}


@media All and (max-width: 1150px) {
	body.home .outevsky-menu a.link {
		font-size: 25px;
		z-index: 999;	
	}
	body.menu-open #site-navigation .logo {
		max-width: 400px;
	}
	body .desktop.menu {
		margin-right: 60px;
	}
	header#masthead {
		padding-top: 40px;	
	}
}


@media All and (max-width: 650px) {
	body {
		font-family: serif;	
		display: block;
		width: 100%;
		box-sizing: border-box;
		max-width: 100%;
		padding: 0;
		margin: 0;
		overflow: hidden;
		height: auto;
	}
	html.js {
		width: 100%;
		display: block;	
	}
	body.home #page .outevsky-logo {
		display: none;
		visibility: hidden;	
	}
	body.page .page-banner,
	body.single .page-banner {
		padding-top: 80px;
		background-size: auto 500px;	
	}
	body.page .page-banner {
		padding-top: 150px;
	}
	body.page #page header#masthead {
		margin-top: 40px;
		margin-left: auto;
		width: 100%;
		padding: 0;
		margin: 40px 0 0 0;
		overflow: visible;
		text-align: center;
		margin-right: auto;
		position: absolute;
		box-sizing: border-box;
		background-color: transparent;
	}
	body nav#site-navigation {
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;	
	}
	body.home #page header#masthead #logo {
		float: none;
		margin: 0 auto;
		width: 80%;
		height: auto;
		overflow: hidden;
		display: block;
		max-width: 500px;	
	}
	body.page #page header#masthead #logo {
		float: none;
		margin: 0 auto;
		width: 80%;
		height: auto;
		overflow: hidden;
		display: block;
		max-width: 500px;
	}
	body.page #page header#masthead #logo a {
		max-width: 250px;
		float: left;
		clear: both;
		display: block;	
	}
	html body button.menu-toggle {
		right: 20px;	
	}
	body #page header#masthead #logo img {
		height: auto;
		width: 100%;
		margin: 0;
		padding: 0;	
	}
	body.page.home #page header#masthead {
		margin-top: 50px;
		background-color: transparent;
	}
	body.page.home #page header#masthead {
	
	}
	body.page #page .site-content-contain #content,
	body.single #page .site-content-contain #content {
		padding-top: 30px;
		padding-bottom: 50px;	
	}
	body.home,
	body.home .redshoes {
		background-size: auto 800px;
		background-position: top center;	
	}
	.entry-content img,
	.second-content img {
		max-width: 100%;
		height: auto;
		width: auto;	
	}
	.second-content p,
	.entry-content p {
		font-family: 'Roboto', Arial, sans-serif;
		color: #777;
		line-height: 140%;
		d	
	}
	body.home .entry-content img {
		width: 100%;	
	}
	body.home .redshoes {
		position: absolute;
		top: 0;
		background-repeat: no-repeat;
		
		left: 0;
		width: 100%;	
	}
	body .desktop.menu {
		display: none;
		visibility: hidden;	
	}
	body #page footer#colophon p.copyright {
		font-size: 10px;
		margin-top: 50px;
	}
	ul.bxslider li.testimonial p {
		padding-left: 0;
		padding-right: 0;
		font-size: 16px;
		padding-top: 20px;
		margin-bottom: 0;
	}
	#testimonial-list li.testimonial:last-child {
		border-bottom: 0;
	}
	footer#colophon .widget ul li {
		margin-bottom: 8px;	
	}
	body #page header#masthead #logo {
		height: auto;	
	}
	body #page header#masthead #logo img{
		height: auto;	
	}
	footer#colophon .widget ul li a {
		background-color: transparent;
		border: 1px solid #777;
		border-radius: 3px;	
		padding: 15px;
		font-size: 14px;
	}
	body .site-footer .widget-area .footer-widget-1 {
		display: none;
		visibility: hidden;	
	}
	body .outevsky-logo {
		display: none;
		visibility: hidden;	
	}
	body.home.page #page .site-content-contain #content, body.single #page .site-content-contain #content {
		padding-top: 0;
	}
	body #page header#masthead {
		position: relative;
		margin-top: 0;
		background-color: #000;
		height: auto;
		overflow: hidden;	
	}
	body.menu-open {
		position: absolute;
		overflow: hidden;	
	}
	html.menu-open {
		position: absolute;
		overflow: hidden;	
	}
	nav#site-navigation.toggled-on .menu-main-container #top-menu{
		padding-left: 5px;
		padding-right: 5px;
		width: 90%;
		margin: 120px auto 0 auto;
		float: none;
		max-width: 350px;
		box-sizing: border-box;
		display: block;	
	}
	body.menu-open button.menu-toggle {
		background-color: red;
		color: #fff;
		border: 0;
		border-radius: 0;
		right: 0;
	}
	body #site-navigation.toggled-on div.logo {
		position: fixed;
		top: 20px;
		left: 20px;
		visibility: visible;
		right: auto;
		width: 80%;
		max-width: 350px;
		display: block;
		z-index: 999999999999;
		display: none;
		visibility: hidden;
	}
	body #site-navigation.toggled-on div.logo ul.social li a {
		width: 30px;
		height: 30px;
	}
	body #site-navigation.toggled-on div.logo a {
		display: block;
		width: 100%;
		height: auto;
		visibility: visible;
		overflow: hidden;
	}
	body #site-navigation.toggled-on div.logo a img {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;	
		display: block;
		visibility: visible;
	}
	.main-navigation ul ul.toggled-on {
		padding-left: 0;	
		padding-bottom: 20px;
	}
	.main-navigation ul ul.toggled-on li {
		font-size: 11px;
			
	}
	.main-navigation ul ul.toggled-on li a {
		padding: 0 20px;
	}
	body #page div.outevsky-menu {
		margin: 0;
		display: block;
		float: none;
		clear: both;
		padding: 200px 0 60px 0;
		background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.3) 50px, rgba(0,0,0,0.6));
		height: auto;
		text-align: center;
		overflow: hidden;
		box-sizing: border-box;	
	}
	body.home.page #page .site-content-contain #content {
		padding: 0;	
	}
	body.home .outevsky-menu a.link {
		line-height: 110%;	
		font-size: 20px;
		padding: 15px 20px;
		box-sizing: border-box;
		width: auto;
		display: inline-block;
		float: none;
		margin-bottom: 10px;
		clear: both;
		border: 2px solid #000;
		border-radius: 3px;
		text-decoration: none;
	}
	body.home .site-content-contain,
	body.home footer#colophon {
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		margin: 0;
		overflow: hidden;	
	}
	body #page .wrap {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		width: calc(100% - 30px);
		box-sizing: border-box;
	}
	.entry-content > p {
		font-size: 16px;	
	}
	#training-workshops li {
		padding: 10px;
		background-color: #f1f1f1;
		margin-bottom: 20px;	
	}
	#training-workshops li a.bg {
		margin-bottom: 10px;	
	}
	#training-workshops p.workshop-title {
		margin-bottom: 0;
		font-size:14px;
		line-height: 120%;
		text-decoration: none;
		font-family: 'Noto Serif', Serif; 
	}
	#training-workshops p.workshop-title a {
		text-decoration: none;
		box-shadow: none;	
		
	}
	#testimonial-list li.testimonial {
		padding-left: 0;
		padding-right: 0;
		font-size: 12px;	
	}
	body footer#colophon ul.social > li > a, 
	ul.social > li > a {
		height: 32px;
		width: 32px;
		line-height: 32px;
		text-align: center;
		font-size: 18px;
		border-radius: 16px;
		margin: 0;	
		border: 0;
	}
	.entry-content > p.dro-btn {
		padding: 20px 0;	
	}
	.entry-content a,
	.entry-content img {
		max-width: 100%;	
	}
	.entry-content img {
		height: auto;	
	}
	p.dro-btn > a {
		border: 3px solid #000;
		color: #000;
		background-color: transparent;
		border-radius: 3px;
		padding: 15px 10px;	
		font-size: 18px;
		line-height: 130%;
		font-family: 'Noto Serif', Serif;
	}
	#testimonial-list li.testimonial p {
		font-family: serif;	
		font-weight: 300;
		font-size: 1.4em;
	}
	body #site-navigation #top-menu > li.menu-item {
		border-radius: 0;	
	}
	body #site-navigation #top-menu > li.menu-item > a, 
	body #site-navigation #top-menu > li.menu-item-has-children:hover > a {
		text-align: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	#top-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item > a {
		text-align: left;
		font-weight: bold;
		background-color: #222;
	}
	#top-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item > a {
		background-color: #555;
		font-size: 20px;
		text-align: left;
	}
	body #site-navigation #top-menu > li.menu-item-has-children > ul.sub-menu  {
		display: none;
		visibility: hidden;
	}
	#top-menu li.menu-item-has-children button.dropdown-toggle{
		margin: 0;	
	}
	body #site-navigation #top-menu > li.menu-item-has-children > ul.sub-menu.toggled-on {
		display: block;
		visibility: visible;
	}
	body footer#colophon ul.social > li, 
	ul.social > li {
		margin: 0 2px;
	}
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Noto Serif', serif;	
	}
	body footer#colophon ul.social > li:first-child, 
	ul.social > li:first-child {
		margin-left: 0;	
	}
	body footer#colophon ul.social > li:last-child, 
	ul.social > li:last-child {
		margin-right: 0;	
	}
}

.navigation-top {
	background-color: transparent;
}

@media All and (min-width: 1350px) {
	body .page-banner {
		background-position: center -150px;	
	}
}

@media All and (max-width: 1100px) {
	.desktop.menu #menu-item-180 {
		display: none !important;
		visibility: hidden !important;	
	}
	#colophon .footer-widget-2 {
		margin: 0 auto;
		max-width: 400px;
		width: 90%;
		display: block;
		float: none;
		clear: both;
		margin-top: 50px;
	}
	.footer-widget-1 {
		height: auto;
		overflow: hidden;
		display: block;	
	}
	.footer-widget-1 h2.widget-title {
		margin-top: 30px;
	}
}

@media All and (max-width: 1000px) {
	.desktop.menu #menu-item-967 {
		display: none !important;
		visibility: hidden !important;	
	}
	#secondary #text-2 {
		display: none;
		visibility: hidden;	
	}
}
body .sfsi_socialwpr,
body .sfsi_socialwpr > * {
	vertical-align: top !important;
}

ul.post-listing {
	display: block;
	clear: both;
	float: none;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0 0 60px 0;
}
ul.post-listing .post {
	display: block;
	width: 100%;
	clear: both;
	height: auto;
	margin-bottom: 15px;
	overflow: hidden;
}
ul.post-listing .post a {
	display: block;
	background-color: #f1f1f1;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 350px;
	overflow: hidden;
	box-shadow: none;
	text-decoration: none;
}
body.blog #secondary h2.widget-title,
body.archive #secondary h2.widget-title,
body.category #secondary h2.widget-title {
	color: #000;
	margin-top: 30px;
	text-align: left; 
}
ul.post-listing .post a .shadow {
	width: 100%;
	height: 350px;
	display: block;
	position: absolute;
	margin-top: 0;
	
	margin-left: 0;
	background-image: linear-gradient(to bottom right, rgba(0,0,0,0.6), rgba(0,0,0,0.2));
	transition: background 0.3s ease;
}

ul.post-listing .post:hover a .shadow {
	background-image: linear-gradient(to bottom right, rgba(0,0,0,0.9), rgba(0,0,0,0.0) 50%, transparent);
}
ul.post-listing .post a h2 {
	position: relative;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
	padding: 20px 20px 0 20px;
	text-shadow: 0 0 5px rgba(0,0,0,0.7);
	display: block;
}
ul.post-listing .post a .meta {
	display: block;
	position: relative;
	z-index: 9999;
}
ul.post-listing .post a p {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#secondary #archives-dropdown-2,
#secondary #categories-2 select,
#secondary #search-2 input[type="search"] {
	font-size: 18px;
	
}
form.search-form input[type="search"] {
	height: 30px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 30px;
}
form.search-form button {
	width: auto;
	height: 30px;
	display: inline-block;
	overflow: hidden;
	
}
form.search-form button svg {
	width: 30px;
	height: 22px;
}
form.search-form,
form.search-form > * {
	vertical-align: top;
}
#secondary i {
		font-size: 50px;
		color: #000;	
	}
#secondary .sm-icons {
	margin-top: 0;
}
#secondary .sm-icons > li > a {
	padding: 0;
}
#secondary .sm-icons > li > a i {
	padding: 0;
}
div.social-icons > a {
	font-size: 48px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
}
div.social-icons > a.rg,
div.social-icons > a.ac {
	width: 48px;
	height: 48px;
	background-color: #000;
	border-radius: 3px;
	border: 1px solid #333;
}
div.social-icons > a.rg {
	border-color: #007569;
}
div.social-icons > a.ac  {
	font-size: 32px;
	line-height: 48px;
	text-decoration: none;
}
div.social-icons > br {
	display: none;
	visibility: hidden;
}
	#secondary i:hover {
		color: red;	
	}
#secondary #synved_social_share-3 a {
	margin-right: 3px !important;
}
body.single-product #archives-2,
body.single-product #categories-2 {
	display: none !important;
	visibility: hidden !important;
}
body.single-product #page #content aside#secondary {
	width: 100%;
	clear: both;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
	text-align: center;
}

body.single-product #page #content aside#secondary section.widget {
	width: auto;
	float: none;
	clear: none;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}
body.single-product #page #content aside#secondary section#text-2.widget {
	vertical-align: baseline;
	margin-top: 50px;
	display: inline-block;
	position: absolute;
}
body.single-product #page #content aside#secondary section#text-2.widget a {
	margin-top: -10px;
	position: relative;
	display: block;
}

@media All and (max-width: 900px) {
	.desktop.menu #menu-item-295 {
		display: none !important;
		visibility: hidden !important;	
	}
	body.archives #page #primary {
		overflow: hidden;	
	}
}

@media All and (min-width: 1100px) {
	body button.menu-toggle {
		display: none;
		visibility: hidden;	
	}
	body.blog #page #content > .wrap > div #primary,
	body.category #page #content > .wrap > #primary,
	body.archive #page #content > .wrap > #primary {
		width: 60%;
		display: inline-block;
		float: right;
		clear: right;
		margin: 0;
		padding: 0;
		position: relative;
	}
	body.blog #page #content > .wrap > div #secondary,
	body.category #page #content > .wrap > #secondary,
	body.archive #page #content > .wrap > #secondary {
		width: 35%;
		float: left;
		clear: left;
		position: relative;
		margin: 0 3% 0 0;
		padding-right: 30px;
		display: inline-block;
		border-right: 1px solid #777;
	}
	body.blog #page #content,
	body.category #page #content,
	body.archive #page #content {
		display: block;
		height: auto;
		overflow: hidden;
	}
	#secondary h2.widget-title {
		color: #000;
		font-size: 18px;
		text-align: left;	
	}
	
}


/* 
@media All and (min-width: 650px) {
	body.menu-open #site-navigation .menu-main-container {
		max-width: 30%;	
	}
	body.menu-open #site-navigation .menu-main-container #top-menu {
		width: 104%;	
	}
	body.menu-open #site-navigation .menu-main-container #top-menu {
		width: 109%;	
	}
} */

@media All and (min-width: 650px) and (max-width: 900px) {
	
	body .outevsky-logo {
		display: none;
		visibility: hidden;	
	}
	
	#page .outevsky-menu {
		margin: 0;
		display: inline-block;
		float: none;
		width: 100%;
		position: relative;
		clear: both;
		padding: 200px 0 60px 0;
		background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.3) 50px, rgba(0,0,0,0.6));
		height: auto;
		text-align: center;
		overflow: hidden;
		box-sizing: border-box;	
	}
	body.home .site-content-contain {
		position: relative;	
	}
	body.home.page #page .site-content-contain #content {
		padding: 0;	
	}
	body.home .outevsky-menu a.link {
		line-height: 110%;	
		font-size: 20px;
		padding: 15px 20px;
		box-sizing: border-box;
		width: auto;
		display: inline-block;
		float: none;
		margin-bottom: 10px;
		clear: both;
		background-color: #000;
		border: 2px solid #000;
		border-radius: 3px;
		text-decoration: none;
	}
	
}


body.menu-open #site-navigation .menu-main-container {
		max-width: 350px;
		width: 350px;
		margin-left: auto;
		margin-right: auto;
		left: auto;
		right: auto;
}
	body.menu-open #site-navigation .logo {
		top: 60px;
		width: 100%;
		position: relative;
		text-align: center;
		float: none;
		clear: none;
		overflow: visible;
		right: auto;
		left: auto;
		margin-right: auto;
		margin-left: auto;	
	}
	body.menu-open #site-navigation .logo a {
		display: block;
		height: auto;
		overflow: hidden;
			
	}
	body.menu-open #site-navigation .menu-main-container ul#top-menu {
		margin: 0 auto;
		float: none;
		clear: both;
		width: 100%;
		max-width: 365px;
	}
	body.menu-open nav#site-navigation.toggled-on .menu-main-container{
		float: none;
		margin-left: auto;
		margin-right: auto;	
	}
	.entry-content a {
		color: #000;	
		transition: color 0.2s ease;	
	}
	.entry-content a:hover {
		color: red;
		
	}
@media all and (max-width: 650px){
	body.blog #content #primary header.entry-header h2.entry-title a {
		color: #000;
		text-decoration: none;	
	}
	body.blog article.post {
		border-top: 2px solid #000;
		padding-top: 10px;
		margin-top: 30px;	
	}
	body .page-banner {
		background-size: auto 500px;
		background-position: bottom center;	
	}
	body .bottom-angle.white {
		display: none;
		visibility: hidden;	
	}
	html.js .menu-toggle{
		z-index: 9999999999;	
	}
	body.single-post #comments p.logged-in-as a{
		display: inline-block;
		margin-bottom: 5px;	
	}
	body .navigation-top,
	body #site-navigation,
body .navigation-top > .wrap {
		height: 0;	
		/* z-index: -9999; */
		left: -999999px;
		position: absolute;
	}
	body.menu-open .navigation-top,
	body.menu-open #site-navigation,
	body .navigation-top > .wrap {
		height: auto;
		z-index: 9;
		left: 0;
	}
	body.blog article.post .entry-content {
		font-family: 'Roboto', Arial, sans-serif;	
		color: #555;
		line-height: 140%;
	}
	body.blog #content #primary header.entry-header h2.entry-title {
		margin-top: 0;	
	}
#articles-outevsky .post .photo a {
	display: block;
	width: 100%;
	margin: 0 auto 20px auto;
	padding: 0;
	position: relative;
}
#articles-outevsky .post .photo a img {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	display: block;
}
}

/* end Desktop Only Styles */