/*Fonts Details Start
light:300
regular:400
semi-bold:600
bold:700
extra-bold:800
Fonts Details End
*/

:root {
    --open-sans-font: 'Open Sans', sans-serif;
    --poppins-font: 'Poppins', sans-serif;
    --font-light: 300;
    --font-reg: 400;
    --font-med: 500;
    --font-semi: 600;
    --font-bold: 700;
    --font-extra: 800;
}

.home .c-header-inner {
    display: none;
}

.page-template-template-fullwidth .site-content > .col-full {
    max-width: 100%;
}

.page-template-template-fullwidth .content-area {
    max-width: 1548px;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.site-footer {
    padding-bottom: 0px;
}

/*Top Bar Start*/
.main-section-image.screen:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 106px;
    height: 100%;
    background-image: url(../images/screen-repair.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main-section-image.camera-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 157px;
    height: 100%;
    background-image: url(../images/2.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main-section-image:hover.camera-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 153px;
    height: 100%;
    background-image: url(../images/2.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main-section-image.microphone-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 169px;
    height: 100%;
    background-image: url(../images/3.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main-section-image:hover.microphone-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 169px;
    height: 100%;
    background-image: url(../images/3.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main-section-image.water-damaged-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 169px;
    height: 100%;
    background-image: url(../images/4.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main-section-image:hover.water-damaged-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 169px;
    height: 100%;
    background-image: url(../images/4.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main-section-image.battery-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 117px;
    height: 100%;
    background-image: url(../images/5.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main-section-image:hover.battery-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 117px;
    height: 100%;
    background-image: url(../images/5.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.site .col-full-top {
    background-color: #000;
    padding: 5px 0px;
}

.site .top-header-discount {
    color: #7dedf5;
    font-weight: var(--font-extra);
}

.site .top-header .top-header-offer {
    color: #fff;
    text-transform: uppercase;
    display: inline;
    position: relative;
    padding-left: 40px;
}

.site .top-header .top-header-offer:before {
    content: "";
    background-image: url(../images/phone-icon.png);
    width: 40px;
    height: 40px;
    background-size: 47px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.site .top-header .top-header-contact {
    float: right;
    color: #fff;
    position: relative;
    text-transform: uppercase;
}

.site .top-header .top-header-contact:before {
    content: "";
    background-image: url(../images/call.png);
    width: 20px;
    height: 20px;
    background-size: 20px;
    position: absolute;
    left: -35px;
    top: 5px;
}

.top-header .contact {
    font-size: 20px;
    font-weight: var(--font-bold);
}

.top-header-contact a {
    color: #fff;
}

/*Top Bar End*/

/*Header Start*/
.primary-navigation a {
    color: #2ac9d4;
    font-size: 14px !important;
    font-weight: var(--font-bold);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #fff;
}

.primary-navigation a:hover {
    border: 1px solid #464646;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*Header End*/

/*Contact Page Start*/

.contact-info a {
    color: #000;
}

.contact-info .title {
    font-size: 20px;
    font-weight: var(--font-extra);
}

.contact-info .info {
    padding-top: 15px;
    position: absolute;
}

.call-us-title:before {
    content: "";
    background-image: url(../images/mobile.png);
    width: 25px;
    height: 35px;
    background-size: 25px;
    position: absolute;
    left: -30px;
    top: 0px;
}

.mail-title:before {
    content: "";
    background-image: url(../images/mail.png);
    width: 35px;
    height: 27px;
    background-size: 35px;
    position: absolute;
    left: -45px;
    top: 5px;
}

.opening-hour-title:before {
    content: "";
    background-image: url(../images/hours.png);
    width: 35px;
    height: 35px;
    background-size: 35px;
    position: absolute;
    left: -45px;
    top: 5px;
}

.contact-address-title:before {
    content: "";
    background-image: url(../images/address.png);
    width: 35px;
    height: 42px;
    background-size: 35px;
    position: absolute;
    left: -45px;
    top: 5px;
}

#contact-section-2 {
    padding-left: 80px;
    border-bottom: 1px dashed #464646;
    padding-bottom: 105px;
}

.entry-title {
    text-align: center;
    font-size: 40px;
    font-weight: var(--font-extra);
    padding-bottom: 60px;
    text-transform: capitalize;
}

#contact-section-3 .title,
.discription {
    text-align: center;
}

#contact-section-3 .title {
    font-weight: var(--font-extra);
    font-size: 40px;
    padding-top: 75px;
}

#contact-section-3 .discription {
    font-family: var(--poppins-font);
}

.form3,
.form4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.wpcf7-form-control-wrap {
    position: relative;
    width: 32%;

}

.form3,
.form4,
.form1 {
    font-family: var(--poppins-font);
    color: #878787;
}

.form4 {
    padding-top: 65px;
}

.form4 .wpcf7-form-control-wrap {
    position: relative;
    width: 32%;
}

.wpcf7 select,
.form4 input {
    border: 0px;
    width: 100%;
    border-bottom: 1px solid #808080;
    padding: 10px;
}

.form3 input {
    width: 100%;
    background-color: #fff !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 1px solid #808080;
}

#contact-section-3 .form-inner {
    padding-top: 55px;
}

#contact-section-3,
#appointment-section-2 .wpcf7 {
    text-align: center;
}

.wpcf7 .wpcf7-submit {
    background-color: #84edf4;
    border-color: #eeeeee;
    color: #333333;
    padding: 10px 75px;
    border-radius: 20px;
    margin-top: 68px;
}

#contact-section-3 input[type='text'],
input[type='number'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea,
.input-text {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 1px solid #808080;
    background-color: #fff !important;
}

.form1 {
    padding-top: 40px;
}

.form1 textarea[placeholder] {
    padding-left: 0px;
}

#contact-section-4 {
    padding-top: 40px;
}

#contact-section-4 .vc_column-inner {
    padding: 0px;
}

#contact-section-2 .main-title {
    text-align: center;
    font-size: 40px;
    font-weight: var(--font-extra);
}

#contact-section-2 .wpb_content_element {
    margin-bottom: 75px;
}

.site-main .hentry,
#contact-section-4 .wpb_content_element {
    margin-bottom: 0px;
}

#contact-section-3 .booked-calendar {
    width: 30%;
    margin: 0 auto;
}

/*Contact Page End*/

/*Appointment Page Start*/

#appointment-section-2 .booked-calendar-shortcode-wrap {
    width: 30%;
    margin: 0 auto;
}

.post-42 .entry-title {
    padding-bottom: 0px;
}

#appointment-section-1 {
    text-align: center;
    font-family: var(--poppins-font);
    padding-bottom: 50px;
}

