@font-face {
  font-family: MontserratAlternates-Black;
  src: url(../fonts/MontserratAlternates-Black.otf);
}
@font-face {
  font-family: MontserratAlternates-BlackItalic;
  src: url(../fonts/MontserratAlternates-BlackItalic.otf);
}
@font-face {
  font-family: MontserratAlternates-Bold;
  src: url(../fonts/MontserratAlternates-Bold.otf);
}
@font-face {
  font-family: MontserratAlternates-BoldItalic;
  src: url(../fonts/MontserratAlternates-BoldItalic.otf);
}
@font-face {
  font-family: MontserratAlternates-ExtraBold;
  src: url(../fonts/MontserratAlternates-ExtraBold.otf);
}
@font-face {
  font-family: MontserratAlternates-ExtraBoldItalic;
  src: url(../fonts/MontserratAlternates-ExtraBoldItalic.otf);
}
@font-face {
  font-family: Rokkitt-Regular;
  src: url(../fonts/Rokkitt-Regular.ttf);
}
@font-face {
  font-family: Rokkitt-Bold;
  src: url(../fonts/Rokkitt-Bold.ttf);
}
@font-face {
  font-family: Rokkitt-ExtraBold;
  src: url(../fonts/Rokkitt-ExtraBold.ttf);
}
@font-face {
  font-family: Rokkitt-ExtraBold;
  src: url(../fonts/Rokkitt-ExtraBold.ttf);
}
@font-face {
  font-family: telenorbold;
  src: url(../fonts/Telenor-Bold.otf);
}
@font-face {
  font-family: telenor;
  src: url(../fonts/Telenor-Regular.otf);
}
html{
	scroll-behavior: smooth;
}
body {
	font-size:15px;
	color:#777777;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	/*border:10px solid #ffffff;*/
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'telenor', sans-serif!important;
}
.main-menu .navigation > li:before,.main-menu .navigation > li:after {
    display: none;
}
.main-menu .navigation > li > a {
    /*color: #ffffff;*/
    color: #000000q;
}

.logo h2{
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.6em;
    font-family: telenorbold;
    font-size: 3.5em;
}
.logo-scroll h2{
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.6em;
    font-family: telenorbold;
    font-size: 3.0em;
}
.page-title {
    background-color: #bdbf94;
}
.main-slider h4 {
	font-size: 40px;
	text-transform: uppercase;
}

.main-header .nav-outer .outer-box {
    padding: 8px 0;
}

.brand-who-trust{
  padding: 30px 0;
  background:#ff4800!important; 
}
.content-image{
	display: none;
}
.testimonial-carousel .owl-item img{
	width: 285px;
}

.testimonial-section {
    background-color: #ffffff;
}
.testimonial-section .title-column h2 {
    color: #fff;
}

.testimonial-section .title-column {
    border-radius: 10px;
    background-color: #fff;
    text-transform: uppercase;
}

.testimonial-section .testimonial-column .owl-nav {
    bottom: -40px;
}

.testimonial-section .testimonial-column .owl-nav .owl-prev, 
.testimonial-section .testimonial-column .owl-nav .owl-next {
    background-color: #ff4800;
    border-color: #ff4800;
    color: #fff;
}

.testimonial-section .testimonial-column .owl-nav .owl-prev:hover, 
.testimonial-section .testimonial-column .owl-nav .owl-next:hover {
    color: #0f1341;
}

.card {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card {
  margin-top: 10px;
  box-sizing: border-box;
  border-radius: 2px;
  background-clip: padding-box;
}
.card span.card-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

.card .card-image {
  position: relative;
  overflow: hidden;
}
.card .card-image img {
  border-radius: 2px 2px 0 0;
  background-clip: padding-box;
  position: relative;
  z-index: -1;
}
.card .card-image span.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px;
    background: rgba(71, 93, 150, 0.7);
    font-size: 2.3em;
    font-weight: bold;
    border-top-right-radius: 5px;
}
.card .card-content {
  padding: 16px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
  box-sizing: border-box;
}
.card .card-content p {
  margin: 0;
  color: inherit;
}
.card .card-content span.card-title {
  line-height: 48px;
}
.card .card-action {
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  padding: 16px;
}
.card .card-action a {
  color: #ffab40;
  margin-right: 16px;
  transition: color 0.3s ease;
  text-transform: uppercase;
}
.card .card-action a:hover {
  color: #ffd8a6;
  text-decoration: none;
}
.spacer{
	margin-top: 100px;
}

