html body
{
    margin:0;
	padding:0;
	font-size:100%;
	overflow-x: hidden;
	text-rendering: geometricPrecision; 
}
h1,h2,h3,h4,h5,h6,p
{
        -webkit-font-smoothing: antialiased;
}
*
{
    text-rendering: geometricPrecision !important;
}
a
{
    text-decoration:none;
    border:none;
    color:unset;
}

#main_content_container
{
	width:100%;
	height:100vh;

}
.client_header_desc
{
    padding-left:18%;
    width:82%;
 
    height:auto;
        margin-bottom: 4%;
}
h5.first_lh
{
   margin-top: 4.6%;
    margin-bottom: 6%;
}

h5.client_page_crumb
{
    font-family: Fabriga-Light;
    font-size:1.3125rem;
    color:#B2B2B2;
    font-weight:normal;
}

h1.client_name
{
    font-family:Fabriga-Bold;
    font-size:2.5rem;
    color:#282726;
    margin-bottom:0%;
}
h3.client_location
{
    font-family:Fabriga-Light;
    font-size:1.3125rem;
    color: #282726;
    margin-top: 0%;
    font-weight: normal;
}

div.prv_services
{
    padding-left:18%;   
    width:82%;
    height:auto;
    backgroud-color:yellow;
}
.prv_services p
{
    display:inline;
    font-family: Copernicus-Book;
    font-size:1.25rem;
    line-height:2.2rem;
    color:#282726;
    
}
.static_copy p 
{
    font-size:1.25rem;
    line-height:2.2rem;
    color:white;
}

div.ericsson_logo svg 
{
    width:100%;
    height:auto;
}
.dotla:before 
{
    content: " \B7 ";
    font-size:1.8rem;
    text-decoration: none;
    display: inline-block;
    color: #282726;
    margin-left: 0.7%;
    margin-right: 0.7%;
    font-family: Fabriga-Bold;
}
.desk_dotla:before
{
    content:unset;
}
.crucial_dotla:before
{
     content: " \B7 ";
    font-size:1.7rem;
    text-decoration: none;
    display: inline-block;
    color: #282726;
    margin-left: 0.5%;
    margin-right: 0.5%;
    font-family: Fabriga-Bold;
}
.crucial_mobdotla:before
{
    content: " \B7 ";
    font-size:1.7rem;
    text-decoration: none;
    display: inline-block;
    color: #282726;
    margin-left: 0.5%;
    margin-right: 0.5%;
    font-family: Fabriga-Bold; 
}

.service_duration_container
{
    padding-left:18%;

    width:82%;
    height:auto;
        margin-top: 3%;
    margin-bottom: 4%;
}

p.service_duration
{
    font-family: 'Fabriga-Light';
    font-size: 1.3125rem;
    color: #989898;
    font-weight: normal;
    font-variant-numeric: tabular-nums;
}
.hidden_desc
{
    transition: all ease-in-out 1.8s;
    height: auto;
    overflow: hidden;
    max-height: 0px;
    opacity: 0;
}
.hidden_moreinfo_desc
{
    transition: all ease-in-out 1.8s;
    height: auto;
    overflow: hidden;
    max-height: 0px;
    opacity: 0;
}

.expand_desc
{
        transition: all ease 1.8s;
    max-height: 1000px !important;
    opacity: 1 !important;
}
p#read_moreinfo_more
{
    font-family: 'Fabriga-Light';
        font-size: 1.25rem;
    color:#A0A0A0;
    cursor:pointer;
    margin-top:0%;
    transition:all ease-in-out 0.8s;
}
p#read_moreinfo_more:hover
{
    color:#30D787;
}
p#read_more
{
   font-family: 'Fabriga-Light';
        font-size: 1.25rem;
    color:#A0A0A0;
    cursor:pointer;
    margin-top: 0%;
     transition:all ease-in-out 0.8s;
}
p#read_more:hover
{
    color:#30D787;
}
p#read_lessinfo_more
{
     font-family: 'Fabriga-Light';
        font-size: 1.25rem;
    color:#A0A0A0;
    cursor:pointer;
    display:none;
     transition:all ease-in-out 0.8s;
}
p#read_lessinfo_more:hover
{
    color:#30D787;
}
p#read_less
{
   font-family: 'Fabriga-Light';
        font-size: 1.25rem;
    color:#A0A0A0;
    cursor:pointer;
     transition:all ease-in-out 0.8s;
    display:none;
}
p#read_less:hover
{
    color:#30D787;
}
.client_hero_image
{
    width:90%;

    height:auto;
 
        padding-left: 10%;
}
.client_hero_image img 
{
    width:100%;
    height:auto;
}
.client_service_desc
{
    padding-left: 18%;
    padding-right: 8%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}

.client_service_desc p
{
    font-size: 2.2rem;
    font-family: Fabriga-Light;
    line-height: 3rem;
    padding-right: 0%; 
}
.hovercolor
{
    color:#30D787 !important;
}
h5.copersans_dialog
{
   font-family: 'Galaxie-mediumItalic';
    padding-top: 3%;
    line-height: 1.35rem;
    font-size: 1.4rem;
    margin-bottom: 1%;
    color:#A0A0A0;
        font-weight: normal;
}
.hidden_desc p
{
    font-size:2.15rem;
}
.client_service_desc h2
{
        font-size:2.6rem;
     font-family:Fabriga-Medium;
     line-height: 2.9rem;  
        letter-spacing: 0.05rem;
}