#appointment-section-1 input[type='text'],
input[type='number'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea,
.input-text {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 1px solid #808080;
    background-color: #fff !important;
}

#appointment-section-3 {
    background-image: url(../images/appointment-banner.png);
    height: 416px;
    max-width: 1920px;
    width: 100%;
    text-align: center;
    margin-top: 75px;
}

#appointment-section-3 .details {
    padding-top: 100px;
}

#appointment-section-3 .txt-sm {
    font-size: 20px;
    font-weight: var(--font-bold);
}

#appointment-section-3 .title {
    font-weight: var(--font-semi);
    font-size: 45px;
}

#appointment-section-3 .content-sm {
    font-size: 16px;
}

#appointment-section-3 .contact {
    padding-top: 5px;
}

#appointment-section-3 .contact:hover a {
    color: #fff;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#appointment-section-3 .contact a {
    color: #000;
    font-size: 50px;
    font-weight: var(--font-med);
    font-family: var(--poppins-font);
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#appointment-section-3 .contact a:before {
    content: "";
    background-image: url(../images/call-dark-icon.png);
    width: 35px;
    height: 39px;
    background-size: 35px;
    position: absolute;
    left: -60px;
    top: 17px;
    background-position: center bottom;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#appointment-section-3 .contact:hover a:before {
    content: "";
    background-image: url(../images/call-dark-icon.png);
    width: 35px;
    height: 39px;
    background-size: 35px;
    position: absolute;
    left: -60px;
    top: 17px;
    background-position: center top;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/*Appointment Page End*/

/*Store Start*/
.page-id-40 .entry-title {
    display: none;
}

#store-section-1 .title {
    font-size: 50px;
    font-weight: var(--font-extra);
}

#store-section-1 {
    background-image: url(../images/store-banner-1.png);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain
}

#store-section-3 > .slick-slider {
    margin-top: 48px;
}

#store-section-2 {
    background-image: url(../images/store-banner-2.png);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 110px;
}

#store-section-1 .discription {
    font-size: 16px;
    text-align: left;
    line-height: 30px;
    padding-top: 15px;
}

#store-section-1 .wpb_single_image img {
    visibility: hidden;
}

#store-section-2 .wpb_single_image img {
    visibility: hidden;
}

#store-section-2 {
    margin: 90px 0px;
}

#store-section-2 .title {
    font-size: 50px;
    font-weight: var(--font-extra);
}

