@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

/* new Fonts */
@font-face {
    font-family: 'Magnat Head';
    src: url('../fonts/Magnat-HeadBold.eot');
    src:url('../fonts/Magnat-HeadBold.woff2') format('woff2'),
        url('../fonts/Magnat-HeadBold.woff') format('woff'),
        url('../fonts/Magnat-HeadBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSansCyrl-500';
    src: url('../fonts/MuseoSansCyrl-500.eot');
    src: url('../fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSansCyrl-500.woff2') format('woff2'),
        url('../fonts/MuseoSansCyrl-500.woff') format('woff'),
        url('../fonts/MuseoSansCyrl-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSansCyrl-700';
    src: url('../fonts/MuseoSansCyrl-700.eot');
    src: url('../fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSansCyrl-700.woff2') format('woff2'),
        url('../fonts/MuseoSansCyrl-700.woff') format('woff'),
        url('../fonts/MuseoSansCyrl-700.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSansCyrl-900';
    src: url('../fonts/MuseoSansCyrl-900.eot');
    src:url('../fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSansCyrl-900.woff2') format('woff2'),
        url('../fonts/MuseoSansCyrl-900.woff') format('woff'),
        url('../fonts/MuseoSansCyrl-900.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}





@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?kzfla6');
    src: url('../fonts/icomoon.eot?kzfla6#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?kzfla6') format('truetype'), url('../fonts/icomoon.woff?kzfla6') format('woff'), url('../fonts/icomoon.svg?kzfla6#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-customer-information:before {
    content: "\e900";
}

.icon-inspect-dark:before {
    content: "\e901";
}

.icon-Print:before {
    content: "\e902";
}

.icon-search:before {
    content: "\e903";
}

.icon-summary:before {
    content: "\e904";
}

@font-face {
    font-family: 'iW';
    src:  url('../fonts/iW.eot?g7r6am');
    src:  url('../fonts/iW.eot?g7r6am#iefix') format('embedded-opentype'),
      url('../fonts/iW.ttf?g7r6am') format('truetype'),
      url('../fonts/iW.woff?g7r6am') format('woff'),
      url('../fonts/iW.svg?g7r6am#iW') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="iW-"], [class*=" iW-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iW' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .iW-aluminum:before {
    content: "\e900";
  }
  .iW-edition:before {
    content: "\e901";
  }
  .iW-hermes:before {
    content: "\e902";
  }
  .iW-nike:before {
    content: "\e903";
  }
  .iW-series_0:before {
    content: "\e904";
  }
  .iW-series_1:before {
    content: "\e905";
  }
  .iW-series_2:before {
    content: "\e906";
  }
  .iW-series_3:before {
    content: "\e907";
  }
  .iW-series_4:before {
    content: "\e908";
  }
  .iW-series_5:before {
    content: "\e909";
  }
  .iW-sports:before {
    content: "\e90a";
  }
  .iW-steel:before {
    content: "\e90b";
  }


  @font-face
{
 
  font-family: "IcoFont";
font-weight: normal;
font-style: "Regular";
    font-display: block;
    src:  url('../fonts/icofont.eot');
    src: url("../fonts/iconfont.eot") format('embedded-opentype'),
    url("../fonts/icofont.ttf") format('truetype'),
    url("../fonts/icofont.woff2") format("woff2"),
    url("../fonts/icofont.woff") format("woff"),
    url("../fonts/icofont.svg") format('svg');
}

[class^="icofont-"], [class*=" icofont-"]
{
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.icofont-laptop:before
{
  content: "\ea42";
}

.icofont-macbook:before
{
  content: "\ea43";
}

.icofont-imac:before
{
  content: "\ea39";
}

.icofont-android-tablet:before
{
  content: "\ea2a";
}

.icofont-console:before
{
  content: "\eef0";
}

.icofont-camera-alt:before
{
  content: "\eece";
}

.icofont-lens:before
{
  content: "\ef62";
}
html {
    height: 100%;
    box-sizing: border-box;
}

body {
    font-family: 'MuseoSansCyrl-500';
    font-size: 16px;
    position: relative;
    min-height: 100%;
    /* padding-bottom:3em; */
    /* padding-bottom: 37px; */
    color: #000;
    font-weight: 400;
    background: #fff;
}
.login-logo{ max-width: 60px;padding: 4px 0 0!important;}

/* .outer-main-section{position: relative;}*/
.login-body:before {
    content: '';
    background:rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background-position: center;
    background-size: cover;
    z-index: 0;
}
.login-body:after {
    content: '';
    background: url(../../assets/images/bg-inspection.jpg) no-repeat #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background-position: center;
    background-size: cover;
    z-index: -1;
}  

.w-100 {
    width: 100% !important;
}

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

@-moz-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

@-o-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

@-ms-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

body .container {
    position: relative;
    z-index: 1;
}

a {
    color: #FF6D4D;
    cursor: pointer;
}

a:hover,
a:focus,
button:hover,
button:focus {
    text-decoration: none;
    outline: none;
    
}

h1,
h2,
h3,
h4,
h5,
h6,
figure,
p {
    margin: 0;    font-family: 'Magnat Head';
}

label {
    font-weight: normal;
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
}

.btn,
.btn:hover,
.btn:focus {
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    border-radius: 0;
    box-shadow: none;
}

.btn-success {
    background: transparent!important;
    border-color: #000!important;
}

.btn-success:hover,
.btn-success:focus {
    background: #000!important;
    border-color: #000!important;
    color: #fff!important;
}

.btn-success-outline {
    border-color: #5CBB46;
    background: none;
    color: #5CBB46 !important;
}

.btn-success-outline:hover,
.btn-success-outline:focus {
    border-color: #5CBB46;
    background: #5CBB46;
    color: #fff !important;
}

.btn-primary {
    background: #4D4D4D !important;
    border-color: #4d4d4d !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: #4D4D4D !important;
    border-color: #4d4d4d !important;
    color: #fff !important;
}

.btn-primary-outline {
    border-color: #EB2828;
    background: none;
    color: #EB2828;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus {
    background: #EB2828 !important;
    border-color: #EB2828 !important;
    color: #fff;
}

.form-control:focus,
.form-control {
    box-shadow: none;
    border-color: #ccc;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background: none;
}

.site-nav {    
    z-index: 99;
    border: none;
    margin-bottom: 0;
    padding: 5px 0 5px;
    border-radius: 0;
    min-height: 50px;
}
.site-nav:before, .site-nav:after {
    content: '';
    clear: both;
    display: table;
}
.site-nav .navbar-right {
    color: #fff;
}

.site-nav .navbar-right a {
    display: inline-block;
    color: #fff !important;
    
    padding-left: 0px;
    padding-right: 0px;
}

.site-nav .logo {
    padding: 8px;
}

.navbar-brand.logo {
    width: 180px;
    margin: -10px 0 0 0;
}

.navbar-brand.logo img {
    width: 100%;
}

.site-nav .dropdown-menu {
    padding: 0;
    border-radius: 0;
    background: #000;
}

.site-nav .dropdown-menu a {
    display: block;    
    padding: 10px;
    color: #333 !important;    
}
.site-nav .dropdown-menu a:hover, .site-nav .dropdown-menu a:focus {
    background: rgba(255, 255, 255, 0.2);
}
.site-nav .menu-divider {
    position: relative;
    top: 12px;
    padding: 0 1rem;
}
.top-blue-bar {
    position: relative;
}

.button-section {
    position: relative;
    padding: 10rem 0 4rem;
}

footer {
    background: #09284E;
    padding: 10px 0;
    /* position: absolute;
    bottom: 0; */
    width: 100%;
    color: #fff;
    margin-bottom: -6px;
    font-size: 14px;
    z-index: 9;
    position: relative;
    display: inline-block;
}

footer ul {
    margin-bottom: 0;
}

footer ul li {
    display: inline-block;
}
footer ul li a:hover,
footer ul li a:focus {
    color: #FF6D4D;
}

.white-box {
    width: 600px;
    /* margin-top: 5rem; */
    margin-top: 4rem;
    margin-bottom: 10rem;
    height: 330px;
    background: #fff;
    text-align: center;
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
    padding: 4rem 1rem;
    
}

.height-container{ min-height: 75vh;}
.white-box h4 {
    
    font-size: 20px;
    margin-top:20px;
}

.white-box p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}

.online-btns {
    margin-top: 4rem;
}

.online-btns a {
    display: inline-block;
    margin: 0 20px;
    width: 230px;
    text-transform: uppercase;
    color: #fff;
    padding: 1.5rem 0;
    box-shadow: 0 12px 15px -11px rgba(0, 0, 0, 0.3);
}

.online-btns a:first-child {
    background: #1D4999;
}

.online-btns a:last-child {
    background: #5CBB46;
}

.online-btns figure {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 100%;
    line-height: 75px;
    display: inline-block;
}

.online-btns figure img {
    width: 42px;
}

.online-btns span {
    display: block;
    margin-top: 1.5rem;
    font-size: 18px;
}


/* search page css start */

.search-section::before {
    display: none;
}

.search-form {
    width: 460px;
    margin: 3rem auto 0;
}

.search-form .form-control {
    height: 50px;
    border-radius: 0;
}

.search-form .btn-success {
    padding: 14px 12px;
    border-radius: 0;
}

.search-form .form-control::-webkit-input-placeholder {
    color: #001E32;
}

.search-form .form-control::-moz-placeholder {
    color: #001E32;
}

.search-form .form-control::-o-input-placeholder {
    color: #001E32;
}

.search-form .form-control::-ms-input-placeholder {
    color: #001E32;
}

.captcha {
    margin: 3rem 0 3rem;
}

.captcha img {
    width: 300px;
}

.black-stripe {
    background: #001E32;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: right;
    padding: 5px;
    font-size: 14px;
}

.black-stripe i {
    font-size: 20px;
    position: relative;
    top: 2px;
}


/* search page css end */


/* inspecion page css start */

.inspecion-section {
    min-height: 87vh;
    padding: 4rem 0 0;
}

.inspection {
    background: #fff;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.3);
    min-height: 570px;
    border:1px #ddd solid;
}

.inspection h4 {
    background: #fff;
    padding: 15px 15px 15px;
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    font-family: 'MuseoSansCyrl-500';
}

.inspection .inspection-row {
    margin: 0;
    padding: 1.5rem;
}

.inspection aside {
    background: #F0F0F0;    
    padding: 15px;
}

.inspection aside img {
    width: auto;
    max-height:270px;
    margin: auto;
    display: block;
    padding:20px;
    max-width: 240px;
}

.tab-pane .inspection aside img {
    width: auto;
    max-height: 200px;
    margin: auto;
    display: block;
    padding:0 20px;
    max-width: 240px;
}
.d-table-wrap {
    background: #fff;
    padding: 10px;
}

.d-table-wrap table {
    margin-bottom: 0;
    font-size: 14px;
}

/* .d-table-wrap table th {
    
} */

.d-table-wrap table tr:nth-child(even) td,
.d-table-wrap table tr:nth-child(even) th {
    background: #eee;
}

.d-table-wrap table i {
    color: #aaa
}

.inspect-accordion h5 {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
}

.inspect-accordion #accordion {
    /* margin-top: 1.5rem; */
    margin-top: 0rem;
    margin-bottom: 0px;
}

.inspect-accordion .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #eee;
}

.inspect-accordion .panel-heading {
    background: #eee;
    border: none;
    border-radius: 0;
    padding: 0;
}

.inspect-accordion .panel-heading a {
    display: block;
    padding: 10px;
}

.inspect-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eee;
}

.panel-group .panel+.panel {
    margin-top: 10px;
}

.acc-btns a {
    width: 75px;
    margin: 2rem 0.5rem 0;
    border-radius: 0;
}

.acc-btns .btn-outline-success {
    border: 1px solid #5CBB46;
    color: #5CBB46;
}

.acc-btns .btn-outline-success:hover,
.acc-btns .btn-outline-success:focus {
    background: #5CBB46;
    color: #fff;
}

.acc-btns .btn-outline-dark {
    border: 1px solid #EB2828;
    color: #eb2828
}

.acc-btns .btn-outline-dark:hover {
    background: #eb2828;
    color: #fff;
}

.inspect-accordion h3 {
    font-size: 14px;
}

.inspect-accordion p {
    font-size: 12px;
    margin-top: 1.5rem;
}

.btns-wrapper a {
    min-width: 135px;
    border-radius: 0;
    padding: 5px 1rem;
    margin: 0 0rem 0 1rem;
    font-size: 14px;
    font-weight: 400;
}

.btn-prev {
    background-color: transparent;
    color: #333;
}

.btn-next {
    background-color: #777;
    color: #fff;
}

.btn-next:hover,
.btn-next:focus {
    background-color: #4D4D4D;
    color: #fff;
}

.inspect-accordion .slimScrollDiv {
    margin-bottom: 3rem;
}

.yes-active .panel-heading {
    background: #5CBB46;
    color: #fff;
}

.no-active .panel-heading {
    background: #EB2828;
    color: #fff;
}


/* inspecion page css end */


/* summary page css start */

.summary-right h4 span {
    font-size: 11px;
    padding-left: 1rem;
    font-weight: 700;
    color: #757373;
}
.summary-right h4 span b{ color: #f00;}

.summary-media .media-heading {
    font-size: 14px !important;
    margin-bottom: 0;
}

.summary-media p {
    font-size: 14px;
    margin-top: 7px;
}

.summary-media {
    border-bottom: 1px solid #eee;
    padding-bottom: 0.7rem;
    margin-top: 0.7rem !important;
}

.summary-media img {
    /* width: 32px; */
    height: 26px;
}

.summary-media i {
    font-size: 18px;
    display: inline-block;
}

.summary-media i.fa-check {
    color: #5CBB46;
}

.summary-media i.fa-close {
    color: #EB2828;
}

.summary-media i.fa-pencil {
    color: #1D4999;
}

.summary-media .media-right {
    white-space: nowrap;
}

.summary-media .media-right .btn {
    background: none;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    margin-left: 15px;
}

.summary-media .media-right .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.summary-media .media-right .btn-group ul.dropdown-menu {
    min-width: 60px;
    padding: 0;
}

.summary-media .media-right .btn-group ul.dropdown-menu:before {
    content: "";
    width: 0;
    position: absolute;
    right: 10px;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #ccc transparent;
    top: -7px;
}

.summary-media .media-right .btn-group ul.dropdown-menu:after {
    content: "";
    width: 0;
    position: absolute;
    right: 10px;
    border-style: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent #fff transparent;
    top: -5px;
}

.summary-media .media-right .dropdown-menu>li>a {
    padding: 3px 7px;
}

.summary-media .fa-check-circle {
    color: #5CBB46;
    font-size: 25px;
}

.summary-media .fa-times {
    color: #EB2828;
    font-size: 18px;
}

.summary-media .media-left {
    padding-right: 0.8rem;
}

.summary-media,
.summary-media .media-body {
    overflow: visible;
}

.summary-right .slimScrollDiv {
    margin-bottom: 3rem !important;
}

.inspection h4 .label-success {
    border-radius: 80px;
    padding: 5px 15px;
    font-size: 14px;
    margin-left: 0.5rem;
}

.summary-media .media-body,
.summary-media .media-left,
.summary-media .media-right {
    vertical-align: middle;
}

.summary-media:last-child .dropdown-menu {
    top: -64px;
}

.summary-media:last-child .media-right .btn-group ul.dropdown-menu:before {
    border-color: #ccc transparent transparent transparent;
    border-width: 8px 5px 0 5px;
    top: auto;
    bottom: -8px;
}

.summary-media:last-child .media-right .btn-group ul.dropdown-menu::after {
    border-color: #fff transparent transparent transparent;
    border-width: 7px 5px 0 5px;
    top: auto;
    bottom: -6px;
}


/* summary page css end */


/* customer-information page css start */

.info-form .form-control {
    border: none;
    background: none;
    z-index: 99;
}
.info-form .label-focus~label {
    top: -18px !important;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
}

.info-form .input-group {
    border-bottom: 1px solid #ccc;
    /* border: 1px solid #ccc; */
    position: relative;
    width: 100%;
}

.info-form .input-group-addon {
    background: none;
    border: none;
    padding: 0;
    position: relative;
    z-index: 99;
    color: #b2b2b2;
}

.info-form label {
    position: absolute;
    font-size: 13px;
    top: 11px;
    width: auto;
    z-index: 0;
    margin-bottom: 0;
    bottom: 0;
    margin: auto 0;
    left: 23px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 76%;
    white-space: nowrap;
    cursor: text;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    z-index: 0;    
}

.info-form label span {
    color: red;
}

.tick-box-wrap {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    position: relative;
    color: #1c1c1c;
    flex-wrap: wrap;
    border: 1px solid #DDDDDD;
    padding: 1.25rem;
    border-radius: 4px;
    margin-bottom: 2rem
}

.tick-box-wrap figure {
    flex: 0 0 55px;
    max-width: 55px;
    font-size: 20px;
    align-self: start;
    padding-top: 8px;
    display: none;
}

/* .tick-box-wrap article {
    flex: 0 0 100%;
    max-width: 100%;
} */

.tick-box-wrap h3 {
    font-size: 13.5px;
    line-height: 16px;
    color:#000;
    font-family: 'MuseoSansCyrl-500';
    padding-left:20px;
}
/* color: #686CA0; */

/* .tick-box-wrap,
.tick-box-wrap:hover,
.tick-box-wrap:hover h3,
.tick-box-wrap:focus h3 {
    color: #1c1c1c!important;
} */

.tick-box-wrap h3 i {
    color: red !important;
}

.tick-box-wrap {
    filter: grayscale(0);
    /* min-height: 85px; */
}

.tick-box-wrap:hover,
.tick-box-wrap.active {
    filter: grayscale(0);
}

.tick-box-wrap:hover h3,
.tick-box-wrap.active h3 {
    color: #1c1c1c;
}

.tick-box-wrap:hover img,
.tick-box-wrap.active img {
    opacity: 1;
}

.tick-box-wrap img {
    width: 70px;
    height: 55px;
    position: relative;
    top: -1px;
    left: -7px;
}

/* .tick-box-wrap span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 25px;
} */

.tick-box-wrap p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    display: none;
}

.tick-box-wrap h3 i {
    color: red;
}

.info-boxes-row {
    margin: 1rem -5px 2rem;
}

.info-boxes-row .col-lg-4 {
    padding: 0 5px;
}

.tick-box-wrap:hover h3,
.tick-box-wrap:focus h3,
.tick-box-wrap.active h3 {
    color: #1c1c1c
}

.tick-box-wrap:hover p,
.tick-box-wrap:focus p,
.tick-box-wrap.active p {
    color: #1c1c1c;
}

.tick-box-wrap:hover span,
.tick-box-wrap:focus span,
.tick-box-wrap.active span {
    color: #5CBB46;
}


/* customer-information page css end */


/* print page css start */

.print-right h4 {
    position: relative;
}

.print-right h4 button {
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 0;
}

.print-right h4 i {
    font-size: 18px;
    position: relative;
    top: 2px;
}

.print-right h4 span {
    position: absolute;
    right: 15px;
    top: 10px;
    bottom: 0;
    margin: auto 0;
}

.print-data-row {
    border: 1px solid #eee;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.print-data-row .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.print-data-row ul {
    font-size: 14px;
    margin-bottom: 0;
}

.print-data-row ul li {
    
    font-size: 12px;
}
.print-right-data {
    padding-right: 0;
}

.dashed-border-box {
    padding-top: 1rem;
    padding-bottom: 3rem;
    border-top: 1px dashed #eee;
}

.dashed-border-box h5 {
    
    margin-bottom: 0px;
}

.dashed-border-box p {
    font-size: 14px;
    margin-top: 1rem;
    line-height: 20px;
}

.dashed-border-box li {
    padding: 0.3rem 0;
}

.imei-title {
    margin-top: 20px;
}

.dashed-border-box:nth-child(even) {
    border-left: 1px dashed #eee;
}

.fedex-logo {
    align-self: center;
}

.c-reciept {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.print-right .btns-wrapper {
    margin-top: 4.2rem;
}


/* print page css end */

.search-form-group {
    position: relative;
}

.search-form-group .errors-message {
    position: absolute;
    width: 100%;
    
    color: red;
    font-size: 14px;
    text-align: left;
    margin-top: 2px;
}

.modal {
    background: rgba(0, 0, 0, 0.5);
}

.modal-title {
    font-family: 'MuseoSansCyrl-500'; color: #fff;
}

.carousel .carousel-control {
    width: 25px;
    height: 45px;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: none;
    background: none;
    font-size: 32px;
}

.carousel .carousel-control i {
    position: relative;
    top: -1px;
    color: #000;
}

.carousel .carousel-control.left {
    left: -3rem;
}

.carousel .carousel-control.right {
    right: -3rem;
}

.slider-wrapper {
    padding: .2rem 3rem 1rem 3rem;
    min-height: 36rem;
}

.slider-inner-content {
    display: flex;
    flex-wrap: wrap;
    padding: 5rem 3rem 5rem 3rem;
    position: relative;
}

.slider-inner-content figure {
    flex: 0 0 25%;
    margin: 0 25px 0 0;
    max-width: 25%;
}

.slider-inner-content figure img {
    height: 130px;
}

.slider-inner-content article {
    flex: 0 0 68%;
    max-width: 68%;
    align-self: center;
}

.slider-inner-content article span {
    font-size: 14px;
    display: block;
    min-height: 50px;
    font-weight: 400;
}

.slider-inner-content figure {
    align-self: center;
}

.btn-confirmation-wrap {
    margin: 2rem 0 0 0;
}

.btn-confirmation-wrap button {
    margin-left: 0;
    width: 75px; padding: 7px 0; font-weight: 400;
    margin-right: 1rem;
    box-shadow: none !important;text-transform: uppercase;
    cursor: pointer;
}

.slider-wrapper .carousel-indicators {
    bottom: -4rem;
    margin-left: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin-bottom: 0;
}

.slider-wrapper .carousel-indicators li {
    border: 1px solid #e8e5e5;
    margin: 0 3px;
    width: 26px;
    height: 9px;
    background: #e8e5e5;
    border-radius: 0;
}

.slider-wrapper .carousel-indicators li.active {
    background: #ccc;
    position: relative;
    top: 0;
}

.slider-wrapper .carousel-indicators li.green-active {
    border-color: #5CBB46;
}

.slider-wrapper .carousel-indicators li.red-active {
    border-color: #686CA0;
}

.pulse {
    animation: pulse 1s infinite;
}

.pulse:hover {
    animation: none;
}

.green-active {
    background: #5CBB46 !important;
    border-color: #5CBB46;
    color: #fff !important
}

.red-active {
    background: #686CA0 !important;
    border-color: #686CA0 !important;
    color: #fff !important
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.8);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.8);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.8);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.confirm-modal .modal-body h5 {
    font-size: 14px;
    line-height: 28px;
}

.confirm-modal .modal-content {
    border-radius: 0;
    border: none;
}

.confirm-modal .modal-header {
    background: #1D4999;
    color: #fff;
}

.confirm-modal .close {
    color: #fff;
    opacity: 1;
}

.emei-modal-body {
    padding: 2rem;
}

.emei-modal-body .form-control,
.emei-modal-body .input-group-addon {
    border-radius: 0;
    height: 50px;
}

.emei-modal-body .input-group-addon {
    background: #1D4999;
    padding: 7px 10px;
    border-radius: 100%;
    position: absolute;
    border: 1px solid #1D4999;
    color: #fff;
    width: 30px;
    height: 30px;
    right: -2rem;
    top: 1rem;
}

.emei-modal-body .input-group {
    width: 100%;
}

.emei-modal-body .text-mute {
    font-size: 14px;
    display: block;
    color: #000;
    padding: 2px 0 0 0;
}

.summary-media:last-child {
    border-bottom: none;
}

.summary-wrap {
    margin-bottom: 2rem;
}

.common-alert {
    padding: 0;
    font-size: 14px;
    background: none;
    border: none;
    color: red;
    margin-top: 0;
}

.vCheck {
    display: flex;
    flex-wrap: wrap;
}

.vCheck input {
    flex: 0 0 20px;
    max-width: auto;
    margin-right: 10px;
}

.vCheck span {
    flex: 0 0 90%;
    max-width: 90%;
    font-size: 12px;
}

.dclartion-icon {
    font-size: 22px !important;
}

.info-form .label-focus label {
    top: -10px;
}

.info-form .form-group {
    margin-bottom: 2.5rem;
    position: relative;
}

.c-reciept ul li {
    font-size: 14px;
}

.validation-msg {
    font-size: 12px;
    
    position: absolute;
    bottom: -1.6rem;
    text-align: right;
    width: 100%;
    font-family: 'MuseoSansCyrl-500';
}
.validation-msgIMEI {
    font-size: 12px;
    width: 100%;
    font-family: 'MuseoSansCyrl-500';
    
}
.validation-msgIMEI span{
    color: #a94442!important;
}
.capacities {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    height: auto;
    background: none!important;
}

.phone-capacity {
    position: relative;
    cursor: pointer;
}

.capacities li {
    width: calc(100%/2);
    display: inline-block;
    padding: 15px;
    float: none!important;
    height: 100px;
    overflow: hidden;
}

.phone-capacity:before {
    content: '';
    background: url(../../assets/images/phone-half.svg) no-repeat;
    background-size: cover;
    width: 47px;
    position: absolute;
    height: 80px;
    display: block;
    filter: grayscale(1);
    opacity: 0.6;
    transition: 0.1s all ease-in-out 0.1s;
    cursor: pointer;
}

.phone-capacity span {
    background: #a5a5a5;
    color: #fff;
    position: absolute;
    left: 2rem;
    top: 2.3rem;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 5px;
    transition: 0.1s all ease-in-out 0.1s;
    cursor: pointer;
}

.capacities li:hover .phone-capacity:before {
    filter: grayscale(0);
    opacity: 1;
}

.capacities li:hover .phone-capacity span {
    background: #F84A23;
}

.slider-inner-content h3 {
    font-size: 16px;
     margin-bottom: 1rem;
     font-weight: 400;
     width: 95%;
     
}

.slider-inner-content h3 .fa {
    color: #75787b;
    padding-left: 1px;
    font-size: 20px;
    cursor: pointer;
}

.confirm-modal .modal-header {
    position: relative;
}

.offer-price {
    position: absolute;
    left: 0;
    box-shadow: -13px 9px 10px -4px rgba(0, 0, 0, 0.2);
    top: 0;
    border-radius: 0px 0px 70px 0px;
}

.offer-price span.pulse {
    background: #5CBB46;
    color: #fff;
    padding: 18px 15px 12px 15px;
    border-radius: 0px 0px 70px 0px;
    min-width: 110px;
    font-size: 16px;
    display: block;
    min-height: 90px;
}

.offer-price label {
    display: block;
}

.inspection .device-details {
    position: relative;
    overflow: hidden;
}

.inspection .device-details td {
    font-size: 13px;
}

.inspection .device-details figure {
    background: #fff;
}

@media (min-width:1024px) {
    .inspection .device-details figure {
        min-height: 270px;
    }
}

@media (min-width: 1025px) {
    .slider-wrap {
        min-height: 200px;
    }
}


/**custom checkbox**/

.c-check {
    position: relative;
}

/* .c-check label {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    transition: background-color 300ms ease, colour 300ms ease, box-shadow 300ms ease;
} */

/* .c-check label:after {
    content: '';
    position: absolute;
    top: 10%;
    left: 28%;
    width: 68%;
    height: 41%;
    opacity: 1;
    border-left: 4px solid #ccc;
    border-bottom: 4px solid #ccc;
    transform: rotate(-45deg);
    transition: opacity 300ms ease;
} */

/* .c-check input {
    visibility: hidden;
} */

.c-check input:checked+label:after {
    opacity: 1;
}

.c-check input:checked+label {
    border-color: #1d4999;
}

.c-check input:checked+label:after {
    border-color: #1d4999;
}


/*Custom upload control*/

.UploadConfimation {
    color: red;
    text-align: center;
    font-size: 21px;
}

.UploadSucess {
    color: green;
    text-align: center;
    font-size: 21px;
}

.upload-models-btns {
    margin-left: 2rem;
}

.form-control {
    height: 38px;
    padding: 0 1rem;
}

.upload-row .col-lg-4 {
    margin-top: 1rem;
}

.upload-row .control-label {
    padding: 0 15px 5px;
}

.upload-row .btn-export {
    margin-top: 1.7rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
    cursor: pointer;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 38px;
    margin: 0;
    opacity: 0;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-file-label {
    position: absolute;
    top: 0!important;
    right: 0;
    left: 2px!important;
    z-index: 1;
    height: 38px;
    padding: .375rem .75rem;
    line-height: 26px;
    color: #495057;
    background-color: transparent;
    border: none;
    border-radius: 0;
    overflow: hidden;
    box-shadow: inset 0 0 0 transparent;
}


/* .custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
} */

/* .custom-file:after {
    position: absolute;
    top: 10px;
    right: 1px;
    bottom: 0;
    z-index: 0;
    display: block;
    height: 20px;
    color: #fff;
    content: "Browse";
    font-size: 10px;
    cursor: pointer;
    line-height: 16px;
    background: #000 ;
    padding: 2px 5px;
} */
.browse-btn{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    z-index: 1;
    display: block;
    height: 38px;
    color: #fff;
    content: "";
    font-size: 12px;
    cursor: pointer;
    line-height: 34px;
    background: #09284E;
    padding: 2px 5px;
}


.custom-file:hover .custom-file-label::after {
    background: #1D4999;
    color: #fff;
}

.upload-btns-wrap button {
    margin-right: 10px;
}

.inspection h4 .common-alert {
    margin: 0;
    float: right;
    font-weight: 400;
}

.qrcode {
    display: inline-block;
}

.qrcode img {
    width: 100px;
}

@media (min-width: 768px) {
    .confirm-modal .modal-sm {
        width: 400px;
    }
}

.input-invalid .input-group {
    border-bottom: 1px solid #a94442!important;
    /* border:2px solid #a94442 !important */
}

.btn-danger {
    background-color: #EB2828;
    border-color: #EB2828;
}

.login-title {
    font-size: 28px;
}

.login-box {
    height: auto;
}

.login-wrap {
    margin-top: 1rem;
    padding: 0 1rem
}

.login-box p {
    margin-top: 1rem;
    color: #333;
    font-family: 'MuseoSansCyrl-500';
}

.login-wrap .input-group {
    border: 1px solid #979797;
}

.login-wrap .input-group-addon {
    padding-right: 5px;
    color: #b2b2b2;
}

.login-wrap .input-group-addon,
.login-wrap .form-control {
    background: none;
    border: none;
    border-radius: 0;
}

.login-wrap .form-control {
    height: 50px;
    padding-left: 5px;
}

.login-wrap .form-group {
    margin-bottom: 3.2rem;
    position: relative;
}

.btn-login {
    background: #09284E !important;
    color: #fff !important;
    border-color: #09284E !important;
    font-weight: 500;
    padding: 14px 15px; text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px !important;
    color:#fff;
}
.btn-userlogin img {
    width: 160px !important;
}
.btn-login:hover,
.btn-login:focus {
    /* color: #fff;
    background: #5CBB46;
    border: none; */
    background: #0F3B72!important;
    color: #fff !important;
    border-color: #0F3B72 !important;
}

.btn-reset-pass {
    padding: 1rem 3rem;
    text-transform: uppercase;
    border: 2px solid #5CBB46;
}

.btn-reset-pass:hover,
.btn-reset-pass:focus {
    color: #1D4999;
    background: none !important;
    color: #5CBB46 !important;
    border: 2px solid #5CBB46;
}

.order-filter {
    padding: 1rem 2.5rem;
}

.order-filter .form-control {
    border: none;
    border-bottom: 1px solid #b2b2b2;
    border-radius: 0;
    padding: 1rem 0 0;
    font-size: 13px;
}

.btn-status {
    margin-top: 0rem;
}

.btn-status .btn-group {
    width: 100%;
}

.btn-status .btn {
    background: none !important;
    width: 100%;
    color: #b2b2b2;
    
    border-bottom: 1px solid #b2b2b2;
    text-align: left;
    font-size: 12px;
    padding: 0.8rem 0 5px;
}

.btn-status .btn:focus {
    box-shadow: none;
}

.btn-status .btn .caret {
    float: right;
    margin-top: 10px;
}

.btn-status .dropdown-menu {
    padding: 0;
    border-radius: 0;
}

.btn-status .dropdown-menu a {
    padding: 5px 12px;
    font-size: 12px;
}

.order-filter .input-group {
    border-bottom: 1px solid #b2b2b2;
}

.order-filter .input-group .form-control {
    border: none !important;
}

.order-filter .input-group span {
    background: none;
    color: #b2b2b2;
    padding-right: 0;
    padding-bottom: 0;
    border: none;
}

.order-filter .btn-primary {
    padding: 5px 25px;
    margin-top: 5px;
}

.order-filter .col-lg-3,
.order-filter .col-lg-2 {
    padding: 0 7px;
}

.order-history-table {
    padding: 2rem;
}

.btn-back {
    display: inline-block;
    color: #1c1c1c;
    font-size: 14px;
    margin-top: 5px;
    
}

.order-history-table {
    font-size: 14px;
}

.order-right {
    margin-top: 7rem;
}

.o-h-wrapper {
    padding: 0;
}

.reset-pass-wrap {
    padding: 5rem;
    height: auto;
}

.reset-pass-wrap form {
    margin-top: 3rem;
}

.reset-pass-wrap .form-group {
    position: relative;
}

.reset-pass-wrap .alert {
    background: none;
    text-align: left;
    padding: 0;
    border: none;
    font-size: 14px;
    bottom: -42px;
    left: 0;
    position: absolute;
}

.reset-pass-wrap .input-group {
    border: 1px solid #b2b2b2;
}

.reset-pass-wrap .input-group-addon {
    padding-right: 5px;
}

.reset-pass-wrap .form-control {
    padding-left: 5px;
}

.reset-pass-wrap .input-group-addon,
.reset-pass-wrap .form-control {
    background: none;
    border: none;
}

.reset-pass-wrap .form-control {
    height: 50px;
}

.reset-pass-wrap .form-group {
    margin-bottom: 2rem;
}

.reset-pass-wrap .btn-submit {
    background: #1D4999;
    border: 2px solid #1D4999;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 25px;
    margin-top: 2rem;
}

.reset-pass-wrap .btn-submit:hover,
.reset-pass-wrap .btn-submit:focus {
    background: none;
    color: #1D4999;
}

.qr-box {
    padding: 4rem 0 0;
    height: auto;
}

.qr-box h4 button {
    position: absolute;
    border: none;
    background: #1d4999;
    width: 35px;
    height: 35px;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    left: 3rem;
    top: -7px;
}

.qr-box h4 button img {
    width: 20px;
    position: relative;
    top: -2px;
}

.qr-box h4 {
    position: relative;
}

.email-alert {
    font-size: 12px;
    color: red;
    
    position: absolute;
}

.qh-table {
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 3rem;
}

.qh-table table {
    text-align: left;
    font-size: 14px;
}
.qh-table table th a {
    color: #1c1c1c;
}

.qh-table-wrap {
    padding: 0;
    margin-top: 1rem;
}

.pagination .page-link {
    border-radius: 0 !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #09284E;
    border-color: #09284E;
}

.ins-detail-wrapper span {
    font-size: 16px;
}

.ins-detail-wrapper span h4 {
    
    font-size: 16px;
}

.login-form .text-danger {
    font-size: 13px;
    text-align: left;
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    color: #ec6266;
} 

.form-register {
    margin-bottom: 4rem;
}

.form-register .btn-login {
    margin-top: 0.5rem;
}

.reg-modal .form-group {
    position: relative;
}

.reg-modal .text-danger {
    position: absolute;
    left: 0;
    font-size: 14px;
    width: 100%;
    text-align: left;
    bottom: -2.5rem;
}

.login-modal-body {
    padding-bottom: 4rem;
}

.confirm-modal-body {
    text-align: center;
    padding: 2rem;
}

.confirm-modal-body p {
    margin-bottom: 1.5rem;
    font-family: 'MuseoSansCyrl-500';
}

.confirm-modal-body button {
    margin: 0 1rem;
    min-width: 70px;
}

.print-heading-row {
    padding: 2rem 0 !important;
}

.print-heading-row .btn {
    margin-left: 10px;
}

.print-detail-row .dashed-border-box {
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    padding: 2rem;
    min-height: 175px;
}

.print-detail-row .dashed-border-box p {
    line-height: 26px;
}

.print-detail-row .dashed-border-box:nth-child(1),
.print-detail-row .dashed-border-box:nth-child(4) {
    border-right: 1px dashed #ddd;
}

.order-history-container {
    margin-top: 3.5rem;
}

#searchBox+ng2-auto-complete {
    z-index: 9999 !important;
    width: 100% !important;
}

.login-popup .btn-success {
    padding: 1rem 3rem;
}

.top-buttons {
    padding: 1.5rem 0 0 0;
}

.declaration-wrap .btns-wrapper {
    margin-top: 2rem;
}

.no-result-wrap-oh {
    text-align: center;
}

.no-result-wrap-oh {
    padding: 4rem 0;
}

.no-result-wrap-oh p {
    text-transform: uppercase;
}

.no-result-wrap-oh .btn {
    margin-top: 1rem;
}

.order-filter .select2 {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: none;
    position: relative;
    padding-left: 5px;
}
.order-filter .select2 option {
    cursor: pointer;
}

.info-form select {
    background: none;
    padding: 8px;
    border: none;
    width: 100%;
    color: #333;
    outline: none;
    height: 38px;
    position: relative;
    z-index: 2;
}

.page-title {
    position: relative;
    padding-bottom: 2rem;
    text-align: center;
}

.page-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    background: #1D4999;
    width: 100px;
    height: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.t-c-heading-wrap h5 {
    margin-top: 2rem;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    font-family: 'MuseoSansCyrl-500';
}
.t-c-heading-wrap h3 b{ font-weight: 500;}

.t-c-heading-wrap {
    text-align: left;
}

.t-c-content {
    padding: 0;
    text-align: left;
    margin-top: 2rem;
}

.tc-box {
    height: auto;
    margin-bottom: 2rem;
}

.tc-box.white-box {
    margin: 7rem 0 12rem;
    padding: 2rem 1rem;
}

.tc-box ol {
    margin-top: 1rem;
    padding: 0 30px;
}

.tc-box.white-box p {
    padding: 0 10px;
    font-size: 14px;
}

.tc-box ol li {
    margin-bottom: 2rem;
    font-size: 14px;
}

.tc-box ol li:last-child,
.tc-box ol {
    margin-bottom: 0;
}

.top-buttons button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 16px;
}



