@font-face {
    font-family: 'aghartiregular';
    src: url('../fonts/aghartivf-webfont.woff2') format('woff2'),
         url('../fonts/aghartivf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_neuebold';
    src: url('../fonts/helveticaneue-bold-02-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-bold-02-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_neuelight';
    src: url('../fonts/helveticaneue-light-08-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-light-08-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a, a:hover, a:active, a:focus, a:visited {
	cursor: pointer;
	text-decoration: none;
}

.bg-blue {
	background-color: #2C5FA6;
}

.border-blue {
	border-color: #2C5FA6 !important;
}

.text-blue {
	color: #2C5FA6;
}

.bg-orange {
	background-color: #EB6754;
}

.bg-green {
	background-color: #099C91;
}

.bg-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ff-a {
	font-family: 'aghartiregular', sans-serif;
}

.ff-h-l {
	font-family: 'helvetica_neuelight', sans-serif;
}

.ff-h-b {
	font-family: 'helvetica_neuebold', sans-serif;
}

.fs-sm-21 {
	font-size: 21px;
}

.fs-sm-18 {
	font-size: 18px;
}

.fs-sm-14 {
	font-size: 14px;
}

#home .pattern {
	background: url('../img/pattern-v.svg') repeat-y center center;
	background-size: 22px auto;
	width: 22px;
}

#home .logo { width: 580px; }

.btplay img { height: 128px; width: 128px; }

#download .pattern {
	background: url('../img/pattern.svg') repeat-x center center;
	background-size: auto 22px;
	height: 22px;
}

#relased .colors .ratio {
	height: 42px;
	width: 58px;
}

#relased .colors .bg-1 { background-color: #1D8DCD; }
#relased .colors .bg-2 { background-color: #50B1CD; }
#relased .colors .bg-3 { background-color: #099C91; }
#relased .colors .bg-4 { background-color: #5F8681; }
#relased .colors .bg-5 { background-color: #83AE99; }
#relased .colors .bg-6 { background-color: #EB6754; }
#relased .colors .bg-7 { background-color: #F8AC0E; }
#relased .colors .bg-8 { background-color: #EEC852; }

#relased .container .ratio {
	bottom: -80px;
}


@media ( max-width: 767px ) {
	#home .logo { width: 230px; }
	#home .pattern { background-size: 15px auto; }
	.btplay img { height: 48px; width: 48px; }
	#download .pattern { background-size: auto 15px; }
	#relased .colors .ratio { height: 28px; width: 32px; }
	#relased .container .ratio { bottom: -40px; }
}