#store-section-2 .discription-1 {
    padding-top: 10px;
}

#store-section-3 {
    border-top: 1px solid #d7d7d7;
}

.elementor-heading-title {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin: 0 auto;
    font-size: 22px;
    color: #01c4d1;
    font-family: var(--poppins-font);
    font-weight: var(--font-med);
}

/*Store End*/

/*Repair Start*/
.product-category .woocommerce-loop-category__title .count {
    display: none;
}

.product-category .woocommerce-loop-category__title {
    text-align: left;
    font-size: 20px !important;
    font-weight: var(--font-bold) !important;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.product-category .woocommerce-loop-category__title:before {
    content: "";
    position: absolute;
    background-size: 50px;
    width: 204px;
    height: 245px;
    top: -196px;
    z-index: -1;
    left: 15px;
    background: #f5f6f8;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.product-category:hover .woocommerce-loop-category__title:before {
    -webkit-transform: rotateY(40deg);
            transform: rotateY(40deg);
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background: #5bd9e1;
}

.product-category {
    -webkit-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.product img {
    width: auto;
    height: 215px;
    max-width: 107px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}




/*Repair End*/

/*Breadcomb Start*/
.c-header-inner-in {
    margin: 0 auto;
    max-width: 1548px;
}

.c-header-inner-in h3 {
    margin-bottom: 0px;
}

.c-header-inner {
    background-image: url(../images/contact-bg.png);
    max-height: 250px;
    width: 100%;
}
.c-header-inner h1 a,
.c-header-inner h1, 
.c-header-inner h3 a,
.c-header-inner h3 {
    margin-top: 80px;
    padding-top: 70px;
    font-size: 50px;
    font-weight: var(--font-extra);
    color:#000;
}

#breadcrumbs {
    font-size: 13px;
    font-weight: var(--font-semi);
    padding-bottom: 73px;
}

#breadcrumbs a:before {
    content: "/";
    color: #000;
    position: absolute;
    right: -2px;
}

.breadcrumb_last {

    position: relative;
    text-transform: lowercase;
}

#breadcrumbs a {
    color: #000;
    position: relative;
    padding-right: 5px;
}

/*Breadcomb End*/

/*Footer Start*/
.site-footer {
    background-color: #f3f3f3;
    color: #000;
    font-size: 15px;
    padding-bottom: 0px;
    padding-top: 4%;
}

.footer-widgets {
    padding-top: 0px;
}

.footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.site-footer a:not(.button) {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.site-footer .list-right {
    margin-left: 65px;
}

.site-footer .widget-title {
    border-bottom: 0px;
    padding: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: var(--font-bold);
}

.footer-social-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.twitter-icon,
.gplus-icon {
    padding-left: 30px;
}

.footer-widgets .menu-item {
    width: 50%;
    float: left;
}

.footer-phone,
.footer-mail {
    color: #878787;
}

.footer-mail2 {
    margin-left: 12.5%;
}

.widget_nav_menu ul li {
    padding: 2px;
    margin: 0px;
}

.widget_nav_menu ul li::before {
    content: "";
    display: none;
}

.footer-content address {
    font-style: normal;
}

.footer-content a:hover {
    color: #0adae7;
}

.footer-content a:nth-child(2) {
    padding-left: 50px;
}

.site-footer a:not(.button):hover {
    color: #0adae7;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.columns .price li:hover {
    padding: 5px 12px;
    text-align: center;
    color: #000;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.columns:hover .price .grey {
    background-color: #64e9f1;
    font-size: 20px;
    color: #000;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.columns:hover .price {
    list-style-type: none;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 15px;
    border-top: 15px solid #64e9f1;
}

.footer-content > address {
    color: #222222;
}

/*Footer End*/

/*Blog Page Start*/
.blog-title {
    margin-top: 30px;
}

.blog-listing {
    width: 70%;
    float: left;
}

.blog-title > h3 > a {
    font-weight: var(--font-semi);
    font-size: 35px;
    color: #000;
    font-family: var(--poppins-font);
}

.blog-item ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--poppins-font);
    font-style: italic;
}

.blog-item .blog-title li:first-child {
    margin-left: 0px;
}

.blog-item .blog-title li:before {
    content: "/";
    position: absolute;
    left: -15px;
}

.blog-item .blog-title li:first-child:before {
    content: "";
}

.blog-item .blog-title li {
    margin-left: 25px;
    position: relative;
}

.blog-item .name,
.blog-item .comment-number {
    color: #00a3ae;
}

.blog-item a {
    color: #000;
    font-size: 15px;
}

