.triangle-box {
  flex: 1;
}
.contact {
  color: blue !important;
  text-decoration: underline !important;
}
.contact2{
  color: #0563c1 !important;
  text-decoration: underline !important;
}
.email-color{
  color: blue !important;
  text-decoration: underline !important;
}
.base-url {
  color:#0563c1;
  text-decoration:underline
}
@media (max-width: 4000px) and (min-width: 700px) {
   .mobile-logo {
        display : none !important ; 
    }
.rt-flag-mobile {
   display : none !important ; 
}
}
@media (max-width: 650px) {
.background-tab {
	background-image: none !important ; 
}
.triangle {
display : none ;
}
.dark-column > a > div > div > div {
	padding-top: 0px !important;
}
.dark-column > a > div > div > img {
	padding-top: 2px  !important;
}
.dark-column > a > div > div.col-md-4 {
	display: none !important ; 
}
.dark-column > a > div > div.col-md-8 {
	text-align: center !important;
}
.background-tab {
	text-align: center !important;
	margin-right: 0px ;
	margin-left: 0px ; 
}
}

@media (max-width: 1025px) and (min-width: 650px) {
.triangle {
display : none ;
}
.dark-column > a > div > div > div {
	padding-top: 0px !important;
}
.dark-column > a > div > div > img {
	padding-top: 2px  !important;
}
.dark-column > a > div > .col-md-4, .dark-column > a > div > .col-lg-4, .dark-column > a > div > .col-sm-4 {
	flex: 45% !important; 
	max-width: 45% !important;
}
.dark-column > a > div > .col-md-8, .dark-column > a > div > .col-lg-8, .dark-column > a > div > .col-sm-8 {
	flex: 55% !important; 
	max-width: 55% !important;
}

.background-tab {
	text-align: center !important;
	margin-right: 0px ;
	margin-left: 0px ; 
	height: 100% !important ; 
}
.responsive-dark {
	padding-left: 0px !important;
	padding-right:0px !important;
	flex: 100% ; 
	max-width: 100%
}
.responsive-background {
  flex: 100% !important;
  max-width:100% !important;
}
.nav-responsive-justify {
    flex-basis: 0 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
    text-align: center !important;
}

}
.triangle {
  background-image: linear-gradient(to left top, #CAD0D4 0%, #CAD0D4 50%, transparent 50%);
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.text-box-screw {
	background-color: #CAD0D4;
}
.dark-column {
	background-color: #05141E;
	border-bottom: 2px solid #566065 !important;
	color: white !important; 
	height: 100px  ; 
}
.dark-column > a {
	color: white !important ; 
	height: 97px  ; 
	vertical-align: middle !important;
}
.dark-column > a > div > div {
	padding: auto !important ; 
	vertical-align: middle !important;
	height: auto !important;
}
.dark-column > a > div > div > div {
	padding-top: 20px  !important;
}
.dark-column > a > div > div > img {
	padding-top: 5px  !important;
}
.dark-column > a > div.row {
	height: 100% !important ; 
}
.dark-column > a.active {
	background-color: #1C2F3B !important; 
	color : white !important;
	border-bottom: 2px solid #566065 !important;
}
.dark-column > a.active:after {
content: "";
display:block !important;
width: 20% !important; 
height: 3px !important; 
background-color: #016DBF;
margin: auto !important;
text-align: center !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
.background-tab {
	height: 296px ; 
}
.nav-tabs .nav-link {
border-radius: 0px !important;
}
.nav-tabs .nav-item {
margin-bottom:-2px;
}

#header #logo {
    height: 130px !important ; 
    line-height: 150px !important ; 
    background-color: #fff !important;
    padding: 0 40px !important ; 
    box-shadow: 0 20px 19px -5px rgba(0,0,0,.17) ;
    margin-top: -50px !important ; 
    margin-bottom: -10px !important ;  
  }
  #logo {
    display: block;
    position: relative;
    text-align: center;
    float: left;
    z-index: 2 ; 
  }
 @media only screen and (max-width: 700px) {
.flag-laptop {
    display : none !important ; 
  }
  #logo {
    display: none !important;
  }
 #sliding {
    display: none !important;
 }

 .responsive-owl > .owl-wrapper-outer > .owl-wrapper > .owl-item {
     width : 100px !important;
}
.rml-15 {
    margin-left : 15px !important ; 
}
.mobile-centered {
   text-align : center !important ; 
}
.mobile-font {
  font-size : 24px !important ; 
  font-weight : 600 !important ; 
}
}

  .rt-flag {
    width: 27px !important;
    height: 27px !important;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50% ; 
    margin-right: 8px ; 
    box-shadow: 0 1px 2px rgba(0,0,0,.3) ; 
    border : 2px solid #fff;
    display: inline-block !important;
  }
  .rt {
    display: inline-block !important ; 
    line-height: 27px;
  }
  .rt-link {
    vertical-align: middle ;
    padding: 0 8px ; 
    display: inline-block ;
  }