.voraco_seal_container
{
        position: absolute;
    right: 10%;
    width: 10%;
    height: auto;
    top: 6.3%;
}

.voraco_seal_container img
{
    width:100%;
    height:auto;
    position:absolute;
}
.svg_hoverSeal
{
    opacity:0;
}
.svg_headerSeal:hover 
{
    opacity:0;
}

.svg_headerSeal:hover  #sealhover
{
    opacity:1;
}


.client_work_container
{
    width:100%;
    
    height:auto;
}
.key_srvs_container
{
   margin-left: 10%;
    padding-left: 8%;  
    background-color:#EAEAEA;
    padding-top:2%;
    padding-bottom: 6%;
}
.key_bord_btm
{
    width:100%;
    border-bottom:1px solid #808080;
    margin-top: 18%;
    margin-bottom: 15%;
}
.full_div_brderbtm
{
     width:88%;
     border-bottom:1px solid #808080;
     margin-top: 8%;
    margin-bottom: 0%;
}
.crucial_services
{
    margin-left: 10%;
    padding-left: 8%;  
    background-color:#EAEAEA;
    padding-top: 1.5%;
    padding-bottom: 3%;
}

h6.key_srv_tags
{
    font-family: Copernicus-Book;
        font-weight: normal;
    font-size:1.25rem;
    color:#282726;
    margin-bottom: 4%;
}

h6.crucial_srv_tags
{
    font-family: Copernicus-Book;
    font-size:1.35rem;
    color:#282726;
        margin-bottom: 4%;
    font-weight:normal;
}

.key_srvs_grid
{
    width: 100%;
    flex: row;
    display: flex;
    flex-wrap: wrap; 
}

.crucial_grid
{
    width: 100%;
    flex: row;
    display: flex;
    flex-wrap: wrap;
}
.key_srvs_tile
{
    width: 28%;
    height: auto;
    margin-right: 3.1333%;
    
 
}
.crucial_tile
{
    width: 28%;
    height: auto;
    margin-right: 3.1333%;
    margin-bottom: 8%;
}

.forward-arrow svg
{
       width: 3%;
    height: auto;
    margin-left: 2%;
    margin-bottom: 0.5%;
       transition: all ease-in-out 0.5s;
}

.key_tile_image
{
    width:100%;
    height:auto;
    display: inline-block;
    overflow: hidden;
        margin-right: 0%;
}
.crucial_image
{
    width:100%;
    height:auto;
    display: inline-block;
    overflow: hidden;
        margin-right: 0%;
}
.key_tile_image img
{
    transition:all ease-in-out 1.2s;
    cursor:pointer; 
    width:100%;
    height:100%;
}
.key_tile_image
{
    border-bottom:2px solid #EAEAEA;
    transition:all ease-in-out 0.8s;
}

.key_srvs_tile:hover .key_tile_image
{
    border-bottom:2px solid #0C87FF;
}
.key_srvs_tile:hover .forward-arrow svg {
    transition: all ease-in-out 0.5s;
    transform: translate(5px, -3px);
}
.crucial_image img
{
 transition:all ease-in-out 1.2s;
 cursor:pointer;
 width:100%;
    height:auto;
}
.crucial_image
{
    border-bottom:2px solid #EAEAEA;
    transition:all ease-in-out 0.8s;
}


.crucial_tile:hover .crucial_image
{
    border-bottom:2px solid #0C87FF;
}
.crucial_tile:hover .forward-arrow svg
{
     transition: all ease-in-out 0.5s;
    transform: translate(5px, -3px);
}

.key_tile_desc
{
    width:100%;
    height:auto;
    padding-top: 5%;
    
}
.key_tile_desc p
{
    font-size:1.125rem;   
    font-family:Fabriga-Light;
    padding-right: 7%;
    line-height: 1.5rem;
    color: #4D4D4D;
        margin-top: 1.5%;
    margin-bottom: 1.5%;
}
.crucial_desc
{
    width:100%;
    padding-top: 6%;
    height:auto;
}
.crucial_desc p 
{
    font-size:1.125rem;   
    font-family:Fabriga-Light;
    padding-right: 15%;
    line-height: 1.5rem;
    margin-top:1.5%;
    margin-bottom:1.5%;
    color: #4D4D4D;
}

.client_work_gallery
{
    width:90%;
    height: 640px;
    padding-right:10%;
    background-color:#EAEAEA;
    
}
.campaign_work_gallery
{
       width: 82%;
    height: 640px;
    margin-left: 10%;
    padding-left: 8%;
    background-color: #EAEAEA;
    overflow:hidden;
}
.campaign_image_container
{
     
    position: absolute;
    width:100%;
    overflow: hidden;
}
div.campaign_image_container div.slide_markup
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background-color: #0a0435; 
}
.campaign_image_container img
{
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 1.2s ease-in-out;
    -moz-transition: opacity 1.2s ease-in-out;
    -o-transition: opacity 1.2s ease-in-out;
    transition: opacity 1.2s ease-in-out;
    transition: all ease-out 1.2s;
}
.transparent
{
	opacity:0;
}

div.more_info_desc
{
    margin-left: 10%;
    padding-left: 8%;
    background-color: #eaeaea;
    padding-top:5%;
    padding-bottom: 2%;
}
.more_info_desc h2
{
        font-size: 2.4rem;
    font-family: Fabriga-Medium;
    line-height: 2.9rem;
    letter-spacing: 0.05rem;
}
.more_info_desc p 
{
    font-size: 1.80rem;
    line-height: 2.5rem;
    font-family: Fabriga-Light;
    padding-right: 19%;
}
.work_image_container
{
    width:100%;
    position:absolute;
    height:640px;
    overflow:hidden;
}

