@charset "utf-8";
/* CSS Document */

h2 {
   font-weight: 400
}

p {
   color: #000;
}

#header {
   background: #fff;
   min-height: 207px;
}

#header #ttcmsheader {
   float: right;
}

#ttcmsheader .tt-cmsheader {
   font: 300 12px/22px 'Poppins', Helvetica, sans-serif;
   color: #fff;
   padding: 7px 0;
}

#ttcmsheader .tt-cmsheader::before {
   content: "";
}

.right-nav {
   background: #fff;
}

.left-nav {
   background-color: #1e83eb
}

#_desktop_logo {
   max-height: 100px;
   margin: 10px auto 10px
}

#header .logo {
   max-height: 100px;
}

#header .position-static {
   background: #1861ad;
}

#search_block_top {
   padding: 38px 0px 41px;
}

#search_block_top .btn.button-search {
   background: #1e83eb none repeat scroll 0 0;
   color: #fff;
   padding: 7px 33px 7px;
   margin: 2px;
}

#search_block_top .btn.button-search::after,
.btn-secondary::after,
.btn-tertiary::after {
   background: #d3d3d3
}

#search_block_top #searchbox {
   background: #f9f9f9;
   height: 44px;
   border: 2px solid #d1d1d1;
}

#search_block_top #search_query_top {
   background: #f9f9f9;
   height: 40px;
}

input::placeholder {
   font-size: 12px;
}

#search_block_top .select-wrapper::after {
   background: #f9f9f9;
   top: 10px;
}

#search_category {
   height: 40px;
}

#search_block_top .select-wrapper {
   background: #f9f9f9
}

#header .main-header.fixed .logo.img-responsive {
   max-width: 100px;
}

#header .main-header.fixed #_desktop_logo {
   margin: 6px 0;
}

#header .main-header.fixed .right-nav {
   background: #f9f9f9
}

#header .main-header.fixed .tt-menu-horizontal li.level-1 {
   padding: 11px 5px;
}

#header .main-header.fixed .tt-menu-horizontal ul li.level-1>a {
   color: #919598
}

.tt-menu-horizontal ul li.level-1 ul li.item-header {
   margin: 10px 0 5px;
}

.tt-menu-horizontal .menu-dropdown {
   border-top: none;
   border-bottom: 3px solid #1e83eb;
}

.tt-menu-horizontal .menu-dropdown.tt-sub-left {
   width: 100%;
}

#header .main-header.fixed .container {
   max-width: 100%;
}

#header .position-static .container {
   width: 100%;
   max-width: 100%;
}

.tt-menu-horizontal ul li.level-1>a {
   color: #fff;
   font: 400 14px/20px "Poppins", Helvetica, sans-serif;
   padding: 9px;
}

.mobile_menu .tt-menu-horizontal ul li.level-1>a {
   color: #1861ad;
}

.tt-menu-horizontal .owl-carousel .owl-item {
   padding: 0 3% 0 0;
   color: #1861ad;
   text-transform: none;
}

.tt-menu-horizontal ul li.level-1 ul li>a {
   font: 300 12px/16px "Poppins", Helvetica, sans-serif;
   text-transform: none;
}

.tt-menu-horizontal li.level-1 {
   padding: 5px;
}

#ttcmsheader .tt-cmsheader a {
   color: #fff;
}

.tt-menu-horizontal ul li.level-1>a::after {
   background: none;
}

.tt-menu-horizontal ul li.level-1:hover>a {
   color: #d2d2d2;
}

#header .tt-menu-horizontal ul li.item-header>a {
   font: 400 13px/20px 'Poppins', Helvetica, sans-serif;
   text-transform: none;
   color: #1861ad;
}

.brands #ttbrandlogo-carousel li .brand-image img {
   filter: grayscale(1);
}

.carousel-control:hover,
.customNavigation a:hover,
#goToTop {
   background: #f9f9f9 !important;
   border-color: #1861ad;
}

#product .tabs .nav-tabs .nav-link {
   background: #1861ad;
   border: solid 1px #1861ad;
   color: #fff;
}

#product .tabs .nav-tabs .nav-link:hover {
   background: #f9f9f9;
   border: solid 1px #1861ad;
   color: #000;
}

#product .tabs .nav-tabs .nav-link.active {
   background: #f9f9f9;
   border: solid 1px #1861ad;
   color: #000;
}

#hometab .tabs .nav-tabs .nav-link.active .tab-title {
   background: #1861ad;
   color: #fff;
}

#product .tabs .nav-tabs .nav-link::before,
#hometab .tabs .nav-tabs .nav-link .tab-title::before {
   background: #f9f9f9 !important;
   border: solid 1px #1861ad;
   color: #000;
}

.pagination .current a {
   background: #f9f9f9 !important;
   border-color: #1861ad;
   color: #1861ad;
}

.pagination .js-search-link:hover {
   background: #f9f9f9 !important;
   border: solid 1px #1861ad;
}