.top-buttons span {
    padding: 0 15px;
    font-size: 12px;
    position: relative;
    top: -2px;
}

.faq-accordion {
    margin-top: 2rem;
    padding: 0 2rem;
}

.faq-accordion h4 {
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}

.faq-accordion p {
    text-align: left;
    margin: 0;
    padding: 10px 0;
}

.faq-accordion .panel {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.faq-accordion .panel-heading {
    background: none;
    border-radius: 0;
    color: #333;
    padding: 0;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
}

.faq-accordion .panel-body,
.faq-accordion .in .panel-body {
    border: none !important;
}

.faq-accordion .panel-body {
    padding: 15px 0;
}

.faq-accordion .panel-body p {
    padding: 0;
    margin-top: 0.7em;
    font-size: 14px;
    font-family: 'MuseoSansCyrl-500';
}

.faq-accordion .panel-body p:first-child {
    margin-top: 0;
}


/* new css */

.mid-content:after {
    content: '';
    z-index: 0;
    position: absolute;
    left: auto;
    right: auto;
    top: auto;
    bottom: 0%;
    width: 100%;
    height: 100%;
    background: url(../images/map.svg) center no-repeat #f7f7f7;
    background-size: cover;
    background-size: 55%;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.home-content {
    text-align: center;
    margin-top:0;
    color: #fff;
}

.home-content h1 {
    font-size: 28px;
    line-height: 32px;
    /* text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); */
}

.home-content h4 {
    font-size: 20px;
    margin-top: 28px;
    position: relative;
    padding-bottom: 2rem;
}

.home-content h4:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 115px;
    /* background: #FFF; */
    height: 1px;
    margin: 0 auto;
}

.home-content h3 {
    margin-top: 28px;
    font-size: 24px;
}

.scanning-row {
    margin-top: 40px;
    position: relative;    
}

.scanning-row h4 {
    margin-top: 15px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}
.home-divider {
    padding: 5rem 0;
    position: relative;
    margin-top: 15px;
}

.home-divider:after,
.home-divider:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 40px;
    background: #75787b;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.home-divider:before {
    top: 0;
}