.work_image_container img 
{
    position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%	;
	-webkit-transition: opacity 1.2s ease-in-out;
	-moz-transition: opacity 1.2s ease-in-out;
	-o-transition: opacity 1.2s ease-in-out;
	transition: opacity 1.2s ease-in-out;
		transition:all ease-out 1.2s;
}

.more_projs_container
{
    width:82%;
    padding-left:18%;
    height:auto;
    padding-top: 8%;
    padding-bottom:2%;
    display:none;
}
div.temp_msg_projs
{
       margin-top: 5%;
    margin-bottom: 10%;
    
}
.temp_msg_projs h5
{
   	font-family: 'Copernicus-ItalicBook';
    color:#a8a8a8;
     font-weight: normal;
    font-style: normal;
    padding-left:18%;
    font-size: 1.5rem;
}
h4.more_projs_title
{
    font-family:Fabriga-Bold;
    font-size:1.3125rem;
    color:#B2B2B2;
    letter-spacing: 0rem;
}

.more_projs_grid
{
    width: 100%;
    flex: row;
    display: flex;
    flex-wrap: wrap;
}

.more_projs_tile
{
   width: 28%;
    height: auto;
    margin-right: 3.1333%;
    margin-bottom: 8%;
}
.proj_image
{
        width: 100%;
    height: auto;
    display: inline-block;
    overflow: hidden;
        margin-right: 0%;
}
.proj_image img
{
    transition: all ease-in-out 1.2s;
    cursor: pointer;
    width: 100%;
    height: auto;

}
.proj_desc
{
    width: 100%;
    height: auto;
}
.proj_desc h6
{
    font-family:Fabriga-Medium;
    font-size:1.3125rem;
    margin-top: 2%;
    margin-bottom: 2%;
    color:#4D4D4D;
}
.proj_desc p {
    font-size: 1.125rem;
    font-family: Fabriga-Light;
    padding-right: 0%;
    line-height: 1.5rem;
    color: #4D4D4D;
    margin-top: 2%;
    margin-bottom: 2%;
    color:#4D4D4D;
}

.contact_forum_container
{
    width:82%;
    padding-left:18%;
    background-color:#323232;
    padding-top:10%;
   padding-bottom:8%;
}
img.seal_footer {
    position: absolute;
    width: 13%;
    right: 18%;
    margin-top: -16.5%;
}
h4.contact_forum_title
{
    font-family: 'Fabriga-Bold';
        font-weight: normal;
      font-size: 1.81rem;
    line-height: 2.5rem;
    margin-bottom:1%;
    margin-top:0%;
    color:#dbdbdb;
}
p.contact_forum_desc
{
    font-family:'Fabriga-Light';
    font-weight:normal;
    font-size: 1.71rem;
    line-height: 2.5rem;
    color:#dbdbdb;
   
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}
.forum_area
{
    padding-top:4%;
}
h2.connect_title
{
    font-family:'Fabriga-Bold';
    font-size:1.4125rem;
     color:#808080;
         margin-bottom: 2%;
    margin-top: 2%;
}
input.contact_input_ele {
    background-color: #514f50;
    border: none;
    width: 76%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 2%;
    margin-bottom: 4%;
    font-family: Fabriga-Light;
    color: #a7a7a7;
    font-size: 1.41rem;
}
input.contact_input_ele::placeholder {
 color:#a7a7a7;   
}
textarea.contact_input_ele {
    background-color: #514f50;
    border: none;
    width: 76%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 2%;
    margin-bottom: 4%;
    font-family: Fabriga-Light;
    color: #a7a7a7;
    font-size: 1.41rem;
    height: 13rem;
    max-width: 76%;
    min-width: 76%;
    min-height: 10rem;
    max-height: 16rem;
}
textarea.contact_input_ele::placeholder
{
     color:#a7a7a7; 
}
.msg_container span 
{
    position: absolute;
    top: 5%;
    right: 24.5%;
    width: 34px;
    height: 34px;
}
.key_tile_desc h5 
{
    font-size: 1.125rem;
     font-family: 'Fabriga-Medium';
    padding-right: 7%;
    line-height: 1.5rem;
    color: #4D4D4D;
    margin-top: 2%;
    margin-bottom:2%;
        text-decoration: underline;
    text-decoration-color: #0075c9;
}
.crucial_desc h5 {
    font-size: 1.125rem;
    font-family: 'Fabriga-Medium';
    font-weight:normal;
    padding-right: 7%;
    line-height: 1.5rem;
    color: #4D4D4D;
    margin-top: 2%;
    margin-bottom: 2%;
        text-decoration: underline;
    text-decoration-color: #0075c9;
}
p.pub_date {
    font-size: 0.9rem;
}
#attach_icon 
{
    z-index: 999;
}
.attachment 
{
    background-image: url("../../Images/attachment.svg");
    background-size: contain;
    background-position: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}
