/*
 * Start Bootstrap - Half Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
    color:#666666;
    font-size:15px;
    font-family:Verdana;
}



.social-media
{
	 position:fixed;
	 right:0;
	 top:40%;
	 width:45px;
	 z-index:99;		
}


.sm2 {
    display: none;
}



.social-media .socials {
		display:none;

	position: relative;
	overflow: hidden;	
	margin-top:0px;
	text-align:left;
	margin-bottom:0px;

}


.social-media ul 
{
	padding-left:0px;
}



.social-media .socials li {
    display: inline-block;	
    width: 45px;
    height: 45px;
}


.social-media .socials li a {
	width: 45px;
	height: 45px;
	position: relative;
	display: inline-block;
	font-size: 16px;
    line-height: 45px;
    border-radius: 0px;
    text-align: center;
    margin-left: 0px;
    color: #984d64;	
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;    
    opacity: .6;
}

.social-media .socials li a:hover {
	color: #fff;	   
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
}



.lang
{
	font-family:"Droid Arabic Naskh" !important;
	font-size:15px  !important;    
	padding: 0 20px;    
	color: #20a599;

}



#search {
  display: inline-block;
  position: relative;
  width: 170px;
  height: 35px;
  line-height: 35px;
  background: #e2e2e2;
  }


#search .input_wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 35px;
  border-radius: 0;
  -webkit-appearance: none;
}
#search input {
  display: block;
  position: relative;
  padding: 0px 10px;
  line-height: 35px;
  height: 100%;
  width: 100%;    
  font-size: 12px;
  outline: none;
  background-color: transparent;
  color: #a5a5a5;
  border: none;
  overflow: hidden;
  margin: 0;
}



#search span {
  display: inline-block;
  position: absolute;
  left: 23px;
  bottom: 22px;
  font-size: 15px;
  line-height: 20px;
  color: #d1d1d0;
}


label {
    margin-bottom: 0px;
}


.form-wrap  {
text-align:right;
display:inline-block;
}

.padding-right
{
				text-align:right;
}

.form-wrap a {
    height: 35px;
    color: #fff;
    line-height: 35px;
    text-decoration: none;
    width: 45px;    
    background-color: #20a599;
    font-size: 15px;
 }

.btn3 {
    display: inline-block;
    padding: 0px 0px;    
    text-align: center;
    }


.menu
{
	background-color:#fff;
    position: relative;
    z-index: 99;
    padding:10px 0;
    
}



.img-responsive-logo {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 15px auto auto auto;
}



.carousel {
    height: 350px;
    width: 1140px;
    margin: auto;
}

.item,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



.carousel-caption1 {
    position: absolute;
    right:25%;
    left:25%;
    bottom: 70px;
    margin:auto;
    z-index: 10;
    color: #fff;
    text-align:center;

}
.carousel-caption1 h2{
 font-size:30px;
 font-weight:bold;
 font-family:"Open Sans";
 margin-bottom:20px;
 height: 35px;
 overflow: hidden;
 background:url('../images/quotation.png') no-repeat left top;

}
.carousel-caption1 .text{
 font-size:21px;
 font-family:"Open Sans";
 font-weight:600;
 height: 60px;
 overflow: hidden; 
 background:url('../images/quotation2.png') no-repeat right bottom;


}

.carousel-control {
    width: 6%;
}






.welcome
{
	background-color:#fff;
	overflow:hidden;
	margin-top:40px;
}


.title
{
	font-family: 'PT Sans Narrow';
	font-size:35px;
	color:#00988b;
	margin-bottom:20px;
	margin-top:0px;
	border-bottom:2px #00988b solid;
}

.title span
{
    background-color: #fff;
    padding: 15px 15px 15px 0;	
}


.text-welcome
{
margin-bottom:15px;
height: 125px;
overflow: hidden;
}

.title-inner
{
	font-family: 'PT Sans Narrow';
	font-size:35px;
	color:#00988b;
	margin-bottom:20px;
	margin-top:0px;
	text-align:center;
	text-transform:capitalize;
}


.more
{
	 margin-bottom:10px;
}
.btn {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    text-transform:uppercase;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    font-family:Verdana;
}

.btn-default {
    color: #fff;
    background-color: #00988b;
    border-color: #00988b;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;

}

.btn-default:hover {
    color: #fff;
    background-color: #12bcad;
    border-color: #12bcad;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.products-all
{
	background-color:#fff;
	padding:40px 0 40px 0;
	text-align:center;
    }


.title-products
{
	font-family: 'PT Sans Narrow';
	font-size:35px;
	color:#00988b;
	margin-bottom:20px;
	margin-top:0px;
	text-align:center;
	text-transform:capitalize;
}




/* -----------FOOTER------------- */

