﻿/**    
* 
* ---------------------------------------------------------------------------
*
* Template Name: Megabuilder Factory & Construction HTML5 Responsive Template
* Template URL:	 https://megabuilders.co.in/
* Author : Megabuilder
* Description: This is industrial and factory HTML5 template
* Version : 1.0 
*
* --------------------------------------------------------------------------- 
*
*/

/*  ==================================
*   Table of Contents
*    ================================== 
*	1. global area 
*   2. header area
*   3. slider area
*   5. about us area
*   6. choose area 
*   7. destination area
*   8. service area
*   9. project area
*   9. client area
*   10. project count area
*   11. news area
*   12. brand area
*   13. footer area
*   15. team area
*   16. portfolio Part
*   17. contact us part
*   18. 404 part
*   19. coming soon part
*   20. thank you part
*	================================== */

/*  ================================
        1. global area
    ================================ */
 

/*  ================================
        3. slider area
    ================================ */

.slider-area {
    background-color: #272727;
}

.single-slider {
    position: relative;
    height: 500px;
}

.single-slider:before {
    /*background-color: rgba(0, 0, 0, 0.5);*/
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*.slider-one {*/
    /*background: url("../wp-content/themes/megabuilder/img/slider/abjena1.jpg") no-repeat scroll center center / cover;*/
    
   
/*}*/
.slider-one {
    background: url("../wp-content/themes/megabuilder/img/slider/abjena1.jpg") no-repeat scroll center center / cover;
    
 
}

/*.slider-two {
    background: url("../wp-content/themes/megabuilder/img/slider/abjena2.jpg") no-repeat scroll center center / cover;
    
}*/
.slider-two {
    background: url("../wp-content/themes/megabuilder/img/slider/abjena1.jpg") no-repeat scroll center center / cover;
    
 
}

/*.slider-three {
    background: url("../wp-content/themes/megabuilder/img/slider/abjena3.jpg") no-repeat scroll center center / cover;
}*/

.slider-three {
    background: url("../wp-content/themes/megabuilder/img/slider/abjena1.jpg") no-repeat scroll center center / cover;
    
 
}
/*.slider-four {
    background: url("http://localhost:6136/wp-content/themes/megabuilder/img/slider/Abjena4.jpg") no-repeat scroll center center / cover;
}*/
.slider-four {
    background: url("../wp-content/themes/megabuilder/img/slider/abjena1.jpg") no-repeat scroll center center / cover;
    
 
}

/*.slider-five {
    background: url("../wp-content/themes/megabuilder/img/slider/banner2.jpg") no-repeat scroll center center / cover;
}*/


.slider-table {
    display: table;
    height: 100vh;
    width: 100%;
}

.slider-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.slider-info h2 {
    font-size: 50px;
    line-height: 1.23;
    color: #FFBD1F;
}

.slider-info h2 span {
    color: #fff;
}

.slider-info p {
    color: #fff;
    margin: 30px 0 20px;
}

.slider-wraper .owl-nav div {
    background-color: #FFBD1F;
    color: #1a1a1a;
    height: 40px;
    font-size: 22px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    transition: all 0.5s ease 0s;
}

.slider-wraper div.owl-prev {
    left: auto;
    opacity: 0;
    left: -1%;
}

.slider-area:hover .slider-wraper div.owl-prev {
    left: 0;
    opacity: 1;
}

.slider-wraper div.owl-next {
    left: auto;
    opacity: 0;
    right: -1%;
}

.slider-area:hover .slider-wraper div.owl-next {
    right: 0;
    opacity: 1;
}

.slider-area .owl-dots,
.destination-img .owl-dots,
.testmonial-content .owl-dots {
    bottom: 80px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.slider-area .owl-dot,
.destination-img .owl-dot,
.testmonial-content .owl-dot {
    background-color: #FFBD1F;
    display: inline-block;
    height: 5px;
    margin: 0 2px;
    width: 25px;
}

.slider-area .owl-dot.active,
.destination-img .owl-dot.active,
.testmonial-content .owl-dot.active {
    background-color: #fff;
}
  