/*Telia Css*/

/* ==========================================================================
 - Shared-Styles -
 ========================================================================== */
*{
	margin:0;
	padding:0;
}
.patchgrad{
	position:relative;
}
.patchgrad img{
	position:relative;
	z-index: 1;
}
.patchgrad:after{
	content: '';
	opacity:0.5;
	position:absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height: 100%;
	z-index:2;
	background: #f0f9ff;
    background: -moz-linear-gradient(-45deg, #f0f9ff 0%, #f8f9f9 47%, #e6ebef 100%);
    background: -webkit-linear-gradient(-45deg, #f0f9ff 0%,#f8f9f9 47%,#e6ebef 100%);
    background: linear-gradient(135deg, white 0%,#f8f9f9 47%,#e6ebef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#e6ebef',GradientType=1 );
}
html{font-size:62.5%;}
body{font-family: 'Open Sans', sans-serif;font-size: 1.6rem;
    line-height: 1.625;background:#fff;}
h1,h2,h3,h4,a,p{font-family: 'Open Sans'}
h2{color:#893db6;font-size:3.2rem;}
p, ul li{color:#1e1e1e;font-weight:300;font-size:1.8rem;}
ul {
    list-style-image: url('../images/square.png');
}
a{color:#415a93;}
a:hover{text-decoration: none;}
img{max-width:100%;}
.row{margin:0;overflow:hidden;}
.clr{clear:both;}
.header{}
.right{float:right;}
.left{float:left;}
.b-top{border-top:1px solid #ebebeb;}
.b-bottom{border-bottom:1px solid #ebebeb;}
.b-right9{border-right:9px solid #f7f7f7;}
.w8-block{width:12%;margin:0.35rem 0.3px;float:left;}
.w8-double-block{width:24%;margin:0.35rem 0.3px;float:left;}
.w20-block{width:19%;display:inline-block;}
.w22-block{width:22%;float:left;}
.w30-block{width:30%;float:left;}
.w45-block{width:45%;float:left;}
.w7 {width:70px;margin: 0 auto;display: block;}
.w10 {width:10%;margin: 0 auto;display: block;}
.w50 {width:50%;margin: 0 auto;display: block;}
.w60 {width: 60%;margin:0 auto;display:block;}
.w65 {width: 65%;margin:0 auto;display:block;}
.w70{width:70%;margin:0 auto;display:block;}
.w75{width:75%;margin:0 auto;display:block;}
.w80{width:80%;margin:0 auto;display:block;}
.w81 {width: 81%; margin:0 auto;display:block;}
.w85{width:85%;margin:0 auto;display:block;}
.w90{width:90%;margin:0 auto;display:block;}
.w95{width:95%;margin:0 auto;display:block;}

.mbottom100{margin-bottom: 100px;}
.mbottom60{margin-bottom: 6rem;}
.mleft40{margin-left:40px;}
.mleft15{margin-left:15px;}
.mright15{margin-right:15px;}
.m0-15{margin:0 15px;}
.mtop31{margin-top: 3.1rem}
.p0{padding:0;}
.p15{padding:1.5rem;}
.p20{padding:2rem;}
.p30{padding:3rem;}
.p30-0{padding:3rem 0;}
.p35-0{padding:3.5rem 0;}
.p60-0{padding:6rem 0;}
.p65-0{padding:6.5rem 0;}
.ptop50{padding-top: 5rem;}
.pright40{padding-right:4rem;}
.pright30{padding-right:3rem;}
.ptop120{padding-top: 12rem;}
.ptop80{padding-top: 8rem;}
.pbot51{padding-bottom:5.1rem;}
.pleft30 {padding-left: 3rem;}
.pleft35 {padding-left: 3.5rem;}
.pright35 {padding-right: 3.5rem;}

.t-center{text-align:center;}
.bg-fb{background:#fbfbfb;}
.bg-blue{background:#154b89;}
.hidden-large{display:none;}
.hidden-small{display:block;}

/* ==========================================================================
 - Header -
 ========================================================================== */
 .header{
background: #d9e1e8; /* Old browsers */
background: -moz-linear-gradient(left,  #d9e1e8 25%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d9e1e8 25%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d9e1e8 25%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e1e8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
min-height:545px;position:relative;overflow:hidden;
}
.rest .header{min-height:260px;}
/*Menu*/
.navbar-default{background:inherit;margin:0;}
.navbar-brand{padding:25px 0;}
.navbar-nav{margin-top:2rem;}
.navbar-default .navbar-nav>li>a{padding:15px;color:#ae70d2;}
.navbar-default .navbar-nav>li>a:hover{color:#5d8abd;}
.navbar-default .navbar-toggle{background:#ae70d2;}
.nav-bar-right{float:right;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color:#28507f;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color:#28507f;}
/*Purple-box*/
.purple-box{position:absolute;width:70%;top:50%;left: 50%;
    -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);}
.purple-box p{color:#ae70d2;font-weight:800;font-size:2.6rem;}
/*Rectangles*/
.rectangles{position:absolute;width:70%;bottom:0;left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);height:138px;width:100%;}
.rectangles .bg-triangle{background:url(../images/purple-triangle1.png)30% 0 no-repeat;width: 100%;height: 138px;display: block; }
.rectangles .bg-triangle2{background:url(../images/purple-triangle2.png)0 0 no-repeat;display: block;position:absolute;width:70%;bottom:0;left: 80%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);height:138px; }
.rectangles .bg-triangle2 h2{padding:2.5rem;color:#fff;font-weight:300;font-size:2.8rem;}
/*Rest*/
.rest h2{color:#893db6;font-size:3.2rem;}
.rest .rectangles{position:absolute;width:70%;bottom:0;left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);height:102px;width:100%;}
.rest .rectangles .bg-triangle{background: url(../images/rest-triangle-bg2.png)0 0 no-repeat;
    width: 100%;
    height: 102px;
    display: block;}
.rest .rectangles .content{display: block;
    position: absolute;
    width: 50%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 102px; }
.rest .rectangles .content h2{padding:3rem;color:#fff;font-weight:300;font-size:2.8rem;}



/* ==========================================================================
 - Business -
 ========================================================================== */
 .businnes h3{color:#893db6;font-size:3rem;font-weight:300;}
.more-arrow{background:url(../images/more-arrow.png) 0 0 no-repeat;width:20px;height:15px;display:block;margin:0 auto;}
.less-arrow{background:url(../images/less-arrow.png) 0 0 no-repeat;width:20px;height:15px;display:block;margin:0 auto;}
.read-more-show{display:inline-block;margin:0 auto;color:#a6a7a7;}
.read-more-hide{display:inline-block;margin:0 auto;color:#a6a7a7;}
.hide {
  display: none;
}  
/* ==========================================================================
 - Technologies -
 ========================================================================== */
 /*Rectangles*/
 .technologies{position:relative;width:100%;height:145px;display:block;}
.technologies .rectangles{position:absolute;width:70%;top:0;left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);height:138px;width:100%;}
.technologies .rectangles .bg-triangle{background:url(../images/technology-triangle1.png)30% 0 no-repeat;width: 100%;height: 145px;display: block; }
.technologies .rectangles .bg-triangle2{background:url(../images/technology-triangle2.png)0 0 no-repeat;height: 145px;display: block;position:absolute;width:70%;bottom:0;left: 80%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
.technologies .rectangles .bg-triangle2 h2{color:#fff;font-weight:300;font-size:2.8rem;padding:2rem;}
.technologies-bottom .content{padding:8rem 0;}  
.technologies-bottom p{color:#893db6;margin-bottom:1rem;}

/* ==========================================================================
 - Contactform -
 ========================================================================== */
  .contact-info, #contact-form{margin-bottom:9rem;}
 .contact-info h2, #contact-form h2{margin-bottom:3rem;}
 .contact-info p, .contact-info span, .contact-info a{color:#1e1e1e;}
 .contact-info p, .contact-info a{font-weight:300;}
 .contact-info span{font-weight:bold;}
 .contact-info p{margin-bottom:2rem;}
 .contact-info div {margin-bottom:2rem;}

 #contact-form label {color:#1e1e1e;font-weight:300;}
 #contact-form a{color:#893db6;font-size:1.6rem;margin:1rem 1.5rem;}
 #contact-form .btn{background:#a461cb;color:#fff;padding:1rem 6rem;border:1px solid #a461cb;border-radius:0;}

 /* ==========================================================================
 - Services -
 ========================================================================== */
  .services-content {margin:3rem;margin-bottom: 10rem;}
 .services-content .content{margin-bottom: 6rem;}
 .services-content .container{margin-top:7rem;}
 .services-content h3{font-size:3.2rem; color: #893db6; margin-top:3rem;margin-bottom: 6rem;font-weight: 300;}
 .services-content h4{font-size: 2.4rem;color: #893db6;margin-top: 3rem;margin-bottom: 3rem;font-weight: 300;}
 .services-content ul{margin-left:3.5rem;}
 .services-content li{padding-bottom: 1rem;}
  /* ==========================================================================
 - About us -
 ========================================================================== */
 .about-us {    margin-top: 10rem; margin-bottom: 5rem;}
.about-us h3{margin-bottom: 4rem;color:#893db6;font-size:3.2rem; font-weight: 300;}
.about-us p {margin-bottom: 2.5rem;}
.about-us ul {margin-bottom:2.5rem;}


.carrers {margin-bottom: 5rem;}
.carrers-desc {font-weight: 300;font-size: 2.8rem;color: #893db6;margin-bottom: 3rem;}
.telia-seeks {margin-bottom:4rem;}
.telia {font-weight: 300;font-size:2.4rem;}
.seeks {font-weight: 400;font-size: 3.4rem;}
.carrers h3{color:#893db6;font-size:3.2rem;font-weight: 300;}
.carrers h4{color:#893db6;font-size: 2.4rem;}
.carrers a{color: #893db6;font-weight: 600;font-size: 1.4rem;}
.carrers a:hover {color: #0600F7;}

/* ==========================================================================
 - Footer -
 ========================================================================== */
 #footer{background:#efefef;padding-bottom:3rem;}
.services{background:#efefef;position:relative;width:100%;height: 100%;min-height:500px; }
.services .title{background:url(../images/services.png)0 0 no-repeat;width:195px;height:122px;display:block;top:-65px;left:50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);position:absolute;z-index:10;}
.services .title h2{text-align:center;color:#893db6;font-size:3rem;line-height:70px;} 
.services .container{position:absolute;height:100%;min-height:500px;display:block;top:-50px;left:50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);}
.services .container .bg-left{background:#893db6;text-align:left;padding:3rem 6rem 6rem;color:#fff;min-height:530px;}
.services .container .bg-right{background:#a164c5;text-align:right;padding:3rem 6rem 6rem;color:#fff;min-height:530px;}
.services h3{font-size: 3.2rem;margin-bottom: 6.5rem;font-weight: 300;}
.services ul{list-style-type: none;}
.services ul li{margin-bottom:0;display:block;color:#fff;font-weight: 300;font-size: 2.4rem;}
.services ul li a{color:#fff;font-weight: 300;font-size: 2.4rem;}
.bottom{padding-top:3rem;}
.bottom span{color:#ae70d2;font-size:1.4rem;margin-right:2rem;float:left;}
.bottom i{color:#893db6;font-size:2.5rem;}
.bottom a{float:left;margin-right:2rem;}
.bottom ul {list-style-type: none;list-style-image: none;}
.bottom ul  li{float:left;margin-right:1rem;}
.bottom ul  li  a{color:#a2adb6;}
.bottom ul  li  a:hover{color:#ae70d2;}
.copyrights  {padding:2rem 0 1rem;color:#a3a9ad;}
.copyrights a{text-decoration: underline;color:#a3a9ad;}



/* ==========================================================================
 - Media-queries -
 ========================================================================== */


@media only screen and (max-width: 767px){
    .w20-block , .w22-block , .w30-block , .w45-block,.w8-block,.w8-double-block{width:100%;float:left;}
    .services .container {position: relative; top: 0;left: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
    .services ul li a{font-size:2rem;}
}
@media only screen and (max-width: 500px){
    .nav-bar-right {float: left;}
    .rectangles .bg-triangle2 h2{font-size:2rem;}
    .rectangles .bg-triangle2 { width: 80%;left: 60%;}
    .technologies .rectangles .bg-triangle2 {width: 80%;left: 66%;}
    .technologies .rectangles .bg-triangle2 h2 {font-size:2rem;}
    .rest .rectangles .bg-triangle {background: url(../images/rest-triangle-bg2.png)33% 0 no-repeat;}
    .rest .rectangles .content{width:80%;}
    .b-right9{border:0;}
    .pleft30{padding:0;}
    .pleft35{padding-left: 1.5rem}
    .pright35{padding-right:1.5rem;}
    .b-bottom{border:0;}
    .carrers{text-align:left;}
    .telia-seeks{text-align:left;}
    .services-content{margin:0;}
    .services-content ul{margin:0;}

    .services .container .bg-left{padding: 4rem 3rem 6rem;} 
    .services .container .bg-right{text-align:left;padding: 3rem 3rem 6rem;}

    .bottom a {float: left;margin-right: 0.5rem;}
    .bottom ul li {float: left;margin-right: 0.5rem;}
    

}