.blog-item .short-discription {
    font-size: 17px;
    font-family: var(--poppins-font);
    text-align: justify;
    color: #454545;
}

.short-discription a {
    color: #000;
    background-color: #84edf4;
    padding: 10px 25px;
    border-radius: 27px;
    font-weight: 500;
    display: block;
    max-width: 150px;
    margin-top: 28px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.short-discription a:hover {
    color: #fff;
    background-color: #1e283b;
    padding: 10px 25px;
    border-radius: 27px;
    font-weight: 500;
    display: block;
    max-width: 150px;
    margin-top: 28px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.related-post > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #cccccc;
    padding: 15px 0px;
}

.related-post > li:first-child {
    border: 0px;
}

.related-post img {
    width: 200px;
    height: 88px;
    -o-object-fit: cover;
       object-fit: cover;
}

.related-post h4:first-child {
    margin-top: 0px;
}

.related-post h4 {
    font-size: 18px;
    line-height: 25px;
    font-family: var(--poppins-font);
    margin-top: 28px;
}

.related-post .related-text {
    margin-left: 15px;
}

.related-text a {
    color: #000;
    font-weight: var(--font-semi);
    font-size: 18px;
}

.related-text .date {
    font-size: 13px;
    font-family: var(--poppins-font);
    color: #878787;
    font-style: italic;
}

#secondary h3 {
    font-family: var(--poppins-font);
    font-weight: var(--font-semi);
    color: #000;
    font-size: 22px;
}

#categories-3 > .widget-title {
    padding: 0px;
    margin: 0px;
    border-bottom: 0px;
    font-size: 22px;
    font-family: var(--poppins-font);
    font-weight: var(--font-semi);
    margin-bottom: 28px;
    border-top: 1px solid #cccccc;
    padding-top: 30px;
    text-transform: uppercase;
}

#secondary .cat-item a {
    color: #454545;
    text-decoration: none;
}

.widget_categories ul li {
    padding-left: 0px;
}

.widget_categories ul li::before {
    display: none;
}

.widget-area .widget a:not(.button) {
    text-decoration: none;
}

.content-area .blog-siderbar .related-post {
    display: block;
}

#categories-3 ul,
.widget_archive ul {
    display: block;
}

.content-area .blog-banner-image {
    margin-top: 35px;
    margin-bottom: 40px;
}

.blog-listing .blog-item {
    margin-bottom: 72px;
}

.blog-banner-image > img {
    border-radius: 0px;
}

.blog-siderbar .widget_categories {
    margin-top: 20px;
}

/*Blog Page End*/

/*Search Start*/
.search-field {
    border: 1px solid #c2c2c2 !important;
}

.widget_search .widget-title {
    font-size: 20px;
    font-family: var(--poppins-font);
    font-weight: var(--font-semi);
    margin: 0px;
    border: 0px;
}

/*Search End*/

/*Home Page Start*/
/*.rt-col-md-12 .item-content > p {
    height: 50px;
    overflow: hidden;
}*/

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: left !important;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -50px !important;
}

#tss-container-2105930023.tss-wrapper .owl-controls .owl-nav > div,
#tss-container-2105930023.tss-wrapper .owl-theme .owl-dots .owl-dot.active span,
div#testimonial-row .owl-carousel .owl-dots .owl-dot span {
    background: #84edf4 !important;
}

/*Home Page End*/


/*Product Start*/
.main-section-image .ear-speaker-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 124px;
    height: 100%;
    background-image: url(../images/ear-speaker-.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 260px;
}

