.largepage .main-wrap{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    color:  rgb(84, 84, 84);
}

.largepage .rt-content-inner h3{
    text-align: center;
    font-size: 1.9em;
    font-weight: normal;
    margin: 10px 0;
    color: #645555;
}

.largepage .repair-steps h3{
    font-weight: bold;
    font-size: 2.5em;
    font-style: italic;
    color: #222;
}

.brand-wrap{
	height: 1000px;
}
.block{
    margin: 30px auto;
}
.main-banner{    
     background-color: #FFF;      
}
.brand-img{
	height: 400px;
	padding: 20px;
	overflow: hidden;
        position:relative;

}
.brand-img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat:no-repeat;
    /*background-size: 90%;*/
    filter: invert(51%);
    -webkit-filter: invert(51%);
    opacity: 0.4;
    margin-top: -20px;
    margin-left: -20px;
}
}
#svgObject{
	position: absolute;
	top:-20000px;
}
.img-wrap{
    display: table;
    white-space: nowrap;
    width: 100%;
}
.img-wrap .col-2{
    display: table-cell;
    position: relative;
    width: 50%;
    vertical-align: middle;
    text-align: center;
}
.img-wrap .col-2:first-child{
    text-align: left;
}
.logo{
	display: inline-block;
	margin: 0 40px;
}
.description{
	display: inline-block;
	vertical-align: top;
	max-width: 70%;
	font-size: 1.2em;
	
}
.repair-btn {
    /*display: block;*/
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 350px;
    height: 70px;
    border-radius: 40px;
    text-align: center;
    line-height: 8em;
    cursor: pointer;
    margin: 0 auto 70px auto;
    /*margin: 35px auto;*/
    /*padding: 0 20px;*/
    background: #1c86d3;
    background: -webkit-linear-gradient(to right, #57cfb4, #1c86d3);
    background: -o-linear-gradient(to right, #57cfb4, #1c86d3);
    background: -moz-linear-gradient(to right, #57cfb4, #1c86d3);
    background: linear-gradient(to right, #57cfb4, #1c86d3);
    color: #fff;
    white-space: normal;
}
.repair-btn a{
    text-decoration: none;
}
.main-wrap h2{
    text-align: inherit;
}
.block.main-banner.repaire .repair-btn{
    text-transform: uppercase;
    height: 80px;
}
.repair-btn p{
    color: #fff;
    /*width: 280px;*/
    width: 340px;
    font-size: 20px;
    padding-left: 80px;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 10px;
}
.repair-btn img{
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    filter: invert(51%);
    z-index: 1;
    width: 900px;
}

#brand-img .logo img{
    width: 140px;
}
.column {
	display: inline-block;
	width: 50%;
	white-space: normal;
	vertical-align: middle;		
}

h2{
    font-size: 30px;
}

h2{
    color:#222;
    text-align: center;
    font-weight: bold;
    font-style: italic;
}
.repair_info h2{
    text-align: left;
    font-weight: normal;
    font-style: normal;
    color: inherit;
}



.repair_info{
    padding: 0 20px;
}
.repair_info > div{
    text-align: justify;
}

.logo-blue{
    display: table;
    height: auto;
    width:100%;
    /*height: 140px;*/
    padding: 20px;
    background-color: #4295fc;
    background-image: url(/img/brand_pages/mserviseblue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.logo-blue div:first-child{
    float: left;
    width: 75%;
    height: 100%;
}
.logo-blue div:last-child{
    float: right;
    width: 25%;
    height: 100%;
    text-align: center;
}
.logo-blue div:last-child  img{
    height: 140px;
}
.logo-blue p{   
    color: #fff;
    font-size: 25px;
    width: 85%;
    display: block;
    margin: 0 auto;
}
.logo-blue p:first-child{
    font-weight: bold;
    font-size: 40px;
}

.repair-devices h2,
.repair-devices h3{
    text-align: center;
}
.repair-devices h2{
    /*color: #2178d0;*/
}
.repair-devices > div{
    padding: 30px auto;
}
.repair-devices ul.ul-devices{
    list-style: none;
    text-align: center;
    height: auto;
}
.repair-devices ul.ul-devices li{
    transition: all 300ms ease;
    display: inline-block;
    width: 30%;
    height: 101px;
    line-height: 101px;
    margin: 5px !important;
    border-radius: 5px;
    position: relative;
    color: inherit;
    font-size: 20px;
    cursor: pointer;
}
.repair-devices ul.ul-devices li a{
    text-decoration: none;
}
.largepage .repair-devices ul.ul-devices:not([style^="list"]) li:before{
    content: "";
}
.repair-devices ul.ul-devices li img{
    vertical-align: middle;
}
.logo-white{
    /*height: 140px;*/
    height: auto;
    padding: 20px;
    background-color: #fff;
    background-image: url(/img/brand_pages/repair-bg.svg);
    background-repeat: repeat;
    background-size: 30%;
    background-position: 0px -10px;
}
.logo-white ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  width: 90%;
  margin: 0 auto;  
}

.repair-old{
    width: 90%;
}
.repair-old p{
    font-size: 17px;
}
.block .left{
    width: 50%;
}


.block .right{
    width: 50%;
}

.block .left p,
.block .right p{
    padding: 20px;
}
.block.repair-old .right{
    width: 45%;
    height: 183px;
    border: 2px solid #2178d0;
    border-radius: 15px;
}
.block .right div:first-child{
    width: 30%;
    float: left;
    vertical-align: middle;
    height: 100%;
    display: inline-block;
    /*padding: 0 20px;*/
}
.block .right div:first-child:before{
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.block .right div:first-child img{
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.block .right div:last-child{
    width: 70%;
    float: right;
    vertical-align: middle;
    height: 100%;
    display: inline-block;
    /*padding: 0 20px;*/
}
.block .right div:last-child:before{
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.block .right div:last-child span{
    width: 90%;
    display: inline-block;
    vertical-align: middle;
    text-align: justify;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.cols{
    width: 100%;
    text-align: center;
    margin: 30px 0;
    height: auto;
    position: relative;
}

.col{
    width: 30%;
    display: inline;
    margin: 0 10px;
    float: left;    
}

.col img{
    height: 60px;
    width: auto;
}
.col .col-title{
    border-bottom: 2px solid #2a72ca;
    padding-bottom: 10px;
}
.col .col-info{
    text-align: center;
}
.col .col-step{
    font-size: 65px;
    color: #147dc0;
    font-weight: bold;
}

.repair-steps .cols .col,
.repair-way .cols .col{
    width: 30%;
    display: inline;
    margin: 0 10px;
    float: left;
    position: relative;
}
.repair-steps .cols:last-child .col{
    width: 50%;
    margin: 0;
}
.repair-steps .cols .col > div,
.repair-way .cols .col > div{
    width: 70%;
    margin: 0 auto;
}
.repair-steps .cols:last-child .col > div
{
    width: 50%;
}

.repair-steps .col:not(:first-child):before {
    content: url(/img/landing/mbt/arrow.svg);
    background-size: 100%;
    position: absolute;
    left: -140px;
    top: 50px;
    height: 300px;
    width: 150px;
}
.repair-steps .cols:last-child .col:last-child:before{
    left: -100px;
}

.no-avail{
    margin: 30px auto;
    border: 1px solid #2675cd;
    border-radius: 15px;
    padding: 30px;
    padding-right: 0;    
}

.largepage .cols b{
    color: #000;
}

.repair-service > p{
    text-align: justify;
    margin: 30px 0;
}
.repair-service .cols .col img{
    height: 90px;
}
.repair-service .cols .col p:last-child{
    margin: 0;
    font-style: italic;
    font-weight: bold;
    color: #000;
}
.repair-service .cols .col-step{
    background: -webkit-linear-gradient(top, #fe7b7c, #7b06d9);
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    color: whitesmoke;
}


.repair-guarantee .left{
    width: 40%;
    font-size: 20px;
    color: #2675cf;
}
.repair-guarantee .right{
    width: 60%;
}

.btn-offer-repair.repair-btn{
    width: 350px;;
    margin: 0 auto;
}
.btn-offer-repair.repair-btn a{
    width: 100%;
    text-decoration: none;
}

.btn-offer-repair:hover{
    opacity: 0.8;
}

.btn-offer-repair img{
    width: 60px;
    display: inline-block;
    left: 0;
    margin: 0 20px;
    filter: brightness(0) invert(1);
    vertical-align: middle;
}
.btn-offer-repair p{
    color: #fff;
    width: 280px;
    font-size: 20px;
    padding-left: 80px;   
}

#brand-img .repair-btn img{
    width: 60px;
    display: inline-block;
    left: 0;
    margin: 0 20px;
    filter: brightness(0) invert(1);
    vertical-align: middle;
}


@media screen and (max-width: 1355px){
 .description{
        max-width: 50%;
        font-size: 1em;
    }
    
    .repair-btn span.btn-brand{
        font-size: 1em;
    }
}
@media screen and (max-width: 1300px){
    .repair-devices ul.ul-devices{
        column-count: 2;
    }
    .repair-devices ul.ul-devices li{
        width: 100%;
        text-align: left;
        margin-left: 20%!important;
    }
}
@media screen and (max-width: 1215px){
    .repair-devices ul.ul-devices li{
        margin-left: 35%!important;
    }
}
@media screen and (max-width: 1050px){
    .repair-devices ul.ul-devices li{
        margin-left: 25%!important;
    }
}
@media screen and (max-width: 900px){
    .repair-devices ul.ul-devices li{
        margin-left: 10%!important;
    }
}
@media screen and (max-width: 750px){
    .repair-devices ul.ul-devices{
        column-count: 1;
    }
    .repair-devices ul.ul-devices li img{
        margin-right: 5%                                                                                            ;
    }
    .repair-devices ul.ul-devices li{
        margin-left: 30%!important;
    }
    .repair-devices ul.ul-devices li{
        height: 85px;
    }
    .repair-devices ul.ul-devices li a{
        font-size: 18px;
    }
    .repair-devices ul.ul-devices li img{
        height: 90px;
    }
    .repair-steps .col-step:after{
        content: url(/img/landing/mbt/arrow_mobile.svg);
        background-size: 100%;
        position: absolute;
        left: 49%;
        top: 26%;
    }
}


@media screen and (max-width: 1210px){
    .left-content{
        display: none;
    }
    
    .lg-view .largepage{
        margin: 0 auto;
        padding-left:20px;
        width: 90%;
    }
    .lg-view .largepage .rt-content-inner{
        padding-left: 0;
    }
    .block .right div:last-child span{
        font-size: 0.95em;
    }
   
/*    .column.button{
        width: 70%;
        position: absolute;
        transform: none;
        left: 0;
        top: 140px;
        right: 0;
    }*/
}

@media screen and (max-width: 950px){
    .block.repair-old .left{
        width: 100%;
        float: none;
    }
    .block.repair-old h2{
        font-size: 1.5em;
    }
    .block.repair-old .left p{
        padding: 0;
    }
    .block.repair-old .right{
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .block .right div:first-child img{
        width: 60%;
    }

    /*new*/
    .brand-img{
        height: 570px;
    }
    .logo{
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .description{
        display: block;
        margin: 0 auto;
        max-width: 90%;
        text-align: center;
    }
    .img-wrap{
        display: -webkit-box;
        display: -moz-box;
        display: box;

        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
    .img-wrap .col-2{
        display: block;
        width: 100%;
    }
    .img-wrap .col-2:first-child{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        text-align: center;
    }
    .img-wrap .col-2:last-child{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
    .repair-btn{
        margin: 20px auto;
    }
}

@media screen and (max-width: 720px){
    .logo-blue p{
        font-size: 1.3em;
        text-align: center;
    }
    .logo-blue p:first-child{
        font-size: 1.8em;
    }
    .logo-blue div:first-child{
        width: 100%;
    }
    .logo-blue div:last-child{
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .repair-devices ul.ul-devices li{
        width: 100%;
        text-align: left;
    }
    .repair-devices h2{
        font-size: 1.5em;
    }    
    .repair-steps .cols .col, .repair-way .cols .col{
        width: 100%;
    }
    .repair-way .cols .col svg,.repair-steps .cols .col svg{
        width: 90px;
        height: 100px;
    }
    .repair-steps .col:not(:first-child):before{
        content: "";
    }
    .repair-steps .cols:last-child .col{
        width: 100%;
    }
    .repair-steps .cols .col > div,
    .repair-way .cols .col > div,
    .repair-steps .cols:last-child .col > div{
        width: 90%;
    }
    .left.elim,
    .right.elim{
        float: none;
        width: 100%;
    }
    .largepage .rt-content-inner h3{
        font-size: 1.5em;
    }
    
    .repair-service .col{
        width: 100%;
        margin: 10px 10px;
    }
    .repair-guarantee .left,
    .repair-guarantee .right{
        width: 100%;
        text-align: center;
    }
    .repair-guarantee .right p{
        padding: 0;
    }
        
}

@media screen and (max-width: 600px){
    .brand-img {
        height: 500px;
    }
    .repair-devices ul.ul-devices li{
        margin-left: 25%!important;
    }
    .repair-steps .cols .col svg{
        width: 20%;
        height:80px;
    }
}

@media screen and (max-width: 500px){
    .logo-white ul{
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
    .img-wrap .col-2 > img{
        width: 100%;
    }
    .repair-steps svg{
        width: 20%!important;
    }
            
}

@media screen and (max-width: 455px){
    .repair-btn{
        padding: 0;
        width: 250px;            
    }
    .repair-btn p{
        width: 240px;
        font-size: 1em;
        padding-left: 70px;
        margin-top: 15px;
    }
    #brand-img .repair-btn img{
        width: 50px;
        margin: 0 10px;
    }
    .repair-devices ul.ul-devices li img{
        height: 60px;
        margin-right: unset;
    }
    .repair-devices ul.ul-devices li{
        height: 71px;
        margin-left: 20%!important;
    }
    .repair-devices ul.ul-devices li a{
        font-size: 16px;
    }
    .repair-steps .col-step:after{
        content: url(/img/landing/mbt/arrow_mobile.svg);
        background-size: 100%;
        position: absolute;
        left: 49%;
        top: 17%;
    }
        
}
@media screen and (max-width: 325px){
    .repair-devices ul.ul-devices li{
        margin-left: 10%!important;
    }
}