boby{font-family: 'Open Sans', sans-serif; font-size:14px; color:#3f3a36;}



.logo-elbar{ padding:10px 10px;}

.carousel-caption { background-color: rgba(22, 175, 237, 0.8); bottom: 0; font-size:30px; font-weight:bold; text-transform:uppercase; color: #fff;left: 0;  position: absolute; right: 0; text-align: center; z-index: 10;}

.carousel-caption p{font-size:30px; color: #fff;padding:20px 0px 0; line-height:30px;}



h1{ font-size:35px; color:#3f3a36; text-transform:uppercase;  font-weight:600; margin:0; text-align:center;}

h1 span{color:#0099d2;}

h1.white{ font-size:35px; color:#fff; text-transform:uppercase;  font-weight:600; margin:0; text-align:center;}

h1.white30{ font-size:30px; color:#fff; text-transform:uppercase;  font-weight:600; margin:0; text-align:left;}

h2.white{ font-size:25px; color:#fff; text-transform:uppercase;  font-weight:600; margin:0;  opacity: 0.99 !important;}

h3{ font-size:20px; color:#3f3a36; text-transform:uppercase;  font-weight:500; margin:0; text-align: left;}







h6.white{ font-size:15px; color:#fff; text-transform:uppercase;  font-weight:500; margin:0; text-align:center;}

h6{ font-size:15px; color:#3f3a36; text-transform:uppercase;  font-weight:600; margin:0; text-align:left; line-height:20px;}

p{ font-size:14px; color:#3f3a36; line-height:24px;}

p.white{ font-size:14px; color:#fff; line-height:24px; opacity: 0.99 !important;}



.inner-title-bg{ background:#00adef; padding:20px 0;}



.button-blue{ background:#2e3192; font-size:16px; padding:10px 30px; border:0; color:#fff; text-transform:uppercase;}

.button-blue:hover{ background:#00a3d9;}



.button-white{ background:#fff; font-size:16px; padding:10px 30px; border:0; color:#button-white; text-transform:uppercase;}

.button-white:hover{ background:#2e3192; color:#fff;}



.img-border{ border:solid 2px #fff;}

.img-border-gray{ border:solid 1px #c4c4c4;}

.img-border-inner{ border:solid 1px #c4c4c4; margin:0 0 10px 20px;}





.compant-profile{ border:solid 2px #eeeeee; padding:20px;}



.listing{ padding:0; list-style: none; margin:}

.listing li{ font-size:14px; display: inline-block; padding-left:20px; margin-bottom:15px; color:#3f3a36; line-height:20px; display:block;}

.listing li:before{ content:'\f18e '; font-family:'FontAwesome'; font-size:14px; color:#0099d2; left:36px; margin:0 8px 0 0;}



.listing1{ padding:0; list-style: none; margin:}

.listing1 li{ font-size:14px; display: inline-block; padding-left:20px; margin-bottom:15px; color:#3f3a36; line-height:20px; display:block;}

.listing1 li:before{ content:'\f18e '; font-family:'FontAwesome'; font-size:14px; color:#0099d2;  left:16px;  margin:0 8px 0 0;}


.listing2{ padding:0; list-style: none; margin:}

.listing2 li{ font-size:14px; display: inline-block; padding-left:20px; margin-bottom:15px; color:#ffffff; line-height:20px; display:block;}

.listing2 li:before{ content:'\f18e '; font-family:'FontAwesome'; font-size:14px; color:#ffffff;  left:16px;  margin:0 8px 0 0;}




#counter {background: rgba(0, 0, 0, 0) url("../images/machin.jpg") repeat fixed 0 0 / cover ; position: relative; width: 100%;}



#counter::before {background: rgba(0, 163, 217, 0.9) none repeat scroll 0 0; bottom: 0; content: " "; height: 100%; position: absolute; width: 100%;}







#product{background: rgba(0, 0, 0, 0) url("../images/tower.jpg") repeat fixed 0 0 / cover ; position: relative; width: 100%;}

#product::before {background: rgba(0, 163, 217, 0.9) none repeat scroll 0 0; bottom: 0; content: " "; height: 100%; position: absolute; width: 100%;}



.footer{ background:#4a4d58; padding:20px 0; color:#fff; font-size:14px;}

.footer ul{ padding:0x; margin:0px; list-style:none; float:right;}

.footer ul li{ font-size:13px; text-transform:uppercase; color:#fff; float:left;}

.footer ul li a{color:#fff; text-decoration: none;}

.footer ul li a:hover{color:#fff; text-decoration:underline;}

.footer ul li:after{ content:'|'; padding:0 10px;}

.footer ul li:last-child:after { content:''}



.arrow-bg{ background:#ffffff; height:60px !important;}



@media  (max-width:1024px){

.footer ul li:after{ content:'|'; padding:0 7px;}

}



@media  (max-width:980px){

#cssmenu > ul > li > a { padding:50px 18px !important; font-size: 12px !important;  }

.footer{ background:#4a4d58; padding:20px 0; color:#fff; font-size:14px; text-align:center;}

.footer ul{padding:10px 20px;}

}



@media  (max-width:640px){ 

.carousel-caption p{ padding:20px 20px !important; font-size:16px; line-height:18px; }

}



@media  (max-width:360px){ 

.carousel-caption p{ padding:10px 10px !important; font-size:14px; }

}



@media  (max-width:640px){ 

#cssmenu {width: 100%; margin-top: -76px !important;  }

#cssmenu > ul > li > a { padding:20px 18px !important; font-size: 14px !important;  }

.logo-elbar {padding: 10px; width: 15%;}



.footer ul{ padding:0x; margin:0px; list-style:none; float:none; width:100%;}

.footer ul li{ font-size:13px; text-transform:uppercase; color:#fff; float:none; display:inline; margin-bottom:5px;}



}



@media  (max-width:480px){ 

#cssmenu {width: 100%; margin-top: -60px !important;  }

.logo-elbar {padding: 10px; width: 15%;}

}



@media  (max-width:360px){ 

#cssmenu {width: 100%; margin-top: -60px !important;  }

.logo-elbar {padding: 10px; width: 20%;}

}