@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]
1. Clearfix
2. Typography
3. Headings
4. Main Nav
5. Main Content
6. Background Images
7. Column Grid
8. Content Elements
9. Icons
10. Images
11. Footer
12. Lists
13. Price Tables
14. Blog
15. Circle Animation
-------------------------------------------------------------------*/


/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}/* ----- clear fix for floats ----- */
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}/* hides clearfix from IE-mac */
.clearfix {
	display: block;
	border: 3px solid #fff;
}/* end hide from IE-mac */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	margin: 0 auto;
	display: inline-block;
}
.alignnone {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}
.centered {
	text-align: center;
}
.hidden {
	display: none;
	visibility: hidden;
}
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after {
	-webkit-font-smoothing: antialiased;
}
.flexslider {
	-webkit-transform: translateZ(0px);
}
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Typography
--------------------------------------------------------------------------------------------------------*/
html {
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	height: 100%;
}
body {
	font-size: 15px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
	color: #555;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
a {
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
a, a:hover, a:focus {
	color: #0695a5;
	text-decoration: none;
	outline: 0;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	text-rendering: optimizeLegibility;
	outline: 0;
}
*:focus, *:after:focus, *:before:focus {
outline: 0;
}
p {
	line-height: 1.5;
	font-size: 15px;
	padding: 0;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	position: relative;
	color: #777;
}
p a {
	text-decoration: underline;
}
p a:hover {
	text-decoration: underline;
	color: #555;
}
a p {
	color: #555;
}
p.small {
	font-size: 11px !important;
	text-transform: uppercase;
	font-weight: 600;
	color: #888;
	letter-spacing: 1px;
}
p.lefted, .lefted p {
	text-align: left
}
p.large {
	font-size: 20px;
	margin-left: auto;
	margin-right: auto;
}
.info-box-content p.large {
	max-width: 474px;
}
.extra-padding-top {
	padding-top: 10px;
}
.extra-padding-left {
	padding-left: 40px;
}
.padding {
	padding-left: 3px;
	padding-right: 3px;
}
span.small {
	display: block;
	padding-bottom: 3px;
}
blockquote {
	border: 0;
	font-style: italic;
	position: relative;
	margin: 70px 0 20px;
	font-size: 22px;
	color: #555;
	padding: 0;
}
blockquote::before {
	content: "“" !important;
	position: absolute;
	display: block;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 46px;
	left: 0;
	top: -55px;
	font-weight: 600;
	width: 50px;
	margin-left: -4px;
	color: #555;
	letter-spacing: 0.1em;
}
blockquote footer {
	font-style: normal;
	color: #888;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 13px;
	position: absolute;
	left: 50px;
	top: -42px;
}
.button {
	border-radius: 30px;
	border: 1px solid rgba(153, 153, 153, 0.8);
	padding: 10px 25px 0px;
	line-height: 1;
	height: 36px;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 11px !important;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
}
.button:hover {
	color: #fff;
	background: rgba(153, 153, 153, 0.8);
}
.centered .button {
	margin-left: 10px;
	margin-right: 10px;
}
.client {
	width: 100%;
	border: 0;
	padding: 0px;
	position: relative;
	opacity: 0.35;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	cursor: pointer
}
.col-lg-12 .client, .col-lg-10 .client {
	width: 16.666%;
	padding: 0 10px;
	float: left;
}
.client:hover, .client.no-link {
	opacity: 1;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	cursor: default
}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =3. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo {
	display: block;
	position: fixed;
	margin: 0 auto;
	z-index: 1000;
	left: 0;
	width: 260px;
	text-align: center;
	top: 10px;
}
h1#logo a {
	display: inline-block;
	/* background: url(../images/bg-logo.png) center no-repeat #000; */
	/* background: url(../images/company_logo.png) center no-repeat #000; */
	/* background-size: 60px 60px; */
	/* width: 80px; */
	/* height: 80px; */
	/* text-indent: -9999px; */
	/* border-radius: 51%; */
}
.hentry h1, h2, h3, h4, h5 {
	line-height: 1.3;
	color: #777;
	font-weight: 600;
	display: block;
	position: relative;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
}
h2 {
	font-size: 48px;
	line-height: 60px;
	letter-spacing: -2px;
	margin-top: -5px;
	padding-bottom: 20px;
}
h2 strong {
	font-weight: 700;
	letter-spacing: -2px;
}
h3 {
	font-size: 36px;
	line-height: 1.2;
	letter-spacing: 0px;
}
h4 {
	font-size: 24px;
	line-height: 1.25;
	letter-spacing: -0.5px;
}
h5 {
	font-size: 18px;
}
h5 i, h4 i, h3 i, h2 i {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
	font-weight: 400;
	font-style: italic;
}
.header {
	margin-top: 0px;
}
.lone-header {
	margin-top: -10px;
}
.more-margin {
	margin-top: 20px;
}
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =4. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button {
	display: none;
	height: auto;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 1001;
	left: 10px;
	top: 10px;
}
#menu-button .cursor {
	display: block;
	height: auto;
	cursor: pointer;
	padding: 16px 16px 14px 16px;
}
#nav-button {
	display: inline-block;
	width: 16px;
	margin: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.nav-bar {
	background-color: #555;
	border-radius: 1px;
	display: block;
	width: 16px;
	height: 2px;
	margin: 0px auto 2px;
}
#main-nav {
	position: relative;
	padding: 5px 5px 20px 15px;
	width: 100%;
	text-align: left;
}
#main-nav a {
	text-decoration: none;
	color: #777;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #999;
	display: block;
	padding: 9px 0 10px;
	text-transform: uppercase;
	font-weight:300;
}
#main-nav a span {
	font-size: 10px !important;
	position: relative;
	top: 1px;
	float: right;
}
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, #main-nav li a:hover, #options li a.current, #options li a.mixitup-control-active {
	color: #0695a5;
}
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, #options li a.current, #options li a.mixitup-control-active {
	color: #0695a5;
	border-bottom: 1px solid #0695a5;
}
#main-nav ul li:last-child a {
	border: 0;
}
#main-nav > ul > li > .sub-nav {
	padding: 10px 0;
	border-bottom: 1px solid #111;
}
#main-nav > ul > li > .sub-nav > li > a {
	font-size: 12px;
	letter-spacing: 0;
	text-transform: none;
	font-weight: 400;
	margin: 0;
	border: 0;
	text-transform: uppercase;
	font-weight:200;
	padding: 3px 15px 4px;
}
#main-nav li a.sub-nav-toggle::before {
	position: absolute;
	top: 13px;
	right: 10px;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	font-size: 13px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #2b2b2b;
	content: "\f107";
	font-family: FontAwesome;
	opacity: 0.4;
	-webkit-transition: .5s right, .5s opacity;
	-moz-transition: .5s right, .5s opacity;
	-o-transition: .5s right, .5s opacity;
	transition: .5s right, .5s opacity;
	-moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	-o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
