@import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800&display=swap");

h1, h2, h3, h4, h5, h6,

#primary-menu ul li > a,

body {
  font-family: 'Montserrat', sans-serif !important;
}


a {
  color: #101010;
}

.devices-box p {
  text-align: justify !important;
}


.container,
#header.full-header .container,
.container-fullwidth {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#primary-menu ul li:hover > a,
#primary-menu ul li.current > a {
  color: #101010;
}

#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
  border-top-color: #f37625;
}

#primary-menu ul ul li:hover > a {
  color: #101010;
}

.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
  background-color: #1b6eb6;
}

.top-links ul ul,
.top-links ul div.top-link-section {
  border-top-color: #fff; 
}

#logo {
  margin-right: 0px;
}

#logo img {
  max-width: 291px;
  height: 125px;
  margin-top: 0px;
  padding: 12px 0;
}                                             

@media (max-width: 1200px) {
  #logo img {
    max-width: 225px;
    margin-top: 0px;
  }
}

@media (max-width: 767px) {

  #logo img {
    max-width: 251px;
  }

}

.button {
  background-color: #f37625;
  border-radius: 40px !important;
}

@media (max-width: 1023px) {
  #primary-menu ul li > a {
    padding-left: 3px;
    padding-right: 3px;
  }
}

header.sticky-header #logo img {
  height: 60px !important;
  margin-top: 0px;
  padding: 5px 0;
}

.btn-danger {
  background-color: #dc3545;
}

.bottom-logo {
  max-width: 250px;
  max-height: 100px;
}

#top-bar .col_half a {
  color: #1b6eb6;
}

.orange-text {
  color: #1b6eb6 !important;
}

.tp-caption .button {
  background-color: #f37625;
  color: #fff;
  border-color: #1b6eb6;
}

@media (max-width: 767px) {
  .tp-caption .button {
    height: 19px;
    font-size: 10px !important;
  }
}

.button {
  background-color: #f37625;
}

.button-danger {
  background-color: red;
}

.button-highlight {
  background-color: #f37625;
}



.button-highlight:hover {

  background-color: #1b6eb6 !important;

  color: #fff !important;

}



.button.button-3d:hover {

  background-color: #1b6eb6 !important;

}



.button:hover {

  background-color: #1b6eb6;

  color: #fff;

}



@media (max-width: 768px) {

  .promo h3 {

    font-size: 16px;

  }

}



@media (max-width: 768px) {

  .ares.tparrows {

    -webkit-transform: scaleX(0.5) scaleY(0.5);

            transform: scaleX(0.5) scaleY(0.5);

  }

  .ares.tparrows.tp-leftarrow {

    left: -20px !important;

  }

  .ares.tparrows.tp-rightarrow {

    right: -80px !important;

    left: auto !important;

  }

  .ares.tparrows:hover .tp-title-wrap {

    -webkit-transform: scaleX(0.5) scaleY(0.5);

            transform: scaleX(0.5) scaleY(0.5);

  }

}



@media (max-width: 767px) {

  .heading-block.topmargin-lg {

    margin-top: 30px !important;

  }

  .heading-block h3 {

    font-size: 17px;

  }

}



@media (max-width: 768px) {

  .testimonials-carousel .owl-stage {

    padding-bottom: 0px;

  }

}



#top-search-col.full-width {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

          flex: 0 0 100%;

  max-width: 100%;

}



@media (max-width: 767px) {

  #top-search-col {

    min-height: 100px;

  }

}



@media (max-width: 768px) {

  .promo.promo-border,

  .promo.promo-light {

    text-align: center;

  }

}



.owl-carousel .owl-dots .owl-dot {

  background-color: #d2d0d1;

}



@media (max-width: 768px) {

  .owl-carousel .owl-dots .owl-dot {

    margin-top: 0px;

    margin-bottom: 30px;

  }

}



.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover {

  background-color: #101010;

}



#top-bar {

  background-color: #1b6eb6 !important;

  color: #fff;

}



.widget > h4,

.top-links li i,

#top-bar .col_half a {

  color: #fff;

}



/*.bottom-logo {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}*/



#copyrights .col_half {

  color: #fff !important;

}



.copyright-links a {

  color: #fff !important;

}



#footer {

  background-color: #1b6eb6 !important;

}



