body{font-family:'din-lightregular', sans-serif; font-size:14px;}
.container{width:100%; height:auto; font-family: 'din-lightregular', sans-serif; font-size:14px;}
.fl{float:left;}
.fr{float:right;}

.clb{clear:both;}

.padd-0{padding:0px !important;}
.col-centered{float: none; margin: 0 auto!important;}
.no-border{border:none !important;}
.no-bg{background:none !important;}
.padd-5{ padding:5px;}

.top-5{margin-top:5px;}
.top-10{margin-top:10px;}
.top-15{margin-top:15px;}
.top-20{margin-top:20px;}
.top-27{margin-top:27px;}
.top-30{margin-top:30px;}
.top-35{margin-top:35px;}
.top-38{margin-top:38px;}
.top-40{margin-top:40px;}
.top-45{margin-top:45px;}
.top-50{margin-top:50px;}
.top-55{margin-top:55px;}
.top-60{margin-top:60px;}
.top-80{margin-top:80px;}

.bottom-5{margin-bottom:5px;}
.bottom-10{margin-bottom:10px;}
.bottom-20{margin-bottom:20px;}
.bottom-40{margin-bottom:40px;}


.txt-center{text-align:center;}
.txt-right{text-align:right;}

.container-bg{ background:#FFF; color:#6d6e71;}
.nav-border{border-top:1px solid #aaacaf;border-bottom:1px solid #aaacaf;}

.container-100{ width:100%; height:auto;}

.header-bg{ background:#303030; padding-top:10px; padding-bottom:10px;}
.cart-txt{font-size:15px; color:#FFF;}
.select-item{ background:#1c1c1c; color:#FFF; padding:5px 10px; font-size:15px;}
.icon-container-bg{ background:#c98f00; padding-top:10px;padding-bottom:10px;}
.middle-container{ background:#303030; padding-top:10px;padding-bottom:20px;}
.pannel-bg{ background:#FFF; padding:2px;}
.pannel-heading{background:#000;color:#FFF; text-transform:uppercase; font-size:20px; padding-top:3px; padding-bottom:3px; font-weight:bold;}



.box-title{ font-size:30px; color:#FFF;}
.data-text{color:#FFF; font-size:17px; text-align:justify;}
.read-more{ background:#404040; font-size:17px; color:#FFF; padding:5px; text-decoration:none;}
.read-more:hover{ background:#404040; font-size:17px; color:#c98f00; padding:5px;text-decoration:underline;}

.box-title2{ font-size:30px; color:#2b2b2b; text-transform:uppercase; text-align:center; font-family: 'din-lightregular';}
.service-box{ background:#ededed; border:1px solid #ccc9c9; padding:1px;}
.service-box-title{font-size:18px; color:#2e2e2e; font-weight:bold;}
.service-box-text{font-size:15px; color:#2e2e2e; text-align:justify;}

.btn-more{ background:#7a7a7a; color:#FFF; text-align:center; font-size:15px; padding:5px 10px; font-weight:bold;}
.btn-more:hover{ background:#7a7a7a; color:#FFF; text-decoration:undeline; text-align:center; font-size:15px; padding:5px 10px;font-weight:bold;}
.testimonial-bg{ background:url(../images/testimonial-bg.jpg) no-repeat; padding-top:10px; padding-bottom:10px; border:1px solid #d3d3d3;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
.network-bg{background:url(../images/banner-4.jpg) no-repeat; height:400px;-webkit-background-size: cover;
  -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  
.contact-bg{background:url(../images/contact-bg.jpg) no-repeat; height:400px;-webkit-background-size: cover;
  -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.testimonial-bg2{background:url(../images/testimonial-bg-2.jpg) no-repeat; height:400px;-webkit-background-size: cover;
  -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  
.about-bg{background:url(../images/about-bg.jpg) no-repeat; height:400px;-webkit-background-size: cover;
  -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  
.services-bg-1{background:url(../images/services-bg-1.jpg) no-repeat; height:400px;-webkit-background-size: cover;
  -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  
.box-bg{ background:#e9e9e9; border:1px solid #d4d4d7;}
.box-title3{ background:#dedee0; color:#404040; text-transform:uppercase; font-size:19px; font-weight:bold; padding:5px 10px;}

.submit-btn{background:#5b5b5b; color:#FFF; text-align:center; padding:5px 15px; border:none;  font-weight:bold; text-decoration:none; font-size:18px;}
.submit-btn:hover{background:#edce00; color:#000; font-weight:bold; text-align:center; padding:5px 15px; border:none; text-decoration:none;}

.control-label{ font-size:16px; color:#000; font-weight:bold;}
.form-control{ font-size:16px; color:#000;}

.contact-title{font-size:25px; font-weight:bold;}
.contact-text{ font-size:17px; color:#000; font-weight:bold;}

.footer-bg{ background:#1c1c1c;padding-top:10px; padding-bottom:10px;}
.footer-nav{ border-bottom:1px solid #323232;border-top:1px solid #323232;}
.footer-nav ul{ list-style-type:none;}
.footer-nav ul li{ display:inline; font-size:18px; color:#4c4c4c;}
.footer-nav ul li a{font-size:18px; color:#4c4c4c; text-decoration:none; border-right:1px solid #4c4c4c; padding:0px 50px;}
.footer-nav ul li a:hover{font-size:18px; color:#c98f00; text-decoration:none; border-right:1px solid #4c4c4c; padding:0px 50px;}

.footer-text{color:#FFF; font-size:12px; margin-top:5px;}
.copy-bg{background:#000; color:#b2b0b0;padding-top:5px; padding-bottom:5px; font-size:11px;}
.copy-text{ font-size:13px; color:#7c7878;}
.copy-text a{color:#FFF; text-decoration:none;}
.copy-text a:hover{color:#c98f00; text-decoration:underline;}


.body-txt{ font-size:17px; text-align:justify; color:#000;}
.services-title{color:#c98f00; font-size:25px; font-weight:bold;}

.testimonial-box{background:#eaeaea; border:1px solid #dddcda;}
.testimonial-box-title{background:#dfdede; font-size:20px; color:#000; font-weight:bold; padding-top:8px;padding-bottom:8px;}
.testimonial-box-text{color:#000; font-size:16px;}

/*=======================menu=========*/

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{color: #5e5c5d;}
.dropdown-menu{ background-clip: padding-box; background-color: #000; color:#FFF; border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);display: none;float: left;font-size: 14px;left: 0;list-style: outside none none; margin: 2px 0 0; min-width: 160px;padding: 5px 0; position: absolute;top: 100%;z-index: 1000;}
	
.dropdown-menu > li > a{color:#FFF; text-transform:uppercase;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{ background-color:#454545; color:#FFF; text-decoration:none}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background:#1d1d1d;color:#FFF;}

.navbar{border-radius: 0px; width:100%; margin-bottom:0px; background:none;}
.navbar-bg{color:#5e5c5d; border-top:none;border-bottom:none; width:100% !important; background:#FFF;}
.navbar-default .navbar-nav > li > a{ color:#4c4c4c; font-weight:bold; font-size:20px; padding:15px 30px;}
.navbar-default .navbar-nav > li > a:hover{color:#c98f00; text-decoration:underline;}
.navbar-default .navbar-nav > .dropdown > a .caret{border-bottom-color: #b61a1b;border-top-color: #b61a1b;}

.dropdown-submenu{position:relative;}

.dropdown-submenu > .dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;   
-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}

.dropdown-submenu:hover > .dropdown-menu{display:block;}
.dropdown-submenu > a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;
    border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}

.dropdown-submenu:hover > a:after{border-left-color:#ffffff;}
.dropdown-submenu .pull-left{float:none;}
.dropdown-submenu.pull-left > .dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
	
.active-nav{text-decoration:underline; color:#d0b104!important;}

/*===============Testimonial==================*/
.testimonial-text{ font-size:20px; color:#2e2e2e; text-align:center; line-height:28px;}
blockquote{ padding:34px 20px;}
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}


/*=============Font==================*/


@font-face {
    font-family: 'din-lightregular';
    src: url('../fonts/dinl-webfont.eot');
    src: url('../fonts/dinl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinl-webfont.woff2') format('woff2'),
         url('../fonts/dinl-webfont.woff') format('woff'),
         url('../fonts/dinl-webfont.ttf') format('truetype'),
         url('../fonts/dinl-webfont.svg#din-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}