@import url('https://fonts.googleapis.com/css?family=Cairo:400,700,900&subset=arabic');
@import url(https://fonts.googleapis.com/css?family=Changa:400,500&display=swap&subset=arabic);

/* POWERED www.Chakirdev.com */

*{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    text-decoration: none;
    font-family: 'Cairo', sans-serif;
    text-rendering: optimizeLegibility;
}
html, body{
    /*
    background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
     background-blend-mode: normal,color-burn; 
    */
    /*
    background:#eff0f1;
    background:#eae6dc;
    */
    background:#eff0f1;
    background:#eff0f1;
     -ms-overflow-style: none; /* for Internet Explorer, Edge */
      scrollbar-width: none; /* for Firefox */
      overflow-y: scroll;   
}
body{
font-family: 'Cairo', sans-serif;
text-rendering: optimizeLegibility;
direction:ltr;
}
ul{list-style: none;}
input{border-radius:0px;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-family: 'Cairo', sans-serif;}
.changa{font-family: 'Changa', sans-serif;}
.lft{float:right;}
.rgt{float:left;}
.clr{clear:both;}
.bg{background: linear-gradient(rgba(0,0,0,0) 10%, rgba(0,0,0,1)),  center center / cover no-repeat;}
.colorgen{color:#262626;}
.backgroundgen{background-color:#262626;color:white;}
.backgroundgen:hover{background-color:#253B8E;color:white;}

.backgroundgift{background-color:#e74c3c;color:white;}
.backgroundgift:hover{background-color:#c0392b;color:white;}

.backgroundinfo{background-color:#697078;color:white;}
.backgroundinfo:hover{background-color:#C3C6C9;color:white;}

#HomePage{width:1100px;margin:auto;}

.clearfix2:before, .clearfix2:after {content: "\0020"; display: block; height: 0; visibility: hidden;} 
.clearfix2:after { clear: both; }
.clearfix2 { zoom: 1; }

/* menu */
.alignleft {
    float: right;
    text-align:right;
    width:80%;
}
.aligncenter {

}
.alignright {
    float: left;
    text-align:left;
    width:20%;
}   
.menu-style{width:100%;height:50px;background:#0881DD;padding:10px;}
.matlob-title{text-align: center;font-weight: bold;padding: 5px;color: #262626;font-size: 14px;}

#cOrange{color: #DD7331;}
#cWhatsapp{color:#82C91E;}
#cBlue{color:#007EA8;}
.brown{background: #262626;color: white;}
.btn-pruple{width: 170px;padding: 10px;border-radius:29px;color:#262626;background:#DBB658;border-color:#DBB658;}
.btn-pruple:hover{background:#DCA529;border-color:#FFBA15;}

.topleft {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 18px;
  z-index:10;
}
.topleft .btn{box-shadow: 2px 1px 2px #3f3f3f;margin-left: 4px;}
.topleft i{font-size:20px;color:#403B45;}  

.strikethrough {
  position: relative;color:#a09f9f;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  color:#a09f9f;
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
} 

/* width */
::-webkit-scrollbar {
  display: none; scrollbar-width: none;
}

/* Track */
::-webkit-scrollbar-track {
  display: none; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  display: none;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 display: none;
}

/* APP */
.display-desk{display: block;} 
.display-mobile{display: none;} 
.alert{font-weight: bold;}
/* APP */


/* INDEX 2 */
.home-icon-card{margin-top: 0;}   
.inrow {
  width: 80%;
  margin: auto;
}
.myDiv {
    width: 48%;margin:2px 2px 8px 2px;
    float: left;
    text-align: center;
}    
    
.btn-srchs{border-radius: 25px;background:#0881dd;color:white;font-weight: bold;width: 220px;}    
.btn-srchs:hover{background:#802D4D;color:white;}    
.btn-srchs i{font-size: 14px;}  
/* INDEX 2 */

/* Latest CARS */
.app-nav{background:#db9406;height:50px;margin-top: 5px;}
.app-nav .a1{color:white;padding:10px;font-size:17px;font-weight:bold;}
.app-nav .a1 a{color:white;padding:0 5px;}

.app-nav .a2{color:white;padding:5px;font-size:18px;}
.app-nav .a2 a{color:white;padding:0 8px;}
.app-nav i:active {
  color: white;    
}
/* Latest CARS */


/* tab-bar bottom */
.tab-bar2 {
  direction: rtl;    
  background-color: #D67C00;
  padding: 20px 5px 20px 5px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 53px;
  justify-content: space-between;
  z-index: 99;    
}
.tab-bar2 .tab-indicator2 {
  position: absolute;
  z-index: 1;
}
.tab-bar2 .tab-indicator2 .tab-indicator-left2,
.tab-bar2 .tab-indicator2 .tab-indicator-right2 {
  position: absolute;
}
.tab-bar2 .tab-indicator2 .tab-indicator-left2:after,
.tab-bar2 .tab-indicator2 .tab-indicator-right2:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fefcfe;
  display: block;
}
.tab-bar2 .tab-indicator2 .tab-indicator-left2 {
  left: -25px;
}
.tab-bar2 .tab-indicator2 .tab-indicator-left2:after {
  border-radius: 0 25px 0 0;
}
.tab-bar2 .tab-indicator2 .tab-indicator-right2 {
  right: -25px;
}
.tab-bar2 .tab-indicator2 .tab-indicator-right2:after {
  border-radius: 25px 0 0 0;
}
.tab-bar2 .tab-item2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 80px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: none !important;
}
.tab-bar2 .tab-item2 .tab-item-inner2 {
  position: absolute;
  display: flex;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  transition: transform .2s ease-out, box-shadow .2s ease-out;
}
.tab-bar2 .tab-item2.active .tab-item-inner2 {
  transform: translateY(20px);
  transition-delay: .2s;
  background-color: #ba6b03;
  z-index: 2;
  box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.25);
}
/* tab-bar bottom */


.tab-bar {
  direction: rtl;    
  background-color: #D67C00;
  padding: 20px 5px 20px 5px;
  display: flex;
  position: absolute;
  bottom: 0;
  height: 10px;
  left: 0;
  right: 0;
  height: 50px;
  justify-content: space-between;
  z-index: 99;    
}
.tab-bar .tab-indicator {
  position: absolute;
  background-color: #D67C00;
  width: 100px;
  height: 65px;
  border-radius: 0 0 50px 50px;
  z-index: 1;
  transform: translateX(155px);
  transition: transform .3s ease-out;
}
.tab-bar .tab-indicator .tab-indicator-left,
.tab-bar .tab-indicator .tab-indicator-right {
  background-color: #D67C00;
  height: 25px;
  width: 25px;
  position: absolute;
}
.tab-bar .tab-indicator .tab-indicator-left:after,
.tab-bar .tab-indicator .tab-indicator-right:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fefcfe;
  display: block;
}
.tab-bar .tab-indicator .tab-indicator-left {
  left: -25px;
}
.tab-bar .tab-indicator .tab-indicator-left:after {
  border-radius: 0 25px 0 0;
}
.tab-bar .tab-indicator .tab-indicator-right {
  right: -25px;
}
.tab-bar .tab-indicator .tab-indicator-right:after {
  border-radius: 25px 0 0 0;
}
.tab-bar .tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 80px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: none !important;
}
.tab-bar .tab-item .tab-item-inner {
  position: absolute;
  display: flex;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  transition: transform .2s ease-out, box-shadow .2s ease-out;
}
.tab-bar .tab-item.active .tab-item-inner {
  transform: translateY(-20px);
  transition-delay: .2s;
  background-color: #ba6b03;
  z-index: 2;
  box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.25);
}

/* APP */

/* Header */
.navbar{padding: 10px;}
.navbar-nav li a{font-size: 14px;font-weight: bold;padding:10px;color:#3160A5;}   
.navbar-nav li :hover{color:white;}   
.navbar-nav li a:hover{background:#3160A5;color:white;}    
.navbar-nav li a i{margin-right:2px;margin-left:2px;}  
.navbar-nav .countryflags a:hover{background-color: rgba(234, 234, 234, 0.9);}
.btnflags{float: right; width: 47%;margin: 5px;}
.btnflags img{width: 52px;}
.btnflags .flagstext{font-weight: bold;font-size: 19px;padding: 10px;}


.shadow{   
padding:10px;background:#F8F8F8;    
-webkit-box-shadow: 0px 9px 5px -4px rgba(212,212,212,1);
-moz-box-shadow: 0px 9px 5px -4px rgba(212,212,212,1);
box-shadow: 0px 9px 5px -4px rgba(212,212,212,1); 
text-rendering: optimizeLegibility;
}
.shadow-top{
-webkit-box-shadow: 0px -5px 5px 0px rgba(222,222,222,1);
-moz-box-shadow: 0px -5px 5px 0px rgba(222,222,222,1);
box-shadow: 0px -5px 5px 0px rgba(222,222,222,1);        
}

.navbtm li a{font-size: 13px;padding:10px 20px 10px 10px;color:#282828;}   
.navbtm li a:hover{background:#eaeaea;color:#282828;}   
.navbtm li a i{margin-left:5px;font-size:15px;color:#3160A5;} 
.navbtm li a i:hover{color:#3160A5;} 
.navbtm li a:visited {color: #282828;}

/* Mobile */
.mobileNav{width:100%;padding:10px;background:white;}
.iconPart i{margin:15px 0 0 10px;color: #01579B;font-size:20px;}
.icoflat{color:#BBBBBB;font-size:25px;}    

/* Index */
.txt01{color:white;font-size:35px;font-weight:bold;}
.txt02{color:white;font-size:15px;}
.background {
    background: url(../../images/car3.jpg);
    background-position:center;background-size:cover;
    height: 200px;position: relative;
}
.layer {
    background-color: rgba(30, 68, 122, 0.8);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.background .uk-margin {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
.home-title{padding:10px;font-size:23px;font-weight:bold;line-height: 10px;margin-top:30px;margin-bottom:20px;margin-left:10px;color:#22426E;}
.home-title a{color:#22426E;}

.formsrch{padding-top: 40px;}    
.formsrch .colum{width:25%;float:left;margin-right: 10px;}    
.formsrch .colum select{height: 60px;font-weight: bold;}    
.formsrch button{float:left;height: 60px;width:100px;font-weight: bold;} 

.icons-home{margin-left: 15%}
.icons-home .ico{float: left;margin: 10px;width:170px;text-align: center;}
.icons-home .ico i{color:#1f4b89;}
.icons-home .ico .numbertxt{font-size:25px;font-weight:bold;color:#1e1e1e;padding-top:5px;}
.icons-home .ico .smalltxt{color:black;font-size:13px;}

/* Brand */
.brands-home .item .card .card-body{padding: 10px;}
.brands-home .item img{width: 80px;}
.brands-page{margin: 12px;width: 190px;}    
.brands-page:hover{background: #f2f2f2;}    
.brands-page h5{margin-top: 15px;color:#3160A5;font-weight: bold;}    
.brands-page img{width: 90px;}   

/* Brand Page */
.brand-img{
    width: 150px;background: white;margin:20px;border-radius:5px;  
    border: 1px solid;padding: 10px;box-shadow: 5px 10px #1F314F;
}
.brand-title{color:white;font-weight:bold;font-size: 38px;}
.brand-desc{margin-top:20px;line-height:25px;font-size:14px;color: #d1d1d1;}
    
.brand-col2{width: 20%;} 
.brand-col6{width: 79%;padding:20px;}     

.brand-bg {
  background-image: 
    /* top, transparent red */
    linear-gradient(
      rgba(11, 24, 55, 0.8), 
      rgba(11, 24, 55, 0.8)
    ),
    /* your image */
    url(../../images/mountain.jpg);
    background-position:center bottom;
}
.brandmodel{
    min-width: 60px;margin:10px 0 10px 10px;padding: 5px;text-align: center;
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);border-radius: 20px; 
}
.brandmodel a{margin-top:10px;color:#282828;}
.brandmodel a:hover{margin-top:10px;color:#0081E4;}
.brandmodel i{font-size: 12px;}
.brandmodel .card-title{font-weight: bold;}  


hr.style14 { 
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


/* Prod Page */
#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}
#myCarousel .carousel-indicators {
    position: static;
    right: initial;
    width: initial;
    margin-right: initial;
}
#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}
#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}

#myCarousel .carousel-item img{max-height: 400px;}
#myCarousel .selected img{width: 100px;height: 50px;margin: auto;}

/* Login */
#logreg-forms{
    width:100%;
    margin:auto;
}
#logreg-forms form {
    width: 100%;
    max-width: 410px;
    padding: 15px;
    margin: auto;
}
#logreg-forms .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
#logreg-forms .form-control:focus { z-index: 2; }
#logreg-forms .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
#logreg-forms .form-signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#logreg-forms .social-login{
    width:390px;
    margin:0 auto;
    margin-bottom: 14px;
}
#logreg-forms .social-btn{
    font-weight: 100;
    color:white;
    width:190px;
    font-size: 0.9rem;
    margin-right: 5px;
    margin-bottom: 5px;
}

#logreg-forms a{
    display: block;
    padding-top:10px;
    color:lightseagreen;
}
#logreg-form .lines{
    width:200px;
    border:1px solid red;
}

#logreg-forms button[type="submit"]{ margin-top:10px;}
#logreg-forms .facebook-btn{background-color:#3C589C;}
#logreg-forms .google-btn{background-color: #DF4B3B;}
#logreg-forms .form-reset, #logreg-forms .form-signup{ display: none; }
#logreg-forms .form-signin .social-btn{ width:210px; }
#logreg-forms .form-signup .social-btn{ width:210px; }
#logreg-forms .form-signup input { margin-bottom: 2px;}
.form-signup .social-login{width:210px !important;margin: 0 auto;}
.form-signin .social-login{width:210px !important;margin: 0 auto;}


.PageCard{margin-top: 10px;}
/* .pagecard{text-align:right;padding:25px;width:95%;} */
.backgroundSR {
background: url(../../images/car3.jpg);background-position:center;background-size:cover;
height: 80px;position: relative;
}
.layerSR {
    background-color: rgba(30, 68, 122, 0.8);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}  
    
.formsrchSR{padding: 20px 0 0 20px;}    
.formsrchSR .colum{width:200px;float:left;margin-right: 10px;}    
.formsrchSR .colum select{font-weight: bold;}    
.formsrchSR button{float:left;width:100px;font-weight: bold;} 

.CT1{
    font-weight:bold;font-size: 25px;
    color: #0069D9;margin-bottom: 0px;padding:20px 0 0 20px;
}
.desc-textpg{padding:10px 20px 10px 20px;line-height:30px;}   
    
.showRight{width: 705px;padding:5px;} 
.showLeft{width: 370px;margin-top: 20px;} 
.CC3{font-size: 23px;font-weight:bold;color: #C72510;} 
    
.ico-SRinfo i{color: #3160A5;}    
.SRINFO{margin-left: 0px;line-height: 30px;}    
.SRINFO a{width: 200px} 


/* Ribbon */
.ribbon {
z-index: 0;
position: relative;
color: white;
}
.ribbon4 {
position: absolute;
top: 15px;
padding: 5px 5px;
background: #f03434;
box-shadow: -1px 2px 3px rgba(0,0,0,.3);z-index: 0;
}
.ribbon5 {
position: absolute;
top: 15px;
padding: 5px 5px;
background: #1A3A66;
box-shadow: -1px 2px 3px rgba(0,0,0,.3);z-index: 0;
}
.ribbon6 {
position: absolute;
top: 15px;
padding: 5px 5px;
background: #d35400;
box-shadow: -1px 2px 3px rgba(0,0,0,.3);z-index: 0;
}
.ribbon7 {
position: absolute;
top: 10px;
padding: 5px 5px;
background: #FBC840;
color: #0B1837;
font-weight: bold;
font-size: 14px;    
box-shadow: -1px 2px 3px rgba(0,0,0,.3);z-index: 0;
}
.ribbon7 i{
font-size: 10px;    
}
.ribbonplus:before, .ribbonplus:after {
content: "";
position: absolute;z-index: 0;
}
.ribbonplus:before {
width: 7px;
height: 100%;
top: 0;
right: -6.5px;
padding: 0 0 7px;
background: inherit;
border-radius: 5px 5px 0;
}
.ribbonplus:after {
width: 5px;
height: 5px;
bottom: -5px;
right: -4.5px;
border-radius: 5px 0 0 5px;
}
.ribbon-vip{width:85px;height:88px;overflow:hidden;position:absolute;top:-1px;right:0}
.ribbon-vip .ribbon-pro{
    font-size:13px;font-weight:700;color:#333;text-align:center;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    position:relative;
    padding:3px 0;
    top:15px;
    right:10px;
    width:150px;
    background-color:#ecef23;
    color:#761747;
}

.form-search{float: left;width: 24%;padding:5px;}    
.form-search .form-control{height:50px;}    
.form-search select{height:45px;margin-bottom:10px;font-weight: bold;} 
.form-search-btn{float: left;width: auto;margin-top:5px;}  
.form-search .btn-lg{border-radius: 0px;background: #262626;border-color:#262626;color: white}
.form-search-btn .btn{height:50px;}  
.srch-page{width:80%;margin:auto;}

/* Profile */
.profileLeft{width: 73%;}
.profileRight{width: 25%;margin-right: 10px;}
.profileRight .list-group a{font-weight: bold;color:#222222;font-size: 14px;}
.profileRight .list-group .badge{font-size: 16px;}

.pt{font-weight: bold;color: #2b2b2b;} 
.profile-table{width:100%;font-size:14px;text-align:center;}    
.profile-table i{font-size:12px;}    
.p-title{font-weight:bold;font-size: 25px;color: #0069D9;} 

/* Messages */
.balon1, .balon2 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	}
.balon1 a {
	background: #42a5f5;
	color: #fff !important;
	border-radius: 20px 20px 3px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;

	}
.balon1:before {
	content: attr(data-is);
	position: absolute;
	right: 15px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
	}

.balon2 a {
	background: #f1f1f1;
	color: #000 !important;
	border-radius: 20px 3px 20px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;
	
	}
.balon2:before {
	content: attr(data-is);
	position: absolute;
	left: 13px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
  
	}	
.bg-sohbet:before {

	content: "";

	opacity: 0.06;
	top: 0;
	right: 0;
	bottom: 0;
	right: 0;
	height:100%;
	position: absolute;   

	}

/* Profile Add Agencie shworoom */
.p-form .col-md-6{margin-bottom: 10px;}  
.p-form .col-12{margin-bottom: 10px;}
.p-form .input-form{font-size: 15px;font-weight: bold;}
.p-form .select-form{font-size: 15px;font-weight: bold;}

.btn-tertiary {
  color: #0069D9;
  padding: 0;
  line-height: 40px;
  display: block;
  border: 2px solid #0069D9;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  color: #6487BB;
  border-color: #6487BB;
}
.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.input-file + .js-labelFile {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
}
.input-file + .js-labelFile .icon:before {
  content: "\f093";
}
.input-file + .js-labelFile.has-file .icon:before {
  content: "\f00c";
  color: #5AAC7B;
}

.btn-form{margin:0 0 10px 10px;}    

    
/* Pages Officiel / Contact US */
.pages-card{margin: 5px;width:24%;}
.pages-card i{color:#384256;}
.pages-card i:hover{color:#0069D9;}
.pages-card .card-title{font-weight: bold;margin-top: 20px;color:#384256;}
.pages-card .card-title:hover{color:#0069D9;}
.pages-text{color:#384256;font-size:18px;line-height:35px;padding: 20px;}
.contact-card{width:49%;margin-right:10px;}

/* Faq */
.faq-collpase{margin-bottom: 10px;}
.faq-icon{background:#0069D9;padding:10px;}    
.faq-icon i{color:white;font-size:27px;}    
.faq-quest{padding:17px;font-weight:bold;font-size:15px;color:#212529;text-decoration:none;}    
.faq-body{background:#eff2f2;font-size:15;line-height:30px;}  

.display-btnprofile{display: none;}

/* Mobile */
/* Header */
.mobileNav{width:100%;padding:10px;background:white;}
.iconPart i{margin:15px 0 0 10px;color: #731A37;font-size:20px;}
    
/* OFF-Canavas */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.2s;
  padding-top: 60px;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #0881dd;   
  display: block;
  transition: 0.3s;
}
.sidenav a:hover {
  color: #333333;
}
    
.navink-mobile a{color: #333333;}    
.navink-mobile a:hover{color: #253B8E;}    
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 36px;
  margin-left: 50px;
}
#main {
  transition: margin-right .5s;
  padding: 16px;
}

.card-offers{width:32%;margin-right: 10px;margin-bottom: 10px;}
.card-offers:last-child{margin-right: 0px;}
.card-offers .card-img-top{width: 100%;height: 200px;}
.card-offers .card-body{padding: 5px;text-align: center;}
.card-offers .card-body .card-title a{color: #262626;font-weight: bold;}
.card-offers .card-body .card-title a:hover{color: #253B8E;}
.offer-desc img{width: 100%;}
.offer-desc iframe{width: 100%;}
.offer-desc embed{width: 100%;}

/* PROD */
.breadcrumb{background:none;padding:10px 0;font-size:14px;}  
.RightPart{width:50%;margin-right:20px;}
.LeftPart{width:48%;}
.prodp-btn{border-radius:25px;font-weight: bold;width: 200px;margin-right: 10px;margin-top: 10px;}    
.prodp-prix{font-size:30px;font-weight:bold;color:#c0392b;}    
.prodp-desc{font-size:17px;line-height:30px;font-weight:bold;color:#565656;}
.mtop{margin-top:40px;}
.prodp-share{color:#262626;font-weight:bold;font-size: 30px;margin-top: 30px;}
.prodp-social{margin-top: 40px;margin-left: 20px;}
.prodp-social li a {margin-right: 10px;}
.prodp-social li a i{font-size: 30px;color:#858789;}
.prodp-social li a i:hover{color:#212529;}

.prod-like{width: auto;} 
.prod-like .card-body .card-title a{text-align: center;height: 40px;color:#262626;font-size:17px;font-weight: bold;margin-top: 10px;} 
.partr-info{width: 48%;color:#565656;line-height: 30px;}
.partr-info strong{width: 48%;color:#212529;}
.partr-info i{font-size: 12px;}

.partl-info{width: 48%;color:#565656;line-height: 30px;}
.partl-info strong{width: 48%;color:#212529;}
.partl-info i{font-size: 12px;}
/* PROD */

iframe{width:100%;min-height: 300px;}    
embed{width:100%;min-height: 300px;}  
.modal-title{font-weight: bold;}
.adsimg{margin: 0 5px}

/*Zoom In*/
figure {overflow: hidden;}
#zoomIn img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#zoomIn:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.newsletter{background-image: linear-gradient(135deg, #253B8E 0%, #e2d1c3 100%);height:90px;}
.nw1{float: right;padding: 20px;}
.nw2{float: left;padding:30px;font-weight:bold;font-size:20px;color:#342F2C;text-transform: uppercase;}
.nw1 .form-control {
    height: 50px;
    border-color: #ffffff;
    border-radius:0;
    width: 350px;    
}
.nw1 .form-control:focus {
    box-shadow: none;
    border: 2px solid #262626;
}
.nw1 .btn {
    min-height: 50px; 
    border-radius:0;
    background: #262626;
    color: #fff;
    font-weight:600;
}

/* CARD PROD 2 */
.card-prod2{width:280px;height:400px;border-color:#253B8E;border-radius:0px;margin: 0 5px 10px 0;}
.card-prod2:last-child{margin-right: 0px;}
.card-prod2:hover{background:#F8F8F8;}
.card-prod2 .card-body{padding:0px;padding-bottom:10px;}
.card-prod2 .card-body .cpleft{width:99%;text-align: center;padding-top: 5px;}
.card-prod2 .card-body .cpleft img{width:100%;height: 230px;margin-left: 3px;padding-bottom:-10px;}
.card-prod2 .card-body .cpleft small{color:#675451;}
.card-prod2 .card-body .cpleft h1{margin-top: 0px;line-height: 22px;}
.card-prod2 .card-body .cpleft h1 a{font-size: 20px;font-weight: bold;padding:5px 0;color:#262626;}
.card-prod2 .card-body .cpleft h1 a:hover{color:#253B8E;}
.card-prod2 .card-body .cpleft p{font-size: 12px;color:#6b6767;}
.card-prod2 .card-body .cpleft .btn-p2{border-color:#CCCCCC;color:#1D1C21;display: inline-block;border-radius: 0px;}
.card-prod2 .card-body .cpleft .btn-p2:hover{background-color:#262626;color: white;}
.card-prod2 .card-body .cpleft .btn-p2 i{color:#253B8E;}
.card-prod2 .card-body .cpleft .btn-p2 i:hover{color:white;}

.btn-p3{background-color:#262626;border-color:#CCCCCC;color:white;display: inline-block;border-radius: 0px;}
.btn-p3:hover{background-color:#262626;color: #CCCCCC;}
.btn-p3 i{color:#CCCCCC;}
.btn-p3 i:hover{color:white;}

.btn-p4{background-color:#700A15;color:white;display: inline-block;border-radius: 0px;}
.btn-p4:hover{background-color:#700A15;color: white;}
.btn-p4 i{color:white;}
.btn-p4 i:hover{color:white;}


.backgrounds{
    width: 265px;
    height:110px;
    padding:10px;
    margin-right: 12px;
    margin-bottom: 10px;    
    position: relative;   
    background:url("../../images/b1.jpg") center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-size: cover;
} 
.backgrounds:last-child{margin-right: 0px;}    
.font-cat{margin-bottom:25px;}
.font-cat a{font-size:17px;font-weight: bold;color:white;}    
.font-cat a i{font-size:12px;color:#828282;}    
.bottomright {
    position: absolute;
    bottom: 20px;
    left: 16px;
    color:#828282;
    font-size:17px;
    font-weight: bold;
}         
.grow {
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}
.grow:hover {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.href:after {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 content:"";
}
/* GIFTS */
.gift-form{width:750px;margin: auto;}
label{font-weight: bold;color:#253B8E;}
.p-form input{margin-bottom: 10px;}

.btn-contact{font-weight:bold;width:33%;margin:5px 0;}
.appcard-icons{
    width: 32.5%;height: 90px; margin:2px 2px 8px 2px;
    background: white;
    -webkit-box-shadow: 10px 7px 7px -6px rgba(230,230,230,1);
    -moz-box-shadow: 10px 7px 7px -6px rgba(230,230,230,1);
    box-shadow: 10px 7px 7px -6px rgba(230,230,230,1);
} 
.appcard-icons:last-child{margin:2px 2px 8px 0px;}
.appcard-icons .card-body{
  padding:5px;
  padding-top: 20px;
}      
.appcard-icons .card-text{
    font-weight: bold;
    font-size: 14px;
}  
.appcard-icons i{
    font-size: 25px;
    color:#c46309;
}

.btn-qatar{background: #D67C00;border-color: #D67C00;color: white;}
.btn-qatar:hover{background: #D67C00;border-color: #D67C00;color: white;}
.btn-qatar:active{background: #D67C00;border-color: #D67C00;color: white;}
.btn-qatar:focus{background: #D67C00;border-color: #D67C00;color: white;}

.catback{
    width: 100%;margin-bottom:8px;
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}    
.catback .card-body{padding:10px;}
.catback .card-title a{color:#1e272e;font-weight:bold;font-size: 17px;}

.btn-upgrade{background-image: linear-gradient(to right, #700a15 0%, #352e2e 100%);color: white;width: 160px;}
.r-fl-button {
  display: inline-block;
  -webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,0.3), 0 -2px 1px 1px rgba(0,0,0,0.1) inset, 0 2px 1px 1px rgba(255,255,255,0.2) inset;
          box-shadow: 0 2px 3px 1px rgba(0,0,0,0.3), 0 -2px 1px 1px rgba(0,0,0,0.1) inset, 0 2px 1px 1px rgba(255,255,255,0.2) inset;
  border: none;
  text-align: center;
}
@keyframes flash {
  0% {
    box-shadow: 0 0 2px 2px #700a15,
                0 0 2px 2px #700a15 inset;
  }
}
.r-fl-button {
  animation: flash 2s infinite linear;
}
.btn-call{width: 99%;color:white;font-size:15px;clear: both;margin-bottom: 10px;}
.img-thumbnail{width: 31%;float: left;margin:3px;}
.img-fluid{width: 100%;height: 80px;}

/* Rating Start */
.hover {width:24px; height:24px; background: url('../../templates/qtrpages/img/star.png') no-repeat; z-index: 1000; }
.rating_v { display: block;	margin: 5px 0 5px 0; position:relative; left:0; top:2px; line-height:20px; }
.rating_v img { width:24px; height:24px; }
.rating_v span { cursor: pointer; width:24px;}
/* Rating End */

.cardreg label.box{
  background: #ededed;
  margin-top: 12px;
  padding: 8px 10px;
  display: flex;
  border-radius: 5px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.25s ease;
  font-weight: bold; 
  font-size: 14px;    
}
#one1:checked ~ label.num1,
#one2:checked ~ label.num2,
#one3:checked ~ label.num3,
#one4:checked ~ label.num4,
#one5:checked ~ label.num5,
#one6:checked ~ label.num6,
#one7:checked ~ label.num7,
#one8:checked ~ label.num8,
#one9:checked ~ label.num9,
#one10:checked ~ label.num10,
#one11:checked ~ label.num11,
#one12:checked ~ label.num12,
#one13:checked ~ label.num13{
  border-color: #167fee;
  background: #b1d0ef;
}
.cardreg  label.box:hover{
  background: #b1d0ef;
}
.cardreg  label.box .circle{
  height: 22px;
  width: 22px;
  /* background: #ccc; */
  border: 5px solid #ccc;
  display: inline-block;
  margin-right: 15px;
  border-radius: 50%;
  transition: all 0.25s ease;
  box-shadow: inset -4px -4px 10px rgba(0, 0, 0, 0.2);
}

.bk1{background: #2980b9;}
.bk2{background: #8e44ad;}
.bk3{background: #e74c3c;}
.bk4{background: #feca57;}
.bk5{background: #cd6133;}
.bk6{background: #27ae60;}


#one1:checked ~ label.num1 .circle,
#one2:checked ~ label.num2 .circle,
#one3:checked ~ label.num3 .circle,
#one4:checked ~ label.num4 .circle,
#one5:checked ~ label.num5 .circle,
#one6:checked ~ label.num6 .circle,
#one7:checked ~ label.num7 .circle,
#one8:checked ~ label.num8 .circle,
#one9:checked ~ label.num9 .circle,
#one10:checked ~ label.num10 .circle,
#one11:checked ~ label.num11 .circle,
#one12:checked ~ label.num12 .circle,
#one13:checked ~ label.num13 .circle{
  border-color: #167fee;
  background: #fff;
}
.cardreg  label.box .plan{
  display: flex;
  width: 85%;
  align-items: center;
}
.cardreg  label.box .yearly{
  color: #2d2d2d;
}
.cardreg  label.box .price{
  color: #2d2d2d;
}
.cardreg input[type="radio"]{
  display: none;
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.pricing hr {
  margin: 1.5rem 0;
}
.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}
.pricing .card-price {
  font-size: 3rem;
  margin: 0;
  color:#2980b9;
}
.pricing .card-price .period {
  font-size: 0.8rem;
}
.pricing ul li {
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 14px;    
}
.pricing ul li i{
  color:#2ecc71;
}
.pricing .text-muted {
  opacity: 0.7;
}
.pricing .btn {
  font-size: 17px;
  border-radius: 5rem;
  font-weight: bold;
  padding: 10px;
  opacity: 0.7;
  transition: all 0.2s;
}
.subs-title{font-weight:bold;color:#3498db;padding-bottom: 10px;}    
.subs-text{width:70%;font-size:18px;font-weight:bold;color:#383838;}    
.subs-text2{font-size:18px;font-weight:bold;color:#383838;} 

.index-part-right{width:25%;margin-right:10px;}
.index-part-left{width:73%;}

@media screen and (min-width: 200px) and (max-width: 499px){
.index-part-right{width:99%;margin-right:0px;}
.index-part-left{width:99%;}
  
.index-wrapper {
  flex-direction: column;
}
.index-part-left {
  order: 1;
}
.index-part-right {
  order: 2;
}
  
.btn-call{width: 99%;clear: both;margin-bottom: 10px;}
.appcard-icons{width: 48.5%;}
.appcard-icons:last-child{margin-right:0px;}
    
.btn-contact{width:99%;}
    
.prod-order-name .pe-title{width:80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
/* GIFTS */
.gift-form{width:99%;}    
    
/* NEW Q*/ 
.card-prod2{width:99%;margin: 0 0 10px 0;}  
.card-prod2 .card-body .cpleft h1 a{font-size: 15px;} 
.card-prod2 .card-body .cpleft h1{margin-top: -5px;line-height: 20px;}
.card-prod2 .card-body .cpleft p{font-size: 10px;}
.card-prod2 .card-body .cpleft .btn-p2{font-size: 12px;}  
    
.da-slider{display:none;}    
.adsimg{width: 99%;margin-bottom: 10px;}  
.card-offers{width:99%;}
.card-offers .card-img-top{width: 100%;height: auto;}   
    
/* Newsletter */
.newsletter{height:130px;text-align: center;}
.nw1{float: none;clear: both; padding: 10px;text-align: center;}
.nw2{float: none;clear: both; padding:10px;font-size:14px;text-align: center;}    
.nw1 .form-control {width: auto;}
    
.backgrounds{
    width: 99%;
    height:110px;
    padding:10px;
    margin-right: 0px;
}    
    
/* 3odna */
.in-part1{width:99%;padding:10px;display: block;}
.in-part1 .title-all{font-size:45px;}
.in-part1 .in-desc{font-size:17px;line-height:30px;}
.in-part2{width:99%;padding-top:0px;display: block;}
.in-part2 img{width:99%;display: none}

.title-all{margin-left: 10px; font-size: 30px;}
.title-line{margin-left: 10px;}

.card-prod{width: 99%;margin: 0 0 20px 0px;}
.card-prod:last-child{margin: 0 0 20px 0px;}
.card-prod .card-title a{margin-bottom:20px;}
.card-prod .card-img-top{width: 100%;max-height: 400px;/*max-height: 270px;*/}
.card-prod .card-prix{font-size:20px;}

.card-index{width: 99%;margin: 0 0 10px 0px;}
.card-index:last-child{margin: 0 0 10px 0px;}
    
footer .mb-lg-0{margin-bottom: 40px;}    

/* branches */
.branches{width: 99%;margin-left: 0px;margin-bottom: 20px;}
.branches:last-child{margin-left: 0px;}
/* branches */ 

/* PROD */
.breadcrumb{background:none;padding:10px 0;font-size:14px;display: none;}  
.RightPart{width:99%;margin-right:0px;}
.LeftPart{width:99%;}
.LeftPart h3{font-size: 22px;}
.prodp-btn{width: 99%;margin-right: 5px;margin-top: 10px;}  
     
#myCarousel .carousel-item img{width: 100%; max-height: 270px;}    
.prodp-prix{font-size:20px;font-weight:bold;color:#c0392b;}    
.prodp-desc{font-size:16px;}
.mtop{margin-top:20px;}
.prodp-share{font-size: 20px;margin-top: 20px;}
.prodp-social{margin-top: 25px;margin-left: 20px;}
.prodp-social li a i{font-size: 30px;}
    
.partr-info{width: 99%;}
.partl-info{width: 99%;}  
/* PROD */    
    
/* User */
.user-page-right{margin-top: 20px;width: 100%;margin-right: 0px;}
.user-page-left{margin-top: 20px;width: 100%;}
     
    
.ribbonplus{font-size: 11px;}     
.ribbonplus i{display: none;}     
    
#HomePage{width:99%;margin:auto;}    
.display-desk{display: none;} 
.display-mobile{display: block;} 
.display-brand{display: none;} 
.display-footer{display: none;} 
          
/* Index */
.txt01{font-size:23px;margin-top: 40px;}
.txt02{font-size:14px;}
.background {height: 180px;}
.background .uk-margin {
  margin: 0;
  position: none;
  top: 0;
  right: 0;
  transform: translate(0%, 0%);
  width:100%;
}
    
.home-title{padding:10px;font-size:18px;}
    
/* Mobile Login */
#logreg-forms{width:99%;}
#LoginModal .modal-title{font-size: 15px;}
#logreg-forms .social-login{
    width:99%;
    margin:0 auto;
    margin-bottom: 10px;
}
#logreg-forms .social-btn{
    font-size: 15px;
    font-weight: 100;
    color:white;
    width:99%;
    height: 40px;
}
#logreg-forms .facebook-btn:after{content:'Facebook';}
#logreg-forms  .google-btn:after{content:'Google+';}
   
/* Barnds */    
.brands-page{margin: 5px;width: 45%;}      
.brands-page h5{margin-top: 15px;color:#3160A5;font-weight: bold;font-size: 15px;}    
.brands-page img{width: 90px;}  
    
.brand-img{width: 80px;margin:10px 0 0 0;}
.brand-title{color:white;font-weight:bold;font-size: 25px;margin-bottom: 30px}
.brand-desc{margin-top:20px;line-height:25px;font-size:14px;color: #d1d1d1;}
    
/* Pages Officiel / Contact US */
.pages-card{margin: 2px;width:48%;}
.pages-card i{color:#384256;}
.pages-card .card-title{font-size: 14px;}
.contact-card{width:99%;margin:0 0 10px 0;float: none;clear: both;} 
.p-form .col-md-6{margin-bottom: 10px;width: 100%;float: none;clear: both;}    
    
/* Faq */
.faq-collpase{margin-bottom: 10px;}
.faq-icon{background:#0069D9;padding:10px;width: 10%;}    
.faq-icon i{color:white;font-size:17px;}    
.faq-quest{padding:10px;text-align: right; font-weight:bold;font-size:13px;color:#212529;text-decoration:none;width: 90%;}    
.faq-body{background:#eff2f2;font-size:15;line-height:30px;}  

/* Profile */
.profileLeft{width: 99%;margin-top: 10px;}
.profileRight{width: 99%;margin-right: 0px;}
.profileRight .dropdown .btn{width: 99%;}
.display-btnprofile{display: block;}
    
.pcard-stats{width:99%;margin:0px;float: none;text-align: center;}    
.pcard-stats i{font-size: 13px;}    
.pt{font-weight: bold;color: #2b2b2b;} 
.profile-table{width:100%;font-size:14px;text-align:center;}    
.profile-table i{font-size:12px;}    
.p-title{font-weight:bold;font-size: 25px;color: #0069D9;} 

/* Messages */
.balon1, .balon2 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	}
.balon1 a {
	background: #42a5f5;
	color: #fff !important;
	border-radius: 20px 20px 3px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;

	}
.balon1:before {
	content: attr(data-is);
	position: absolute;
	left: 15px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
	}

.balon2 a {
	background: #f1f1f1;
	color: #000 !important;
	border-radius: 20px 3px 20px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;
	
	}
.balon2:before {
	content: attr(data-is);
	position: absolute;
	right: 13px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
  
	}	
.bg-sohbet:before {
	content: "";
	opacity: 0.06;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height:100%;
	position: absolute;   
	}

/* Profile Add Agencie shworoom */
.p-form .col-md-6{margin-bottom: 10px;}  
.p-form .col-12{margin-bottom: 10px;}
.p-form .input-form{font-size: 15px;font-weight: bold;}
.p-form .select-form{font-size: 15px;font-weight: bold;}

.btn-form{margin:0 0 10px 10px;}      
    
}
@media screen and (min-width: 500px) and (max-width: 649px){
.index-part-right{width:99%;margin-right:0px;}
.index-part-left{width:99%;}
  
.index-wrapper {
  flex-direction: column;
}
.index-part-left {
  order: 1;
}
.index-part-right {
  order: 2;
}
  
.btn-call{width: 99%;clear: both;margin-bottom: 10px;}
.appcard-icons{width: 49%;}
.appcard-icons:last-child{margin-right:0px;}
    
.btn-contact{width:49%;}
    
/* GIFTS */
.gift-form{width:99%;}    
    
/* NEW Q*/ 
.card-prod2{width:99%;margin: 0 0 10px 0;}  
.card-prod2 .card-body .cpleft h1 a{font-size: 15px;} 
.card-prod2 .card-body .cpleft h1{margin-top: -5px;line-height: 20px;}
.card-prod2 .card-body .cpleft p{font-size: 10px;}
.card-prod2 .card-body .cpleft .btn-p2{font-size: 12px;}    
    
.da-slider{display:none;}    
.adsimg{width: 99%;margin-bottom: 10px;}  
.card-offers{width:99%;}
.card-offers .card-img-top{width: 100%;height: auto;}   
    
/* Newsletter */
.newsletter{height:130px;text-align: center;}
.nw1{float: none;clear: both; padding: 10px;text-align: center;}
.nw2{float: none;clear: both; padding:10px;font-size:14px;text-align: center;}    
.nw1 .form-control {width: auto;}
    
.backgrounds{
    width: 47.5%;
    height:110px;
    padding:10px;
    margin: 5px;
}    
    
/* 3odna */
.in-part1{width:99%;padding:10px;display: block;}
.in-part1 .title-all{font-size:45px;}
.in-part1 .in-desc{font-size:17px;line-height:30px;}
.in-part2{width:99%;padding-top:0px;display: block;}
.in-part2 img{width:99%;display: none}

.title-all{margin-left: 10px; font-size: 30px;}
.title-line{margin-left: 10px;}

.card-prod{width: 99%;margin: 0 0 20px 0px;}
.card-prod:last-child{margin: 0 0 20px 0px;}
.card-prod .card-title a{margin-bottom:20px;}
.card-prod .card-img-top{width: 100%;max-height: 400px;/*max-height: 270px;*/}
.card-prod .card-prix{font-size:20px;}

.card-index{width: 99%;margin: 0 0 10px 0px;}
.card-index:last-child{margin: 0 0 10px 0px;}
    
footer .mb-lg-0{margin-bottom: 40px;}    

/* branches */
.branches{width: 49%;margin-left: 4px;margin-bottom: 20px;}
.branches:last-child{margin-left: 0px;}
/* branches */ 

/* PROD */
.breadcrumb{background:none;padding:10px 0;font-size:14px;display: none;}  
.RightPart{width:99%;margin-right:0px;}
.LeftPart{width:99%;}
.LeftPart h3{font-size: 22px;}
.prodp-btn{width: 99%;margin-right: 5px;margin-top: 10px;}  
     
#myCarousel .carousel-item img{width: 100%; max-height: 370px;}    
.prodp-prix{font-size:20px;font-weight:bold;color:#c0392b;}    
.prodp-desc{font-size:16px;}
.mtop{margin-top:20px;}
.prodp-share{font-size: 20px;margin-top: 20px;}
.prodp-social{margin-top: 25px;margin-left: 20px;}
.prodp-social li a i{font-size: 30px;}
    
.partr-info{width: 99%;}
.partl-info{width: 99%;}  
/* PROD */    
    
/* User */
.user-page-right{margin-top: 20px;width: 100%;margin-left: 0px;}
.user-page-left{margin-top: 20px;width: 100%;}
     
    
.ribbonplus{font-size: 11px;}     
.ribbonplus i{display: none;}     
    
#HomePage{width:99%;margin:auto;}    
.display-desk{display: none;} 
.display-mobile{display: block;} 
.display-brand{display: none;} 
.display-footer{display: none;} 
          
/* Index */
.txt01{font-size:23px;margin-top: 40px;}
.txt02{font-size:14px;}
.background {height: 180px;}
.background .uk-margin {
  margin: 0;
  position: none;
  top: 0;
  right: 0;
  transform: translate(0%, 0%);
  width:100%;
}
    
.home-title{padding:10px;font-size:18px;}
    
/* Mobile Login */
#logreg-forms{width:99%;}
#LoginModal .modal-title{font-size: 15px;}
#logreg-forms .social-login{
    width:99%;
    margin:0 auto;
    margin-bottom: 10px;
}
#logreg-forms .social-btn{
    font-size: 15px;
    font-weight: 100;
    color:white;
    width:99%;
    height: 40px;
}
#logreg-forms .facebook-btn:after{content:'Facebook';}
#logreg-forms  .google-btn:after{content:'Google+';}
   
/* Barnds */    
.brands-page{margin: 5px;width: 45%;}      
.brands-page h5{margin-top: 15px;color:#3160A5;font-weight: bold;font-size: 15px;}    
.brands-page img{width: 90px;}  
    
.brand-img{width: 80px;margin:10px 0 0 0;}
.brand-title{color:white;font-weight:bold;font-size: 25px;margin-bottom: 30px}
.brand-desc{margin-top:20px;line-height:25px;font-size:14px;color: #d1d1d1;}
    
/* Pages Officiel / Contact US */
.pages-card{margin: 2px;width:48%;}
.pages-card i{color:#384256;}
.pages-card .card-title{font-size: 14px;}
.contact-card{width:99%;margin:0 0 10px 0;float: none;clear: both;} 
.p-form .col-md-6{margin-bottom: 10px;width: 100%;float: none;clear: both;}    
    
/* Faq */
.faq-collpase{margin-bottom: 10px;}
.faq-icon{background:#0069D9;padding:10px;width: 10%;}    
.faq-icon i{color:white;font-size:17px;}    
.faq-quest{padding:10px;text-align: right; font-weight:bold;font-size:13px;color:#212529;text-decoration:none;width: 90%;}    
.faq-body{background:#eff2f2;font-size:15;line-height:30px;}  

/* Profile */
.profileLeft{width: 99%;margin-top: 10px;}
.profileRight{width: 99%;margin-right: 0px;}
.profileRight .dropdown .btn{width: 99%;}
.display-btnprofile{display: block;}
    
.pcard-stats{width:99%;margin:0px;float: none;text-align: center;}    
.pcard-stats i{font-size: 13px;}    
.pt{font-weight: bold;color: #2b2b2b;} 
.profile-table{width:100%;font-size:14px;text-align:center;}    
.profile-table i{font-size:12px;}    
.p-title{font-weight:bold;font-size: 25px;color: #0069D9;} 

/* Messages */
.balon1, .balon2 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	}
.balon1 a {
	background: #42a5f5;
	color: #fff !important;
	border-radius: 20px 20px 3px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;

	}
.balon1:before {
	content: attr(data-is);
	position: absolute;
	left: 15px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
	}

.balon2 a {
	background: #f1f1f1;
	color: #000 !important;
	border-radius: 20px 3px 20px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;
	
	}
.balon2:before {
	content: attr(data-is);
	position: absolute;
	right: 13px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
  
	}	
.bg-sohbet:before {
	content: "";
	opacity: 0.06;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height:100%;
	position: absolute;   
	}

/* Profile Add Agencie shworoom */
.p-form .col-md-6{margin-bottom: 10px;}  
.p-form .col-12{margin-bottom: 10px;}
.p-form .input-form{font-size: 15px;font-weight: bold;}
.p-form .select-form{font-size: 15px;font-weight: bold;}

.btn-form{margin:0 0 10px 10px;}      
    
}
@media screen and (min-width: 650px) and (max-width: 799px){
.index-part-right{width:99%;margin-right:0px;}
.index-part-left{width:99%;}
  
.index-wrapper {
  flex-direction: column;
}
.index-part-left {
  order: 1;
}
.index-part-right {
  order: 2;
}
  
.btn-call{width: 99%;clear: both;margin-bottom: 10px;}
.appcard-icons{width: 49.2%;}
.appcard-icons:last-child{margin-right:0px;}
    
.btn-contact{width:49%;}
    
/* GIFTS */
.gift-form{width:99%;}    
    
/* NEW Q*/ 
.card-prod2{width:49%;margin: 0 5px 10px 0;}  
.card-prod2:last-child{margin: 0 0px 10px 0;} 
.card-prod2 .card-body .cpleft h1 a{font-size: 15px;} 
.card-prod2 .card-body .cpleft h1{margin-top: -5px;line-height: 20px;}
.card-prod2 .card-body .cpleft p{font-size: 10px;}
.card-prod2 .card-body .cpleft .btn-p2{font-size: 12px;}
.card-prod2 .card-body .cpright img{width:200px;height: 150px;} 
    
.da-slider{display:none;}    
.adsimg{width: 99%;margin-bottom: 10px;}  
.card-offers{width:48%;}
.card-offers .card-img-top{width: 100%;height: 180px;}   
    
/* Newsletter */
.newsletter{height:130px;text-align: center;}
.nw1{float: none;clear: both; padding: 10px;text-align: center;}
.nw2{float: none;clear: both; padding:10px;font-size:14px;text-align: center;}    
.nw1 .form-control {width: auto;}
    
.backgrounds{
    width: 48%;
    height:110px;
    padding:10px;
    margin: 5px;
}    
    
/* 3odna */
.in-part1{width:48%;padding:10px;display: block;}
.in-part1 .title-all{font-size:45px;}
.in-part1 .in-desc{font-size:17px;line-height:30px;}
.in-part2{width:48%;padding-top:0px;display: block;}
.in-part2 img{width:99%;display: none}

.title-all{margin-left: 10px; font-size: 30px;}
.title-line{margin-left: 10px;}

.card-prod{width: 99%;margin: 0 0 20px 0px;}
.card-prod:last-child{margin: 0 0 20px 0px;}
.card-prod .card-title a{margin-bottom:20px;}
.card-prod .card-img-top{width: 100%;max-height: 400px;/*max-height: 270px;*/}
.card-prod .card-prix{font-size:20px;}

.card-index{width: 99%;margin: 0 0 10px 0px;}
.card-index:last-child{margin: 0 0 10px 0px;}
    
footer .mb-lg-0{margin-bottom: 40px;}    

/* branches */
.branches{width: 49%;margin-left: 4px;margin-bottom: 20px;}
.branches:last-child{margin-left: 0px;}
/* branches */ 

/* PROD */
.breadcrumb{background:none;padding:10px 0;font-size:14px;display: none;}  
.RightPart{width:58%;margin-right:10px;}
.LeftPart{width:38%;}
.LeftPart h3{font-size: 22px;}
.prodp-btn{width: 99%;margin-right: 5px;margin-top: 10px;}  
     
#myCarousel .carousel-item img{width: 100%; max-height: 370px;}    
.prodp-prix{font-size:20px;font-weight:bold;color:#c0392b;}    
.prodp-desc{font-size:16px;}
.mtop{margin-top:20px;}
.prodp-share{font-size: 20px;margin-top: 20px;}
.prodp-social{margin-top: 25px;margin-left: 20px;}
.prodp-social li a i{font-size: 30px;}
    
.partr-info{width: 99%;}
.partl-info{width: 99%;}  
/* PROD */    
    
/* User */
.user-page-right{margin-top: 20px;width: 100%;margin-right: 0px;}
.user-page-left{margin-top: 20px;width: 100%;}
     
    
.ribbonplus{font-size: 11px;}     
.ribbonplus i{display: none;}     
    
#HomePage{width:99%;margin:auto;}    
.display-desk{display: none;} 
.display-mobile{display: block;} 
.display-brand{display: none;} 
.display-footer{display: none;} 
          
/* Index */
.txt01{font-size:23px;margin-top: 40px;}
.txt02{font-size:14px;}
.background {height: 180px;}
.background .uk-margin {
  margin: 0;
  position: none;
  top: 0;
  right: 0;
  transform: translate(0%, 0%);
  width:100%;
}
    
.home-title{padding:10px;font-size:18px;}
    
/* Mobile Login */
#logreg-forms{width:99%;}
#LoginModal .modal-title{font-size: 15px;}
#logreg-forms .social-login{
    width:99%;
    margin:0 auto;
    margin-bottom: 10px;
}
#logreg-forms .social-btn{
    font-size: 15px;
    font-weight: 100;
    color:white;
    width:99%;
    height: 40px;
}
#logreg-forms .facebook-btn:after{content:'Facebook';}
#logreg-forms  .google-btn:after{content:'Google+';}
   
/* Barnds */    
.brands-page{margin: 5px;width: 45%;}      
.brands-page h5{margin-top: 15px;color:#3160A5;font-weight: bold;font-size: 15px;}    
.brands-page img{width: 90px;}  
    
.brand-img{width: 80px;margin:10px 0 0 0;}
.brand-title{color:white;font-weight:bold;font-size: 25px;margin-bottom: 30px}
.brand-desc{margin-top:20px;line-height:25px;font-size:14px;color: #d1d1d1;}
    
/* Pages Officiel / Contact US */
.pages-card{margin: 2px;width:48%;}
.pages-card i{color:#384256;}
.pages-card .card-title{font-size: 14px;}
.contact-card{width:99%;margin:0 0 10px 0;float: none;clear: both;} 
.p-form .col-md-6{margin-bottom: 10px;}    
    
/* Faq */
.faq-collpase{margin-bottom: 10px;}
.faq-icon{background:#0069D9;padding:10px;width: 10%;}    
.faq-icon i{color:white;font-size:17px;}    
.faq-quest{padding:10px;text-align: right; font-weight:bold;font-size:13px;color:#212529;text-decoration:none;width: 90%;}    
.faq-body{background:#eff2f2;font-size:15;line-height:30px;}  

/* Profile */
.profileLeft{width: 99%;margin-top: 10px;}
.profileRight{width: 99%;margin-right: 0px;}
.profileRight .dropdown .btn{width: 99%;}
.display-btnprofile{display: block;}
    
.pcard-stats{width:99%;margin:0px;float: none;text-align: center;}    
.pcard-stats i{font-size: 13px;}    
.pt{font-weight: bold;color: #2b2b2b;} 
.profile-table{width:100%;font-size:14px;text-align:center;}    
.profile-table i{font-size:12px;}    
.p-title{font-weight:bold;font-size: 25px;color: #0069D9;} 

/* Messages */
.balon1, .balon2 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	}
.balon1 a {
	background: #42a5f5;
	color: #fff !important;
	border-radius: 20px 20px 3px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;

	}
.balon1:before {
	content: attr(data-is);
	position: absolute;
	left: 15px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
	}

.balon2 a {
	background: #f1f1f1;
	color: #000 !important;
	border-radius: 20px 3px 20px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;
	
	}
.balon2:before {
	content: attr(data-is);
	position: absolute;
	right: 13px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
  
	}	
.bg-sohbet:before {
	content: "";
	opacity: 0.06;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height:100%;
	position: absolute;   
	}

/* Profile Add Agencie shworoom */
.p-form .col-md-6{margin-bottom: 10px;}  
.p-form .col-12{margin-bottom: 10px;}
.p-form .input-form{font-size: 15px;font-weight: bold;}
.p-form .select-form{font-size: 15px;font-weight: bold;}

.btn-form{margin:0 0 10px 10px;}      
    
}
@media screen and (min-width: 800px) and (max-width: 1400px){
.appcard-icons{width: 49.5%;}
.appcard-icons:last-child{margin-right:0px;}
/* GIFTS */
.gift-form{width:99%;}    
    
/* NEW Q*/ 
.card-prod2{width:49%;margin: 0 5px 10px 0;}  
.card-prod2:last-child{margin: 0 0px 10px 0;}  
.card-prod2 .card-body .cpleft h1 a{font-size: 15px;} 
.card-prod2 .card-body .cpleft h1{margin-top: -5px;line-height: 20px;}
.card-prod2 .card-body .cpleft p{font-size: 10px;}
.card-prod2 .card-body .cpleft .btn-p2{font-size: 12px;}
.card-prod2 .card-body .cpright img{width:200px;height: 150px;}
    
.da-slider{display:none;}    
.adsimg{width: 99%;margin-bottom: 10px;}  
.card-offers{width:32%;}
.card-offers .card-title{font-size: 17px}
.card-offers .card-img-top{width: 100%;height: 150px;}   
    
/* Newsletter */
.newsletter{height:130px;text-align: center;}
.nw1{float: none;clear: both; padding: 10px;text-align: center;}
.nw2{float: none;clear: both; padding:10px;font-size:14px;text-align: center;}    
.nw1 .form-control {width: auto;}
    
.backgrounds{
    width: 32%;
    height:110px;
    padding:10px;
    margin: 5px;
}    
    
/* 3odna */
.in-part1{width:48%;padding:10px;display: block;}
.in-part1 .title-all{font-size:45px;}
.in-part1 .in-desc{font-size:17px;line-height:30px;}
.in-part2{width:48%;padding-top:0px;display: block;}
.in-part2 img{width:99%;display: none}

.title-all{margin-left: 10px; font-size: 30px;}
.title-line{margin-left: 10px;}

.card-prod{width: 99%;margin: 0 0 20px 0px;}
.card-prod:last-child{margin: 0 0 20px 0px;}
.card-prod .card-title a{margin-bottom:20px;}
.card-prod .card-img-top{width: 100%;max-height: 400px;/*max-height: 270px;*/}
.card-prod .card-prix{font-size:20px;}

.card-index{width: 99%;margin: 0 0 10px 0px;}
.card-index:last-child{margin: 0 0 10px 0px;}
    
footer .mb-lg-0{margin-bottom: 40px;}    

/* branches */
.branches{width: 49%;margin-left: 4px;margin-bottom: 20px;}
.branches:last-child{margin-left: 0px;}
/* branches */ 

/* PROD */
.breadcrumb{background:none;padding:10px 0;font-size:14px;display: none;}  
.RightPart{width:50%;margin-right:10px;}
.LeftPart{width:45%;}
.LeftPart h3{font-size: 22px;}
.prodp-btn{width: 99%;margin-right: 5px;margin-top: 10px;}  
     
#myCarousel .carousel-item img{width: 100%; max-height: 370px;}    
.prodp-prix{font-size:20px;font-weight:bold;color:#c0392b;}    
.prodp-desc{font-size:16px;}
.mtop{margin-top:20px;}
.prodp-share{font-size: 20px;margin-top: 20px;}
.prodp-social{margin-top: 25px;margin-left: 20px;}
.prodp-social li a i{font-size: 30px;}
    
.partr-info{width: 99%;}
.partl-info{width: 99%;}  
/* PROD */    
    
/* User */
.user-page-right{margin-top: 20px;width: 100%;margin-right: 0px;}
.user-page-left{margin-top: 20px;width: 100%;}
     
    
.ribbonplus{font-size: 11px;}     
.ribbonplus i{display: none;}     
    
#HomePage{width:99%;margin:auto;}    
.display-desk{display: none;} 
.display-mobile{display: block;} 
.display-brand{display: none;} 
.display-footer{display: none;} 
          
/* Index */
.txt01{font-size:23px;margin-top: 40px;}
.txt02{font-size:14px;}
.background {height: 180px;}
.background .uk-margin {
  margin: 0;
  position: none;
  top: 0;
  right: 0;
  transform: translate(0%, 0%);
  width:100%;
}
    
.home-title{padding:10px;font-size:18px;}
    
/* Mobile Login */
#logreg-forms{width:99%;}
#LoginModal .modal-title{font-size: 15px;}
#logreg-forms .social-login{
    width:99%;
    margin:0 auto;
    margin-bottom: 10px;
}
#logreg-forms .social-btn{
    font-size: 15px;
    font-weight: 100;
    color:white;
    width:99%;
    height: 40px;
}
#logreg-forms .facebook-btn:after{content:'Facebook';}
#logreg-forms  .google-btn:after{content:'Google+';}
   
/* Barnds */    
.brands-page{margin: 5px;width: 45%;}      
.brands-page h5{margin-top: 15px;color:#3160A5;font-weight: bold;font-size: 15px;}    
.brands-page img{width: 90px;}  
    
.brand-img{width: 80px;margin:10px 0 0 0;}
.brand-title{color:white;font-weight:bold;font-size: 25px;margin-bottom: 30px}
.brand-desc{margin-top:20px;line-height:25px;font-size:14px;color: #d1d1d1;}
    
/* Pages Officiel / Contact US */
.pages-card{margin: 2px;width:48%;}
.pages-card i{color:#384256;}
.pages-card .card-title{font-size: 14px;}
.contact-card{width:99%;margin:0 0 10px 0;float: none;clear: both;} 
.p-form .col-md-6{margin-bottom: 10px;}    
    
/* Faq */
.faq-collpase{margin-bottom: 10px;}
.faq-icon{background:#0069D9;padding:10px;width: 10%;}    
.faq-icon i{color:white;font-size:17px;}    
.faq-quest{padding:10px;text-align: right; font-weight:bold;font-size:13px;color:#212529;text-decoration:none;width: 90%;}    
.faq-body{background:#eff2f2;font-size:15;line-height:30px;}  

/* Profile */
.profileLeft{width: 99%;margin-top: 10px;}
.profileRight{width: 99%;margin-right: 0px;}
.profileRight .dropdown .btn{width: 99%;}
.display-btnprofile{display: block;}
    
.pcard-stats{width:99%;margin:0px;float: none;text-align: center;}    
.pcard-stats i{font-size: 13px;}    
.pt{font-weight: bold;color: #2b2b2b;} 
.profile-table{width:100%;font-size:14px;text-align:center;}    
.profile-table i{font-size:12px;}    
.p-title{font-weight:bold;font-size: 25px;color: #0069D9;} 

/* Messages */
.balon1, .balon2 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	}
.balon1 a {
	background: #42a5f5;
	color: #fff !important;
	border-radius: 20px 20px 3px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;

	}
.balon1:before {
	content: attr(data-is);
	position: absolute;
	left: 15px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
	}

.balon2 a {
	background: #f1f1f1;
	color: #000 !important;
	border-radius: 20px 3px 20px 20px;
	display: block;
	max-width: 100%;
	padding: 7px 13px 7px 13px;
	
	}
.balon2:before {
	content: attr(data-is);
	position: absolute;
	right: 13px;
	bottom: -1.8em;
	display: block;
	font-size: .750rem;
	color: rgba(84, 110, 122,1.0);
  
	}	
.bg-sohbet:before {
	content: "";
	opacity: 0.06;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height:100%;
	position: absolute;   
	}

/* Profile Add Agencie shworoom */
.p-form .col-md-6{margin-bottom: 10px;}  
.p-form .col-12{margin-bottom: 10px;}
.p-form .input-form{font-size: 15px;font-weight: bold;}
.p-form .select-form{font-size: 15px;font-weight: bold;}

.btn-form{margin:0 0 10px 10px;}      
    
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}   
@media screen and (min-width: 200px) and (max-width: 799px){.ppbox{width:100%;margin:auto;}} 
@media screen and (min-width: 800px) and (max-width: 2099px){.ppbox{width:50%;margin:auto;}}