@media (max-width: 768px) {

  #footer .footer-widgets-wrap {

    padding-bottom: 0px;

  }

}



#footer .widget_links li a {

  color: #fff !important;

  background-image: none;

  padding-left: 0px;

}



.top-links li:hover {

  background-color: transparent;

}



.top-links ul ul {

  background-color: #1b6eb6 !important;

}



.top-links ul ul li:hover {

  background-color: #f37625  !important;

}



.top-links ul ul li:hover a {

  color: #fff !important;

}



.iportfolio .portfolio-image a {

  text-align: center;

}



.iportfolio .portfolio-image a img {

  width: auto;

  max-height: 200px;

  max-width: 200px;

  display: inline-block;

}



@media (max-width: 768px) {

  .iportfolio .portfolio-image a img {

    max-height: 100px;

  }

}



.iportfolio:hover .portfolio-desc h3 a {

  color: #101010;

}



.accordion.accordion-bg .acctitle i {

  font-size: 20px;

}



.accordion.accordion-bg .acctitle span.acc-open {

  font-size: 20px;

}



.selected-option-value {

  display: inline-block;

  position: relative;

  top: -4px;

}



.radio_select_repair_buttons .radio_btn {

  margin: 3px;

  float: left;

  min-height: 40px;

}



.feature-box.fbox-center.box-with-image .fbox-icon a {

  width: 80px;

  height: 80px;

  text-align: center;

  line-height: 80px;

  border: 1px solid #e5e5e5;

  background-color: #f5f5f5;

  border-radius: 80px;

}



.feature-box.fbox-center.box-with-image .fbox-icon a img {

  width: 70% !important;

  height: auto !important;

  background-color: transparent;

  border: none !important;

  margin: 10px auto 0 !important;

  border-radius: 0px !important;

}



.feature-box.fbox-center.fbox-plain .fbox-icon img {

  width: auto;

  height: 50px;

  margin: 0 auto;

}



@media (max-width: 768px) {

  .button.button-xlarge {

    padding: 0 10px;

  }

}



.radio_select_repair_buttons .radio_btn {

  min-height: 50px;

  line-height: 36px;

}



.model-details-panel .acc_content label img {

  max-height: 32px;

  width: auto;

}



.autocomplete-suggestions {

  -webkit-box-shadow: 0 0 7px rgba(14, 39, 39, 0.2);

          box-shadow: 0 0 7px rgba(14, 39, 39, 0.2);

  background-color: #fff;

  border-radius: 5px;

  overflow: auto;

}



.autocomplete-suggestions .autocomplete-suggestion {

  padding: 10px 15px;

  font-size: 18px;

  color: #3a4d5c;

}



.autocomplete-suggestions .autocomplete-suggestion:hover {

  background-color: rgba(0, 0, 0, 0.1);

  cursor: pointer;

}



@media (max-width: 768px) {

  .tabs-bordered .tab-container {

    border-top: 1px solid #ddd;

  }

}



@media (max-width: 768px) {

  .tab-container .tab-content {

    display: block !important;

  }

  .tab-container .tab-content + .tab-content {

    border-top: 1px solid #ddd;

  }

}



@media (max-width: 768px) {

  ul.tab-nav:not(.tab-nav-lg) {

    display: none;

  }

  ul.tab-nav:not(.tab-nav-lg) li {

    float: none;

    border-left: 1px solid #ddd;

  }

  ul.tab-nav:not(.tab-nav-lg) li a {

    font-size: 11px;

  }

}



@media (max-width: 768px) {

  .portfolio-item {

    margin-bottom: 15px;

  }

}



.portfolio-item .inner {

  min-height: 315px;

  border: 1px solid #dddddd;

  padding: 30px 30px 20px 30px;

}



.portfolio-item .portfolio-image a {

  display: block;

  text-align: center;

}



.portfolio-item .portfolio-image a img {

  max-width: 100%;

  max-height: 150px;

  opacity: 0.7;

  width: auto;

  display: inline-block;

}



@media (max-width: 768px) {

  .portfolio-item .portfolio-image a img {

    max-height: 100px;

  }

}



.portfolio-item .portfolio-image .portfolio-overlay {

  display: none;

}



.portfolio-item:hover .inner {

  border: 1px solid #f37625;

}



.portfolio-item:hover .portfolio-image a img {

  opacity: 1;

}



.portfolio-item:hover .portfolio-desc h3 a {

  color: #101010;

}