span#file_names
{
    padding-right: 3.5%;
    font-family: Fabriga-Light;
    color: #B3B3B3;
    margin-top: 0%;
    margin-bottom: 3%;
    width: 12%;
    top: 3%;
}
#mail_sent_confirmation 
{
    color: #808080;
    font-family: Fabriga-Light;
    font-size: 1.15rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#confirm_msg
{
    transition: all ease .8s;
    display: none;
}
#processing_Msg 
{
    transition: all ease .8s;
    display: none;
}
#mail_sent_confirmation p 
{
    padding-left: 1%;
}
#mail_sent_confirmation svg 
{
    width:32px;
    height:auto;
    
}
.circ{
    opacity: 0;
    stroke-dasharray: 130;
    stroke-dashoffset: 130;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
	stroke: greeen;
}
.tick{
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;
    -moz-transition: stroke-dashoffset 1s 0.5s ease-out;
    -ms-transition: stroke-dashoffset 1s 0.5s ease-out;
    -o-transition: stroke-dashoffset 1s 0.5s ease-out;
    transition: stroke-dashoffset 1s 0.5s ease-out;
}
.drawn + svg .path{
    opacity: 1;
    stroke-dashoffset: 0;
}
.upload_input 
{
    position: absolute;
    z-index: -1;
    opacity: .00001;
    color: #fff;
    pointer-events: none;
    resize: none;
}
input#submit_button:hover 
{
    background-color: #FCFCFC;
    color: #333333;
    border: 0.5px solid #333333;
    cursor: pointer;
}
input#submit_button 
{
    display:none !important;
    background-color: #ebeae9;
     font-family:Fabriga-LightItalic;
    text-align: right;
    width: 15%;
    border: none;
    color: #808080;
    border: 0.5px solid #b1b1b1;
    font-size: 1.31rem;
    float: right;
    margin-right: 22%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 1.25%;
    transition: all ease .8s;
}
.footer_copyright_container
{
    padding-top:6%;
}
#footer_notes h6
{
    color: #a7a7a7;
    margin-top: 3%;
    font-size: 1.25rem;
    font-family: Fabriga-Medium;
    line-height: 1.35rem;
    margin-bottom: 1%;
    
}
#footer_notes p
{
    color: #808080;
    font-family: Fabriga-Light;
    font-size: 1.15rem;
    line-height: 1.35rem;
    margin-top: 1%;
}
#copyright {
    font-family: Fabriga-Light;
    color: #808080;
    font-size: 0.95rem;
    margin-top: 2%;
    padding-bottom: 2%;
    text-align: right;
    margin-right: 22.4%;
        width: 27.6%;
}
span.back_arrow svg {
    width: 2%;
    margin-right: 1.5%;
}
p.mailto_tag
{
   font-size:1.5rem; 
   color:#F1F1F1;
}
.msg_container {
    position: relative;
    display: inline-block;
    width: 100%;
}
.pag_container
{
    background-color:#EAEAEA;
    margin-left:10%;
    padding-top: 1.5%;
    padding-right:8.9%;
}
.pag_container_2
{
  background-color: #EAEAEA;
    margin-left: 10%;
    padding-top: 1.5%;
    padding-left: 8%;
}
.slider_pagination_bar
{
   width: 18%;
    min-height: 38%;
    position: relative;
    bottom: 0%;
    display: flex;
    margin-left: auto;
  
 
}
.slider_pagination_bar_2
{
    width:21%;
    min-height: 38%;
    position: relative;
    bottom: 0%;
    display: flex;
    margin-right: auto;
}
.pag_dots 
    {
        width: 16%;
        height: 5px;
        background-color: rgba(203,203,203,1);
        margin-right: 0%;
        transition: all ease 1.2s;
        margin-left: auto;
    }
.pag2_dots
    {
        width: 14%;
        height: 5px;
        background-color: rgba(203,203,203,1);
        margin-right: 10%;
        transition: all ease 1.2s;
        margin-left: 0%;
    }
.pag2_dots:hover
{
    cursor:pointer;
}
.pag_dots:hover
{
    cursor:pointer;
}
.pag_active
{
    background-color:rgba(152,152,152,1) !important;
}
#file_names p {
    margin-top: 1%;
    margin-bottom: 2%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    text-align: right;
}
span#file_names {
    padding-right: 5%;
    font-family: Fabriga-Light;
    color: #B3B3B3;
    margin-top: 0%;
    margin-bottom: 3%;
    width: 12%;
}
.disclaimer_container {
    width: 84%;
    height: auto;
    padding-top: 2%;
    margin-top: 3%;
    
}
.disclaimer_container h2 {
      font-size: 1.81rem;
    line-height: 2.5rem;
    font-family: Fabriga-Medium;
    
}
.disclaimer_container p
{
     font-size: 1.81rem;
    line-height: 2.5rem;
    font-family: Fabriga-Light;
    
}
p.disclaimer_desc {
    font-family: Copernicus-Book;
    padding-right: 17%;
    font-size: 1rem;
    line-height: 1.85rem;
}
.dotla2:before {
    content: " \B7 ";
    font-size: 1.3rem;
    text-decoration: none;
    display: inline-block;
    color: #4d4d4d !Important;
    margin-left: 1.5%;
    margin-right: 1.5%;
    font-family: Fabriga-Bold;
    
}
span.multsym
{
    font-size: 1.1rem;
    /* line-height: 1.3rem; */
    margin-left: 0.5%;
    margin-right: 0.5%;
}
div.social_icons
{
    position: absolute;
    display: flex;
   height: 4.5%;
    width: 12%;
    right: 17%;
    margin-top: -4.7%;

}
a.social_href_tag
{
    width:33%;
    height:auto;
}
a.social_href_tag img
{
    width:100%;
    height:100%;
}
div.sub_btn
{
    width:9%;
    padding-left:2%;
    font-family:'Fabriga-Light';
    font-size:1.3125rem;
    background-color:#565555;
   margin-top:0%; 
       padding-top: 1.25%;
    padding-bottom: 1.25%;
    cursor:pointer;
}
.sub_btn p {
   
    display: inline;
    color: #a7a7a7;
    font-size: 1.4rem;
}
.btn_arrw img
{
    width:12.5%;
    height:auto;
}
div.sub_btn:hover  > .btn_arrw img
{
    
    width:100%;
}
div.copy_backto_container
{
    display:flex;
}
div#backto_homepage {
    font-family: Fabriga-Light;
    color: #808080;
    font-size: 1.125rem;
    margin-top: 2%;
    padding-bottom: 2%;
    text-align: left;
    margin-right: 0%;
    width:50%;
}
a.send_note
{
    border-bottom:0.5px solid #a7a7a7;
    
}
a.backto
{
    
}
a.backto:hover .back_arrow svg
{
      transform: translate(-5px, -3px);
      transition: all ease-in-out 0.5s;
}
.back_arrow svg
{
    transition: all ease-in-out 0.5s;
}

