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

@font-face {
	font-family: 'pt_sansregular';
	src: url('../fonts/regular/pts75f.woff2') format('woff2'), url('../fonts/regular/pts75f.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'pt_sansbold';
	src: url('../fonts/bold/pts75f.woff2') format('woff2'), url('../fonts/bold/pts75f.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'pt_sansregular';
	font-size: 18px;
	line-height: 24px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e4c3b+50,516272+50 */
}
.splitbg {
	background: #5e4c3b; /* Old browsers */
	background: -moz-linear-gradient(left, #5e4c3b 50%, #516272 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #5e4c3b 50%, #516272 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #5e4c3b 50%, #516272 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e4c3b', endColorstr='#516272', GradientType=1 ); /* IE6-9 */
}
.heads {
	background: #25427a;
	padding: 15px 0;
}
.abbaservice {
	color: #FFF;
	padding: 45px 0 45px 0;
}
.abbabg1 {
	background: #546473 url(../img/abba-bg1.png) no-repeat top center;  /* Old browsers */
	width: 100%;
	height: auto;
	color: #FFF;
	padding: 25px 0;
}
.abbabg2 {
	background: #51391d url(../img/abba-bg2.png) no-repeat top center;  /* Old browsers */
	width: 100%;
	height: auto;
	color: #FFF;
	padding: 25px 0;
}
.textpaddy {
	margin: 0px;
}
h1 {
	text-align: center;
	font-size: 35px;
	font-weight: normal;
	font-family: 'pt_sansbold';
	margin: 35px 0 5px 0;
	padding: 0 18px 0 0;
}
h2 {
	text-align: left;
	font-size: 23px;
	line-height: 28px;
	font-family: 'pt_sansbold';
	font-weight: normal;
	margin: 30px 0 15px 0;
}
h3 {
	text-align: center;
	font-size: 15px;
	margin: 0;
	padding: 0;
}
.foots {
	background: #1e1e1e;
	font-size: 14px;
	color: #afafaf;
	padding: 25px 0;
}
.dots {
	margin: 0 5px;
}
p {
	line-height: 28px;
	min-height: inherit;
	font-size: 18px;
	font-family: 'pt_sansregular';
}
.vw01 {
	background: #fbc22b;
	font-size: 20px;
	border: 1px solid #a8811a;
	color: #3a3d41;
	border-radius: 6px;
	padding: 17px 15px 10px 15px;
	display: inline-block;
	text-align: right;
	margin-bottom: 25px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	text-transform: uppercase;
	font-family: 'pt_sansbold';
}
.vw01:hover, .vw01:active {
	color: #3a3d41;
	padding: 17px 17px 10px 17px;
}
.vw02 {
	background: #25427a;
	font-size: 20px;
	border: 1px solid #162e5c;
	color: #ffffff;
	border-radius: 6px;
	padding: 17px 15px 10px 15px;
	display: inline-block;
	text-align: left;
	margin-bottom: 25px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	text-transform: uppercase;
	font-family: 'pt_sansbold';
}
.vw02:hover, .vw02:active {
	color: #ffffff;
	padding: 17px 17px 10px 17px;
}
.viewbut {
	text-align: right;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
h1 {
	font-size: 50px;
	margin: 0;
}
h2 {
	font-size: 24px;
	line-height: 32px;
	margin: 30px 0 10px 0;
}
h3 {
	font-size: 30px;
}
p {
	font-size: 18px;
	line-height: 28px;
	min-height: 280px;
}
.textpaddy {
	margin: 0px 20px;
}
.abbaservice {
	padding: 35px 0 35px 0;
}
.dots {
	margin: 0 10px;
}
.abbaservice {
	background: url(../img/abba-bg.png) no-repeat top center;  /* Old browsers */
	color: #FFF;
	padding: 45px 0 45px 0;
}
.vw01, .vw02 {
	margin: 0;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
h1 {
	font-size: 50px;
	padding: 0 18px 0 0;
}
h2 {
	font-size: 32px;
	line-height: 38px;
}
h3 {
	font-size: 29px;
	font-weight: bold;
	letter-spacing: 1px;
}
p {
	font-size: 19px;
	line-height: 32px;
	min-height: 220px;
	font-weight: normal;
}
.textpaddy {
	margin: 0px 30px;
}
.abbaservice {
	padding: 45px 0 45px 0;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
h1 {
	font-size: 60px;
	padding: 0 22px 5px 0;
}
h2 {
	font-size: 42px;
	line-height: 55px;
	margin: 52px 0 15px 0;
}
p {
	line-height: 33px;
	min-height: 200px;
}
.textpaddy {
	margin: 0px 35px;
}
.abbaservice {
	padding: 45px 0 42px 0;
}
}
 @media (min-width: 1300px) {
.abbaservice {
	background: url(../img/abba-bg.png) no-repeat bottom center;  /* Old browsers */
	background-size: cover;
}
h1 {
	font-size: 62px;
}
}
 @media (min-width: 1600px) {
.abbaservice {
	background: url(../img/abba-bg.png) no-repeat center center;  /* Old browsers */
	background-size: cover;
}
}