.home-divider:after {
    bottom: 0;
}

.home-divider span {
    background: #75787b;
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #fff;
    border-radius: 100%;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
}

.email-wrapper {
    padding-left: 3rem;
    margin-top: 2rem;
}

.email-wrapper section{ display:none;}
.email-wrapper h4 {
    font-size: 18px;
    /* text-shadow: 0 0 5px rgba(0, 0, 0, 0.5) */
}

.email-wrapper .input-group {
    margin-top: 1rem;
    width: 100%;
    max-width: 240px;
}

.email-wrapper .form-control {
    height: 40px;
    border: 1px solid #ccc;
}

.email-wrapper .form-control,
.email-wrapper span {
    border-radius: 0;
}

.email-wrapper span {
    background: #5CBB46;
    color: #fff;
    border-color: #5CBB46;
}

.email-wrapper span.error-msg-b {
    background: #f00;
    color: #fff;
}

.qr-wrapper {
    margin-left: 25rem;
    left: 3.5rem;
}

.qr-wrapper figure {
    text-align: center;
}

.app-download-link {
    text-align: center;
    margin-top: 5rem;
    color: #000;
    font-size: 14px !important;
    font-weight: 400;
    margin-bottom: 2.5rem;
}

.app-download-link a {
    color: #000;
    font-size: 14px;    
    font-weight: 500;
}
.search-white-section {
    background: #fff;
    padding: 1.5rem 0 1.5rem 0;
    position: relative;
    z-index: 1;
    /* background: url(../images/search-section-bg.svg) no-repeat center center; */
    background-size: cover;
}

.search-white-section h4, .top-steps-section h4 {
    /* font-size: 18px;
    text-align: center;
    line-height: 32px;
    color: #666; font-weight: 400; */
        font-size: 18px;
        line-height: 48px;
        font-family: 'MuseoSansCyrl-500';
        color: #000;
        font-weight: 400;
        margin-bottom:0;
}

.search-white-section .input-group {
    margin-top: 1rem;
}

.search-white-section .form-control,
.search-white-section .btn, .bottom-search-device .form-control, .bottom-search-device .btn {
    height: 40px;
    height: 40px;    
}
.search-white-section .form-control {
    border-radius: 0;
}
.search-white-section .btn .fa, .bottom-search-device .btn .fa{
    font-size: 18px
}
/* new css */

.close.help-close {
    position: absolute;
    right: -7px;
    top: -8px;
    z-index: 999;
    opacity: 1;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #000;
    text-shadow: none;
    color: #fff;
    padding-top: 0;
    line-height: 16px;
}

.modal-content {
    border-radius: 0;
    border: none;
    min-height: 120px;
}

.help-modal .modal-body h5 {
    font-size: 16px;
    color: #000;
    margin-bottom: 16px;
    font-family: 'MuseoSansCyrl-500';
}

.help-text,
.help-text li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.help-text li {
    font-size: 13px;
    color: #000;
    position: relative;
    margin: 10px 0;
    padding-left: 15px;
    font-weight: 400;
}

.help-text li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #686CA0;
    border-radius: 100%;
    left: 0;
    top: 5px; font-weight: 400;
}

@media screen and (min-width: 768px) {
    .modal.help-modal {
        text-align: center;
        padding-top: 0!important;
    }
    .modal.help-modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
    .modal.help-modal .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
}

.dashed {
    border-style: dashed;
}

footer ul li {
    border-left: 1px solid #fff;
    padding: 0 10px;
    line-height: 12px;
}

footer ul li:first-child {
    border: none;
    padding-left: 0;
}

.quote-price {
    border: 1px solid #1D4999;
    display: block;
    position: relative;
    text-align: center;
    clear: both;
    font-size: 18px;
}

.quote-price label {
    /* padding: 7px 0 4px 0; */
    padding:0;
    margin:0 40px 0;
    float: left;
    font-weight: 600;
}

.quote-price abbr {
    background: #1D4999;
    color: #fff;
    padding: 10px 7px;
    float: left;
    font-size: 14px;
}

.quote-price:before,
.quote-price:after {
    content: '';
    display: table;
    clear: both;
}

.quote-term {
    font-size: 11px;
    /* clear: both;
    display: block; */
    padding:5px 0 15px;
    float: left;    
    text-align: left;
    font-family: 'MuseoSansCyrl-500';
    text-transform: inherit;
}

.imei-info {
    background: #E7F5E4;
    color: #5C675A;
    font-size: 12px;
    height: 38px;
    padding: 11px 7px;
}

.imei-info i {
    margin-right: 3px;
}

.confirmation-wrapper {
    clear: both;
}

.confirmation-wrapper .alert {
    font-size: 11px;
    padding: 3px 5px;
    display: inline-block;
    margin: 6px 0 0 0;
    background: #fff;
    border: none;
    font-weight: 600;
}

.confirmation-check {
    font-size: 11px;
    vertical-align: top;
    display: table;
}

.confirmation-check input[type="checkbox"] {
    display: table-cell;
    width: 12px;
    /* vertical-align: middle; */
    vertical-align: baseline;
    padding-right: 10px;
    margin: 3px 0 0 0;
}

.confirmation-check span {
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}

.declaration {
    min-height: 400px;
}

.device-details+div[class*="col-"] {
    padding-right: 0;
}

.slider-section {
    max-width: 890px;
    margin: 10rem auto 6rem auto;
    position: relative;
}

.carousel-3d ngx-carousel-3d-slide {
    box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);
    width: 334px!important;
    height: 180px!important;
}