.customNavigation a i {
   color: #1861ad;
}

.tab-title:hover {
   color: #000 !important;
}

.tthometab-title,
.tt-title {
   font: 500 36px/38px "Poppins", Helvetica, sans-serif;
   background: none;
}

#smartblog_block .sdsblog-box-content #smartblog-carousel .item .blog_post .blog_content .blog_inner .sds_post_title a {
   font: 500 16px/18px "Poppins", Helvetica, sans-serif;
}

#search_category {
   width: 92% !important;
}

.block-categories .category-sub-menu li a {
   font-weight: 300;
}

#wrapper .js-qv-mask.mask .owl-nav button i {
   color: #1861ad;
}

#wrapper .js-qv-mask.mask .owl-nav button:hover {
   border-color: #1861ad;
   background: #f9f9f9;
   color: #1861ad;
}

#wrapper .js-qv-mask.mask .owl-nav button:hover i {
   color: #1861ad;
}

.breadcrumb li span {
   font: 300 12px/16px "poppins", sans-serif;
}

.breadcrumb li::after {
   font-size: 12px;
   font-weight: 300;
}

.footer-top {
   background: #1e83eb;
}

.block_newsletter .tt-title {
   color: #fff;
}

#newslatter .block_newsletter .block_content .btn {
   background: #1e83eb;
}

.block_newsletter .block_content .ttinput_newsletter .btn:hover {
   background: #1861ad;
   color: #fff;
}

.footer-container,
.bottom-footer {
   background: #1861ad;
}

.bottom-footer p {
   border-top: solid 1px #f9f9f9;
}

.footer-container .links h3,
.footer-container #block_myaccount_infos h3 a,
.footer-container .contact-rich h4,
.footer-container #newslatter h1 {
   font: 400 18px/20px 'Poppins', Helvetica, sans-serif;
}

.linklist .wrapper {
   width: 50%;
   float: left;
}

.block_newsletter .tt-title {
   font: 500 18px/40px 'Poppins', Helvetica, sans-serif;
}

.contact-rich h4,
.contact-form h3 {
   font-family: 'Poppins', Helvetica;
}

.tt-innerpagetitle {
   font-family: 'Poppins', Helvetica;
}

.block-category .h1.title-category {
   font: 500 16px/20px "Poppins", Helvetica, sans-serif;
}

#subcategories p.subcategory-heading {
   font-family: 'Poppins', Helvetica;
}

#left-column .text-uppercase,
#right-column .text-uppercase {
   font: 500 16px/18px "Poppins", Helvetica, sans-serif;
}

.title-menu-mobile i {
   color: #1861ad;
   font-size: 30px;
}

.page-subheading {
   font-family: 'Poppins', Helvetica;
   font-size: 22px;
}

.apropos .row {
   padding: 30px;
}

.footer-container li a {
   font: 300 13px/20px 'Poppins', Helvetica, sans-serif;
   color: #fff;
}

.footer-container li a:hover {
   color: #ccc;
}

.footer-container .contact-rich .block .data {
   font: 300 13px/20px 'Poppins', Helvetica, sans-serif;
   color: #fff;
}

.footer-container .contact-rich .block .data a {
   font: 300 13px/20px 'Poppins', Helvetica, sans-serif;
   color: #fff;
}

.footer-container .contact-rich .block .icon i {
   color: #fff;
}

.footer-container .contact-rich .block .data:hover a,
.footer-container .contact-rich .block:last-child:hover .icon i {
   color: #ccc;
}

#newslatter .block_newsletter .block_content .ttinput_newsletter .btn:focus,
#newslatter .block_newsletter .block_content .ttinput_newsletter .btn:hover,
#newslatter .block_newsletter .block_content .ttinput_newsletter .btn:active {
   background: #f9f9f9 !important;
   border: solid 1px #1861ad;
   color: #1861ad;
}

.bottom-footer p a {
   font-weight: 300;
   color: #fff;
}

.bottom-footer p a:hover {
   color: #ccc;
}

#goToTop:hover i {
   background: #f9f9f9 !important;
   border-color: #1861ad;
}

#goToTop:hover {
   background: #f9f9f9 !important;
   border-color: #1861ad;
}

#main .page-footer .text-sm-center a::after,
.ttproductpagetab .tabs .nav-tabs .nav-link::after,
#hometab .tab-title::before,
.btn-primary::after,
.btn-secondary::after,
.btn-tertiary::after,
.btn-default::after,
#goToTop::before,
#ttcmsparallax .ttpara-btn a::before {
   background: #f9f9f9 !important;
}

.tabs .nav-tabs .nav-link {
   margin: 0px;
}

.contact-rich .block .data {
   font-weight: 300;
}

#smartblogcat .sdsarticleCat .sdsarticleHeader .sdstitle_block a {
   font-family: 'Poppins', Helvetica, sans-serif;
}