#sliding {
width:230px;
top:150px;
position:fixed;
z-index:1000;
}
#sidelist {
width:150px;
position:absolute;
top: 40px;
right:-5px; 
text-align : center;


}
#sidebar {
position:fixed;
width: 150px;
top:360px;
display: inline-block;

}
#sidebar1 {
position:fixed;
width: 150px;
top:360px;
}
.vertical-text {
	transform: rotate(270deg);
	transform-origin: left top 0;
    text-align : center;
}
#sidelist li {
margin-bottom : 5px;
}
.gray-bloc {
    background-color : #dc3545; 
    color : white !important ; 
    font-weight : 100px ; 
    border : 0.3px solid white ; 
}
.icon-bloc {
    color : #6c757d ; 
}
a.link-slide {
    text-decoration : none !important ; 
    color : #ffffff !important ; 
}
a.link-slide:hover {
    color: white !important;
    font-weight: 700;
}
#header a {
text-decoration: none;
color: #ffffff;
}
#sidelist a:hover
{
color: #dc3545;

}
#sidelist >ul {
  padding-left : 1px !important ; 
}
#sidelist >ul>a>li {
    line-height : 2em ; 
    margin-bottom : 0px !important ; 
    font-weight : 100 ; 
}
#header a:hover li {background-color:#ffffff;}



.user-icon{

    /* position: absolute;
    top: 20px;
    left: 5px; */
}

#header.fixed li.search .logout-box{
  margin-top: 18px;
}
.logout-box
{
  border: rgba(0,0,0,0.07) 1px solid;
    border-top: #dc3545 0.5px solid !important;
  display: none;
    right: 0;
    left: auto;
    /* top: 100%; */
    padding: 15px;
    background-color: #fff;
    position: absolute;
    box-shadow: 5px 5px rgb(91 91 91 / 20%);
    width: 320px;
    margin-top: 0px;
    z-index: 22;
}
.logout-button
{
  align-items: center;
  justify-content: center;
  display: flex;
  top: 15px;




}
.customCheck{

  -webkit-appearance: initial;
    appearance: initial;
    background:white;
    width: 20px;
    height: 20px;
    border: none;
    background: white;
    position: relative;
    border: 1px solid #333 ;
}
.customCheck:checked{


}
.customCheck:checked::after{

  content: 'X';
  position: absolute;
  left: 20%;
  /* top: 0; */
  bottom: -20%;
  color: #DD4046;
    
}

.account-menu-anchor{
  color:#333!important;
  font-size:14px;
}

.fa-check-custom{
    font-size: 11px!important;
    position: relative;
    bottom: 10px;
    color:#DD4046!important;
    
}
.wishlist-counter{
  background-color:#DD4046!important; 
  padding: 3px 0px 0px 0px!important;
  color: #fff;
  font-size: 11px!important;
  bottom: 10px;
  right: 8px;
  position: relative;
  width: 18px!important;
  height: 18px!important;
  border-radius: 50%!important;
}
.button-empty-wishlist{
  width: 90%;
    margin-top: 25px;
}
.custom-block-content{
  float: none !important;
}
.td-set{
width: 30%; 
  word-wrap: break-word;
padding: 0!important;
  hyphens: auto;
  word-break: break-all;
}
.wishlist-message p,.wishlist-message span{
  
  clear:both;
  
  font-weight: 600;

}
.custom-success{
  color:darkgreen;
}
.img-history{
  width: 90px!important;
  height:90px!important;
}

.custom-search-input {
    color: black !important;
}