.carousel-3d .slide-3d {
    border: none!important;
    width: 334px!important;
    height: 180px!important;
    background: #6786bf;
    background: -moz-linear-gradient(left, #6786bf 0%, #1d4999 100%);
    background: -webkit-linear-gradient(left, #6786bf 0%, #1d4999 100%);
    background: linear-gradient(to right, #6786bf 0%, #1d4999 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6786bf', endColorstr='#1d4999', GradientType=1);
    color: #fff;
    box-shadow: none!important;
    padding: 20px;
    border-radius: 0!important;
}

.carousel-3d .slide-3d .desc {
    color: #000;
}

.carousel-3d .current .slide-3d {
    border: none!important;
    width: 334px!important;
    height: 180px!important;
    background: #fff;
    box-shadow: none!important;
    padding: 20px;
    cursor: pointer;
    border-radius: 0!important;
}

.carousel-3d .current .slide-3d .desc {
    color: #000;
}

.carousel-3d .slide-3d:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    width: 100%;
    height: 46px;
    background: rgba(255,255,255,0.8);
}

.carousel-3d .current .slide-3d:after {
    /* background: #6786bf;
    background: -moz-linear-gradient(left, #6786bf 0%, #1d4999 100%);
    background: -webkit-linear-gradient(left, #6786bf 0%, #1d4999 100%);
    background: linear-gradient(to right, #6786bf 0%, #1d4999 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6786bf', endColorstr='#1d4999', GradientType=1); */
    background: #09284E;
}

.carousel-3d .slide-3d .price strong {
    font-size: 16px;
    vertical-align: middle;
    padding-left: 3px;
}

.carousel-3d .device-box figure img {
    max-height: 144px;
    max-width: 100%;
    vertical-align: middle;
}

.carousel-3d .device-box figure {
    display: table-cell;
    max-width: 90px;
    max-height: 144px;
    vertical-align: middle;
}

.device-box .desc {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    line-height: 30px;
    color: #000;
    position: relative;
}

.device-box .desc p {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.device-box .desc span {
    font-size: 12px;
    font-weight: 700;
    font-family: 'MuseoSansCyrl-500';
}

.device-box {
    position: relative;
    z-index: 1;
}

.device-box .price {
    position: relative;
    display: block;
    margin: 20px 0 0 0;
    color: #000;
}
.current .device-box .price {
    color: #fff;
    font-weight: 400;
    font-family: 'MuseoSansCyrl-500';
}
.slider-section button.right {
    right: 0;
    top: 0;
}
.slider-section button.left {
    left: 0;
    top: 0;
}

.slider-section button {
    height: 32px!important;
    width: 32px!important;
    border: none;
    margin: 9% 5%!important;
    padding: 2px 10px;
    font-size: 20px;
}

.carousel-3d,
.carousel-3d-container {
    height: 180px!important;
}

.carousel-3d {
    width: 334px!important;
}

/* @media (min-width:1024px) and (max-width:1200px) {
    .qr-wrapper {
        margin-left: 12rem;
    }
} */

@media (min-width:768px) and (max-width:991px) {
    .qr-wrapper {
        margin-left: 6rem;
    }
    .email-wrapper {
        padding-left:0;
        margin-top: 0;
    }    
    .scanning-row h4 {
        font-size: 14px;
        line-height: 22px;
    }
    .carousel-3d {
        transform: scale(0.8);
    }
    .imei-info {
        font-size: 12px;
        white-space: nowrap;
    }
    .inspection h4 .common-alert {
        font-size: 12px;
    }
}

@media (min-width:992px) and (max-width:1023px) {
    .qr-wrapper {
        margin-left: 13rem;
    }
}

@media (max-width:767px) {
    .qr-wrapper {
        margin-left: 0;
        left: 0;
    }
    .home-divider:before,
    .home-divider:after {
        width: 90px;
        height: 1px
    }
    .home-divider:before {
        bottom: 4.7rem;
        left: -15rem;
        top: auto;
    }
    .home-divider:after {
        bottom: 4.7rem;
        right: 0;
        left: 15rem;
    }
    .home-divider {
        clear: both;
        padding: 3rem 0;
        position: relative;
        margin-top: 0;
        clear: both;
    }
    .email-wrapper .input-group {
        margin: 2rem auto 0 auto;
    }
    .scanning-row h4 {
        font-size: 14px;
        line-height: 22px;
    }
    .slider-section button {
        margin: 9% 2%!important;
    }
    .slimscroll-wrapper,
    .scroll-window {
        overflow: visible;
        height: auto!important;
    }
    app-root {
        min-height: 94vh;
        display: block;
    }
    .slider-wrap {
        min-height: 232px;
    }
    .carousel-indicators {
        top: 0;
    }
}

@media (min-width:640px) and (max-width:767px) {
    .slider-section {
        margin: 7rem auto 5rem auto;
    }
    .carousel-3d {
        width: 284px!important
    }
    .carousel-3d ngx-carousel-3d-slide {
        width: 284px!important
    }
    .carousel-3d .slide-3d {
        height: auto!important
    }
    .carousel-3d .current .slide-3d {
        width: 284px!important;
        height: auto!important
    }
    .carousel-3d .device-box figure img {
        max-height: 100px;
        min-height: 100px;
    }
    .carousel-3d .slide-3d:after {
        bottom: 32px;
        height: 30px;
    }
    .device-box .desc {
        line-height: 26px;
        font-size: 16px;
    }
    .device-box .price {
        margin: 8px 0 0 0;
    }
    .carousel-3d ngx-carousel-3d-slide {
        height: 140px!important;
    }
    .carousel-3d,
    .carousel-3d-container {
        height: 140px!important;
    }
    .carousel-nav {
        position: relative;
        display: table;
        margin: auto;
    }
    .carousel-nav:before,
    .carousel-nav:after {
        content: '';
        clear: both;
        display: table;
    }
    .carousel-nav button.left,
    .carousel-nav button.right {
        position: relative!important;
        margin: auto 10px!important;
        display: inline-block;
    }
}

@media (min-width:320px) and (max-width:639px) {
    body {
        background-size: auto;
        background-position: -56rem 0px;
        background-repeat: repeat;
    }
    .carousel-nav {
        position: relative;
        display: table;
        margin: -1rem auto 0 auto;
        padding-bottom: 2rem;
    }
    .carousel-nav:before,
    .carousel-nav:after {
        content: '';
        clear: both;
        display: table;
    }
    .carousel-nav button.left,
    .carousel-nav button.right {
        position: relative!important;
        margin: auto 10px!important;
        display: inline-block;
    }
    .carousel-3d-container .carousel-3d {
        transform: scale(.7);
    }
    .carousel-3d-container {
        margin: 0!important;
    }
    .slider-section {
        margin: 2rem auto 2rem auto;
    }
    .search-white-section {
        padding: 2rem 0 3rem 0;
    }
    .search-white-section h4 {
        line-height: 24px;
    }
}

.oc-title-wrap a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #ddd;
    color: #000;
    margin: 0 3px;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
}

.oc-title-wrap a:hover {
    background: #000;
    color: #fff;
}

.order-complete-content h5 {
    font-size: 18px;
    margin-bottom: 1rem;font-weight: 400;
}

.order-complete-content p {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 26px;
}

.order-complete-content img {
    width: 90px;
}

.order-complete-content ul {
    margin: 0;
}

.order-complete-content ul li {
    display: inline-block;
    padding-right: 10px;
}

.order-complete-content ul li a {
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    color: #000;
}

.order-complete-content ul li a:hover,
.order-complete-content ul li a:focus {
    color: #686CA0;
}
.order-summary {    
    margin-bottom:1rem;
}
.order-summary h6 {
    font-size: 14px;color: #4c4c4c; font-weight: 400;
}
.order-summary p {
    font-size: 14px;
    margin-top: 5px;
}

.order-summary .col-lg-4 {
    margin-top: 2rem;
}

.order-summary h5 {
    font-size: 18px;
}

.payment-tabs-wrap {
    min-height: 433px;
    position: relative;
}

.payment-inspection .btns-wrapper {
    margin-top: 0px !important;
}

.payment-tabs-wrap ul {
    margin: 0;
    padding: 0;
}

.payment-tabs-wrap ul li {
    position: relative;
    width: 100%;
}

.payment-tabs-wrap ul li a {
    border: none;
    color: #1c1c1c;
    padding: 5px 0;
    font-size: 14px;
    display: block;
    width: 100%;
    position: relative;
}

.payment-tabs-wrap ul li a:hover,
.payment-tabs-wrap ul li a:focus {
    background: none !important;
    border: none;
}

.payment-tabs-wrap .caret {
    position: absolute;
    right: 15px;
    top: 1.5rem;
}

.payment-tabs-wrap .nav-tabs>li.active>a,
.payment-tabs-wrap .nav-tabs>li.active>a:focus,
.payment-tabs-wrap .nav-tabs>li.active>a:hover {
    border: none;
    border-bottom: 1px solid #ddd
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: none !important;
}

.payment-tabs-wrap .form-group label,
.payment-tabs-wrap .form-group .form-control {
    font-size: 14px;
    font-weight: normal;
}
.payment-tabs-wrap .form-group .form-control{color: #555;}
.payment-tabs-wrap .tab-content {
    padding: 2rem 1.5rem 1rem 1.5rem;
}

.payment-tabs-wrap .dropdown-menu {
    min-width: 100%;
}

.payment-tabs-wrap .dropdown-menu a {
    padding: 10px 15px;
}

.payment-tabs-wrap .dropdown-menu>.active>a,
.payment-tabs-wrap .dropdown-menu>.active>a:focus,
.payment-tabs-wrap .dropdown-menu>.active>a:hover {
    background: #1D4999 !important;
    color: #fff;
}

/* .inspect-accordion.inspect-wrap,
.summary-scroll-wrap,
.customer-information,
.declaration-wrap {
    min-height: 484px;
} */

.btns-wrapper {
    /* position: absolute;
    bottom: 0;
    right: 0; */
    position: relative;
}

.info-form .input-group-addon {
    font-size: 1.4em;
}

.radios-wrap li {
    display: inline-block;
    position: relative;
    /* margin-right: 15px; */
    cursor: pointer;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    text-align: left;
    padding: 8px;
    opacity: 100%;
}

.radios-wrap li.active{ opacity: 100%;}
.radios-wrap li input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
    position: absolute;
}

.radios-wrap input[type="radio"]:checked+label {
    background: #1D4999;
    color: #fff;
    border-color: #1D4999;
}

.radios-wrap label {
    padding: 5px 15px;
    border: 1px solid #CCC;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    z-index: 90;
    margin-bottom: 0;
    white-space: nowrap;
}

.payment-wrap {
    margin: 0 -15px !important;
}

@media (min-width:1200px) {
    .state-code-wrap .col-lg-6:first-child {
        padding-right: 5px;
    }
    .state-code-wrap .col-lg-6:last-child {
        padding-left: 5px;
    }
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

@media (min-width:834px) and (max-width:1199px) {
    .qh-table-wrap {
        margin: 1rem 1rem 0 1rem;
        padding: 0;
    }
}

.payment-tabs-wrap .form-control {
    border-bottom: 1px solid #ddd;
    /* border: 1px solid #ddd; */
    border-radius: 0;
    /* padding-left: 0; */
    height: 34px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    -o-appearance: textfield;
    appearance: textfield;
}

.payment-tabs-wrap .form-control-area {
    resize: none;
    height: 70px;
}

.payment-tabs-wrap textarea.form-control-area {
    padding-top: 8px;
}

.payment-tabs-wrap .form-group label {
    left: 10px;
    top: 5px;
    margin: 0;
    padding: 0;
}

.payment-tabs-wrap .label-focus~label {
    top: -1.9rem !important;
}

.payment-tabs-wrap .info-form .label-focus label {
    top: 0;
}

.warning .alert {
    padding: 2px 5px;
    font-size: 14px;
    margin-top: 10px;
}

.faq-accordion .panel-title a {
    display: block;
    padding: 10px 0;
    position: relative;
}

.faq-accordion .panel-title a:after {
    content: '-';
    position: absolute;
    right: 0;
    top: 8px;
    font-size: 15px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #999;
    text-align: center;
    padding-left: 1px;
    color: #999;
    font-family: 'MuseoSansCyrl-500';
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq-accordion .panel-title a.collapsed:after {
    content: '+';
}

.slimscroll-bar {
    right: 2px !important;
    width: 4px !important;
}

.slimscroll-grid {
    width: 4px !important;
}


/*CSS switch for Summary page*/

.switch {
    position: relative;
    top: 3px;
}

.switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}

.switch label {
    cursor: pointer;
    text-indent: -9999px;
    width: 48px;
    height: 20px;
    background: #5CBB46;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch label:before {
    content: 'Yes';
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    font-size: 12px;
    top: 0;
    left: 0;
    margin-left: 8px;
    margin-right: 5px;
    width: 72%;
    height: 100%;
    letter-spacing: 0.75px;
    text-indent: 0;
    font-weight: bold;
}

.switch label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s;
}

.switch input:checked+label {
    background: #EB2828;
}

.switch input:checked+label:before {
    content: 'No';
    justify-content: flex-start;
}

.switch input:checked+label:after {
    left: calc(100% - 1px);
    transform: translateX(-100%);
}

.check-true {
    /* background: url("../images/true.png") no-repeat; */
    width: 45px;
    height: 18px;
    display: inline-block;
}

.check-false {
    /* background: url("../images/false.png") no-repeat; */
    width: 45px;
    height: 18px;
    display: inline-block;
}

.qh-table-wrap table td {
    white-space: nowrap;
}

.qh-table-wrap .pagination {
    margin:5px 0 2px 0;
    padding: 0;
}

.pagination-td {
    padding: 0 !important;
}

.icon-wrap a {
    width: 25px;
    height: 25px;
    color: #333;
    margin: 0 3px;
    text-align: center;
    display: inline-block;
    border: 1px solid #333;
    border-radius: 100%;
    line-height: 21px;
    vertical-align: top;
}

.icon-wrap a:hover
/* ,
.icon-wrap a:focus */

{
    background: #1D4999;
    color: #fff;
    border: 1px solid #1D4999;
}

.order-track-form {
    padding: 0;
}

.order-track-form form {
    padding: 15px;
}

.order-track-form .timeline-body {
    background: #f2f2f2;
    max-height: 300px;
    overflow-y: auto;
    height: auto;
    padding: 15px;
}

.arrow-box:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 100%;
    top: 4px;
    left: 19px;
    border: 5px solid #000000;
    z-index: 9;
}

.arrow-box::after {
    content: '';
    width: 3px;
    position: absolute;
    height: 100px;
    background: #000000;
    top: 7px;
    left: 2.6rem;
}

.arrow-box {
    margin-bottom: 2rem;
    position: relative;
}

.arrow-box h6 {
    font-size: 16px;
    padding: 10px 10px 10px 15px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
}

.arrow-box h6 span {
    float: right;
}

.arrow-box p {
    padding: 10px 10px 10px 15px;
    font-size: 14px;
}

.arrow-box div {
    background: #fff;
    margin-left: 5rem;
    position: relative;
    z-index: 999;
}

.arrow-box div:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    z-index: -1;
    top: 4px;
    left: -10px;
    transform: rotate(228deg);
}

.timeline-row:last-child .arrow-box::after {
    display: none;
}

.trackorder-modal .modal-title {
    font-size: 18px;
    font-weight: bold;
}

.trackorder-modal .close {
    position: absolute;
    right: 15px;
    top: 2rem;
}

.order-track-form label {
    padding-right: 5px;
    font-weight: bold;
}

.modal-order-details .box-header {
    position: relative;
    margin-bottom: 1.5rem;
}

.modal-order-details .box-tools {
    position: absolute;
    right: 0;
    top: -5px;
}

.modal-order-details .box-tools button {
    background: none;
}

.modal-order-details .box-title {
    font-size: 18px;
    font-weight: bold;
}

.di-wrap {
    display: flex;
    flex-wrap: wrap;
}

.di-wrap figure {
    flex: 0 0 25px;
    margin-right: 10px;
    max-width: 25px;
}

.di-wrap figure img {
    width: 100%;
}

.di-wrap div {
    flex: 0 0 90%;
    max-width: 90%;
    position: relative;
}

.di-wrap .icon-wrap {
    position: absolute;
    right: 0;
}

.scrollable-element {
    display: flex;
    flex-wrap: wrap;
}

.scrollable-element .d-colom {
    flex: 0 0 48%;
    max-width: 48%;
}

.scrollable-element .d-colom:nth-child(odd) {
    margin-right: 10px;
}

.confirmation-wrapper .alert {
    padding: 0;
    color: red;
    border: none; font-weight: 600;
    font-size: 14px;
}

.carousel-nav-icon {
    position: relative;
    min-height: 20px;
    white-space: nowrap;
    display: table;
    margin: auto;
}

.carousel-nav-icon .carousel-indicators {
    position: static;
    bottom: 0;
    left: 0;
    width: auto;
    margin: auto;
}

.custom-footer {
    padding: 0 15px 15px;
    text-align: center;
}

.bottom-pad-none {
    padding-bottom: 0;
}

.qh-table table th a .glyphicon {
    margin-left: 5px;
    font-size: 10px;
}

.login-box figure {
    max-width: 250px;
    margin: auto;
}

.login-box figure img {
    width: 160px;
}

.modal-body .table tr th,
.modal-body .table tr td,
.qh-table table th,
.qh-table table td {
    font-size: 14px;
}

.ngx-mat-drp-date-input,
.mat-input-element {
    font-size: 13px!important;
    color: #555 !important;
}