a:not([href]):not([tabindex]) {

  color: #f37625;

}



.clients-grid li {

  min-height: 200px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-line-pack: center;

      align-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.clients-grid li a img {

  max-height: 90px;

  max-width: 100px;

  width: auto;

  margin-bottom: 10px;

}


.fancy-title a.btn.btn-secondary {
    background-color: #f37625;
    border-color: #f37625;
}



@media (max-width: 767px) {

  .clients-grid li a img {

    max-width: 100%;

  }

}



.home-slide {

  visibility: hidden;

}



#top-search-col.full-width {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

          flex: 0 0 100%;

  max-width: 100%;

}



@media (max-width: 767px) {

  #top-search-col {

    min-height: 100px;

  }

}



.button-width-form-control {

  height: 37px;

  line-height: 37px;

}



.slick-slide {

  padding: 30px 0;

  text-align: center;

}



.slick-slide img {

  max-width: 300px;

  display: inline-block;

}



.owl-carousel:hover .owl-nav .owl-next {

  right: 2px;

}



.owl-carousel:hover .owl-nav .owl-prev {

  left: 2px;

}



#content {

  width: 100%;

}



.slick-dots li {

  width: 20px;

  height: 20px;

  border-radius: 20px;

  background-color: #d2d0d1;

}



.slick-dots li button {

  display: none !important;

}



.slick-dots li.slick-active {

  background-color: #f37625;

}



/* Landscape*/

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

  #primary-menu ul li > a {

    padding-left: 5px;

    padding-right: 5px;

  }

}



/* Portrait*/

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

  #primary-menu ul li > a {

    padding-left: 5px;

    padding-right: 5px;

  }

}



@media (max-width: 767px) {

  .owl-carousel .owl-nav [class*=owl-] {

    opacity: 1;

  }



  #logo img {

    height:72px;

  }

  a.paypal-logo {

      margin-left: 3px !important;

  }

  .header_logo a {

    margin-right: 0 !important;

  }



  .header_logo {

    justify-content: flex-end !important;

        align-items: center !important;

  }

  a.klarna-logo { 

    margin: 12px 0;

  }

  a.klarna-logo img {

    max-height: 40px !important;

    width: 55px !important;

  }

}



.help-block {
  color: red;
  font-size: 14px;

}



.clients-grid {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.clients-grid li {

  margin: 0 auto;

}



.clients-grid li:before {

  display: none;

}



.col_one_third.no-circle-image .feature-box.fbox-center.box-with-image .fbox-icon {

  width: auto;

  height: auto;

}



.col_one_third.no-circle-image .feature-box.fbox-center.box-with-image .fbox-icon a {

  border: none;

  background: none; 

  width: auto;

  height: auto;

}



.col_one_third.no-circle-image .feature-box.fbox-center.box-with-image .fbox-icon a img {

  max-height: 130px;

  width: auto !important;

}



#oc-portfolio .owl-stage-outer .owl-stage {

  margin: 0 auto;

}



canvas {

  width: 300px !important;

  height: 300px !important;

}



/***20/08/2020***/

 

.header_logo {

  display: flex !important;

}



.header_logo a {

  margin-right: 15px;

}



a.paypal-logo {

  margin-left: 20px;

}



a.klarna-logo {

  margin: 27px 0;

}



a.klarna-logo img {

  max-height: 50px;

  width: 90px;

}



header.sticky-header a.klarna-logo img  {

  max-height: 35px !important;

  margin-top: 0px;

  padding: 5px 0;

}



header.sticky-header a.klarna-logo {

  margin: 12px 0;

}



/****21/08/2020****/

  #footer_signup_form .input-group-append .btn.btn-secondary {
    background-color: #f37625;
    border-color: #f37625;
  }

  .btn-secondary {
    background-color: #f37625;
    border-color: #f37625;
  }

  .checkbox-style:checked + .checkbox-style-3-label:before, 
  .radio-style:checked + .radio-style-3-label:before {
    background: #1b6eb6;  
  }

  .btn-outline-secondary:not(:disabled):not(.disabled):active,
   .btn-outline-secondary:not(:disabled):not(.disabled).active, 
  .show > .btn-outline-secondary.dropdown-toggle {
    background-color: #1b6eb6;
    border-color: #1b6eb6;
  }

  .btn-outline-secondary {
    border-color: #1b6eb6;
  }

  .btn-outline-secondary:hover {
    background-color: #f37625;
    border-color: #f37625;
  }

  .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, 
  .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, 
  .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: none;
  }

  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: none;
  }

  .dark .form-control:not(.not-dark):active, 
  .dark .form-control:not(.not-dark):focus, 
  .dark .sm-form-control:not(.not-dark):active, 
  .dark .sm-form-control:not(.not-dark):focus {
    border-color: rgb(27 110 182) !important;
  }

