@charset "utf-8";
/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Titillium+Web:400,600';

p {margin: 0;}

.img-responsive {display: inline-block;}
    
 iframe {max-width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

a, .btn {transition: all 0.3s;}
a, div {word-wrap: break-word;}


.no_padding_left {padding-left: 0;}


body {font: normal 14px arial,sans-serif;	}


/******
| Header
***************************/

.header {background: #242424; padding: 10px 0 20px 0;}


.navbar-default .navbar-nav>li>a {
    color: #fff; font-size: 1.3em; padding: 7px 16px; margin-top: 10px; margin-right: 10px;
}
  .navbar-default .navbar-nav>li>a:hover {background: transparent; color: #fff; background:  #FFC300; border-radius: 5px;}

.navbar-default {background: transparent; border:none;}

.header_slogan {font-family: 'Titillium Web', sans-serif; COLOR: #FFC201; font-size: 1.5em; font-weight: bold; position: absolute; left: 10px; top: 90px;}

.header_line {height: 8px; background: url(/images/header_line.png); }

.current {
    background: #FFC300;
    border-radius: 5px;    
}

 .small_menu {display: none;}


.flexslider_container {background: #ECECEC; padding: 20px 0;}

 .flexslider .details {background: url(/images/Contact-On-Images.png); width: 421px; height: 101px;   
                              position: absolute; left: -5px; top: 250px; z-index: 999; 
                            }
    .flexslider .details .content {padding: 15px 0 0 25px;}
    
    .flexslider .details  a {color: #FFC300; font-size: 1.5em; display: block;}
     .flexslider .details  a:first-child {margin-bottom: 10px;}


.hp_slogan {padding: 5px 0 15px 0; background: #ECECEC; font-weight: bold; font-size: 3em; color: #000000;}


.hp_main_services {
    background: #242424; padding: 20px 0 20px 0;
}

	.hp_main_services .hp_service_title a{font-size: 1.14em; color: #FFC300; font-weight: bold; 
	                                                           margin-bottom: 5px; text-decoration: none; display: block;
	                                                         }
   .hp_service_text {color: #fff; padding: 10px 0 10px 0; min-height: 140px;}


   .hp_main_services .read_more:hover {opacity: 0.8;}


.hp_testimonials {background: #D1D1D1; padding: 15px 0;}

 .hp_testimonials .vticker {background: url(../images/Quote.jpg) left  0px no-repeat; margin-top: 5px;}
   
   .hp_testimonials .vticker li {min-height: 50px; padding-left: 40px; }
     .hp_testimonials .vticker li strong {display: inline-block; margin-top: 3px;}



.main {padding: 20px 0 50px 0; background: #242424; }
.page_content {color: #fff;}

.page_title {background: #363636; padding: 10px 8px; }
  .page_title h1 {margin:0; font-size: 1.6em; font-weight: bold; color: #fff;}

.categories_list {padding: 15px 0px; border-radius: 8px; background: #F3F3F3; }
  .categories_list li {}
  .categories_list li a {color: #000; display: block; margin: 0 0 4px 0; padding: 5px 0 5px 10px;}
  .categories_list li a:hover {background: #EFB90A; text-decoration: none;}

  .active_category {background: #EFB90A;}

.done_jobs {margin-top: 10px;}

.done_jobs .item {background: #424242; margin-bottom: 15px; color: #fff; padding: 25px 20px; min-height: 150px;}
   .done_jobs .item div{position: relative;}
  
   .done_jobs .title {font-weight: bold;}

  .before_img {position: absolute; top: -10px; left: -0px;}
  .after_img   {position: absolute; top: -10px; left: -0px;}

   .done_jobs .arrow {position:  absolute; top: 60px; left:  10px;}
   
   
   
   .testimonials .item {padding: 20px; color: #fff;}
   .odd_bg {background: #3A3A3A;}
   .even_bg {background: #898686; }
   .testimonials .item .title {font-weight: bold;}


   .services .item {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #FFC300;}
      .services .item a {color:#fff}
      .services .item a:hover {text-decoration: none;}
     
      .services .item .title {font-weight: bold; margin-bottom: 4px; font-size: 1.1em;}
      .services .item .description {margin-bottom: 5px;}
      .services .read_more {font-size: 0.9em;}


  .show_service {margin-top: 20px;}

  .show_service .one_row {margin-bottom: 20px;}

  .service_image_title {text-align:center; padding: 8px 3px 0 3px; background: url(/images/Product-Inner-Title.jpg) repeat-x;
                                   color: black; font-size: 0.9em; height: 83px;
                                 }
   .show_service .fancybox:hover {text-decoration: none;}
       .show_service .fancybox:hover  img {opacity: 0.7;}


   .articles a {color: #fff;}
    .articles a:hover {text-decoration: none;}
     .articles a:hover span.read_more {text-decoration: underline;}
    .articles .item {padding: 20px; color: #fff;}
     .articles .item .title {font-weight: bold;}
     .articles .item .description {margin-bottom: 3px;}
     .articles .item .read_more {font-size: 0.9em;}


  .map iframe {height: 450px;}


  .btn_send {color: #fff; border: 2px solid #FFC300; font-weight: bold; font-size: 1.2em; background: transparent;}
     .btn_send:hover {background: #FFC300; color: #fff;  opacity: 0.8;}







footer {background: #ECECEC; min-height: 100px; padding: 20px 0;}

.footer_terms {margin: 20px 0 10px 0;}


.imk {
    display: inline-block;   padding: 3px 12px;  background: #383838;  color: white; margin-top: 20px;
}
  .imk:hover, .imk:active, .imk:focus {color: #fff; opacity: 0.8;}







/*** Media Queries ***/

@media screen and (max-width: 1024px) {
	
	
}



@media screen and (max-width: 991px) {
	
	.header_small {padding: 8px 0; background: #242424; color: #fff;}
	
   .header_slogan_small {COLOR: #FFC201; font-size: 0.9em; }
    
   .header_small .ico {font-size: 1.7em;}
   
   .navbar-default {background: #242424;}
   .navbar-default .navbar-nav>li>a {
      color: #fff; font-size: 1.3em; padding: 7px 16px; margin-top: 5px; margin-left: 20px;
   }
  .navbar-default .navbar-nav>li>a:hover { border-radius: 0px;}
   
   .flexslider_container {padding-bottom: 10px;}
   .flexslider .details {width: 80%; top: 50px; background-color: #242424;  background-image: none;  height: 70px;}
    .flexslider .details  a {font-size: 1.1em;}
    
    .hp_slogan {font-size: 1.5em;}
    .hp_slogan .learn_more {height: 24px;}
      
    .hp_main_services .read_more {margin-bottom: 10px;}
    
    .categories_list {border-radius: 0; padding: 10px 10px; margin-bottom: 10px;}
    .categories_list ul {display: none; margin-top: 10px;}
    .categories_list .btn_open {border-radius: 0; border-top-left-radius: 5px;  border-top-right-radius: 5px; background: #FFC300; color: #242424;}
      .categories_list .btn_open:hover, .categories_list .btn_open:active, .categories_list .btn_open:focus {border-top-left-radius: 5px;  border-top-right-radius: 5px; }
    
    .done_jobs .title {padding: 15px 0;}
    
    .services .no_padding_left {padding-left: 15px;}
    .services .item .title {margin-top: 5px;}
    
      .map iframe {height: 250px;}
    
    
    .footer_links {margin-top: 10px;}
	
	
}


@media screen and (max-width: 640px) {
	
	
}
    
    
@media screen and (max-width: 320px) {
	
	
}


/*** 5 columns
***************************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: right;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}