@media only screen and (max-width:478px) {
    .ngx-mat-drp-calendar-container {
        display: inline!important;
    }
    .ngx-mat-drp-calendar-item {
        float: left!important;
        min-width: 100%!important;
        padding: 0!important;
    }
    ngx-mat-drp-picker-overlay {
        left: 8px!important;
        right: 8px!important;
        overflow: auto!important;
    }
    .cdk-overlay-pane {
        right: 8px!important;
        overflow: auto!important;
        display: block!important;
        top: 8px!important;
        padding: 1em!important;
    }
    .ngx-mat-drp-overlay {
        left: 10px!important;
    }
    .ngx-mat-drp-date-label {
        margin: 0!important;
    }
    .mat-calendar-header {
        padding: 0!important;
    }
    .mat-calendar-controls {
        margin-top: 5px!important;
        margin-bottom: 5px !important;
    }
    .mat-calendar-period-button,
    .mat-calendar-period-button {
        margin: 0!important;
        padding: 0 0 0 5px!important;
    }
    .ngx-mat-drp-presets-list li {
        padding: 6px!important;
    }
    .ngx-mat-drp-controls {
        margin-top: 5px!important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 479px) {
    .ngx-mat-drp-calendar-container {
        display: block!important;
        min-width: 250px!important;
    }
    ngx-mat-drp-picker-overlay {
        right: 8px!important;
        overflow: auto!important;
    }
    .ngx-mat-drp-calendar-item {
        float: left!important;
        min-width: 210!important;
        padding: 0!important;
    }
    .cdk-overlay-pane {
        left: 8px!important;
        right: 8px!important;
        overflow: auto!important;
        display: block!important;
        top: 8px!important;
        padding: 1em!important;
    }
}

@media only screen and (min-width:689px) {
    .cdk-overlay-pane {
        min-height: max-content!important;
    }
}


/*mobilciti css*/

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../branding/MOBCIT/fonts/OpenSansRegular.eot');
    src: url('../branding/MOBCIT/fonts/OpenSansRegular.eot') format('embedded-opentype'), url('../branding/MOBCIT/fonts/OpenSansRegular.woff2') format('woff2'), url('../branding/MOBCIT/fonts/OpenSansRegular.woff') format('woff'), url('../branding/MOBCIT/fonts/OpenSansRegular.ttf') format('truetype'), url('../branding/MOBCIT/fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}

body {
    
    font-size: 15px;
}

.site-nav {
    background: #09284E;
    box-shadow: 1px 1px 4px rgba(87, 87, 87, 0);
}

.site-nav .navbar-right a,
.site-nav .navbar-right {
    color: #fff !important;
}
.site-nav .navbar-right {
    margin-right: 0;
}
footer ul li a {
    color: #eee;
}

footer ul li {
    border-left: 1px solid #999;
}

footer {
    color: #999;
}

.btn-success,
.email-wrapper span {
    background: #000 !important;
    border-color: #000 !important;
}

.btn-success:hover,
.btn-success:focus {
    background: #000!important;
    border-color: #000!important;
}

.email-wrapper span.error-msg-b {
    background: transparent!important;
    padding: 4px;
    font-size: 12px;
    color: #BF2E1A;
}

.carousel-3d .slide-3d {
    background:rgba(255, 255, 255, 0.6);
    color: #fff;
}

.carousel-3d .slide-3d .desc {
    color: #000;
}

.carousel-3d .current .slide-3d::after {
    /* background-image: linear-gradient(to right bottom, #990042, #9e0753, #a11364, #a12077, #9f2d89, #982e8d, #903091, #873294, #7b298a, #6f207f, #631775, #580d6b); */
    background-color: #09284E;
}

.carousel-indicators .active {
    position: relative;
}

.carousel-indicators .active:after {
    content: '';
    background: #000;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
}

.double-device-box {
    background: #f3f3f3 !important;
    color: #111;
}

.double-device-box::after {
    background: #222 !important;
}

.completed span::after {
    background: #000;
}
.processing span {
    background: #fff;
    border-color:#000;
}

.steps span::after {
    color: #000;
    background: #000;
}

.completed span {
    color: #222;
}

.btn-success-outline {
    border-color: #000;
    color: #fff !important;
    background: #000;
}


.btn-confirmation-wrap .btn-success-outline, .btn-confirmation-wrap .btn-primary-outline {
    background: #09284E !important;
    color: #fff!important;
    border-color: #09284E!important;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    padding: 14px 15px;
    font-size: 15px;
    border-radius: 5px;
}
.btn-confirmation-wrap .btn-success-outline.green-active {
    color: #fff!important;
    border-color: #09284E!important;
    background:#09284E!important;
}
.btn-confirmation-wrap .btn-primary-outline {
    color: #AAA9AA!important;
    border-color: #AAA9AA!important;
    background:transparent!important;
}
.btn-confirmation-wrap .btn-primary-outline.red-active {
    color: #fff!important;
    border-color: #AAA9AA!important;
    background:#AAA9AA!important;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.green-active {
    border-color: #0F3B72;
    background: #0F3B72;
    color: #fff !important;
}

.btn-primary-outline {
    border-color: #ccc;
    background: #ccc;
    color: #000;
}

#accordion .carousel-indicators .active:after {
    content: '';
    background: #ccc;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 0px;
    left: 1px;
    border-radius: 100%;
    display: none;
}

#accordion .carousel-indicators .red-active.active:after {
    background: #c4c4c4;
}

.slider-wrapper .carousel-indicators li.red-active {
    background: #AAA9AA!important;
    border-color: #AAA9AA!important;
}

.slider-wrapper .carousel-indicators li.green-active {
    border-color: #1abf77;
}

#accordion .carousel-indicators .green-active.active:after {
    background: #000 ;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    /* background: #f4f4f4 !important; */
    color: #6f6e6c;
    border-color: #f4f4f4 !important;
    opacity: 0.5;
}

.btn-success-outline:hover,
.btn-success-outline:focus,
.green-active {
    background: #0F3B72!important;
    border-color: #0F3B72!important;
}

.quote-price {
    border: 1px solid #09284E;    
    color:#000;
    font-size: 22px;
    display: flex;
    align-items: center;
}

.quote-price abbr {
    background:#F84A23 !important;
    color: #fff;
    font-size: 18px; font-weight: 500;
    padding-left:20px;
    padding-right: 20px;
}

.btn-prev,
.btn-default,
.btn-reset {
    background: tranparent !important;
    color: #75787b;
    border-color: #75787b !important;
}
.btn-reset:hover, btn-reset:focus{ border-color:#777 !important}
.common-alert {
    color: #f00;
}

.c-check input:checked+label::after {
    border-color: #09284E;
}

.radios-wrap input[type="radio"]:checked+label {
    background: #8430C7;
    border-color: #8430C7;
}

.radios-wrap label {
    border: 1px solid #000;
    color: #000;
}

.btns-wrapper .btn-success,
.modal-body .btn-success,
.btn-primary {
    background: transparent!important;
    border-color: #000!important;
    color: #000!important;
}

.confirm-modal .btn-next, .confirm-modal .btn-default{ 
    background: transparent !important; border-color: #09284E!important;
     color: #09284E!important;
    font-weight: 500; font-size: 12px;
}
.confirm-modal .btn-next:hover, .confirm-modal .btn-default:hover  {
    background: #09284E!important;
    color: #fff !important;
    border-color: #09284E!important;
}
.btns-wrapper .btn-success:hover,
.btn-next:hover,
.btn-next:focus,
.modal-body .btn-success:hover,
.modal-body .btn-success:focus,
.btn-primary:hover,

.btn-primary:focus {
    background: #F84A23!important;
    color: #fff !important;
    border-color:#F84A23!important;
}

.btn-prev:hover,
.btn-prev:focus,
.btn-default:hover,
.btn-default:focus,
.btn-reset:hover,
.btn-reset:focus {
    background: #75787b !important;
    color: #fff !important;
}
.inspection h4 .common-alert {
    font-size: 11px;font-weight: 700;
    font-family: 'MuseoSansCyrl-500'; color: #757373;
}
.inspection h4 .common-alert b{ color: #f00;}
.d-table-wrap table th,
.d-table-wrap table td {
    font-family: 'MuseoSansCyrl-500'; font-weight: 400;
}

.steps ul li a {
    font-size: 16px;
}

.summary-media .media-heading {
    font-family: 'MuseoSansCyrl-500';
    font-size: 13px !important;
    position: relative;
    padding-left: 6px;
}

.summary-media .media-heading::before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    height: 3px;
    width: 3px;
    background: #000;
    display: none;
}

.btns-wrapper a,
.slider-inner-content h3,
.site-nav .navbar-right li:last-child a,
.home-content h1,
.faq-accordion h4,
.text-danger span,
.qh-table table th {
    font-family: 'MuseoSansCyrl-500';
    color: #000;
}

.home-content h4 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0rem;
    margin-top: 7rem;
    color: #000;
}

.home-content h3 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-weight: 400;
    font-family: 'MuseoSansCyrl-500';
}

.home-content h3 span{ font-size: 22px;margin-bottom: 4px;display: inline-block;width:100%;font-weight: 700;}
.scanning-row h4 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin-top: 15px;
    font-family: 'MuseoSansCyrl-500';
}

.page-title::after {
    background: #000;
}

.btn-login {
    background: #000;
}

.btn-login:hover,
.btn-login:focus {
    background: #000
}

.errors-message {
    color: #BF2E1A !important;
    font-weight: 300 !important;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus {
    background: #F5F5F5 !important;
    border-color: #F5F5F5 !important;
    color: #000!important;
}

/*.check-false {
     background: #686CA0 !important;
    border-color: #686CA0 !important;
    color: #fff !important;
    cursor: pointer;
    font-style: normal;
    font-family: 'MuseoSansCyrl-500';
    font-size: 14px !important;
    font-weight: 400;
    padding: 0px 0px 0px 1rem; 
    background: url('../branding/MOBCIT/img/false.png') no-repeat;
}*/

 /*.check-true {
    border-color: #000;
    color: #fff !important;
    background: #000;
    cursor: pointer;
    font-style: normal;
    font-family: 'MuseoSansCyrl-500';
    font-size: 14px !important;
    font-weight: 400;
    padding: 0px 0px 0px 1rem; 
    background: url('../branding/MOBCIT/img/true.png') no-repeat;
}*/

.switch a i img{ height: auto !important;}


.top-buttons button {
    font-size: 15px;
}

.inspection aside,
.d-table-wrap table tr:nth-child(2n) td,
.d-table-wrap table tr:nth-child(2n) th {
    background: #f4f4f4;
}

.completed span::after, .processing.disabled span:after{
    background: #000;
    display: block !important;
}
.processing.disabled span:after{left:16px}
.confirm-modal .modal-header {
    background: #09284E;
}

.imei-info {
    background:#686CA0;
    color:#fff;
}

.confirmation-check a,
.confirmation-check a:hover,
.confirmation-check a:focus {
    color: #686CA0; text-decoration: none !important;
}

.info-form label span {
    color: #f00;
}

.completed span {
    border-color: #111;
}

.modal-body .table tr th,
.modal-body .table tr td,
.qh-table table th,
.qh-table table td {
    font-size: 13px;
}

.mt-5 {
    margin-top: 5px;
}

.order-filter .btn {
    padding: 5px 15px;
}

.order-filter .btn-reset {
    border: 1px solid #f4f4f4
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #f4f4f4
}

.icon-wrap a:hover {
    background: #FF6D4D;
    border-color: #FF6D4D;
}

.arrow-box h6 {
    font-size: 14px;
    font-family: 'MuseoSansCyrl-500';
}

.arrow-box div::before {
    width: 13px;
    height: 10px;
    top: 3px;
    left: -6px;
}

.trackorder-modal .modal-title {
    font-weight: normal;
}

.login-box figure {
    max-width: 200px;
    margin: 0px auto 20px auto;
}

.input-group-btn:last-child>.btn {
    margin-left: 0;
}

.decesion-box {
    height: auto;
    text-align: left;
    padding: 0;
    width: 100%;
}

.decesion-box p {
    margin-top: 0;
}

.decesion-box .box-header {
    padding: 2rem;
    background: #f0f0f0;
}

.decesion-box .box-wrap {
    padding: 2rem;
}

.decesion-box .box-footer {
    padding: 2rem;
    border-top: 1px solid #ddd;
    text-align: right;
}

.decesion-box .box-footer .btn+.btn {
    margin-left: 15px;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em;
    background-color: rgba(178, 178, 178, .99) !important;
}


/* Change Autocomplete styles in Chrome*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    color: #555 !important;
    transition: background-color 5000s ease-in-out 0s;
}

.text-danger.validation-error a {
    color: #222
}

.text-danger.validation-error a:hover,
.text-danger.validation-error a:focus {
    color: #222;
    text-decoration: underline;
}

.mat-form-field-flex {
    width: 100% !important;
}

.ngx-mat-drp-date-display {
    min-width: 100% !important;
}

.top-left-text {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    margin-top: 3px;
    display: inline-block;
}
.top-left-text a, .top-left-text a:hover, .top-left-text a:focus, .top-left-text a:active {
    color: #000;
    text-decoration: none;
}

.navbar-nav>li {
    font-family: 'MuseoSansCyrl-500';
    font-weight: 400;
    font-size: 14px;
    margin-right: 15px;
    color: #fff;
    border-left: 1px solid #999;
    padding-left: 15px !important;
    text-transform: uppercase;
}
.navbar-nav>li.dropdown a {
    text-transform: uppercase!important;
}

.navbar-right li a {
    font-family: 'MuseoSansCyrl-500';
    color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px;
}
.navbar-right li select {
    border: 0;
    height: auto;
    margin-top: 0px;
    font-size: 14px;
    color: #fff; padding-right: 0;padding-left: 0;
    background: transparent;
    /* -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    background-image: url('../images/arrow-down.png');
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: right -2px bottom 6px; */
}
.navbar-right li .form-group{margin-bottom: 0px;}
.navbar-right{ margin:8px 0 0 0;}
.landing-page-mid-container {
    position: relative;
    z-index: 1;
    text-align: center;
    min-height: 120px;
}

.landing-mid-content {
    position: relative;
}

.landing-mid-content:after {
    content: '';
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url('../images/land-page-bg_1.jpg') center no-repeat;
    background-size: cover;
}

.landing-logo {
    position: absolute;
    left: 16px;
    top: 26px;
    z-index: 9;
    width: 250px;
}