.clickable_pdf
{
    font-family:'Fabriga-Regular';
    text-decoration:underline;
    text-decoration-color: #007ac2;
}
.fabriga_lghtIta
{
     font-family:'Fabriga-LightItalic';
}

.credits_container
{
  margin-top: 5%;
   margin-bottom: 5%;
    padding-bottom: 4%;
        margin-right: 9.8%;
     margin-left: 18%;
  border-bottom:1px solid #808080;
}
span.credits_key
{
        font-size: 1.225rem;
    font-family: 'Fabriga-Medium';

    line-height: 2rem;
}
span.credits_value
{
    
    font-size: 1.225rem;
    font-family: Fabriga-Light;
 
    line-height: 2rem;

}
.mob_only
{
    display:none;
}
.desk_only
{
    display:block;
}
 .mob_dotla:before
    {
       content: " \B7 ";
    font-size: 1.8rem;
    text-decoration: none;
    display: inline-block;
    color: #282726;
    margin-left: 0.7%;
    margin-right: 0.7%;
    font-family: Fabriga-Bold;
    }   
#canvas_aniHolder
{
    width: 90%;
    height: auto;
    margin-left: 10%;
    background-color: transparent;
    background-image: url("/work/ericsson/header_pan_animation/Ericsson_x_Voraco_CaseStudy_Panimation_00001.png"); 
    background-size: 100%;
    background-repeat: no-repeat;

}        





/**************** ERRICON ANIMATION *****************/
span.char
{
    opacity: 0;
    transition: all ease 1.6s;
}
div.static_copy
{
    opacity:0;
    transition: all ease 1.6s;
}
div.static_copy.animate_copy
{
    opacity:1;
}
div.ericsson_logo
{
    opacity:0;
    transition: all ease 1.6s;
}
div.ericsson_logo.animate_logo
{
    opacity:1;
}
span.char.animate_char
{
    opacity:1;
}

div.animating_text
{
    font-size: 2rem;
    color: white;
    line-height: 2rem;
    letter-spacing: 0.9rem;
    opacity:0;
}
div.row_one_text
{
    margin-bottom: 6%;
    margin-left: 2.3rem;
}

div.row_two_text
{
    margin-bottom: 6%;
    margin-left:-4.3rem;
}
div.bannner_copy
{
    position:absolute;
    right:10%;
    margin-top:8vw;
}
div.ericsson_logo
{
    width: 45%;
    height: auto;
    margin-top: 16%;    

    
}
a.credit_href
{
    border-bottom:0.1px solid #b3b3b3;
    transition:all ease 0.6s;
}
a.credit_href:hover 
{
    border-bottom:0.1px solid #808080;
}
a.blue_href
{
    color:#2e96f5;
}
a.blue_href:hover 
{
    border-bottom: 0.8px solid #2e96f5;
}
.flex
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
div.animation_vid
{
    width:50%;
}
div.animation_content
{
    width:50%;
}
div.vid_playBtn_holder
{
    width: 6%;
    position: absolute;
    transition: all ease 0.8s;
    margin-top: 13.8%;
    margin-left: 14.5%;
}
div.vid_playBtn_holder svg 
{
    width:100%;
    height:auto;
    transition:all ease 0.8s;
    box-shadow: 0px 16px 17px 0px;
    border-radius: 20vw;
}

div.content_image
{
    width:100%;
    height:auto;
}
div.content_image img 
{
    position:relative;
    height:auto;
}
div.anim_image
{
   width:100%;
   height:auto;
}
div.anim_vid_holder
{
    width: 35%;
    height: auto;
    position: absolute;
    
}