/*# sourceMappingURL=custom.css.map */


/***21/11/2020***/

#top-bar {
    background-color: #015696 !important;
    color: #fff;
}

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
   border-top-color: #015696;
}

.top-links ul ul {
    background-color: #015696 !important;
}

.top-links ul ul li:hover {
    background-color: #58ad46 !important;
}

.button-highlight {
    background-color: #58ad46;
}

.button-highlight:hover {
    background-color: #015696 !important; 
    color: #fff !important;
}

.slick-dots li.slick-active {
    background-color: #015696;
}

.checkbox-style:checked + .checkbox-style-3-label:before, .radio-style:checked + .radio-style-3-label:before {
    background: #015696;
}

.sm-form-control:focus {
    border-color: #015696;
}

.heading-block:after {
    border-top: 2px solid #015696;
}

.feature-box.fbox-center:not(.fbox-bg) h3:after {
    border-top: 2px solid #015696;
}

.review-stars ul li i {
    color: #015696 !important; 
}

.button {
    background-color: #58ad46;
}

.btn-outline-secondary {
    border-color: #015696;
}

.btn-outline-secondary:hover {
    background-color: #58ad46;
    border-color: #58ad46;
}

.button:hover {
    background-color: #015696; 
    color: #fff;
}

.dark .heading-block:not(.not-dark):after {
    border-top: 2px solid #015696 !important;
}

.portfolio-item:hover .inner {
    border: 1px solid #015696;
}

.feature-box .fbox-icon i, .feature-box .fbox-icon img {
    background-color: #015696;
}

.feature-box.fbox-outline .fbox-icon {
    border: 1px solid #015696;
}

.fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i {
    background-color: #58ad46;
    color: #FFF;
}

.fbox-effect .fbox-icon i:after {
    box-shadow: 0 0 0 2px #58ad46;
}

.fancy-title a.btn.btn-secondary {
    background-color: #58ad46;
    border-color: #58ad46;
}

a:not([href]):not([tabindex]) {
    color: #58ad46;
}

.btn-secondary {
    background-color: #58ad46; 
    border-color: #58ad46;
}

#footer_signup_form .input-group-append .btn.btn-secondary {
    background-color: #58ad46;
    border-color: #58ad46;
} 

#footer {
    background-color: #015696 !important;
}

#gotoTop {
  background-color: #58ad46;
}

/***07/12/2020***/

#top-bar .col_half {
    width: auto;
    margin-right: 0;
}

ul.information {
    margin-bottom: 0;
    list-style: none;
    padding: 6px 0 6px;
}

ul.information li {
    line-height: 20px;
}

#top-bar {
   height: 55px;
}

.top-links {
   padding:5px 0;
}

.information li {
   font-weight: 500;
   font-size:12px;
}

ul.information li strong i {
   margin: 0 2px;
}

.header_logo_main {
  width: 100%;
  margin-left: 0;
}

/****08/12/2020***/

.section_box {
  border: 1px solid #dddddd;
  padding: 20px 20px 20px 20px;
}

.contact_section p {
  margin-bottom: 15px;
  margin-top: 5px;
} 

.contact_section {
  width: 73%;
  margin-right: 15px;
}

.address_detail {
  width: 25%;
}

.sm-form-control {  
  border: 1px solid #DDD;  
}

.address_detail address { 
  line-height: 23px;
  margin-bottom: 20px;
}

.address_appointment address { 
  line-height: 23px;
  margin-bottom: 20px;
}

/***09/12/2020***/

#header, #header-wrap, #logo img {
  height: 120px;    
} 

#primary-menu ul li > a {
  padding: 49px 15px;
}

#top-search, #top-cart, #side-panel-trigger, #top-account {
  margin: 50px 0 50px 15px;
}


.slider_review_section .slick-track {
  width: 100% !important;
}