.main-section-image:hover .ear-speaker-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 120px;
    height: 100%;
    background-image: url(../images/ear-speaker-.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main-section-image .home-button-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 124px;
    height: 100%;
    background-image: url(../images/home-button-.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 260px;
}

.main-section-image:hover.home-button-repair:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 124px;
    height: 100%;
    background-image: url(../images/home-button-.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.main-section-image.faulty-power-button:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 124px;
    height: 100%;
    background-image: url(../images/power-button-.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 260px;
}

.main-section-image:hover.faulty-power-button:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 124px;
    height: 100%;
    background-image: url(../images/power-button-.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.summary-inner-right.main-section-image {
    max-width: 231px;
    width: 100%;
    min-height: 270px;
    -webkit-box-shadow: 1px 1px 32px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 1px 32px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    background-color: #fff;
}

/*Product End*/

.spv-content-left > .main-section-image {
    max-width: 231px;
    width: 100%;
    min-height: 270px;
    -webkit-box-shadow: 1px 1px 32px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 1px 32px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    background-color: #fff;
}

.spv-content .spv-content-left .screen-repair:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 80px;
    height: 100%;
    background-image: url(../images/screen-repair.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 185px;
}

.spv-content .spv-content-left:hover .screen-repair:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 80px;
    height: 100%;
    background-image: url(../images/screen-repair.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 185px;
}

.spv-content-left .camera-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    height: 100%;
    background-image: url(../images/2.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 225px;
}

.spv-content-left:hover .camera-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    height: 100%;
    background-image: url(../images/2.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 225px;
}

.spv-content-left .microphone-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    background-size: 225px;
    height: 100%;
    background-image: url(../images/3.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.spv-content-left:hover .microphone-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    background-size: 225px;
    height: 100%;
    background-image: url(../images/3.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.spv-content-left .ear-speaker-repair:hover:after{background-position: left center;}
.spv-content-left .ear-speaker-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    height: 100%;
    background-image: url(../images/ear-speaker-.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 225px;
}

.spv-content-left:after .ear-speaker-repair:after {
    content: "";
    position: absolute;
    left: 40px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 118px;
    height: 100%;
    background-image: url(../images/ear-speaker-.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 225px;
}

.spv-content-left .battery-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 90px;
    height: 100%;
    background-image: url(../images/5.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 175px;
}

.spv-content-left:hover .battery-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 90px;
    height: 100%;
    background-image: url(../images/5.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 175px;
}

.spv-content-left .water-damaged-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    height: 100%;
    background-image: url(../images/4.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 240px;
}

.spv-content-left:hover .water-damaged-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    height: 100%;
    background-image: url(../images/4.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 240px;
}

.spv-content-left .home-button-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    height: 100%;
    background-image: url(../images/home-button-.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 225px;
}

.spv-content-left:hover .home-button-repair:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    height: 100%;
    background-image: url(../images/home-button-.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 225px;
}

.spv-content-left .faulty-power-button:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    height: 100%;
    background-image: url(../images/power-button-.png);
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 225px;
}

.spv-content-left:hover .faulty-power-button:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 114px;
    height: 100%;
    background-image: url(../images/power-button-.png);
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    background-size: 225px;
}

.attribute_link > a {
    color: #000;
    background-color: #7cecf4;
    padding: 7px 16px;
    border-radius: 15px;
    font-size: 14px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.attribute_link > a:hover {
    color: #fff;
    background-color: #000;
    padding: 7px 16px;
    border-radius: 15px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

.attribute_name_link .attribute_link {
    display: block;
    margin-top: 15px;
}


/*Owl Slider Start*/
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    cursor: default;
}


/*about css*/
.about-row-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    position: relative;
}
.logo-slider ol.vc_carousel-indicators {
    bottom: 0;
}
.logo-slider ol.vc_carousel-indicators li, .logo-slider ol.vc_carousel-indicators li.vc_active {
    margin: 0 5px;
    border-color: #c2c2c2;
    background: #c2c2c2;
}
.logo-slider ol.vc_carousel-indicators li.vc_active{
    border-color: #01c4d1;
    background: #01c4d1;
}
/*Owl Slider End*/
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{z-index: 1; position: relative;}
.tax-product_cat .products .product:after{z-index: 0}
.rating {margin-top: 30px;}
.rating > img,.rating > span{display: inline-block;vertical-align: top;}
.rating > span{width: 80%;padding-left: 10px;}  
a.call-price{font-size:16px; color: #5bd9e1;}

span.attribute_name_link{position: relative;}

.popup .book-clander{ position: absolute; top: 0; left: 0; right:0;  display: flex; align-items: center; justify-content: center; width: 100%; max-width: 300px; margin: 0 auto;  height: auto; z-index: 99999} 
.popup:before{content: ""; position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,1); z-index: 99999;}
.popup {display: none;  height: 100vh; overflow: auto; position: fixed; left: 0; top:0; width: 100%;     text-align: center; z-index: 9999;}
body .popup .close:hover{cursor: pointer;}
body .popup .booked-calendar-wrap{position: relative; }
body .popup .close{position: absolute;  left:0px; top:5px;  color: #fff; font-size: 16px;  width: 25px; height: 25px; z-index: 99999;     background: #0c5dd6;
    text-align: center;}
.popup .booked-calendar-shortcode-wrap {
    margin-top: 30px;
    width: 100%;
    max-width: 300px;
}
body .popup table.booked-calendar th .page-left{left:5px; }
body .popup table.booked-calendar th .page-right{right: 5px}
body.noscroll{overflow: hidden;}