.footer
{
	
	background-color:#00988b;
	padding:15px 0 5px 0;
	text-align:left;
	color:#fff;

}

.footer-title
{
font-family: 'PT Sans Narrow';
 color:#FFFFFF;
 font-size:19px;
 text-transform:capitalize;
 font-weight:bold; 
 padding-bottom:5px;

 
 
 }


.footer p
{
	
 color:#FFFFFF;
 font-size:14px;
 
 
 }
 
.footer li
{
	
  list-style:none;
  margin-bottom: 3px;
  display: inline;
}

.footer .form-group {
    margin-bottom: 0px;
}
.footer li a
{
	
 color:#FFFFFF;
 font-size:14px;
 list-style:none;
}


.footer a
{
	
 color:#FFFFFF;
 font-size:14px;
 list-style:none;
}


.footer .socials {
	display:none;
	position: relative;
	overflow: hidden;	
	margin-top:10px;
	text-align:left;
	float:left;
	margin-bottom:20px;
}

.footer ul 
{
	padding-left:0px;
}


.footer .socials li {
 display:inline-block;	
 width: 35px;
 height: 35px;
}


.footer .socials li a {
	width: 35px;
	height: 35px;
	position: relative;
	display: inline-block;
	font-size: 16px;
    line-height: 35px;
    text-align: center;
	color: #00988b;	
	background: #fff;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}

.footer .socials li a:hover {
	background: #00988b;
	color: #fff;
}


.footer .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0);
    background-image: none;
    border: 0px solid #ccc;
    border-bottom:1px #FFFFFF solid;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn2 {
    display: inline-block;
    padding: 10px 12px;
    margin-bottom: 0;
    font-size: 14px;
    color:#FFFFFF;
    width: 100%;
    margin-bottom:10px;
    text-transform:uppercase;
    font-weight: 700;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    background-color:#c6161d;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
}



.footer input::-webkit-input-placeholder {
color: #fff !important;
}
 
.footer input:-moz-placeholder { /* Firefox 18- */
color: #fff !important;  
}
 
.footer input::-moz-placeholder {  /* Firefox 19+ */
color: #fff !important;  
}
 
.footer input:-ms-input-placeholder {  
color: #fff !important;  
}




textarea::-webkit-input-placeholder {
color: #fff !important;
}
 
textarea:-moz-placeholder { /* Firefox 18- */
color: #fff !important;  
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
color: #fff !important;  
}
 
textarea:-ms-input-placeholder {  
color: #fff !important;  
}


.contacts {
    color:#FFFFFF;
    margin-bottom:0px;    
    font-size: 14px;
}


.btn-footer{
    color: #fff;
    background-color: #12bcad;
    border-color: #12bcad;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;

}

