@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700|Roboto:300,300i,400,400i,700,700i&subset=cyrillic');
body {
	padding-top: 92px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #231f20;
}

a {
	color: #ec1561;
}

.navbar {
	min-height: 92px;
	border: 0;
	border-bottom: 1px solid #e6e7e8;
}

.navbar-default {
	background-color: #fff;
}

.navbar-brand>img {
	margin-top: 8px;
}

.navbar-default .navbar-nav>li>a {
	font-family: 'Roboto Slab', serif;
	color: #58595b;
	font-weight: 700;
}

@media (min-width: 768px) {
	.navbar-nav>li>a {
		padding-top: 35px;
		padding-bottom: 35px;
	}
}
@media(max-width: 767px) {
	.navbar-nav>li>a {
		text-transform: uppercase;
	}
}
.container>.navbar-header {
	min-height: 92px;
}

.navbar-toggle {
	margin-top: 30px;
}

#landing-header {
	margin-top: 15px;
	font-family: 'Roboto Slab', serif;
	font-size: 42px;
	line-height: 1;
}

#landing-header .img-main img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

@media(min-width: 768px) {
	#landing-header .title {
		margin-top: 50px;
	}
	#landing-header .img-main {
		text-align: right;
	}
}

@media(min-width: 992px) {
	#landing-header .title {
		margin-top: 100px;
	}
}

@media(max-width: 767px) {
	#landing-header .img-main {
		text-align: center;
	}
	#landing-header .title {
		width: 320px;
		margin: 0 auto;
		font-size: 38px;
	}
}

#landing-header .title .after-quote,
#landing-header .title .before-quote {
	position: relative;
}

#landing-header .title .before-quote:before,
#landing-header .title .after-quote:after {
	position: absolute;
	content: '«';
	font-family: 'Roboto Slab', serif;
	font-size: 42px;
	color: #ec1561;
	font-weight: 700;
}

#landing-header .title .before-quote:before {
	left: -30px;
}

#landing-header .title .after-quote:after {
	content: '»';
	right: -30px;
}

#landing-welcome {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
}
@media(max-width: 767px) {
	#landing-welcome {
		padding-top: 50px;
		padding-bottom: 50px;
	}	
}
#landing-welcome,
#landing-welcome a {
	color: #fff;
}

#landing-welcome h2,
#landing-welcome h3 {
	font-family: 'Roboto Slab', serif;
	margin-left: 170px;
}

#landing-welcome h2 {
	font-weight: 100;
	font-size: 72px;
	margin-bottom: 0;
	margin-top: 0;
}

#landing-welcome h3 {
	font-weight: 700;
	font-size: 42px;
	line-height: 1;
	margin-top: 0;
}
@media(max-width: 768px) {
	#landing-welcome h2 {
		font-size: 50px;
	}
	#landing-welcome h3 {
		font-size: 22px;
	}
}
#landing-welcome .candy {
	position: absolute;
	right: 200px;
	top: 15px;
}

@media(max-width: 1199px) {
	#landing-welcome h2,
	#landing-welcome h3 {
		margin-left: 90px;
	}
	#landing-welcome .candy {
		right: 70px;
	}
}

@media(max-width: 991px) {
	#landing-welcome h2,
	#landing-welcome h3 {
		margin-left: 15px;
	}
	#landing-welcome .candy {
		right: -50px;
	}
}

@media(max-width: 768px) {
	#landing-welcome h2,
	#landing-welcome h3 {
		margin-left: 15px;
	}
	#landing-welcome .candy {
		display: none;
	}
}

#landing-about {
	padding-top: 75px;
	padding-bottom: 75px;
	position: relative;
}
@media(max-width: 767px) {
	#landing-about {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

#landing-about h2,
#landing-service h2,
#landing-testimonials h2,
#landing-blog h2,
#landing-contact h2 {
	font-family: 'Roboto Slab', serif;
	text-align: center;
	color: #ec1561;
	font-weight: 100;
	font-size: 80px;
	margin-top: 0;
	margin-bottom: 75px;
	line-height: 1;
}

@media(max-width: 767px) {
	#landing-about h2,
	#landing-service h2,
	#landing-testimonials h2,
	#landing-blog h2,
	#landing-contact h2 {
		font-size: 50px;
		margin-bottom: 50px;
	}
}

