@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic);
::-moz-selection {
background:#b3d4fc;
text-shadow:none
}
::selection {
	background: #b3d4fc;
	text-shadow: none
}
section {
	min-height: 100%;
	width: 100%
}
section#welcome {
	position: relative;
	text-align: center;
	background-image: url(../Images/header-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	overflow: hidden
}
section#welcome img.cover {
	height: 100%;
	width: auto;
	margin: 0 auto;
	padding: 0;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
*display:inline
}
.invisible {
	opacity: 0;
	visibility: hidden
}
section#about, section#contact, section#experience, section#services {
	border-bottom: 2px solid #f0f0f0 !important;
    display: table;
	height: 100%;
	padding: 100px 0 50px
}
section#about {
	background-image: url(../Images/about-bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: auto;
	padding: 100px 0 350px !important;
}
section#services {
	background-color: #FFF
}
section#contact {
	position: relative;
	text-align: center;
	background-image: /*url(../Images/contact-bg.jpg)*/none;
    background-color: #FFF;
    background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	overflow: hidden
}
section#about h2, section#contact h2, section#experience h2, section#services h2 {
	color: #060606;
	font-style: normal;
	font-weight: 300;
	letter-spacing: .2em;
	line-height: 1.17em;
	margin: 0 0 20px;
	text-transform: uppercase
}
section#experience h2, section#experience article p, section#experience article ul {
	color: #000;
    margin: 0 5% 20px
}
section#experience .border-custom-white {
	background: #000
}
section#contact h2 {
	color: #000
}
section#about article, section#contact article, section#experience article, section#services article {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%
}
section#about article p, section#contact article p, section#services article p {
	color: #424242;
	line-height: 1.6em;
	margin: 0 5% 20px
}
section#experience article ul.text-left {
	margin: 0 10%;
}
section#services article p {
	color: #000
}
section#contact a, section#contact article p {
	color: #000
}
section#contact a:hover, section#contact article a:hover p {
	color: #000
}
section#experience ul {
	color: #FFF
}
section#experience li {
	margin: 10px 0
}
section#about article p+p, section#contact article p+p, section#experience article p+p, section#services article p+p {
	margin-top: .5em
}
section.in-between_pic {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	min-height: 50%;
	width: 100%
}
section.in-between_pic.video {
	background-image: url(http://likabugaeva.com/img/video.jpg);
	background-color: #141b49
}
section.in-between_pic.audio {
	background-image: url(http://likabugaeva.com/img/audio.jpg)
}
section.in-between_pic.experience {
	background: url(../Images/bg-2.jpg) #FFF;
	background-position: 0 7% !important;
    background-size: cover;
}
section#album {
*zoom:1;
	padding: 0;
	min-height: 750px
}
section#album:after {
	clear: both
}
section#album:after, section#album:before {
	content: " ";
	display: table
}
section#album article {
	width: 50%;
	margin: 50px 0 50px 50px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
*display:inline;
	float: left
}
section#album article h2 {
	margin: 40px 50px 0;
	color: #141b49;
	line-height: 1
}
section#album article ul.cast {
	margin: 20px 0 0;
	padding: 0
}
section#album article ul.cast li {
	margin: 0 50px;
	padding: 0;
	list-style-type: none;
	list-style-position: outside
}
section#album article ul.cast li+li {
	margin: 10px 50px 0
}
section#album article p {
	margin: 20px 70px 0 50px;
	line-height: 1.5;
	font-size: 100%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
section#album article p+p {
	margin: 10px 70px 0 50px
}
section#album iframe.soundcloud {
	margin: 100px 0 100px 50px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
*display:inline;
	position: absolute;
	left: 50%;
	right: 0;
	height: 600px
}
section#album .buy {
	margin: 30px 50px 0
}
section#album .buy a {
	border: 0;
	text-decoration: none;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