#main-nav li a.sub-nav-toggle:hover::before, #main-nav li a.sub-nav-toggle.active::before {
	opacity: 1;
}
#bottom-header {
	position: absolute;
	bottom: 7px;
	width: 100%;
	text-align: center;
	padding: 0 44px;
}
#bottom-header p.small {
	padding-top: 20px;
	color: #888;
	line-height: 1.9;
}
#bottom-header .social-list {
	border-bottom: 2px solid #f0f0f0;
}
#bottom-header p {
	padding-top: 20px;
	color: #888;
	font-size: 12px;
}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Content
--------------------------------------------------------------------------------------------------------*/
#content {
	width: 100%;
	z-index: 55;
}
.container {
	position: relative;
	margin: 0 auto;
}
#background-color {
	display: none
}
.oldie #background-color {
	display: none
}
#content {
	background: #fff;
}
.pushed-left #content, .pushed-left #header, .pushed-left #footer, .pushed-left #background-color, .pushed-left h1#logo {
	-webkit-transform: translate3d(260px, 0px, 0px);
	transform: translate3d(260px, 0px, 0px);
}
.pushed-left-alt #content, .pushed-left-alt #header, .pushed-left-alt #footer, .pushed-left-alt #background-color, .pushed-left-alt h1#logo .no-csstransforms3d .pushed-left #content, .no-csstransforms3d .pushed-left #header, .no-csstransforms3d .pushed-left #footer, .no-csstransforms3d .pushed-left h1#logo {
	-webkit-transform: translateX(260px);
	-ms-transform: translateX(260px);
	transform: translateX(260px);
}
#content, #header, #footer, .logo-wrapper, #background-color, h1#logo {
	-webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s;
	transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 260px;
	z-index: 101;
	height: 100%;
	background: #fff;
	padding-top: 95px;
	text-align: center;
	border-right: 1px solid #999;
}
#content {
	position: relative;
	padding-left: 260px;
	z-index: 100
}
#white-background {
	background: #fff;
	width: 260px;
	position: fixed;
	height: 100%;
	z-index: 98;
	top: 0;
}
#Container.padding-5 {
	margin: 5px;
	margin-top: 0;
	padding-top: 5px;
}
#Container .mix {
	display: none;
	margin: 0 !important;
	overflow: hidden
}
.full-height .container, .container.full-width, .full-width .col-lg-12 {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.full-height-wrapper {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.info-box-content {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.info-box-content .parent {
	height: 100%;
	width: 100%;
	padding: 0;
	text-align: center;
}
.info-box-content a {
	color: #fff !important;
}
.container.no-header {
	padding-top: 70px;
	padding-bottom: 70px;
}
.container.no-heading {
	padding-top: 100px;
}
.barrier {
	border-top: 1px solid #d8d8d8;
	height: 1px;
	width: 100%;
	position: relative;
	display: block;
}
#fixed-barrier {
	height: 100%;
	width: 1px;
	background: #d8d8d8;
	position: fixed;
	left: 260px;
	top: 0;
	z-index: 111;
}
.full-width, .padding-0 {
	z-index: 112;
	position: relative
}
.heading {
	padding-bottom: 35px;
}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/

/* =6. Background Images
--------------------------------------------------------------------------------------------------------*/
.background-image1 {
	background: url(../images/fullscreen07.jpg) no-repeat center;
	height: 100%;
	display: block;
	width: 100%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.background-image2 {
	background: url(../images/fullscreen23.jpg) no-repeat center;
	height: 100%;
	display: block;
	width: 100%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.background-image3 {
	background: url(../images/map.png) no-repeat center;
	height: 100%;
	display: block;
	width: 100%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.background-image4 {
	background: url(../images/lifestyle03-lg.jpg) no-repeat center;
	height: 100%;
	display: block;
	width: 100%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.background-image5 {
	background: url(../images/food01-lg.jpg) no-repeat center;
	height: 100%;
	display: block;
	width: 100%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.background-image6 {
	background: url(../images/project04-large.html) no-repeat center;
	height: 100%;
	display: block;
	width: 100%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.background-image7 {
	background: url(../images/fullscreen15.jpg) no-repeat center;
	height: 100%;
	display: block;
	width: 100%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.background-image8 {
	background: url(../images/fullscreen04.jpg) no-repeat center;
	height: 100%;
	display: block;
	width: 100%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.height-500 {
	height: 500px;
}
.height-400 {
	height: 233px;
}
/* =End Background Images
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.borderline {
	border-top: 2px solid #f0f0f0;
	height: 2px;
	width: 100%;
	display: inline-block;
	position: relative;
	margin: 20px 0 30px 0;
}
.boxed {
	border: 2px solid #f0f0f0;
	padding: 25px 35px;
	margin-bottom: 30px;
}
.bottom {
	position: absolute;
	bottom: 40px;
}
.padding-0 .mix {
	padding: 0px;
}
.padding-5 .mix {
	padding: 5px;
}
.padding-0 {
	font-size: 0;
	/*overflow-x: hidden;*/
	overflow: hidden;
}
.blog-page .teaser {
	padding: 0;
}
.blog-page .last-teaser {
	border-bottom: 1px solid #d8d8d8;
}
.teaser-content {
	padding: 45px 35px;
}
a .teaser-content h3 {
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
a:hover .teaser-content h3 {
	color: #555;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.teaser-bottom {
	border-top: 2px solid #f0f0f0;
	margin-top: 25px;
}
.teaser-bottom p {
	font-size: 85%;
	padding: 15px 0 0 0;
	margin-bottom: 0;
}
.blank .parent {
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
}
.containing-image-wrapper {
	height: 100%;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.containing-image-wrapper.right {
	right: 0;
	left: auto;
}
/* horizontal centering */
.parent {
	width: auto;
	margin: 0px auto;
	position: relative;
	height: 100%;
	z-index: 11
}
.child {
	text-align: center;
}
/* vertical centering */
.parent {
	display: table
}
.child {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.overflow, .element {
	overflow: hidden;
}
.relative {
	position: relative
}
.break {
	display: block;
	position: relative;
	height: 40px;
	width: 100%;
}
.medium-break {
	display: block;
	position: relative;
	height: 30px;
	width: 100%;
}
.small-break {
	display: block;
	position: relative;
	height: 20px;
	width: 100%;
}
.tiny-break {
	display: block;
	position: relative;
	height: 10px;
	width: 100%;
}
.nav-tabs {
	margin-bottom: 45px;
	padding-left: 0px;
	padding-top: 10px;
	text-align: center;
	border-bottom: 2px solid #f0f0f0;
}
.nav-tabs > li {
	float: none;
	margin-bottom: -2px;
}
.nav > li {
	display: inline-block;
}
.nav-tabs > li > a {
	border-radius: 0;
	font-size: 11px;
	font-weight: 600;
	color: #2b2b2b;
	background: #fff;
	border: 0;
	width: auto;
	height: 88px;
	padding: 58px 0 0 0;
	margin: 0 20px;
	opacity: 0.5;
	text-transform: uppercase;
	letter-spacing: 1px;
	min-width: 48px;
}
.nav-tabs > li > a:hover {
	background: #fff;
	color: #2b2b2b;
	border: 0;
	opacity: 1
}
.nav-tabs li a#first-tab {
	background: url(../images/icons/bg-target%402x.png) no-repeat top center;
	background-size: 48px 48px;
}
.nav-tabs li a#second-tab {
	background: url(../images/icons/bg-keynote%402x.png) no-repeat top center;
	background-size: 48px 48px;
}
.nav-tabs li a#third-tab {
	background: url(../images/icons/bg-sofa%402x.png) no-repeat top center;
	background-size: 48px 48px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #2b2b2b;
	border: 0;
	border-bottom: 2px solid #2b2b2b;
	opacity: 1
}
.tab-content p {
	padding-bottom: 10px;
}
/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.social-list {
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0;
	font-size: 0;
}
.social-list li {
	display: inline-block;
	padding: 0 4px;
	position: relative;
}
.social-list li a i {
	color: #2b2b2b;
	opacity: 0.5;
	font-size: 16px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.social-list li a:hover i {
	color: #2b2b2b;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	opacity: 1;
}
.social-list p {
	margin: 0;
	margin-left: -4px;
}
.social-list.alignright li {
	padding: 0 0 0 10px
}
i.fa {
	margin-right: 3px;
	color: #0695a5
}
p i.fa, .button i.fa {
	color: #555;
	font-size: 11px !important;
}
.button i.fa, .info-box-content i.fa {
	color: #fff;
}
.circled {
	/* border: 1px solid #0695a5; */
	border-radius: 51%;
	width: 36px;
	height: 36px;
	margin-left: 1px;
	margin-right: 1px;
	text-align: center;
	display: inline-block !important;
	background: #fff;
}
.circled i.fa {
	vertical-align: middle;
	display: inline-block;
	font-size: 21px;
	color: #0695a5;
	margin: 0 !important;
	padding: 0 !important;
	padding-top: 9px !important;
	opacity: 1;
}
a.circled:hover i.fa {
	color: #0695a5 !important;
}
.info-box-content .social-list {
	margin-top: 20px;
	padding-bottom: 0;
}
.info-box-content .circled {
	border: 1px solid rgba(255,255,255,0.4);
}
.info-box-content i.fa {
	color: #fff !important;
}
.fa-comment {
	position: relative;
	top: -1px;
}
.round-button {
	border-radius: 51%;
	height: 66px;
	width: 66px;
	display: inline-block;
	text-align: center;
	border: 2px solid #fff;
	position: relative;
	margin: 15px 0 33px;
	background: #fff;
}
.round-button i.fa {
	color: #2b2b2b !important;
	font-size: 18px;
	padding: 0;
	margin: 0;
	padding-top: 21px;
	padding-left: 3px;
}
.round-button i.fa.fa-map-marker {
	font-size: 22px;
	padding: 0;
	margin: 0;
	padding-top: 19px;
	padding-left: 0px;
}
.below-button {
	position: relative;
	top: -18px;
}
.icons {
	position: relative;
	height: 48px;
	width: 48px;
	margin-bottom: 16px;
	margin-top: 5px;
}
.icon-holder {
	position: relative;
	float: left;
	height: 48px;
	width: 48px;
	margin-top: 5px;
}
.centered .icons, .centered .icon-holder {
	float: none;
	display: inline-block;
}
.next-to-icon {
	margin-left: 80px;
	margin-bottom: 15px;
}
.next-to-icon.last {
	margin-bottom: 0
}
.icons.map {
	background: url(../images/icons/bg-map%402x.png) no-repeat center left;
	background-size: 48px 48px;
}
.icons.winner {
	background: url(../images/icons/bg-winner%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.time {
	background: url(../images/icons/bg-time%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.pig {
	background: url(../images/icons/bg-pig%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.adjust {
	background: url(../images/icons/bg-adjust%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.team {
	background: url(../images/icons/bg-team%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.works {
	background: url(../images/icons/bg-works%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.chat {
	background: url(../images/icons/bg-chat%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.notes {
	background: url(../images/icons/bg-notes%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.camera {
	background: url(../images/icons/bg-camera%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.illustration {
	background: url(../images/icons/bg-illustration%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.social {
	background: url(../images/icons/bg-social%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.vector {
	background: url(../images/icons/bg-vector%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.commerce {
	background: url(../images/icons/bg-commerce%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.search {
	background: url(../images/icons/bg-search%402x.png) no-repeat center;
	background-size: 48px 48px;
}
.icons.like {
	background: url(../images/icons/bg-like%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.share {
	background: url(../images/icons/bg-share%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.document {
	background: url(../images/icons/bg-document%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.apple {
	background: url(../images/icons/bg-apple%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.balance {
	background: url(../images/icons/bg-balance%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.beaker {
	background: url(../images/icons/bg-beaker%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.beer {
	background: url(../images/icons/bg-beer%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.books {
	background: url(../images/icons/bg-books%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.box {
	background: url(../images/icons/bg-box%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.cake {
	background: url(../images/icons/bg-cake%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.calcuLator {
	background: url(../images/icons/bg-calcuLator%402x.html) center no-repeat;
	background-size: 48px 48px;
}
.icons.cd {
	background: url(../images/icons/bg-cd%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.champagne {
	background: url(../images/icons/bg-champagne%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.chart {
	background: url(../images/icons/bg-chart%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.cheese {
	background: url(../images/icons/bg-cheese%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.court {
	background: url(../images/icons/bg-court%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.delivery {
	background: url(../images/icons/bg-delivery%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.dvd {
	background: url(../images/icons/bg-dvd%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.eco {
	background: url(../images/icons/bg-eco%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.film {
	background: url(../images/icons/bg-film%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.grape {
	background: url(../images/icons/bg-grape%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.hot {
	background: url(../images/icons/bg-hot%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.house {
	background: url(../images/icons/bg-house%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.icecream {
	background: url(../images/icons/bg-icecream%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.joystick {
	background: url(../images/icons/bg-joystick%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.keynote {
	background: url(../images/icons/bg-keynote%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.link {
	background: url(../images/icons/bg-link%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.magic {
	background: url(../images/icons/bg-magic%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.mail {
	background: url(../images/icons/bg-mail%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.microphone {
	background: url(../images/icons/bg-microphone%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.network {
	background: url(../images/icons/bg-network%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.palette {
	background: url(../images/icons/bg-palette%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.plaster {
	background: url(../images/icons/bg-plaster%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.player {
	background: url(../images/icons/bg-player%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.polaroid {
	background: url(../images/icons/bg-polaroid%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.printer {
	background: url(../images/icons/bg-printer%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.pulse {
	background: url(../images/icons/bg-pulse%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.radio {
	background: url(../images/icons/bg-radio%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.recorder {
	background: url(../images/icons/bg-recorder%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.scissors {
	background: url(../images/icons/bg-scissors%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.select {
	background: url(../images/icons/bg-select%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.serving {
	background: url(../images/icons/bg-serving%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.share {
	background: url(../images/icons/bg-share%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.shop {
	background: url(../images/icons/bg-shop%402x.png) center no-repeat;
	background-size: 28px 28px;
}
.icons.shopping {
	background: url(../images/icons/bg-shopping%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.smartphone {
	background: url(../images/icons/bg-smartphone%402x.png) center no-repeat;
	background-size: 28px 28px;
}
.icons.sofa {
	background: url(../images/icons/bg-sofa%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.syringe {
	background: url(../images/icons/bg-syringe%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.tape {
	background: url(../images/icons/bg-tape%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.target {
	background: url(../images/icons/bg-target%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.television {
	background: url(../images/icons/bg-television%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.video {
	background: url(../images/icons/bg-video%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.walkman {
	background: url(../images/icons/bg-walkman%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.zoom {
	background: url(../images/icons/bg-zoom%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.tags {
	background: url(../images/icons/bg-tags%402x.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.quote {
	background: url(../images/icons/bg-quote%402x.png) center no-repeat;
	background-size: 28px 28px;
}
.icons.certified {
	background: url(../images/icons/bg-certified%402x.html) center no-repeat;
	background-size: 48px 48px;
}
.icons.mediation {
	background: url(../images/icons/bg-mediation%402x.html) center no-repeat;
	background-size: 48px 48px;
}
.icons.heart-circle {
	background: url(../images/icons/heart-circle.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.expand {
	background: url(../images/icons/expand-2.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.graph-line {
	background: url(../images/icons/graph-line.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.graph-pie {
	background: url(../images/icons/graph-pie-2.png) center no-repeat;
	background-size: 48px 48px;
}
.icons.location {
	background: url(../images/icons/location-pin-3.png) center no-repeat;
	background-size: 48px 48px;
}
.icons {
	position: relative;
	height: 28px;
	width: 28px;
	margin-top: 15px;
	margin-bottom: 10px;
	display: inline-block;
}
.centered .icons, .header-section .icons {
	float: none;
	display: inline-block;
}
.next-to-icon {
	margin-left: 73px;
	margin-top: 10px;
}
.contact-page .icons {
	margin-top: 20px;
}
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Images
--------------------------------------------------------------------------------------------------------*/
.images {
	display: block;
	position: relative;
}
article .images {
	margin: 40px 0;
}
img {
	/* width: 100%; */
	display: block;
	max-width: 100%;
	z-index: 9;
	-webkit-box-shadow: #fff 0 0 0;
	box-shadow: #fff 0 0 0;
}
.round img {
	border: 0 none;
	border-radius: 50%;
}
.videos {
	width: 1140px;
	height: 650px;
	border: 0;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin: 35px 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.musicWrapper {
	position: relative;
	height: auto;
	margin-bottom: -6px;
	padding: 30px 0 35px;
}
.musicWrapper iframe {
	width: 100%;
	height: auto;
}
.imageWrapper {
	position: relative;
	margin: 25px 0 35px;
}
.sliphoveritemTitle {
	line-height: 1.25;
	color: #fff;
	display: block;
	position: relative;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
	font-weight: 600;
	font-size: 24px;
	letter-spacing: -0.5px;
}
.sliphoveritemTitle span {
	font-size: 11px !important;
	text-transform: uppercase;
	font-weight: 600;
	opacity: 0.7;
	letter-spacing: 1px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
	padding-left: 1px;
	display: block;
	margin-bottom: 10px;
}
.sliphoveritemTitle i {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
	font-weight: 400;
	font-style: italic;
}
.overlay {
	display: block;
	position: absolute;
	top: 0;
	background-color: rgba(47, 52, 57, 0.71);
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.2s ease 0.0s;
	transition: all 0.2s ease 0.0s;
}
.overlay2 {
	display: block;
	position: absolute;
	top: 0;
	background-color: rgba(29, 29, 29, 0.35);
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.2s ease 0.0s;
	transition: all 0.2s ease 0.0s;
}
.covering-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	z-index: 19;
	display: block;
	opacity: 0;
	visibility: hidden;
}
.padding-5 .covering-image {
	padding: 5px;
}
a:hover .covering-image, .team-member:hover .covering-image {
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	opacity: 1;
	visibility: visible;
}
.covering-image p, .covering-image h3, .covering-image h2, .covering-image h4, .covering-image h5 {
	color: #fff !important;
	bottom: -10px;
	position: relative;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.covering-image h3 {
	margin: 0px;
}
a:hover .covering-image p, a:hover .covering-image h3, a:hover .covering-image h2, a:hover .covering-image h4, a:hover .covering-image h5, .team-member:hover .covering-image h3, .team-member:hover .covering-image p {
	bottom: -2px;
	position: relative;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.info-box-content h3, .info-box-content h2, .info-box-content h4, .info-box-content h5, .info-box-content span {
	color: #fff;
	margin-bottom: 0;
}
.info-box-content p, .info-box-content h1 {
	color: #fff !important;
}
.info-box-content p.small {
	opacity: 0.7;
}
.blank .info-box-content h5, .blank i.fa {
	color: #2b2b2b !important;
	margin: 0 !important
}
.avatar {
	display: inline-block;
	margin: 10px 0 20px;
	position: relative;
}
.avatar img {
	width: 90px;
	height: 90px;
	border-radius: 51%;
	z-index: 2;
	position: relative;
}
.info-box-content .avatar img {
	width: 64px;
	height: 64px;
}
/* End Images
--------------------------------------------------------------------------------------------------------*/


/* =11. Footer
--------------------------------------------------------------------------------------------------------*/
footer {
	font-size: 0;
}
footer p {
	color: #888;
	font-size: 12px;
	display: inline-block;
	padding: 0 5px;
}
footer p a {
	color: #888;
}
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =12. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul {
	list-style: disc;
	line-height: 1.5;
	padding: 0px 0px 13px 20px;
	text-align: left !important;
}
ol {
	list-style: decimal;
	line-height: 1.5;
	padding: 0px 0px 13px 20px;
	font-size: 16px;
}
.child ul.unordered-list, .child .hentry ul, .child ol {
	padding: 10px 30px 0 50px;
}
ul.unordered-list li a, .hentry ul li a, ol li a {
	color: #555;
	text-decoration: underline;
}
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover {
	color: #2b2b2b;
	text-decoration: underline;
}
ul.pagination {
	margin-bottom: 10px;
	border-radius: 0;
	margin-top: 10px;
	display: inline-block;
	font-size: 0;
}
ul.pagination li a {
	margin: 0 3px;
	color: #999;
	background: none;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	font-size: 15px;
}
ul.pagination li a:hover {
	color: #2b2b2b;
	background: #f9f9f9;
}
ul.pagination li a.active {
	border: 2px solid #2b2b2b;
	color: #2b2b2b;
	padding: 5px 11px;
}
ul.pagination li a.active:hover {
	background: none !important;
	cursor: default;
}
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =13. Blog
--------------------------------------------------------------------------------------------------------*/
.signature {
	background: url(../images/signature.png) center no-repeat;
	background-size: 185px 50px;
	width: 185px;
	height: 50px;
	position: absolute;
	display: block;
	opacity: 0.6;
	left: -49px;
	top: 52px;
	z-index: 1;
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
.post-text {
	font-size: 17px;
}
.post-text p {
	max-width: 100% !important;
	padding: 10px 0;
	font-size: 17px;
}
.post-text ul.unordered-list, .post-text .header {
	padding-top: 10px;
	padding-bottom: 10px;
}
.comment {
	padding: 40px 0 35px 0;
	border-top: 2px solid #f2f2f2;
	position: relative;
	text-align: left
}
.comment.reply.level-1 {
	padding-left: 6.6%;
}
.comment.last {
	margin-bottom: 35px;
}
.comment.first {
	margin-top: 35px;
}
.commenter-avatar {
	float: left;
	padding: 0 30px 30px 0;
	width: auto;
}
.commenter-avatar > img {
	width: 65px;
	height: 65px;
	border-radius: 51%;
}
.comment-content {
	float: left;
	width: calc(100% - 95px);
}
.comment-content a, .comment-content i.fa {
	text-decoration: none !important;
	color: #555 !important;
}
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =14. Price Tables
--------------------------------------------------------------------------------------------------------*/
.price-table {
	text-align: center;
	padding: 0px 35px 35px;
	margin: 15px 0;
	width: 100%;
	border: 2px solid #f2f2f2;
	position: relative;
	z-index: 1;
}
.price-table h3 {
	padding-bottom: 10px;
}
.price-table p.price {
	font-size: 60px;
	color: #2b2b2b;
	margin-left: -10px;
	font-weight: 400;
	padding-top: 15px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
	letter-spacing: -2px;
}
.price-table p.price span {
	font-size: 18px;
	display: inline-block;
	padding-top: 20px;
	padding-right: 5px;
	font-weight: 400;
	vertical-align: top
}
.price-table.highlighted p.price {
	font-size: 68px;
}
.price-table.highlighted p.price span {
	padding-top: 25px;
}
.price-table.highlighted h4 {
	font-size: 28px;
}
.line-through {
	text-decoration: line-through;
	color: #bbb
}
.price-table .price-details {
	padding: 5px 0;
	display: block;
}
.price-table .heading:after {
	background: #fff;
	bottom: -5px;
	content: "";
	height: 12px;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 12px;
}
.price-table .heading:before {
	background: none repeat scroll 0 0 #f2f2f2;
	bottom: -7px;
	content: "";
	height: 12px;
	left: 50%;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 12px;
	margin-left: -6px;
}
.price-table .heading {
	padding: 10px 0px 12px;
	margin-top: 20px;
	position: relative;
	color: #2b2b2b;
	border-bottom: 2px solid #f2f2f2;
}
.price-table.highlighted .heading:before {
	background: none repeat scroll 0 0 #2b2b2b;
}
.price-table.highlighted .heading {
	border-bottom: 2px solid #2b2b2b;
}
.price-table .heading p.small {
	padding-top: 5px;
	margin-bottom: -5px;
	position: relative
}
/* =End Price Tables
--------------------------------------------------------------------------------------------------------*/


/* =15. Circle Animation
--------------------------------------------------------------------------------------------------------*/
.round-arrow-wrapper {
	width: 48px;
	height: 48px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.full-height-wrapper .round-arrow-wrapper {
	margin-top: 30px;
}
.arrow-right {
	height: 12px;
	width: 18px;
	display: block;
	position: relative;
	left: 14px;
	background: url(../images/arrow-right-white.html) no-repeat;
	background-size: 18px 12px;
}
.arrow-down {
	height: 18px;
	width: 12px;
	display: block;
	position: relative;
	left: 17px;
	background: url(../images/arrow-down-white.html) no-repeat;
	background-size: 12px 18px;
	top: -3px
}
.plus {
	height: 48px;
	width: 48px;
	display: block;
	background: url(../images/plus.png) center no-repeat;
	background-size: 12px 12px;
}
.round-arrow-wrapper, #nav-button, .round-button {
	position: relative;
}
.round-arrow-wrapper:hover .circle-anim, .menu-trigger:hover + .cursor .circle-anim, a:hover .circle-anim {
	opacity: 1;
}
.circle-anim {
	opacity: 0;
	-webkit-animation: circle 1.2s linear infinite;
	animation: circle 1.2s linear infinite;
	clip: rect(0, 48px, 48px, 24px);
	height: 48px;
	width: 48px;
	position: absolute;
	left: calc(50% - 24px);
	top: calc(50% - 24px);
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.social-list .circle-anim {
	opacity: 0;
	-webkit-animation: circle 1.2s linear infinite;
	animation: circle 1.2s linear infinite;
	clip: rect(0, 42px, 42px, 21px);
	height: 42px;
	width: 42px;
	position: absolute;
	left: calc(50% - 21px);
	top: calc(50% - 21px);
}
.comment-form-icon-wrapper .circle-anim {
	opacity: 0;
	-webkit-animation: circle 1.2s linear infinite;
	animation: circle 1.2s linear infinite;
	clip: rect(0, 66px, 66px, 33px);
	height: 66px;
	width: 66px;
	position: absolute;
	left: calc(50% - 33px);
	top: calc(50% - 33px);
}
.round-button .circle-anim {
	opacity: 0;
	-webkit-animation: circle 1.2s linear infinite;
	animation: circle 1.2s linear infinite;
	clip: rect(0, 72px, 72px, 33px);
	height: 72px;
	width: 72px;
	position: absolute;
	left: calc(50% - 36px);
	top: calc(50% - 36px);
}
h1 .circle-anim {
	opacity: 0;
	-webkit-animation: circle 1.2s linear infinite;
	animation: circle 1.2s linear infinite;
	clip: rect(0, 86px, 86px, 43px);
	height: 86px;
	width: 86px;
	position: absolute;
	left: calc(50% - 43px);
	top: calc(50% - 43px);
}

 @-webkit-keyframes circle {
 0% {
 -webkit-transform:rotate(0deg);
 transform:rotate(0deg);
}
 100% {
 -webkit-transform:rotate(220deg);
 transform: rotate(220deg);
}
}
@keyframes circle {
 0% {
 -webkit-transform:rotate(0deg);
 transform:rotate(0deg);
}
 100% {
 -webkit-transform:rotate(220deg);
 transform: rotate(220deg);
}
}
.circle-anim:after {
	box-shadow: inset #fff 0 0 0 2px;
	-webkit-animation: circleline 1.2s ease-in-out infinite;
	animation: circleline 1.2s ease-in-out infinite;
	clip: rect(0, 48px, 48px, 24px);
	content: '';
	border-radius: 50%;
	height: 48px;
	width: 48px;
	position: absolute;
	left: 0;
	top: 0;
}
.social-list .circle-anim:after {
	box-shadow: inset #0695a5 0 0 0 2px;
	-webkit-animation: circleline 1.2s ease-in-out infinite;
	animation: circleline 1.2s ease-in-out infinite;
	clip: rect(0, 42px, 42px, 21px);
	content: '';
	border-radius: 50%;
	height: 42px;
	width: 42px;
	position: absolute;
	left: 0;
	top: 0;
}
.comment-form-icon-wrapper .circle-anim:after {
	box-shadow: inset #fff 0 0 0 1px;
	-webkit-animation: circleline 1.2s ease-in-out infinite;
	animation: circleline 1.2s ease-in-out infinite;
	clip: rect(0, 66px, 66px, 33px);
	content: '';
	border-radius: 50%;
	height: 66px;
	width: 66px;
	position: absolute;
	left: 0;
	top: 0;
}
.round-button .circle-anim:after {
	box-shadow: inset #fff 0 0 0 2px;
	-webkit-animation: circleline 1.2s ease-in-out infinite;
	animation: circleline 1.2s ease-in-out infinite;
	clip: rect(0, 72px, 72px, 36px);
	content: '';
	border-radius: 50%;
	height: 72px;
	width: 72px;
	position: absolute;
	left: 0;
	top: 0;
}
h1 .circle-anim:after {
	box-shadow: inset #000 0 0 0 2px;
	-webkit-animation: circleline 1.2s ease-in-out infinite;
	animation: circleline 1.2s ease-in-out infinite;
	clip: rect(0, 86px, 86px, 43px);
	content: '';
	border-radius: 50%;
	height: 86px;
	width: 86px;
	position: absolute;
	left: 0;
	top: 0;
}
#nav-button .circle-anim:after {
	box-shadow: inset #999 0 0 0 1px;
	height: 48px;
	width: 48px;
}
.comment-form-icon-wrapper .circle-anim:after {
	box-shadow: inset #999 0 0 0 1px;
	height: 66px;
	width: 66px;
}
.social-list.not-white .circle-anim:after {
	box-shadow: inset #999 0 0 0 1px;
	height: 42px;
	width: 42px;
}
@-webkit-keyframes circleline {
 0% {
 -webkit-transform: rotate(-140deg);
 transform: rotate(-140deg);
}
 50% {
}
 100% {
 -webkit-transform: rotate(140deg);
 transform: rotate(140deg);
}
}
@keyframes circleline {
 0% {
 -webkit-transform: rotate(-140deg);
 transform: rotate(-140deg);
}
 50% {
}
 100% {
 -webkit-transform: rotate(140deg);
 transform: rotate(140deg);
}
}

/* End Circle Animation
--------------------------------------------------------------------------------------------------------*/
/* custom css*/

button {
  background: url(../images/MainFrameLogo1.png) center no-repeat #fff;
  border: 0;
  box-sizing: border-box;
  padding: 1em 2em;
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
  font-size: inherit;
  font-weight: 700;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
button::before, button::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.title {
  border: 0;
  box-sizing: border-box;
  padding: 1em 2em;
  box-shadow: inset 0 0 0 2px #fff;
  color: rgba(102, 102, 102, 0.6) !important;
  font-weight: normal;
  position: relative;
  vertical-align: middle;
  /* width: 90%; */
}
.title::before, .title::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.draw {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
.draw::before, .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}
.draw:hover {
  color: #0695a5;
}
.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #0695a5;
  border-right-color: #0695a5;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
  border-bottom-color: #0695a5;
  border-left-color: #0695a5;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.meet:hover {
  color: #0695a5;
}
.meet::after {
  top: 0;
  left: 0;
}
.meet:hover::before {
  border-top-color: #0695a5;
  border-right-color: #0695a5;
}
.meet:hover::after {
  border-bottom-color: #0695a5;
  border-left-color: #0695a5;
  -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}

.center:hover {
  color: #0695a5;
}
.center::before, .center::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.center::before {
  border-top: 2px solid #0695a5;
  border-bottom: 2px solid #0695a5;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
.center::after {
  border-left: 2px solid #0695a5;
  border-right: 2px solid #0695a5;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
.center:hover::before, .center:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.spin {
  width: 5em;
  height: 5em;
  padding: 0;
}
.spin:hover {
  color: #0695a5;
}
.spin::before, .spin::after {
  top: 0;
  left: 0;
}
.spin::before {
  border: 2px solid transparent;
}
.spin:hover::before {
  border-top-color: #0695a5;
  border-right-color: #0695a5;
  border-bottom-color: #0695a5;
  -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin::after {
  border: 0 solid transparent;
}
.spin:hover::after {
  border-top: 2px solid #0695a5;
  border-left-width: 2px;
  border-right-width: 2px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}

.circle {
  border-radius: 100%;
  box-shadow: none;
}
.circle::before, .circle::after {
  border-radius: 100%;
}

.thick {
  color: #f45e61;
}
.thick:hover {
  color: #fff;
  font-weight: 700;
}
.thick::before {
  border: 2.5em solid transparent;
  z-index: -1;
}
.thick::after {
  mix-blend-mode: color-dodge;
  z-index: -1;
}
.thick:hover::before {
  background: #f45e61;
  border-top-color: #f45e61;
  border-right-color: #f45e61;
  border-bottom-color: #f45e61;
  -webkit-transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
  transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
}
.thick:hover::after {
  border-top: 2.5em solid #f45e61;
  border-left-width: 2.5em;
  border-right-width: 2.5em;
}


/*end custom css*/

/*footer-basic-centered*/

.footer-basic-centered{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font: normal 18px sans-serif;

	padding: 45px;
	margin-top: 80px;
}

.footer-basic-centered .footer-company-motto{
	color:  #8d9093;
	font-size: 24px;
	margin: 0;
}

.footer-basic-centered .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	margin: 0;
}

.footer-basic-centered .footer-links{
	list-style: none;
	/* font-weight: bold; */
	color:  #8f9296;
	padding: 35px 0 23px;
	margin: 0;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 16px;
}

.footer-basic-centered .footer-links a{
	display:inline-block;
	text-decoration: none;
	color: #ccc;
}

.footer-basic-centered p{
	display:block;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 600px) {

	.footer-basic-centered{
		padding: 35px;
	}

	.footer-basic-centered .footer-company-motto{
		font-size: 18px;
	}

	.footer-basic-centered .footer-company-name{
		font-size: 12px;
	}

	.footer-basic-centered .footer-links{
		font-size: 14px;
		padding: 25px 0 20px;
	}

	.footer-basic-centered .footer-links a{
		line-height: 1.8;
	}
}
@media (max-width: 990px) {	
	#artist-sort{
		display:inline-table;
	}
}


em {
    font-size: 28px;
	font-weight: 500;
	color: #666;
}

h3 {
    font-weight: normal;
	font-size: 20px;
}


/* .responsive-container { */
    /* height: 419px; */
/* } */

.collection-find-btn{
    float: right !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    background-color: #fff !important;
    border-color: #fff !important;
    width: 17px !important;
    position: relative !important;
    left: -6px !important;
    top: -23px !important;
}
#collection_code_search {
	padding-right: 25px !important;
	width: 100% !important;
}