#landing-about .ps {
	font-family: 'Roboto Slab', serif;
	color: #ec1561;
	font-weight: 100;
	font-size: 45px;
	padding-bottom: 75px;
	margin-right: 15px;
	line-height: 1;
}

#landing-about .shell {
	position: absolute;
	bottom: 0;
	right: 150px;
}
@media(max-width: 768px) {
	#landing-about .shell {
		display: none;
	}
	#landing-about .width-350 {
		max-width: 100%;
	}
}
@media(min-width: 769px) {
	#landing-about .shell {
		right: 10px;
	}
}
@media(min-width: 992px) {
	#landing-about .shell {
		right: 100px;
	}
}
@media(min-width: 1200px) {
	#landing-about .shell {
		right: 150px;
	}
}
#landing-service {
	padding-top: 75px;
	padding-bottom: 100px;
}
@media(max-width: 767px) {
	#landing-service {
		padding-top: 50px;
		padding-bottom: 75px;
	}
}
#landing-ctavinyl {
	color: #fff;
	padding-bottom: 50px;
}

#landing-ctavinyl img {
	margin-top: -75px;
	max-width: 100%;
	height: auto;
	display: inline-block;
}

#landing-ctavinyl h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 80px;
	font-weight: 100;
	line-height: 0.85;
	margin-top: 60px;
}
@media(max-width: 991px) {
	#landing-ctavinyl h2 {
		font-size: 60px;
	}
}
@media(max-width: 768px) {
	#landing-ctavinyl h2 {
		font-size: 50px;
		text-align: center;
	}
	#landing-ctavinyl .vinyl-center {
		text-align: center;
	}
	#landing-ctavinyl .vinyl-center a {
		margin-bottom: 15px;
	}
}

#landing-testimonials {
	padding-bottom: 75px;
	padding-top: 75px;
}
@media(max-width: 767px) {
	#landing-testimonials {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
#landing-testimonials .name {
	font-weight: 700;
	font-size: 20px;
	font-family: 'Roboto Slab', serif;
	color: #ec1561;
	margin-top: 15px;
}
#landing-testimonials #testimonials-carousel {
	height: 200px;
}
@media(max-width: 600px) {
	#landing-testimonials #testimonials-carousel {
		height: 380px;
	}
}
@media(max-width: 768px) {

	#landing-testimonials #testimonials-carousel .width-650 {
		padding-right: 50px;
		padding-left: 50px;
	}
}
#landing-testimonials .carousel-control.right,
#landing-testimonials .carousel-control.left {
	background: none;
	padding-top: 25px;
}
#landing-ctasubscribe {
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}
#landing-ctasubscribe h2 {
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 46px;
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	line-height: 1;
}
#landing-blog {
	padding-bottom: 75px;
	padding-top: 75px;
}
@media(max-width: 767px) {
	#landing-blog {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
#landing-blog .h4 {
	display: block;
	color: #231f20;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 20px;
}
#landing-blog .date,
#landing-blog .more {
	color: #ec1561;
	font-size: 13px;
	margin-bottom: 5px;
}
#landing-blog .more {
	font-weight: 700;
	text-decoration: underline;
}
#landing-blog .more:hover {
	text-decoration: none;
}
#landing-blog h1 {
	font-family: 'Roboto Slab', serif;
	font-size: 22px;
}
#landing-contact {
	padding-top: 75px;
	padding-bottom: 75px;
}
#landing-contact img.pull-left {
	margin-right: 15px;
}
#landing-contact .title {
	color: #ec1561;
	font-weight: 700;
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
}
.landing-blog-pagination .btn {
	padding-right: 15px;
	padding-left: 15px;
}
.footer {
	background: #eb1862;
	margin-top: 0;
	color: #fff;
}
.footer a {
	color: #fff;
}
.color-pink {
	color: #ec1561;
}

.btn {
	border-radius: 50px;
	padding-left: 40px;
	padding-right: 40px;
	font-weight: 700;
}

.btn-primary {
	color: #EC1561;
	background-color: transparent;
	border-color: #EC1561;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	color: #FFF;
	background-color: #ec1561;
	border-color: #EC1561;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #FFFFFF;
	border-color: #EC1561;
}

.btn-white {
	color: #FFFFFF;
	background-color: transparent;
	border-color: #FFFFFF;
	padding-left: 80px;
	padding-right: 80px;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
	color: #EC1561;
	background-color: #fff;
	border-color: #FFFFFF;
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
	background-image: none;
}

.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}