.active_anim_slide.slide_markup div.anim_vid_holder.active_vid
{
    z-index: 99999;
}
.im_vid_holder
{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    margin: auto;
   
}
div.anim_image img 
{
    width:100%;
    height: auto;

    position:relative;
    cursor: pointer;
}
.active_anim_slide.slide_markup div.anim_image img
{
    z-index:999;
    transition:all ease 0.8s;
}
.active_anim_slide.slide_markup div.vid_playBtn_holder 
{
    z-index:9999;
    transition:all ease 0.8s;
    cursor: pointer;
}
div.animation_content h4
{
    color: #fff;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: 0.01rem;
    margin: 2% 0% 2% 0%;
}
div.animation_content p 
{
    color: #fff;
    font-size: 1rem;
    line-height: 1.4rem;
    letter-spacing: 0.01rem;
    margin: 2% 0% 2% 0%;
    padding-right: 34%;
}
div.anim_errison_logo svg 
{
    width: 40%;
    margin-top: 8%;
}
.ita_light
{
    font-family: Fabriga-Light;
    font-style:italic;
}
@media only screen and (min-device-width:1680px) 
{
    
    div.animating_text
    {
        font-size: 2.6rem;
        color:white;
        line-height: 2.9rem;
        letter-spacing: 1.1rem;
    }
    div.row_one_text
    {
        margin-bottom: 3%;
        margin-left: 2.6rem;
    }

    div.row_two_text
    {
        margin-bottom:3%;   
        margin-left: -5.8rem;
    }
    div.bannner_copy
    {
        position:absolute;
        right:10%;
        margin-top:10%;
    }
    div.ericsson_logo
    {
        width: 61%;
        height: auto;
        margin-top: 20%;

        
    }
    .client_service_desc p
    {
        font-size: 2.9rem;
        line-height: 3.8rem;
        margin: 2% 0% 2% 0%;
    }
    .client_service_desc h2 
    {
        font-size: 3.2rem;

        line-height: 3.2rem;
        letter-spacing: 0.05rem;
        margin: 2% 0% 2% 0%;
    }
    .more_info_desc p {
        font-size: 2.5rem;
        line-height: 3.4rem;
    }
    .more_info_desc h2 {
        font-size: 2.6rem;
    }
    .disclaimer_container {
        width: 87%;
    }
    .disclaimer_container p {
        font-size: 2.5rem;
        line-height: 3.4rem;
    }
    .disclaimer_container h2 {
        font-size: 2.6rem;
        line-height: 2.8rem;

    }
    h6.crucial_srv_tags {
        font-size: 1.75rem;
        margin: 2.4% 0% 2.4% 0%;
    }
    .crucial_desc h5 
    {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    .crucial_desc p 
    {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }
    h5.copersans_dialog {
        line-height: 2rem;
        font-size: 1.6rem;
    }
    .prv_services p {

        font-size: 1.55rem;
        line-height: 2.6rem;
    }
    .client_name {

        font-size: 3rem;
    }
    h3.client_location {
 
        font-size: 1.6rem;
    }
    h5.client_page_crumb {

        font-size: 1.6rem;
    }
    p.service_duration {
        font-size: 1.6rem;
    }
    span.credits_value {
        font-size: 1.5rem;
    }
    span.credits_key {
        font-size: 1.5rem;
    }
    p.contact_forum_desc {

        font-size: 2.1rem;
        line-height: 2.8rem;
    }
    h4.contact_forum_title 
    {
        font-size: 2.1rem;
        line-height: 2.8rem;
    }
    h2.connect_title {
   
        font-size: 1.8rem;
    }
    input.contact_input_ele {

        font-size: 1.8rem;
    }
    textarea.contact_input_ele {

        font-size: 1.8rem;
    }
    div.sub_btn {

        font-size: 1.6rem;
    }
    #footer_notes h6 {

        font-size: 1.6rem;
    }
    #footer_notes p {

        font-size: 1.6rem;
        line-height: 2.05rem;
    }
    div#backto_homepage {

        font-size: 1.3rem;
    }
    #copyright {

        font-size: 1.3rem;
    }
    .temp_msg_projs h5 {

        font-size: 1.8rem;
    }
}

div.row_three_text
{
    margin-bottom:3%;   
}

span[data-char="I"] {
    font-family: 'ericsson-hilda-light';
    font-weight: normal;
    font-style: normal;
  }

  span[data-char="M"] {
    font-family: 'ericsson-hilda-reg';
    font-weight: normal;
    font-style: normal;
  }

  span[data-char="A"] {
    font-family: 'ericsson-hilda-bold';
    font-weight: normal;
    font-style: normal;
  }
  span[data-char="G"] {
    font-family: 'ericsson-hilda-bold';
    font-weight: normal;
    font-style: normal;
  }
  span[data-char="N"] {
    font-family: 'ericsson-hilda-bold';
    font-weight: normal;
    font-style: normal;
  }

  span[data-char="E"] {
    font-family: 'ericsson-hilda-light';
    font-weight: normal;
    font-style: normal;
  }

  span[data-char="P"] {
    font-family: 'ericsson-hilda-light';
    font-weight: normal;
    font-style: normal;
  }
  span[data-char="O"] {
    font-family: 'ericsson-hilda-light';
    font-weight: normal;
    font-style: normal;
  }
  span[data-char="S"] {
    font-family: 'ericsson-hilda-bold';
    font-weight: normal;
    font-style: normal;
  }
  span[data-char="B"] {
    font-family: 'ericsson-hilda-light';
    font-weight: normal;
    font-style: normal;
  }
  span[data-char="L"] {
    font-family: 'ericsson-hilda-bold';
    font-weight: normal;
    font-style: normal;
  }

  span[data-char="B"] {
    font-family: 'ericsson-hilda-light';
    font-weight: normal;
    font-style: normal;
  }

  span[data-char="R"] {
    font-family: 'ericsson-hilda-bold';
    font-weight: normal;
    font-style: normal;
  }
  span[data-char="C"] {
    font-family: 'ericsson-hilda-bold';
    font-weight: normal;
    font-style: normal;
  }
  span[data-char="T"] {
    font-family: 'ericsson-hilda-bold';
    font-weight: normal;
    font-style: normal;
  }
  span[data-char="V"] {
    font-family: 'ericsson-hilda-light';
    font-weight: normal;
    font-style: normal;
  }