.brands .tt-title {
   display: block;
}

#ttcmsoffer {
   margin-bottom: 50px;
}

@media (max-width: 991px) {
   .main-menu {
      background: #fff;
      border-color: #fff
   }

   #header .tt-menu-horizontal ul li.level-1 ul li>a {
      font-weight: 300;
      font-size: 12px;
   }

   .tt-menu-horizontal .menu-dropdown {
      border-bottom: none;
   }

   .footer-container .links .h3 {
      font-family: 'Poppins', Helvetica, sans-serif;
   }
}

@media (max-width: 767px) {
   #search_category {
      height: 40px !important;
   }

   #search_block_top .select-wrapper::after {
      top: 10px;
   }

   #search_block_top .btn.button-search {
      margin: 4px;
      padding: 6px 16px;
   }
}

@media (max-width: 543px) {
   #_mobile_logo {
      width: 180px;
      display: block;
   }

   #search_block_top {
      padding: 8px 0px 8px
   }

   .mobile_menu #_mobile_cart {
      display: none;
   }

   .mobile_menu #_mobile_user_info {
      display: none;
   }

   #header .position-static {
      background: none !important;
   }

   .brands #ttbrandlogo-carousel li .brand-image img {
      width: 60%;
   }

   .homeslider {
      margin-bottom: 10px;
   }

   .tthometab-title {
      font-size: 24px;
      padding-bottom: 0px;
   }

   .owl-stage-outer .owl-stage .owl-item .product-miniature {
      width: 50%;
   }
}



/* Integration 06/10/2021 */

.card-brand-brands-list {
   position: relative;
   height: 225px;
   width: 28%;
   text-align: center;
   margin: 20px;
   padding: 10px;
   border-radius: 3px;
   border-bottom: 4px solid #1e83eb;
   box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.card-brand-brands-list>.card-body>.card-text {
   color: gray;
   font-weight: 500;
}

.card-brand-brands-list>.btn {
   position: absolute;
   background: #1e83eb none repeat scroll 0 0;
   color: #fff;
   padding: 5px;
   margin: 0;
   font-size: 13px;
   bottom: 5px;
   left: 25%;
}

.card-brand-brands-list>.btn:hover {
   transition: all 800ms ease-in-out;
   -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -o-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   background: #f9f9f9 !important;
   border: solid 1px #1861ad;
   color: #1861ad;
}

#search_block_top .btn.button-search:hover {
   color: #1861ad;
   border: 1px solid #1861ad;
   margin: 1px;
}

#contact-footer>.block>.data>a:hover {
   color: inherit;
   font-weight: 500;
   margin-left: 5px;
   transition: all 200ms ease-in-out;
}


.ttproducthover>.quick-view-block>a {
   background-color: #1861ad !important;
}

.ttproducthover>.quick-view-block>a>.quick_view_icon {
   border-radius: 50% !important;
}

.ttproducthover>.quick-view-block>a>.quick_view_icon:hover {
   background: white;
   border: 1px solid #1e83eb !important;
   color: #1e83eb !important;

}

.bootstrap-filestyle>.group-span-filestyle>.btn-default {
   background: #1861ad;
   height: 40px;
   padding-top: 8px;
}

.bootstrap-filestyle>.group-span-filestyle>.btn-default:hover {
   background: white;
   border: 1px solid #1861ad !important;
   color: #1861ad;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   transition: all 400ms ease-in-out;

}

.contact-form>form>footer>.btn-primary:hover {
   background: #1861ad;
   color: white;
   border-radius: 10px;
   border: none;
}

.contact-form>form>footer>.btn-primary {
   color: #1861ad;
   background: white;
   border: 1px solid;
   border-radius: 5px;
}


.block_newsletter p.alert {
   top: -6px;
}

.dropdown-menu>.select-list:hover {
   background: #1e83eb;
}

#smartblog_block .sdsblog-box-content #smartblog-carousel .item .blog_post .news_module_image_holder .blogicons .icon:hover::before {
   transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -webkit-transition: all 0.3s ease 0s;
   -khtml-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   border-color: white;
   background: #1e83eb;
   color: white;
}

#goToTop:focus i {
   background: none;
   color: #111111;
}

.row.sort-by-row>.col-sm-12.col-xs-12.col-md-9.products-sort-order>.dropdown-menu {
   background: #f7f5f5;
}

.thumb.js-thumb.selected {
   box-shadow: rgba(6, 24, 44, 0.24) 0px 0px 0px 2px, rgba(6, 24, 44, 0.24) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset !important;
}

.blog_pagination .pagination li a:hover{
	color:#fff;
	background: #1e83eb !important;
	border-color: #1e83eb;
}
.block_newsletter_alert{
	cursor:pointer;
}
#search_block_top .btn.button-search:hover::before {
    color:#1861ad;
}

/*Fin Integration 06/10/2021 */