.btn-footer:hover {
    color: #fff;
    background-color: #12bcad;
    border-color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.copyright
{
	background-color:#fff;
	padding:5px 0 5px 0 ;
	color:#00988b;
	font-size:13px;
	text-align:center;
}


.copyright a
{
	color:#00988b;

}


.copyright a:hover
{
	color:#00988b;

}

.padding
{
   padding-left:60px;
}

.content-all
{
	background-color:#fff;
	margin-top:20px;
	overflow:hidden;
	margin-bottom:40px;
}









.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f5f5f5;
    background-image: none;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn-contact {
    color: #fff;
    background-color: #00988b;
    border-color: #00988b;
    text-transform:uppercase;    
    margin-top: 20px;    
}
.btn-contact:hover {
    color: #fff;
    background-color: #12bcad;
    border-color: #12bcad;
}


.calls
{
	margin-bottom:45px;
}

.text-subline {
    position: relative;
    height: 1px;
    padding: 0;
    background: #f2f3f8;
    border: none;
}

.text-subline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 40px;
    background: #00988b;
}

.calls-data
{
	margin-top:15px;
	color:#999999;
}


.calls-data a
{
	color:#999999;
}

.calls-data i
{
    color: #00988b;
    margin-right: 10px;
    font-size:18px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
    text-transform:capitalize;
}



.pic-header
{
	height:300px;
	overflow:hidden;"
}



.title-news
{
    font-size: 25px;
    color: #278876;
}


.date-news
{
	font-size: 14px;
    padding: 15px 0;
	color:gray;
}


.date-news i
{
padding-right:10px;
}






.btn-news{
    color: #fff;
    background-color: #00988b;
    border-color: #00988b;
    text-transform:uppercase;    
    margin-top: 20px;
}
    
.btn-news:hover {
    color: #fff;
    background-color: #12bcad;
    border-color: #12bcad;
}





.big-text
{
	margin-top:0;
	text-transform:capitalize;
	color:gray;    
	padding-right: 75px;    
	margin-bottom: 20px;
	font-size:24px;
}

.product-inner
{
	margin-top:10px;
}

.product-inner ul
{
	padding-left:0;
	text-align:center;
}



.product-inner ul li
{
    width: 270px;
    height: 265px;
    background-color: #fff;
    display: inline-block;
    padding: 0px;
    margin: 5px;
    border: 1px #d4d4d4 dashed;
}
.product-inner ul a li
{
    color: #666666;
}



.product-inner ul li img
{
	width: 250px;
    height: 180px;
    background-color:#fff;
	margin: 10px;
	display:inline-block;
}

.product-inner ul li .name
{
	text-align:center;
	background-color:#fff;
	display: table-cell;
    height: 60px;
    vertical-align: middle;   
	width:270px;
	overflow:hidden;
	border-top:1px #d4d4d4 dashed;
}


.brands
{
	margin-top:10px;
}

.brands ul
{
	padding-left:0;
	text-align:center;
}



.brands ul li
{
	
	width:250px;
	height:145px;
	background-color:#fff;
	display:inline-block;
	padding:0px;
	margin:10px;
	border:1px #d4d4d4 dashed;
}





.brands ul li img
{
	width:120px;
	height:80px;
	background-color:#fff;
	margin: 10px;
	display:inline-block;
}
.brands ul li .text {
    width: 245px;
    height: 103px;
    background-color: #fff;
    margin: 0px;
    display: grid;
    padding-top: 22px;
    color: #20a599;
    font-size: 18px;
}
.brands ul li .name
{
	text-align:center;
	background-color:#fff;
	display: table-cell;
    height: 40px;
    vertical-align: middle;   
	width:250px;
	overflow:hidden;
	border-top:1px #d4d4d4 dashed;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;    
    font-size: 14px;
    list-style: none;
    background-color: #20a599;
    border-radius: 0px;
}


.breadcrumb>li a{
    color: white;
}


.breadcrumb>.active {
    color: #90d8d1;
}


.video
{
	margin-top: 30px;
    text-align: center;
}


.video .row .col-md-4
{
	float:none;
	display:inline-table;    
	width: 33%;    
	margin-bottom: 20px;
}




.products-gallery
{
	width:100%;
	height:460px;
}




.text-products-gallery
{
margin-bottom:20px;
}