.how-it-works-panel h1 {
    font-size: 32px;
    color: #000;
    font-weight: 100;
    margin-bottom: 10px;
    font-weight: 600;
}
.how-it-works-panel {
    background: #fff;
    padding:2rem 0;
    text-align: center;
    position: relative;
    z-index: 1;
}
.how-it-works-panel h2 {
    font-size: 24px;
    color: #000;
    font-weight: 400;
    margin-bottom:1.2em;
}
.works-steps {
    display: inline-block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

/* .works-steps li {
    display: inline-block;
    vertical-align: top;
    width: 28%;
    margin: 0 2.5%;
    position: relative;
    text-align: center;
}

.works-steps li img {
    display: inline-block;
    max-height: 65px;
}

.works-steps li h3 {
    font-size: 22px;
    margin: 20px 0 15px;
    font-weight: 400;
    color: #1D1D1B;
    font-family: 'MuseoSansCyrl-500';
}

.works-steps li p {
    font-size: 14px;
    font-weight: 400;
    color: #1D1D1B;
    font-family: 'MuseoSansCyrl-500';line-height: 24px;
} */



.how-it-works-panel .btn-primary {
  background: #09284E !important;
    color: #fff !important;
    border-color: #000 !important;
    font-weight: 400;
    padding: 14px 15px;
    /* text-transform: capitalize; */
    font-size: 16px;
    margin-top: 25px;
    cursor: pointer !important;
    border-radius: 5px;
}

.how-it-works-panel .btn-primary:hover{ background: #0F3B72 !important; border-color: #0F3B72 !important; color: #fff !important;}

.position-relative{ position: relative;}
.inner-logo{position: absolute;
    left: 12px;
    top: 16px;
    z-index: 9; width: 220px;}
.search-inner-logo{
    position: absolute;
    left: 10px;
    top:-31px;
    z-index: 9; 
    width: 220px;
}
.search-main-logo {
    position: absolute;
    left: 12px;
    top: -25px;
    z-index: 9;
    width: 230px;
}
/* .home-content h1{ font-family: 'YesevaOneRegular';line-height: 66px; z-index: 2; position: relative; padding-left: 1px;}
.heading-text{
    font-size: 80px; position: absolute;
    font-family: 'YesevaOneRegular'; color:#000; left: 0; right: 0;z-index: 1; top: 0px; line-height: 66px;
} */
.text-img{ display: inline-block;max-width: 55%;}
.text-img-outer{ display: inline-block; width: 100%; text-align: center; position: relative; margin-bottom: 55px;}
.text-img-outer::after{ content: '';position: absolute; left: 0; right: 0; margin: auto; height: 0px; background: #000; width: 200px; bottom: -30px;}
.input-group.search-device .input-group-btn .btn-success, .input-group.search-device .input-group-btn .btn-success:hover{ 
    /* background: #F0F064 !important;
    border-color: #F0F064 !important; */
    background:#000 !important;
    border-color: #000 !important;
    color: #fff !important;
}
.slider-outer-panel{ display: inline-block; margin-top: -10px; width: 100%; background: none;}
.top-steps-section{padding: 4.5rem 0 0.5rem 0; position: relative;z-index: 1;background:rgba(202,202,202,0.5); text-align: center;}
.steps{ background: transparent;margin: -27px 0 12px 0;}
.steps ul{ width: 100%; z-index: 9; text-align: center;}
.steps .list-unstyled li {display: block;min-width:11.5%;vertical-align: top;text-align: left;}
.steps span:after{transform: rotate(90deg);top: -46px;
    height: 114px;
    left: 76px; display: none;}
.steps ul .icon-search i{ width: 0;}
.completed span {border-color: #000;background: #000;color: #1b1b1d;}
/* .steps li:last-child span:after{ width: 3px;} */


.steps ul li a.completed{ color: #000;}
/* .inspecion-section{ background: url(../images/bg-inspection.jpg) no-repeat top center #fff; background-size: cover;} */
.custom-block-margin-left{ margin-left: 12.5%;}
span.navtext{ background: none;}
.completed span.navtext{background: none; border: 0;color: #000;}
span.navtext{
    font-size: 13.5px;
    display: block; 
    width: 100%;
    height: auto;
    max-width: 142px;
    text-align: center;
    margin: 3px auto auto auto;
    line-height: 21px;
    font-weight: 400;
}
span.navtext::after{ width: 0;}
.processing span.navtext{ color: #000; border:0}
.form-control{ color: #000;}

.custom-radio-block{ display: inline-block;}
.custom-radio-label {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none; text-align: left !important;
    -ms-user-select: none;
    user-select: none; color: #000;
  }
  .custom-radio-block .custom-radio-label:last-child{ margin-bottom: 0;}
  /* Hide the browser's default radio button */
  .custom-radio-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .custom-radio-label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;border: 1px solid #9e9e9e;
  }
  .NotApplicableCheckbox{
    padding: 0rem 0rem 1rem 3rem;
  }
  /* On mouse-over, add a grey background color */
  .custom-radio-label:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .custom-radio-label input:checked ~ .checkmark {
    background-color: #000; border:1px solid #000;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .custom-radio-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .custom-radio-label input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .custom-radio-label .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
      border-radius: 50%;
      background: white;
  }


/************* Shipping Page CSS *******************/
.ship-block {
    min-height: 400px;margin-top: 50px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.ship-block .shipping-inner-block{ float: none; display: inline-block; width: 49.5%;}

.shipping-info-block{padding: 5px 25px; background: #fff;border:1px solid #a7a8aa; background: rgba(255,255,255,1); margin-bottom: 20px;cursor: pointer;}
.shipping-info-block img{ width: 120px;}
.shipping-info-block h1{ font-size: 18px; font-weight: 400; margin-bottom: 20px; margin-top: -10px; color: #75787b; font-family: 'MuseoSansCyrl-500';}
.shipping-info-block p{ font-size: 13px; color: #000; font-weight: 400;margin-bottom: 22px; }
.shipping-info-block:hover, .shipping-info-block:focus, .shipping-info-block.active{  background:#09284E;}
.shipping-info-block:hover h1, .shipping-info-block:focus h1, .shipping-info-block.active h1 {color:#09284E}


/* .shipping-info-block{ 
    background: url(../img/icon-prepaid.svg) no-repeat top center;
    background-size: 120px !important;
    padding-top: 120px;
    margin: auto;
} */

.shipping-info-block{
    background: url(../img/icon-prepaid.svg) center no-repeat ; background-position: 50% 20%;
    padding:100px 0 0 0;
 }

.shipping-info-block:hover, .shipping-info-block:focus, .shipping-info-block.active{border:1px solid #09284E; 
    background: url(../img/icon-prepaid-hover.svg) center no-repeat;  background-position: 50% 20%;
}
.shipping-info-block.returnkit-block{ 
    background: url(../img/icon-return.svg) center no-repeat ;
    padding:100px 0 0 0;
    background-position: 50% 20%;
}


.shipping-info-block.returnkit-block:hover, .shipping-info-block.returnkit-block:focus, .shipping-info-block.returnkit-block.active
{ background: url(../img/icon-return-hover.svg) center no-repeat ;
    background-position: 50% 20%;

}

.shipping-info-block .c-check {
    text-align: center;
    display: inline-block;
    width: 30px;
    /* border: 2px solid #ccc; */
    height: 30px;   
}
.ship-block p{ font-size: 16px; color: #000; font-weight: 400; font-family: 'MuseoSansCyrl-500';}
.shipping-info-block .c-check label {
    margin-bottom:0;    
    top: 0;
    left: 0;border: 2px solid #ccc;
    width: 30px;
    height: 30px;
    border-radius: 100%; background: #fff;
}
.shipping-info-block .c-check label:after {
    content: '';
    position: absolute;
    top: 32%;
    left: 23%;
    width: 60%;
    height: 31%;
    opacity: 1;
    border-left: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    transform: rotate(-45deg);
    transition: opacity 300ms ease;
}
.shipping-info-block  .c-check input:checked+label{
    border-color: #000;
}
.img-payp {
    text-align: center;
}
.img-payp img {
    width: 100%;
    max-width: 250px;
}
.img-payp figcaption {
    font-size: 14px;
    font-weight: 100;
    color: #686CA0;
}
.payment-wrap .info-form .col-xs-12 {
    margin: 5px 0;
}
.order-logo {
    width:160px;
    position: relative;
    z-index: 9;
    margin:10px  0;
}
.product-nav:after {
    padding: 0;
    position: absolute;
    z-index: 0;
    background:#fff;
    /* box-shadow: 1px 1px 4px
    rgba(87, 87, 87, 0.1); */
    display: block;
    bottom: -22px;
    width: 100%;
}
.cosmetic-block-listing h3{ font-size: 13px; padding: 0px 0px 5px; color: #000; margin-bottom:4px; display: inline-block; width: 90%;}
.list-unstyled.radios-wrap li img{ filter: grayscale(1); opacity: 0.7;height: 25px;}
.list-unstyled.radios-wrap li:hover img {
    opacity: 1;
}
.list-unstyled.radios-wrap li.active img{
    filter: grayscale(0);
    opacity: 1;
}
.list-unstyled.radios-wrap li a {
    display: block;
    padding: 8px;
}
.list-unstyled.radios-wrap li.active a {    
    /* box-shadow: 0 7px 5px -5px #ccc; */
    box-shadow: 0 1px 5px 1px#ccc;
    /* background:rgba(255, 120, 124, 0.5)} */}

/* .inspection-body:after, .recycle-body:after{
    background: url(../images/bg-inspection.jpg) no-repeat top center #fff;
    background-size: cover;    
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background-position: center;
    background-size: cover;
    z-index: -1;

} */
body.inspection-body{ background: #FFF !important; padding-bottom: 2em;}
.custom-dropdown-padding-lr3{ 
    padding-left: 3px!important; 
    padding-right: 20px!important; 
    height: 28px;
    background: #000;
    color: #fff;
    border-color: #000;
    border-radius: 0;
    font-weight: 400;
    cursor: pointer;
    text-indent: 4px;
}
.custom-dropdown-padding-lr3 option{ background: #fff; color: #000;}
.custom-dropdown-padding-lr3:focus{ border-color:#000}
.ft-13{ font-size: 13px;}
.ft-12{ font-size: 12px;font-weight: 400;}
.border-bottom{border-bottom: 1px solid #666;}
.change-label{ display: inline-block; 
    font-size: 13px; 
    color: #222; 
    font-weight: 500;
    line-height: 36px; 
    text-align:left;
    width: 80%;
}
.media-object-custom{ display: inline-block;padding-right: 0.8rem;vertical-align: top;}
.media-object-custom img{ height: 28px;}
.pad-right-none-web{ padding-right: 0;}

@media (min-width: 320px) and (max-width: 479px) {
    .logo-tag {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .product-nav .top-left-text {
        margin-left: 4px;
        font-size: 15px;
    }
}

.order-logo-wrapper {
    display: inline-block;
    width: 100px;
    margin: 0;
}
.select-dropdown {
    position: relative;
    margin-top: 4px;
    width: 100%;
    float: right;
}
.select-dropdown select, .select-dropdown select option {
    appearance: none;
    -webkit-appearance: none;
}
.select-dropdown:after{
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 40%;
    margin-top: -3px;
    height: 0;
    width: 0;
    right: 5px;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    pointer-events: none;
}
.recycle-inner-form{ 
    display: inline-block; 
    width: 40%; 
    box-shadow: 0 2px 2px -10px rgba(0, 0, 0, 0.4); 
    min-height: 200px;
}
.icon-ft-28 i{ font-size: 28px; margin-left: 4px;}
.recycle-form .form-group{
    margin-bottom: 2.5rem;
}

.getApp {
    display: table;
    margin: 2em auto 0 auto;
}
.getApp figure, .getApp section {
    display: table-cell;
    vertical-align: top;
}
.getApp figure {
    text-align: center;
}
.getApp figure figcaption {
    margin-top: 10px;
} 
.getApp section .btn.btn-primary {
    display: block;
    background: #32321C!important;
    color: #fff!important;
    border: none!important;
    border-radius: 5px;
}
.getApp section .btn + .btn {
    margin-top: 10px;
}
.getApp section {
   display: none;
}
.position-relative{
   position: relative;
}
.big-icon{ 
   width: 42px;
   margin-top: -7px;
}
.rss-feed-icon{ 
   margin-top: -6px;
}
.mobile-banner-img{
   position: absolute;
   left: 0;
   top: 40px;
   z-index: 1;
   width: 210px;
   bottom: 0;
   margin: auto;
}
.app-download-link strong + p {
    margin-top: 2em;
    font-size: 16px !important;
    font-weight: 500;
}

.recyle-info-text, .continue-info-text{ display: inline-block; width: 100%;margin-top:5px; margin-bottom:5px ; font-weight:500;font-size: 16px;text-align: center;}
.recyle-info-text a, .continue-info-text a{
    font-weight: 600;
    color: #000;
}
.recyle-info-text a:hover, .recyle-info-text a:focus, .continue-info-text a:hover, .continue-info-text a:focus{
    color: #000; transition: all ease-out 0.4s;
}
.email-wrapper section{ display: none;}
.email-wrapper section .btn.btn-primary {
    display: inline-block;
    color: #fff!important;
    border: none!important;
    border-radius: 5px;
    max-width: 290px;
    min-width: 220px;
    margin:5px 10px;
}
.email-wrapper section .btn {
    margin-bottom: 10px;
}

.mbl-divider{
    display: none;
}

.mbl-divider span {
    background: #fff !important;
    width: 36px;
    height: 36px;
    display: inline-block;
    color: #000;
    border-radius: 100%;
    line-height: 36px;
    font-size: 14px;
    font-weight: 600;
}

.displaytable{ display: flex;}
.displaytable .dashed-border-box{ float: none; display: table-cell;}

@media (max-width: 1024px) {
   .getApp section {
       display: block;
   }
   .getApp figure {
       display: none;
   }
   .big-icon{ 
       margin-top: -5px;
   }
}

.confirm-modal .modal-title {
   color: #fff;
}
@media (min-width:1024px) and (max-width:1199px) {
    .cosmetic-block-listing h3{ width: 82%; padding-top: 0;}
}

.top-footer{ display: inline-block; width: 100%;padding-bottom: 5px;}
.social-links{ display: inline-block; list-style: none; padding:0; margin: 6px 0 0 0;}
.social-links li{ float: left; border: 0; padding: 0 4px;}
.social-links li a{float: left; background:#191818; padding-top: 6px; border-radius: 50%; width: 26px; height: 26px; text-align: center;}
.social-links li a i{ font-size: 15px; color: #676767;}
.social-links li a:hover i, .social-links li a:focus i{ color: #fff; transition:all 0.4s ease-out;}
.rocket-icon{ width: 30px; margin-right: 10px;}
.top-footer-right-block{ float: right; width: 65%;}
.form-group.footer-float-right{ width: 100%;}
.footer-float-right{ float: right;}
.footer-mbllabel, .footer-weblabel{ color: #fff; font-weight: 500;margin-top: 12px;  font-size: 14px; margin-right:20px; float: right;}
.footer-weblabel{ display: none;}
.form-group.footer-float-right .form-control{ float: right; width: 100%;}
.footer-ok-btn{ background: #000;position: absolute; border:0; right:2px;top: 2px; height: 34px; z-index: 9; cursor: pointer; padding: 10px; border-radius:2px; color: #fff; font-size: 14px; text-transform: uppercase;}
.bottom-footer{ padding: 10px 0;  color: #ccc;}
.bottom-footer p{ font-size: 11px;}
.align-right-footer{ text-align: right;}
.foot-links{ text-align: right;}
.foot-links li a{font-size: 13px; text-transform: uppercase;}
.mail-icon{position:absolute; right: -15px;top: 16px;z-index: 9; cursor:pointer;}
.mail-icon img{ height: 21px;}
.mail-icon i, .mail-icon i:hover, .mail-icon i:focus {
    color: #fff;
}
.email-wrapper h4{ width: 100%; text-align: left; margin-top: 15px;}
.btns-wrapper .btn-success{
    background:transparent!important;
    color: #FF6D4D!important;
    border-color: #FF6D4D!important;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    padding: 14px 15px;
    font-size: 16px;
    border-radius: 5px;
}
.cosmetic-block-listing{ border: 0;}

/******* Custom Checkbox buttons ******/
.label-bottom-text-blk {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    font-family: 'MuseoSansCyrl-500';
  }
  
  /* Hide the browser's default checkbox */
  .label-bottom-text-blk input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .label-bottom-text-blk .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border: 1px solid #666;
  }
  
  /* On mouse-over, add a grey background color */
  .label-bottom-text-blk:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .label-bottom-text-blk input:checked ~ .checkmark {
    background-color: #000;
    border:0
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .label-bottom-text-blk .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .label-bottom-text-blk input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .label-bottom-text-blk .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

.ft-family{ font-family: 'MuseoSansCyrl-500'; font-weight: 500;}
.ft-11{ font-size: 11px;}

/******* Custom Radio buttons ******/
.custom-fancy-radio {
    display: block;
    position: relative;
    padding-left: 25px !important;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0 !important;
  }
  
  /* Hide the browser's default radio button */
  .custom-fancy-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .custom-fancy-radio .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius:100%;
  }
  
  /* On mouse-over, add a grey background color */
  .custom-fancy-radio:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .custom-fancy-radio input:checked ~ .checkmark {
    background-color: #FF6D4D;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .custom-fancy-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .custom-fancy-radio input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .custom-fancy-radio .checkmark:after {
       top: 5px;
      left: 5px;
      width: 8px;
      height: 8px;
      border-radius: 100%;
      background: #fff;
  }
  .custom-fancy-radio b span{ color: #000;}
  .custom-fancy-radio abbr{ 
    position: absolute;
    right: -9px;
    top: -9px;
    background:#FF6D4D;
    color: #fff;
    padding: 14px 10px 13px 10px;
    font-weight: 500;
    line-height: 20px;
  }
  .btm-text-section{ position: absolute; z-index:99; bottom: -67px; background: #FF6D4D; color: #fff; font-size: 16px;font-weight:300; width: 100.5%;padding: 10px; left: -1px;} 
  .payment-wrap .btm-text-section {bottom: auto;}
  .ammount-top-label{float: left; width: 100%; padding: 0px 10px;color: #fff;font-size: 32px; background:#FF6D4D; font-weight: 600;}
  .pd-top-2{ padding-top: 2rem;}
  .mt-top-none{margin-top: 0px !important;}
  .mt-btm-none{margin-bottom: 0px !important;}
  .bg-custom-color{ background: #eef0f2;}
  .smartphones-label-text{
    color: #000;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    font-family: 'MuseoSansCyrl-500';
}
    .smartphones-label-text a{ color: #000; text-decoration: none;}
    .top-info-heading-text{ font-size: 22px;margin-bottom: 15px; font-family: 'MADEEvolveSansBold'; color: #000;  width: 63%; text-align: center;}
    .no-padding{ padding-left:0; padding-right:0}
    .input-group.bg-grey, .form-group.bg-grey{ background: #fff; border-color: #ccc;}
    .form-group.bg-grey .form-control{ border-bottom: 1px solid #ccc; border-radius: 0px; text-indent: 10px;}
    .bottom-search-device input{ border: 1px solid #ccc !important; border-right:none!important; max-width: 335px; margin: auto;}
    .bottom-recycle-section{ display: inline-block; width:100%; background: #fff;padding: 2rem 0;}
    .bottom-continue-section{display: inline-block; width:100%; background: #f7f7f7;padding: 3.5rem 0; position: relative;z-index:99;}
    .cursor-pointer{ cursor: pointer;}
    .bottom-continue{ padding: 50px 0;}
    .bottom-recycle-section .btn-success, .bottom-continue-section .btn-success, .bottom-continue .btn-success{
        background: transparent !important;
        color: #000 !important;
        border-color: #000 !important;
        font-weight: 500;
        text-transform: uppercase;
        cursor: pointer;
        padding: 11px 20px;
        font-size: 16px;
        display: inline-block;
        margin: 10px 2px;
    }
    .bottom-recycle-section .btn-success:hover, .bottom-recycle-section .btn-success:focus, .bottom-continue-section .btn-success:hover, .bottom-continue-section .btn-success:focus, .bottom-continue .btn-success:hover, .bottom-continue .btn-success:focus{
        background: #000 !important;
        color: #fff !important;
        border-color:#000 !important;}
    .no-padding-web{ padding-left:0 ;padding-right: 0;}
    .mt-minus-20{margin-top: -20px;}
    .mt-minus-20 h5{ font-size: 16px;}
    .ci-right .btns-wrapper {
        margin-top: 1rem;
        width: 93%;
    }
    .no-border{ border: 0 !important;}
    .email-wrapper section .btn.btn-primary{
        background: transparent !important;
        color: #000 !important;
        border-color: #000 !important;
        font-weight: 500;
        text-transform: uppercase;
        cursor: pointer;
        padding: 8px 20px;
        font-size: 16px;
        display: inline-block;
        border: 1px solid #000 !important;
        border-radius: 0 !important;
        margin: 10px 2px;}
        .email-wrapper section .btn.btn-primary:hover, .email-wrapper section .btn.btn-primary:focus{background:#686CA0 !important;
        color:#fff !important;
        border-color:#686CA0 !important;
    transition: 0.4s ease all;}
    .top-completed-block{
        padding:2rem 0 2rem 0;
        position: relative;
        z-index: 1;
        background: rgba(202, 202, 202, 0.2);
        text-align: center;
    }
    .top-completed-block h4{
        font-size: 60px;
        color: #000;
        font-weight: 600;
        margin-bottom:1rem;
        font-family: 'MuseoSansCyrl-500';
    }
    .top-completed-block h5{
        font-size: 16px;
        margin-bottom: 0;
        color: #000;
    }
    dl.dl-horizontal {
        font-size: 15px;
    }
    .dl-horizontal dt{ float: left; text-align: left; width: 170px; color: #000; padding-left:15px; font-weight: 600; margin-bottom: 4px;}
    .dl-horizontal dd{ margin-left: 170px; color: #000; font-weight: 400;margin-bottom: 4px;}
    .dl-horizontal hr {margin-top: 6px;margin-bottom: 10px;border-top: 1px solid #ccc;}
    .btm-t{ font-size: 12px;font-weight: 500;}
    .mt-1rem{ margin-top: 1rem !important;}
    .h5-op{ font-size: 18px; margin: 50px 0 0; line-height: 26px; font-weight: 600;}
    .soonagain-body{ background: #fff;}
    .voffset3{margin-top: 30px;}
    .carousel-indicators li{ background-color: transparent; border-color: #09284E;}
    .carousel-indicators .active{border-color: #09284E;background-color: #09284E; height: 10px; width: 10px; margin: 1px;}
    .carousel-indicators .active:after{ background: #09284E;}
    .border-error{border:1px solid #ff0 !important}
    .top13{ top:13px}
    .align-right-footer a{color:#ccc}
    .align-right-footer a:hover {color: #e07461; transition: all 0.4s ease;}

    .icon-history {
        position: relative;
        width: 24px;
        display: inline-block;
        height: 24px;
    }
    .icon-history:before {
        content: '';
        position: absolute;
        left: 2px;
        top: 2px;
        background: url(../images/icon-history.svg) no-repeat;
        width: 20px;
        height: 20px;
        background-size: 100%;
    }
    .icon-wrap a:hover .icon-history:before {
        background: url(../images/icon-history_hr.svg) no-repeat;
        background-size: 100%;
    }
    .bottom-checkbox-blk{ border-top: 1px solid #333; padding-top: 10px;}

    .upoad-receive-file-name {
        display: inline-block;
        padding: 1px 10px;
        font-size: 12px;
        position: relative;
        background: #f5f5f5;
        color: #333 !important;
        border-radius: 5px;
        margin-right: 3px;
    }

    .upoad-receive-file-name i {
        position: relative;
        font-size: 9px;
        cursor: pointer;
        background: #636262;
        color: #fff;
        padding: 2px 3px 3px;
        border-radius: 50%;
    }
    .steps li:nth-child(2) span:after{
        left: -125px !important;
    }
    .steps li:nth-child(3n+0) span:after{
        left: -125px !important;
    }
    .steps li:last-child span:after{
        left: -61px !important;
        height: 180px;
        top: -79px;
    }
    .quote-history-section {
        height: calc(100vh - 182.3px);
        padding: 10rem 0;
    }
    .login-middle-section{height: calc(100vh - 125px);}

    .pad20{ padding: 20px;}
.inspection.pad20{ min-height: 400px !important; height: auto !important; display: inline-block;}
.autocomplete-container .suggestions-container ul li a {
    padding: 7px !important;
    font-size: 13px !important;
}

.autocomplete-container{ height: 50px !important; box-shadow: none !important;}
.top-steps-section.order-completed{padding: 4.5rem 0 0.5rem 0;
    position: relative;
    z-index: 1;
    background: #ccf;
    text-align: center;}
    .top-steps-section.order-completed h5  {font-size: 16px;
        margin-bottom: 40px;}
   .recycle-logo{ top:-19px}     
   .footer-input-block{ float: right; width: 60%; position: relative;}
   .recycle-section{ background: rgba(233, 76, 38, 0.3); padding-bottom: 4.5rem;}
   .landing-mid-content {
        position: relative;
    }
    .landing-mid-content:after {
        content: '';
        z-index: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        /* background: url(../images/land-page-bg_1.jpg) center no-repeat; */
        background: #f7f7f7;
        background-size: cover;
        /* -webkit-animation: fadeInUp 1s ease-in-out 0s forwards;
        animation: fadeInUp 1s ease-in-out 0s forwards; */
    }
    .landing-page-mid-container h1 {
        font-size: 50px;
        color: #1d1d1b;
        font-weight: 800;
        /* font-family: 'sp-r'; */
        margin: 2rem auto;
        /* text-transform: uppercase; */
        text-align: center;
        /* background: rgba(255,255,255,0.88); */
        display: inline-block;
        padding: 10px 15px;
        width: 100%;
        text-align: center;
    }
    
    .landing-page-mid-container h1 small {
        font-size: 24px;
        display: block;
        color: #222;
        text-transform: none;
    }

.select-tech .nav-tabs {
    text-align: center;
}
.select-tech .nav-tabs > li {
    float: none;
    display: inline-block;
    width: 11%;
    vertical-align: top;
    font-size: 13px;
    margin:0 10px;
}
.select-tech .nav-tabs {
    border: none;
    position: relative;
    top: -10px;
    margin-bottom: 20px;
}
.select-tech .nav-tabs>li>a {
    border: 1px solid #ccc;
    border-radius: 0;
    margin: 0 3px;
    padding: 10px 0;
    color: #111;
}
.select-tech .nav-tabs>li>a:hover {
    background: none;
    color: #1b1b1d;
}
.select-tech .nav-tabs>li.active>a, .select-tech .nav-tabs>li.active>a:focus, .select-tech .nav-tabs>li.active>a:hover {
    border:1px solid #8430C7;
    /* background: #000; */
    color: #000;
}
.list-gear figure {    
    padding: 4px 10px 4px 30px;
    border: 1px solid #bbb;
    background: #eee;
    transition: 0.1s all ease-in-out 0.1s;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    min-width: 114px;
}
.list-gear figure figcaption {
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
}
.list-gear li i {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #fff;
    padding:10px 0px 4px 1px;
    text-align: center;
    position: absolute;
    left: -11px;
    top: -0.25em;
    border-radius: 100%;
    border: 1px solid #bbb;
    transition: 0.1s all ease-in-out 0.1s;
}
.list-gear figure:hover, .list-gear figure:focus {
    border: 1px solid #bbb;
    background: #fff;
    color: #1b1b1d;
}
.list-gear figure:hover i, .list-gear figure:focus i {
    background: #eae9e9;
    border-color: #bbb;
    color: #1b1b1d;
}
.list-gear li i[class*="iW-"] {
    font-size: 28px;
    padding: 3px 0px 3px 0px;
    top: -0.11em;
}
.list-gear figure.selected {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
.list-gear figure.selected i, .list-gear figure.selected:hover i {
    background: #000;
    color: #ffffff;
    border-color: #000;
}
.list-gear figure.selected figcaption {
    color:#000;
}
.list-gear.adapter figure {
    min-width: 100px;
    text-align: center;
    padding: 4px 10px;
}
.list-gear>li {
    padding-right: 8px;
    padding-left: 8px;
    margin: 15px 0 0;
}
[class*="step_"] h5 {
    font-weight: normal;
    font-size: 15px;    
    display: inline-block;
    clear:both;
    width:100%;
}
[class*="step_"] h5:before, [class*="step_"] h5:after {
    content:'';
    display: table;
    clear: both;
}
[class*="step_"] .list-gear {
    display: block;    
    margin-left: 30px;
    margin-bottom:0;
    transition: height 0.05s ease-in-out 0.05s;
}
[class*="step_"] .list-gear.closed {
    height: 0;
    visibility: hidden;
}
[class*="step_"] h5 abbr {
    border: 1px solid #ccc;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    padding: 2px 3px 3px 3px;
    font-size: 14px;
    margin: 0 5px 0 0;  
    vertical-align: top;
}
[class*="step_"] h5 .badge {
    margin: -3px 0 0 0;
    padding: 5px 10px;    
    font-weight: normal;
    display: none;
}
[class*="step_"].answered h5 .badge {
    background: #FAA619;
    display: none;
}
[class*="step_"].answered h5 abbr {
    background: #FAA619;
    color: #fff;
    border-color: #FAA619;
}
[class*="step_"]:first-child {
    margin-top:0px;
}
[class*="step_"] {
    margin: 0 auto 0 auto;
    max-width: 720px;
    padding: 10px 5px;
}
[class*="step_"] h5 .fa {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #1b1b1d;
    text-align: center;
    margin: auto;
    padding: 6px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;    
    transform: scale(0.8);
    vertical-align: top;
    top: -2px;
    position: relative;
}
.watch-info p {
    font-size: 14px;
    margin-top: 5px;
}
.watch-info ol {
    font-size: 12px;
}
.watch-info ol li {
    margin: 10px 0;
}
.watchQuality h5 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'MuseoSansCyrl-500';
    margin-bottom:0.5em;
}
.watchQuality .nav-pills.nav-tabs {
    border: none;
    border-radius: 20px!important;
    margin-bottom: 1em;
    background: #eee;
    margin-top: 10px;
    overflow: hidden;
}
.watchQuality .nav-pills.nav-tabs a {
    padding: 5px 10px;
    border-radius: 0;
}
.selected_option {
    padding:4px 35px 4px 10px;
    border-radius: 30px;
    position: relative;
    cursor: pointer;    
    background: #fff;
    border: 1px solid #000;
    color: #1b1b1d;
    float:right;
    min-width: 144px;
}
.selected_option .icon, [class*="step_"] h5 .icon {
    display: inline-block;
    width: 28px;
    height: 28px;    
    padding: 6px 0px 4px 1px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0px 20px 20px 0px;
    border: 1px solid #bbb;
    background: #000;
    color: #ffffff;
    border-color: #000;
    transform: scale(1);
    font-size: 14px;
}
.modal-header .nav-tabs {
    border: none;
}
.modal-header .nav-tabs li a, .modal-header .nav-tabs li a:hover {
    margin-right: 2px;
    line-height: normal;
    border: 1px solid #eee;
    color: #eee;
    border-radius: 4px 4px;
    padding: 5px 10px;
    margin-right: 8px;
}
.modal-header .nav-tabs li.active a {
    margin-right: 2px;
    line-height: normal;
    border: 1px solid transparent;
    border-radius: 4px 4px;
    padding: 5px 10px;
    margin-right: 8px;
    color: #2B2680;
}
.bandType {
    margin-left:30px;
}
.bandType .btn {
    border-radius: 30px;
    min-width: 150px;
    text-align: left;
    position: relative;
    margin-top: 10px;
    background: #eee!important;
    border: 1px solid #bbb;
    color:#222!important;
}
.bandType .btn .caret {
    position: absolute;
    right: 10px;
    top: 14px;
}
.bandType .btn label {
    margin-bottom: 0;
}
.watchQuality .watchPrice {
    text-align: center;
    border: 1px solid #2B2680;
    padding: 10px 0 0 0;
    margin-top:10px;
}
.watchPrice p {margin: 0; padding-bottom:5px;}
.watchPrice article {
    background: #2B2680;
    color: #ffffff;
    padding: 10px 0;
    font-size: 20px;
}
.watchQuestion {
    max-width: 276px;
    min-width: 276px;
    display: inline-block;
    vertical-align: top;
    padding: 3px 4px 0px 0;
}
.select-tech{ background: transparent;}
.ul1{ display: inline-block; width:100%; padding: 0; margin:0;list-style: none;}
.ul1 li{display: inline-block; width:100%; font-size: 14px; color:#1b1b1d; position: relative; padding-left: 22px;}
.ul1 li:before{ content: '';
    position: absolute;
    top: 5px;
    left: 8px;
    height: 5px;
    width: 5px;
    background: #1b1b1d;}
.tab-inner-price .quote-price{border-bottom:0}
.tab-inner-price .quote-price abbr, .tab-inner-price .quote-price label{ float: none; display:inline-block;}
.inner-watch-tabs > li.active > a, .inner-watch-tabss > li.active > a:focus, .inner-watch-tabs > li.active > a:hover{ background: #000; color:#fff}
.inner-watch-tabs > li > a{ color:#1b1b1d}
.inner-watch-tabs > li > a:hover, .inner-watch-tabs > li > a:focus{ color:#000}
.inner-watch-tabs > li.active > a, .inner-watch-tabs > li.active > a:focus, .inner-watch-tabs > li.active > a:hover{ background: #000; color:#fff}
.iwatch-detail figure{ background: #f7f7f7 !important; min-height:280px !important; padding-top: 40px;}
.iwatch-detail .d-table-wrap{padding-left:0px !important;padding-right:0px !important}
.itbd-tabs-section{ display: inline-block; width:100%; background: #fff;}
.itbd-tabs-section .inspection{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
.itbd-tabs-section .inspection h4{border-bottom:1px solid #ddd; padding:10px 15px 10px; font-weight: 400;}
.itbd-tabs-section .bottom-search-device{  margin: 15px 0 0px 32px;}
.btn-default.dropdown-toggle.selected{color:#000 !important; background:#fff !important; border-color:#000 !important}
.itbd-tabs-section .bottom-search-device.selected{border:1px solid #000 !important}
.itbd-tabs-section .autocomplete-container .input-container input{padding: 0 8px; height:40px !important;line-height: 40px !important;}
.itbd-tabs-section .bottom-search-device .btn {height: 40px !important;}
.itbd-tabs-section .autocomplete-container {height: 40px !important;}
.itbd-tabs-section .bottom-search-device{ max-width: 484px;}
.itbd-tabs-section .bg-grey{ background: #f7f7f7; padding:7px 5px; border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.padding-top-no{ padding-top: 0;}
.slide-main-outer-blk{ min-height:250px;display: inline-block;background: none;width: 100%;}

.landing-page-mian-section{ display: inline-block; width: 100%; padding: 120px 0; background: #fff; position: relative; min-height: 500px;}
.landing-page-mian-section h1{ font-size: 50px;font-weight: 700; margin: 18rem 0 13px;line-height:normal;color: #000;}
.landing-page-mian-section h1 span{color:#000}
.landing-page-mian-section h2{ font-size: 50px;font-weight: 700; margin: 13rem 0 0;line-height: normal;color: #000;}
.landing-page-mian-section h2 span{color:#000}
.landing-page-mian-section h3{ font-size: 50px;font-weight: 700; margin: 9rem 0 0;line-height:normal;color: #000;}
.landing-page-mian-section h3 span{color:#000}
.landing-page-mian-section h4{ font-size: 50px;font-weight: 700; margin:0rem 0 0;line-height: normal;color: #000;}
.landing-page-mian-section h4 span{color:#000}
.landinga-page-btn{ background: #000; border-radius: 6px; padding: 10px 30px; font-size: 18px; font-weight: 700; color: #fff; margin-top: 10px; text-transform: uppercase;}
.landinga-page-btn:hover, .landinga-page-btn:focus{ border-radius: 6px; color: #fff; opacity: 0.9;}
.border-top-10{ border-top: 10px solid #fff;}
.left-full-img{ position: absolute; left: 0; top: 00px; max-width: 520px;z-index: 9;}
.right-full-img{ position: absolute; right: 0; top: 0px; max-width: 100%;z-index: 9;}
.pd-b-2x{ padding-bottom: 200px;}
.landing-page-mian-section p{ font-size: 18px; color: #000; margin-top: 10px; margin-bottom:10px; font-weight: 400;}
.min-height-7h{ min-height: 500px;}
.site-nav .navbar-right li.main-nav a, .site-nav .navbar-right li.main-nav{ color: #fff !important; text-transform: uppercase; font-weight: 400;}
.site-nav .navbar-right li.main-nav{ border-left: 0;}
.footer-main-links{ display: inline-block; width: 100%; text-align: left; padding: 0; margin: 0; list-style: none;}
.footer-main-links li{text-align: center; display: inline-block; width: 100%; font-size: 15px; font-weight: 400; color: #666; padding:0; border-left: 0; margin-bottom:11px;}
.footer-main-links li a{ color: #000; font-size: 14px;}
footer.footer{ background: #fff; border-top:1px solid #ddd; height: auto; padding: 50px 0;}
footer.footer h4{display: inline-block; width: 100%; font-size: 16px; font-weight: 500; color: #000; padding:0; border-left: 0; margin-bottom: 17px;}
.footer-main-links li p{display: inline-block;width: 100%; margin-bottom: 7px; color: #000; text-align: left; font-weight: 500;}
.footer-main-links li span{display: inline-block;width: 100%; margin-bottom: 15px; line-height: 18px; color: #000;text-align: left;font-weight: 400;}
.social-link{ display: inline-block; width: 100%; text-align: center; padding: 0; margin:20px 0 0 0;}
.social-link li{ display: inline-block; margin-right: 3px;border: 0; padding: 0 2px;}
.social-link li img{ width: 36px;}
.bottom-ftr{ border-top: 5px solid #000; margin-top: 25px; padding-bottom: 20px;padding-top: 20px;}
.bottom-ftr img{ width: 160px;}
.how-it-works{ text-align: center;}
.how-it-works h1{font-size: 52px;font-weight: 900; margin: 6rem 0 3rem;line-height: 42px;color: #000;}
.how-it-works h1 span{color:#000}
.works-steps {display: inline-block;width: 100%;list-style: none;padding: 0;margin: 0;vertical-align: top;}
.works-steps li {display: inline-block;vertical-align: top;width: 33%;padding: 0 4%;position: relative;text-align: center;}
/* .works-steps li img {display: inline-block;max-width:90%;} */
.works-steps li img {display: inline-block;max-height:44px;}
.works-steps li h3 {font-size:20px;margin: 20px 0 15px;  color: #000; font-family: 'MuseoSansCyrl-500';}
.works-steps li h3 span{ color: #000;}
.works-steps li p {font-size: 14px;font-weight: 400;color: #000; font-family: 'MuseoSansCyrl-500';line-height: 24px;}
.how-it-works-section{background: #fff;padding: 4rem 0 8rem;text-align: center;position: relative;z-index: 1;}
.works-steps li::after {content: '';background: url(../images/landing-arrow-icon.svg) no-repeat;right: -22px;top:110px;height: 26px;width: 28px;position: absolute;}
.works-steps li:last-child::after { background: none;}
.footer-main-links li a.faq-l{ color:#333}
.footer-main-links li a.faq-l:hover, .footer-main-links li a.faq-l:focus{ color:#000}
.works-steps li:last-child::after { background: none;}
.home-custom-img-responsive{display: inline-block;max-width: 100%;margin-top: 45px; max-height: 140px;}
.home-custom-img-responsive2{display: inline-block;max-width: 100%;margin-top: 25px; max-height: 140px;}
.home-content .continue-btn {background: transparent !important;color: #000 !important;border-color: #000 !important;font-weight: 500;text-transform: uppercase;cursor: pointer; padding: 11px 20px;font-size: 16px;display: inline-block;margin: 95px 2px 10px;}
.home-content .continue-btn:hover, .home-content .continue-btn:focus{background: #000 !important;color: #fff !important;transition: all ease-out 0.4s;border-color: #000 !important;}
.center-divider span{
    background: #000;
width: 50px;
height: 50px;
display: inline-block;
color: #fff;
border-radius: 100%;
line-height: 50px;
font-size: 16px;
font-weight: 400;
text-align: center;
}
.center-divider{display: inline-block;text-align: center;padding: 20rem 0;position: relative;margin-top: 35px;}
.center-divider::before {
    top: 0;
}
.center-divider::after {
    bottom: 0;
}
.center-divider::after, .center-divider::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 190px;
    background: #000;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.home-mid-content{ border-top:1px solid #f0f0f0; padding:1.5rem 0 2rem 0;}
.works-steps li:last-child::after { background: none;}
.works-steps li:last-child::after { background: none;}
.footer-main-links li a.faq-l{ color:#000; font-weight: 500;}
.footer-main-links li a.faq-l:hover, .footer-main-links li a.faq-l:focus{ color:#000}
.itad-icon{ display: inline-block; width: 100%; text-align: center; filter: grayscale(1);}
.active .itad-icon {filter: grayscale(0);}
.itad-icon img {width: 60px; margin-bottom: 5px;}
/* .select-tech .nav-tabs > li.active img{ color: #fff;} */
.voffset3{ margin-top: 30px;}
.sell-device-btn{ background: #000; border-radius: 6px; padding: 11px 30px; font-size: 18px; font-weight: 700; color: #fff; margin-top: 10px; text-transform: uppercase;}
.sell-device-btn:hover, .sell-device-btn:focus{ border-radius: 6px; color: #fff; opacity: 0.9;}
.pd-b-3x{padding-bottom: 270px;}
.bottom-price-info-lbel-block{border: 1px solid #ddd;font-size: 14px;font-weight: normal;color: #75787b;min-height: 34px;background: #fff;display: inline-block;width: 100%;padding: 7px 10px;}
.footer-main-links li a.emailus-btn{ background: #e6e6e6; color: #000; font-weight: 600; padding:10px; display: inline-block;}
.select-tech .nav-tabs > li:last-child a span img{ 
    /* width: 45px; */
}
.summary-wrap .slimscroll-grid, .summary-wrap .slimscroll-bar {
    display: none!important;
}
.for-iPad {
    display: none;
}
@-webkit-keyframes fadeInCaption {
    85% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInCaption {
    85% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

.landing-wrap {
    position: relative;
}
.landing-wrap h1 {
    font-size: 40px;
    color: #09284e;
    font-weight: 800;    
    margin: 9rem auto;
    /* text-transform: uppercase; */
    text-align: center;
    display: table;
    padding: 10px 15px;
    opacity: 0;
    -webkit-animation: fadeInCaption 0.3s ease-in-out 0s forwards;
    animation: fadeInCaption 0.3s ease-in-out 0s forwards;
    font-family: 'Magnat Head';
}
.landing-wrap:after {
    content: '';
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/land-page-bg_1.1.jpg) center no-repeat;
    background-size: cover;
    -webkit-animation: fadeInUp 1s ease-in-out 0s forwards;
    animation: fadeInUp 1s ease-in-out 0s forwards;
    font-size: 40px;    
}
.landing-wrap h1 small {
    color: #282828;
    font-size: 18px;
    display: block;
    padding-top:15px;
}
.navbar-right li select option {
    background: #000;
}
.mid-wrapper {
    padding-bottom: 2em;
}
footer .row:before, footer .row:after {
    content:"";
    clear: both;
    display: table;
}
.stock {
    position: relative;
}
/* .stock:after {
    content: '';
    z-index: 0;
    position: absolute;
    left: 0;    
    top: 0;    
    width: 100%;
    height: 100%;
    background: url(../images/map.svg) center no-repeat #fff;
    background-size: cover;
    background-size: 45%;
    background-repeat: no-repeat;
    margin: 0 auto;
    opacity: 0.5;
} */
.input-group.search-device .input-group-btn {
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.home-body:after {
    /* background: url(../images/bg-product_1.jpg) no-repeat top center #fff; */
    background: #f7f7f7;
    background-size: cover;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.app-download-link .btn {    
    padding: 5px 10px;    
    font-size: 14px;
    margin:0 3px;
    background: #09284E!important;
    color: #fff!important;
}
.landing-wrap.home h1 {
    margin: 8.8rem auto;
}
.landing-wrap.home:after {
    background: url(../images/home-page-bg_1.jpg) center no-repeat;
    background-size: cover;
}

.side-steps .steps li:first-child span:before {
    position: relative;
    display: block;
    transform: rotate(0deg);
    top: 5px;
    height: auto;
    color: #000;    
    font-weight: 600;
}
.side-steps .steps span:after {
    transform: rotate(0deg);
}
.side-steps .steps {
    background: #fff;
    padding: 1rem 2rem;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.3);
    min-height: 570px;
    overflow: hidden;
    margin-top:0;
    border: 1px #ddd solid;
}
.side-steps .steps ul .icon-search i {
    content: '';
    background: #09284E;
    position: absolute;
    left: 0;
    right: 0;
    width: 2px;
    height: 30px;
    top: -30px;
    margin: auto;
    z-index: -1;
}
.steps ul {
    margin-bottom: 0;
}
.side-steps .steps ul li a {
    color: #777;
    padding: 14px 0;
    display: block;
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
}
.side-steps .steps ul li a.completed {
    color: #000;
}
.side-steps .steps span {
    width: 40px;
    height: 40px;
    line-height: 26px;
    border-radius: 100%;
    background: #E1E1E1;
    display: inline-block;
    text-align: center;
    font-size: 22px;
    margin-right: 5px;
    position: relative;
    color: #75787b;
    border: 2px solid transparent;
}
.side-steps .steps span:before {
    position: relative;
    top: 5px;
}
.side-steps .steps span:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 2px;
    height: 32px;
    background: #E1E1E1;
    top: 36px;
    margin: auto;
    z-index: -1;
}
.side-steps .steps span.fa {
    font-size: 22px;
}
.side-steps .steps span img {
    width: 24px;
    height: 24px;
}
.text-dark {
    color: #001E32 !important;
}
.side-steps .completed span {
    background: none;
    color: #09284E;
    border:2px solid #09284E;
}
.side-steps .completed span:after {
    background: #000; 
}
.side-steps .processing {
    color:#000!important;
}
.side-steps .processing span {
    background: #09284E;
    color: #fff;
}
/* .side-steps .steps li span:after {    
    content:'';
    color: #6f6e6c;    
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 2px;
    height: 34px;
    background: #E1E1E1;
    top: 36px;
    margin: auto;
    z-index: -1;
} */
.side-steps .steps li span:after {
    content:'';
    display: block!important;
}
.side-steps .steps li:nth-child(2) span:after, .steps li:nth-child(3n+0) span:after {
    left:0!important; 
}
.side-steps .steps ul {
    text-align: left;
}
.steps li:last-child span:after {
    left:0!important;
    top: 36px!important;
    height: 34px!important;
}
.radios-wrap label, .radios-wrap label span {
    font-weight: 400;
}
.customer-information .info-form {
    margin-top: 1rem;
}
.oc-header {
    /* background: url(../../assets/images/bg-product_1.jpg) no-repeat; 
    background-size: cover;*/
    /* background: #09284E; */
    color: #000;
    padding:2em 1em;
}
.oc-header h4 {
    background: none;
    border: none;
    padding:0 0 0.7em 0;
    font-size: 24px;
}
.oc-header h5 {
    padding:0 0 0.5em 0;
    font-weight: 400;
}
.oc-header p {
    padding-top: 1em;
    font-family: 'MuseoSansCyrl-500';
}
.inspection .order-summary h4 {    
    text-align: center;
    background-color: #000;
    color: #fff;
    box-shadow: 0 -10px 10px 0 rgba(0,0,0,0.4);
}
.order-summary dl.dl-horizontal {
    display: table;
    margin: auto;
    background: #f0f0f0;
    padding:10px;
    margin-top: 1.5em;
}
.oc-btns.btns-wrapper {
    margin: 1em 0;
}
.inspection:before, .inspection:after {
    content:"";
    clear: both;
    display: table;
}
.orderHistory-body {
    padding-bottom: 2em;
}
.btn.btn-inverse {
    padding: 5px 10px;
    font-size: 14px;    
    background: #000!important;
    color: #fff!important;
    width: 100%;
    text-align: center;
}
.info-label {
    background: #f5f5f5;
    padding: 0 10px;
    font-size: 14px;
    display: block;
    box-shadow: inset 0 0 1px 1px #ccc;
    line-height: 32px;
}
.reqChk {
    margin: 0;
    clear: both;
    position: relative;
    top: 1em;
    left: 0.3em;
}
.reqChk label input[type=checkbox] {
    margin: 0px 5px 0 0px;
    vertical-align: unset;
}
.download-btns {
    max-width: 250px;
    margin: auto;
}
.download-btns .btn {
    display: block;
}
.download-btns:before, .download-btns:after {
    content: "";
    display: table;
    clear: both;
}
.download-btns {
    display: none;
}
.confirmation-wrapper .confirmation-check input[type="checkbox"] {
    margin:0;
    vertical-align: text-top;
}
.devce-receive .decesion-box .box-header {
    background: #fff;
    padding: 15px 15px 15px;
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
}
.decesion-box-body {
    padding:15px;
}
.image-list img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.image-list [class*='col-'] div {
    margin-top: 10px;
}
.table.reportDetailpdf th {
    font-weight: bold;
}
.text-declaration {
    font-family: 'MuseoSansCyrl-500';
    font-size: 13px;
    margin: 0 0 10px 0;
    color: #000;
    /* text-align: right; */
}
.text-declaration.text-center {
    text-align: center;
}
.text-declaration.text-left {
    text-align: left;
}
.toast-error {
    background: #000!important;
}
.toast-success {
    background:#FF7900!important;
}
.ship-block .shipping-inner-block {
    vertical-align: top;
}
@media (max-width: 1024px) {
    .autocomplete-container .suggestions-container {
        text-align: left;
    }
}
.input-group.bg-grey .autocomplete-container {
    height: auto!important;
}
.ng-autocomplete .input-group-addon {
    display:inline-block;
}
.autocomplete-container .not-found {
    border: none !important;
}
.autocomplete-container .input-container input {
    height: 38px!important;
}
.top-steps-section.select-tech .nav-tabs>li>a {
    background: transparent;
}
.top-steps-section.select-tech .nav-tabs>li.active>a {
    background: #fff;
    /* box-shadow: 0 0 15px 0 rgba(0,0,0,0.6); */
}
.top-block {
    background: #f7f7f7;
}
.macbook .slider-inner-content figure img {
    height: 86px;
}
.macbook .slider-inner-content figure {
    align-self: flex-start;
}

.modal-center{margin:5% auto;}

.nav a:hover{
    color:#FF6D4D !important;
}
.copyright{ font-family: 'MuseoSansCyrl-500';}

footer p{font-family: 'MuseoSansCyrl-500';}
.tccolor{
    color: #64b0d5 !important;
}
.btnbottom{
    bottom: 20px !important;
    position: absolute;
}
.vippsloginimg{
    margin-top: 8% !important;
}
.VIPPS_Information{
    margin-top: 2% !important;
    font-size: 18px;
}