.image svg{
	width: 500px;
}

.social-icon-one{
  padding-top: 30px!important;
}
.social-icon-one li .fa{
	font-size: 1.6em;
}

.job-desc{
  font-size: 0.8em;
}
.page-spfc-points{
  position: fixed;
  height: 500px;
}
.page-spfc-points h1,.page-spfc-points h2,.page-spfc-points h3,.page-spfc-points h4,.page-spfc-points h5{
  color: #fff;
}
.page-spfc-points ul li,.page-spfc-points ul li a{
  color: #fff;
  text-decoration: none;
}
#performance-points,#exchange-points{
  background: url('../images/background/page-items-bg.jpg')  no-repeat!important;
  background-size: cover;
  height: auto;
}
#exchange-points{
  height: 500px;
}
.counter,.adon-counter{
  font-size: 1.8em;
  font-weight: bold;
}
.counter-head{
  font-size: 1.2em;
  font-family:telenorbold;
}
.page-points-line{
  font-size: 4em;
  font-family:telenorbold;
}

.page-points {
z-index: 0;
position: relative;
margin-top: 50px;
margin-left: 0;
float: right;
width: 100%;
}
.page-points li {
width: 100%;
min-height: 54px;
background-color: #ff4800;
background-repeat: repeat-x;
margin: 5px 0px 5px 0px;
color: #fff;
right: -200px;
position: relative;
list-style: none;
padding: 15px;
border-radius: 0.3em;
font-size: 1.5em;
font-weight: 600;
}

.counter-section{
  padding: 30px 0px 50px;
  background: rgba(222,222,222,0.7);
}

/*******progress bar **************/
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f5f5f5));
background-image: -webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
background-image: -moz-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0);
}
.progress {
height: 12px;
background-color: #ebeef1;
background-image: none;
box-shadow: none;
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
-webkit-transition: width .6s ease;
transition: width .6s ease;
}
.progress-bar {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));
background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%);
background-image: -moz-linear-gradient(top,#428bca 0,#3071a9 100%);
background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
}
.progress-bar {
box-shadow: none;
border-radius: 3px;
background-color: #0090D9;
background-image: none;
-webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.progress-bar-success {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));
background-image: -webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);
background-image: -moz-linear-gradient(top,#5cb85c 0,#449d44 100%);
background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0);
}
.progress-bar-success {
background-color: #0AA699;
background-image: none;
}
.progress-bar-info {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#31b0d5));
background-image: -webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
background-image: -moz-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
background-image: linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0);
}
.progress-bar-info {
background-color: #0090D9;
background-image: none;
}
.progress-bar-warning {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#ec971f));
background-image: -webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
background-image: -moz-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
background-image: linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0);
}
.progress-bar-warning {
background-color: #FDD01C;
background-image: none;
}
.progress-bar-danger {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c9302c));
background-image: -webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);
background-image: -moz-linear-gradient(top,#d9534f 0,#c9302c 100%);
background-image: linear-gradient(to bottom,#d9534f 0,#c9302c 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0);
}
.progress-bar-danger {
background-color: #F35958;
background-image: none;
}

.progress-text{
  font-weight: bold;
}

.other-page-heading{
  font-size: 4.3em!important;
  font-family: telenorbold;
  background: rgba(255,255,255,0.5);
  border-radius: 0.1em;
  padding: 20px 0;
}
.team-img{
  border-radius: 50%;
  border:solid 1px rgba(237,237,237,0.6);
}
.text-bg{
  background: rgba(255,255,255,0.6);
  padding: 20px;
  border-radius: 0.3em;
  color: #ff4800;
}

.performance-form{
  display: none;
}
.main-slider h2 span{
  font-size: 60px;
  top: 0px;
  color: #ff4800!important;
}
@media only screen and (max-width: 479px) {
  .main-slider h2 span{
    font-size:30px;
    line-height:2em;
  }
}
@media only screen and (max-width: 599px){
  .main-slider h2 span{
    font-size:60px;
    line-height:1.4em;
  }
}