@media only screen and (min-device-width:320px) and (max-device-width:1024px)
{
    h5.client_page_crumb 
    {
        font-size: 1.8125rem;
    }
    .prv_services p 
    {
            font-size: 2rem;
    line-height:3.6rem;
    }
    h1.client_name 
    {
        font-size: 3.55rem;
            margin-bottom: 0.5%;
    }
    h3.client_location 
    {
        font-family: Fabriga-Light;
       font-size: 2.1625rem;
    }
    h4.service_duration 
    {
        font-family: Fabriga-Light;
        font-size: 1.8125rem;
    }
    .client_service_desc p 
    {
       font-size: 3.21rem;
    font-family: Fabriga-Regular;
    line-height: 4.9rem;
    }
    .client_service_desc 
    {
        padding-left: 5.33%;
        padding-right:5.33%;
    }
    	div.social_icons
	{
           position: relative;
            display: flex;
            height: auto;
            width: 25%;
            margin-left: 17.5%;
            margin-top: 6%;
            margin-bottom: 6%;
	}
	a.social_href_tag
	{
        width: 20%;
        height: auto;
        margin-right: 13.333%;
    }
        
    .mob_only
    {
        display:block;
    }
    .desk_only
    {
        display:none;
    }
    .mob_dotla:before
    {
        content:unset;
    }
    .desk_dotla:before
    {
         content: " \B7 ";
         font-size:2.8rem;
         text-decoration: none;
         display: inline-block;
         color: #282726;
         margin-left: 1.7%;
         margin-right: 1.7%;
         font-family: Fabriga-Bold;
    }
    .dotla:before
    {
        content: " \B7 ";
        font-size: 2.8rem;
        text-decoration: none;
        display: inline-block;
        color: #282726;
        margin-left: 1.7%;
        margin-right: 1.7%;
        font-family: Fabriga-Bold;
    }
    .client_header_desc 
    {
        padding-left: 5.33%;
            margin-top: 15%;
    }
    h5.client_page_crumb 
    {
        font-size: 2.4625rem;
    }
    .voraco_seal_container 
    {
        right: 5.33%;
        width: 17%;
        top: 6.7%;
    }
    div.prv_services 
    {
        padding-left: 5.33%;
        margin-bottom: 2%;
    }
    .service_duration_container 
    {
        padding-left: 5.33%;
    }
    p.service_duration 
    {
        font-size: 2.1rem;
    }
    .client_hero_image 
    {
        width: 94.67%;
        padding-left: 5.333%;
    }
    .client_service_desc h2 
    {
        font-size: 3.4rem;
    }
    .client_service_desc section p
    {
        font-family:"Fabriga-Light";
    }
    .expand_desc 
    {
        max-height: 2000px !important;
    }
    h5.copersans_dialog 
    {
        font-size: 2.4rem;
    line-height: 3.7rem;
    }
    p#read_more 
    {
        font-size:2.4rem;
    }
    p#read_less 
    {
        font-size: 2.4rem;
    }
    .crucial_services
    {
        margin-left: 5.33%;
        padding-left: 5.33%;
        padding-right: 8%;
        padding-bottom: 10%;
    }
    h6.crucial_srv_tags 
    {
        font-size: 2.45rem;
        line-height: 4rem;
        font-family: Copernicus-Medium;
        margin-bottom: 12%;
    }
    .crucial_mobdotla:before
    {
        content:unset;   
    }
    .crucial_grid
    {
        display:block;
    }
    .crucial_tile 
    {
        width: 100%;
    }
    .crucial_desc h5 
    {
        font-size: 2.95rem;
            margin-bottom: 5%;
    }   
    .crucial_desc p 
    {
        font-size: 2.95rem;
        line-height: 3.75rem;
        padding-right: 7%;
    }
    .mob_grid_borderbtm
    {
            width: 100%;
    border-bottom: 1px solid #808080;
    margin-top: 13%;
    margin-bottom: 9%;
    }
    .client_work_gallery 
    {
        width: 94.67%;
        padding-right: 5.33%;
    }
    .pag_container 
    {
        background-color: #EAEAEA;
        margin-left: 5.33%;
        padding-left: 5.33%;
            padding-top: 7%;
    }
    .slider_pagination_bar 
    {
        width: 60%;
        margin-right: auto;
        margin-left: unset;
    }
    .pag_dots 
    {
        width: 17%;
        height: 10px;
            margin-left: 0%;
    margin-right: auto;
    }
    div.more_info_desc 
    {
        margin-left: 5.33%;
        padding-left: 5.33%;
    }
    div.more_info_desc 
    {
        padding-top: 12%;
    }
    .more_info_desc h2
    {
         font-size: 3.2rem;   
    }
    .more_info_desc p 
    {
            font-size: 2.95rem;
        line-height: 3.75rem;
        padding-right: 8%;
    }
    p#read_moreinfo_more 
    {
        font-size: 2.4rem;
            margin-top: 2%;
    }
    p#read_lessinfo_more 
    {
        font-size: 2.4rem;
    }
   .campaign_work_gallery 
    {
        width: 89.34%;
        margin-left: 5.33%;
        padding-left: 5.33%;
   }
   .pag_container_2 {
    margin-left: 5.33%;
    padding-top: 7%;
    padding-left: 5.33%;
   }
   .slider_pagination_bar_2 {
    width: 75%;
   }
   .pag2_dots {
        width: 13%;
    height: 10px;
   }
   .key_srvs_container 
   {
        margin-left: 5.33%;
        padding-left: 5.33%;
        padding-right: 8%;
   }
   h6.key_srv_tags {
    font-size: 2.15rem;
    line-height: 3.7rem;
   }
   .key_srvs_grid
    {
        display:block;
    }
    .key_srvs_tile {
    width: 100%;
    }
    .key_tile_desc h5 
    {
        font-size:2.95rem;
        margin-bottom: 5%;
    }
    .key_tile_desc {

    width: 100%;
    padding-top: 6%;
    }
    .key_tile_desc p 
    {
            font-size: 2.95rem;
    line-height: 3.75rem;
    }
    .disclaimer_container 
    {
        width: 100%;
    }
    .disclaimer_container h2 {
        font-size: 2.95rem;
    line-height: 3.75rem;
    }
    .disclaimer_container p 
    {
         font-size: 2.95rem;
    line-height: 3.75rem;
    }
    .credits_container 
    {
            margin-left: 5.33%;
    margin-right: 5.33%;
    margin-top: 10%;
    margin-bottom: 8%;
    padding-bottom: 10%;
    }
    span.credits_key 
    {
        font-size: 2.4rem;
            line-height: 4rem;
    }
    span.credits_value 
    {
        font-size: 2.4rem;
            line-height: 4rem;
    }
    .temp_msg_projs h5 
    {
        padding-left: 5.33%;
        font-size: 2.5rem;
        letter-spacing: 0.1rem;
        margin-bottom: 22%;
    }
    img.seal_footer 
    {
        position: absolute;
        width: 25%;
        right: 5.33%;
        margin-top:-32.5%;
    }
    .contact_forum_container {
            padding-top: 20%;
            padding-left: 5.33%;
            padding-right: 5.33%;
            width: 89.34%;
    }
    h4.contact_forum_title 
    {
        font-size: 2.25rem;
        margin-bottom: 3%;
    }
    p.contact_forum_desc 
    {
        line-height: 3.25rem;
        font-size: 2.31rem;
    }
    h2.connect_title {
   
        font-size: 2.1125rem;
        margin-bottom:4%;
    }
    input.contact_input_ele
    {
        width: 98%;
            font-size: 2.1rem;
            padding-top: 2%;
    padding-bottom: 2%;
    }
    textarea.contact_input_ele
    {
        width: 98%;
        font-size: 2.1rem;
        max-width: unset;
        height: 20rem;
        min-height: 20rem;
        max-height: 25rem;
        padding-top:2%;
    }
    .msg_container span
    {
        width: 60px;
        height: 60px;
        right: 1%;
    }
    .sub_btn p {
    font-size: 1.9125rem;
    }
    div.sub_btn 
    {
        width: 16%;
    }
    .btn_arrw img 
    {
        width: 13%;
    }
    #footer_notes h6 
    {
        font-size: 2.31rem;
        margin-bottom: 2%;
    }
    #footer_notes p 
    {
        font-size: 2.31rem;
    line-height: 3.25rem;
    }
    div#backto_homepage 
    {
        font-size: 1.725rem;
    }
    span.back_arrow svg 
    {
        width: 4%;
        margin-right: 3.5%;
    }
    #copyright 
    {
        font-family: Fabriga-Light;
        color: #808080;
        font-size: 1.725rem;
        margin-top: 3%;
            margin-right: 0%;
    margin-left: auto;
    }
    div.social_icons {
    position: relative;
    display: flex;
    height: auto;
    width: 46%;
    margin-left: 17.5%;
    margin-top: 8%;
    margin-bottom: 8%;
    }
    a.social_href_tag {
    width: 17%;
    height: auto;
    margin-right: 16.333%;
    }


    img.gif_hover
    {
        POSITION: absolute;
        width: 81.34%;
        opacity:0;
    }
    /*
    .crucial_tile:hover img.gif_hover
    {
        opacity:1;
    }
    */
    .key_srvs_tile:hover .key_tile_image 
    {
        border-bottom: 4px solid #0C87FF;
    }
    .key_tile_image img 
    {
        margin-bottom: -1%;
    }
    #canvas_aniHolder
    {
        display: none;
    }
    div.animobile_header
    {
        width:95%;
        margin-left: 5%;
    }
    div.animobile_header img 
    {
        width:100%;
        height:auto;
    }
    div.bannner_copy {
        position: absolute;
        left: 17%;
        margin-top: 0;
        width: 55%;
        margin-top: -55%;
    }
    .static_copy p {
        font-size: 2rem;
        line-height: 2.8rem;
    }
    div.animating_text {
        font-size: 2.5rem;

        line-height: 2.6rem;
    }
    div.eric_logo_mobonly
    {
        width: 12%;
        height: auto;
        position: absolute;
        left: 17%;
        margin-top: 5%;
        opacity:0;
        transition: all ease 1.6s;
    }
    div.eric_logo_mobonly svg 
    {
        width:100%;
        height:auto;
    }

    div.eric_logo_mobonly.animate_logo
    {
        opacity:1;
    }
    div.campaign_image_container div.slide_markup
    {
        display:block;
    }
    div.animation_vid {
        width: 100%;
    }
    div.content_mobileCopy
    {
        margin-left:15%;
    }
    div.animation_content {
        width: 100%;
    }
    .im_vid_holder {

        padding-top: 12%;
        padding-bottom: 12%;
    }
    div.animation_content h4 {
        color: #fff;
        font-size: 2.8rem;
        line-height: 4rem;
        letter-spacing: 0.06rem;
        margin: 2% 0% 2% 0%;
    }
    div.vid_playBtn_holder {

        width:15%;
        margin-top: 23.8%;
        margin-left: 27%;
    }
    div.anim_vid_holder {
        width: 70%;
    }
}