*display:inline
}
section#album .buy a.amazon {
	margin: 0 0 0 1em;
	width: 120px;
	height: 42px;
	background-image: url(https://images-na.ssl-images-amazon.com/images/G/01/associates/remote-buy-box/buy3._V192207739_.gif)
}
section#videos {
	background-color: #141b49;
	height: 100%;
	position: relative
}
section#videos ul {
	margin: 0 auto;
	padding: 0;
	position: relative;
	display: table!important;
	height: 100%
}
section#videos ul li {
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative
}
section#videos ul li embed, section#videos ul li iframe, section#videos ul li object {
	margin: 0 auto;
	display: block
}
section#contacts {
	background-color: #fff;
	display: table;
	height: 100%
}
section#contacts div.content {
	display: table-cell;
	vertical-align: middle
}
section#contacts ul.info {
	margin: 0;
	padding: 0;
	text-align: center
}
section#contacts ul.info li {
	margin: 0 0 50px;
	padding: 0;
	list-style-type: none;
	list-style-position: outside
}
section#contacts ul.info li small {
	display: block;
	color: #007a8f;
	font-size: 100%
}
section#contacts ul.info li a {
	color: #007a8f;
	border-bottom: 1px solid rgba(0,122,143,.3)
}
section#contacts ul.info li a:hover {
	color: #141b49;
	border-bottom: 1px solid rgba(20,27,73,.5)
}
section#contacts ul.info li.phone a {
	border: 0;
	font-size: 400%;
	color: #007a8f!important
}
section#contacts ul.info li.mail a {
	font-size: 400%
}
section#contacts ul.socials {
	margin: 0;
	padding: 50px 0;
	text-align: center
}
section#contacts ul.socials li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
*display:inline
}
section#contacts ul.socials li+li {
	margin: 0 0 0 1.5em
}
section#contacts ul.socials li a {
	display: block;
	content: " ";
	text-indent: -9999px;
	background-image: url(http://likabugaeva.com/img/socials.png);
	background-repeat: no-repeat;
	background-size: 634px 200px;
	width: 101px;
	height: 100px;
	text-decoration: none;
	border: 0;
	border-radius: 100%
}
section#contacts ul.socials li a.facebook {
	background-position: 0 0
}
section#contacts ul.socials li a.facebook:hover {
	background-position: 0 -100px
}
section#contacts ul.socials li a.vk {
	background-position: -107px 0
}
section#contacts ul.socials li a.vk:hover {
	background-position: -107px -100px
}
section#contacts ul.socials li a.twitter {
	background-position: -213px 0
}
section#contacts ul.socials li a.twitter:hover {
	background-position: -213px -100px
}
section#contacts ul.socials li a.instagram {
	background-position: -320px 0
}
section#contacts ul.socials li a.instagram:hover {
	background-position: -320px -100px
}
section#contacts ul.socials li a.soundcloud {
	background-position: -533px 0
}
section#contacts ul.socials li a.soundcloud:hover {
	background-position: -533px -100px
}
section#contacts ul.socials li a.youtube {
	background-position: -427px 0
}
section#contacts ul.socials li a.youtube:hover {
	background-position: -427px -100px
}
footer {
	background-color: #007a8f;
	margin: -40px 0 0;
	padding: 0;
	height: 40px
}
footer div.made_by p {
	margin: 0;
	padding: 0;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 90%
}
footer div.made_by p a {
	color: #fff28c;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(255,242,140,.3);
	outline: 0!important;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear
}
footer div.made_by p a:hover {
	border-bottom: 1px solid
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
section#welcome {
	width: 100%;
	overflow: hidden;
	text-align: center
}
section.in-between_pic {
	background-attachment: scroll;
	background-position: center top!important
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {
section#welcome {
	width: 100%;
	overflow: hidden;
	text-align: center
}
section.in-between_pic {
	background-attachment: scroll;
	background-position: center top!important
}
}
.opl {
	position: fixed;
	top: 45px;
	right: 0;
	z-index: 99999
}
.opl a {
	width: 73px;
	height: 56px;
	text-indent: -9999px;
	display: block;
	border: 0;
	text-decoration: none;
	background: url(https://s3.amazonaws.com/onepagelove/one-page-love-award-right.png) no-repeat
}
.cover-bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.inline-block {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
*display:inline
}
.clearfix {
*zoom:1
}
.clearfix:after {
	clear: both
}
.clearfix:after, .clearfix:before {
	content: " ";
	display: table
}
.unselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}
.disable-hover {
	pointer-events: none
}
.itunes_button {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
*display:inline;
	width: 110px;
	height: 40px;
	background-image: url(http://likabugaeva.com/img/itunes_button.png);
	background-size: 110px 40px;
	background-repeat: no-repeat
}
span.sbrace {
	margin-right: .3em
}
span.hbrace {
	margin-left: -.3em
}
span.slaquo {
	margin-right: .44em
}
span.hlaquo {
	margin-left: -.44em
}
span.sbdquo {
	margin-right: .35em
}
span.hbdquo {
	margin-left: -.35em
}
.hi-icon-wrap {
	margin: 0 auto;
	padding: 1em 0 0;
    text-align: center;
}
section#services .hi-icon-wrap {
    height: 230px;
}
.hi-icon-wrap p {
}
.hi-icon {
	display: inline-block;
	cursor: normal;
	margin: 15px 30px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #060606
}
.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.hi-icon:before {
	font-family: ecoicon;
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased
}
.hi-icon-effect-9 .hi-icon {
	-webkit-transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	transition: box-shadow .2s
}
.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #060606;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s
}
.no-touch .hi-icon-effect-9a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: .5
}
.no-touch .hi-icon-effect-9a .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(0,0,0,1);
	color: #060606
}
.no-touch .hi-icon-effect-9b .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85)
}
.no-touch .hi-icon-effect-9b .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(0,0,0,.6);
	color: #060606
}
section#contact .no-touch .hi-icon-effect-9b .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,.4);
	color: #060606
}
div.hi-icon-wrap .fa {
	font-size: 56px!important;
	margin: 18% 17%
}
span.tooltip ul {
	list-style: none;
	margin-left: 0
}
span.tooltip ul li:before {
	color: #232323;
	content: "• "
}
dl.accordion i, dl.tabs i {
	margin-bottom: 6px
}
/*#panel2-2 h2, #panel2-2 label, #panel2-2 p {
	color: #FFF!important
}*/
#panel2-2 label {
	margin-bottom: 15px
}
.captchaimg {
	display: inline;
	float: left;
	margin: 0 0 10px
}
#CaptchaV2 {
	display: block;
	float: right;
	margin: 0;
	position: relative;
	right: 0;
	width: 80%!important
}
form {
	margin: 0 1rem!important
}
form .button, form button {
	margin-top: 15px;
	width: 100%
}

@media only screen and (max-width :1024px) {
.hi-icon-wrap p {
	margin-left: 5%!important
}
}

@media only screen and (max-width :980px) {
section#about {
	padding: 100px 0 250px
}
}

@media only screen and (min-device-width:768px) and (max-device-width:800px) {
#CaptchaV2 {
	width: 74%!important
}
}

@media only screen and (max-width :570px) {
#CaptchaV2 {
	width: 66%!important
}
section.in-between_pic.experience {
    background-repeat: no-repeat;
    background-size: contain;
}
}

@media only screen and (max-width :480px) {
#CaptchaV2 {
	width: 60%!important
}
}

@media only screen and (max-width :414px) {
#CaptchaV2 {
	width: 50%!important
}
}

@media only screen and (max-width :320px) {
#CaptchaV2 {
	width: 38%!important
}
}