/*
Author       : Hash Theme.
Template Name: Davana - Industrial Constriction Business Html5 Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE 
    02. START HEADER STYLE
        2.1. Header style 2	
        2.2. Header style 3	
        2.3. Header style 4	
    03. START SLIDER STYLE 
    04. START ABOUT STYLE 
    05. START SERVICE STYLE
        5.1. service style 2	
        5.2. service style 3	
    06. START COUNTER STYLE 
    07. START PORTFOLIO STYLE 
    08. START TEAM STYLE
    09. START TESTIMONIAL STYLE
    10. START FAQ & QUERY FORM STYLE
    11. START CALL TO ACTION STYLE
    12. START BLOG POST STYLE
    13. START CLIENT LOGO STYLE
    14. START FOOTER STYLE
    15. START ABOUT US PAGE STYLE
    16. START SERVICES PAGE STYLE
    17. START SINGLE SERVICE PAGE STYLE
    18. START PORTFOLIO PAGE STYLE
    19. START TEAM PAGE STYLE
    20. START FAQ PAGE STYLE
    21. START 404 PAGE STYLE
    22. START CONTACT PAGE STYLE
    23. START BLOG PAGE STYLE
    24. START PRICE STYLE
    25. START SHOP PAGE STYLE
    26. START SINGLE PRODUCT STYLE
    27. START SHOP CART STYLE

	=============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01. GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: # F63;
    line-height: 1.9em;
    font-weight: 400;
    overflow-x: hidden;
    margin: auto;
    background: #fff;
}

/*START PRELOADER DESIGN*/

#page-preloader {
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
}
.preload-tetrominos {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-109px, -94px);
    -o-transform: translate(-109px, -94px);
    -ms-transform: translate(-109px, -94px);
    -webkit-transform: translate(-109px, -94px);
    -moz-transform: translate(-109px, -94px);
}
.preload-tetromino {
    width: 45px;
    height: 55px;
    position: absolute;
    transition: all ease 0.35s;
    -o-transition: all ease 0.35s;
    -ms-transition: all ease 0.35s;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    background: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 684"%3E%3Cpath fill="%23010101" d="M305.7 0L0 170.9v342.3L305.7 684 612 513.2V170.9L305.7 0z"/%3E%3Cpath fill="%23fff" d="M305.7 80.1l-233.6 131 233.6 131 234.2-131-234.2-131"/%3E%3C/svg%3E') no-repeat top center;
}

@keyframes preload-tetromino1 {
    0%, 40% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(47px, -26px);
    }
    60%,
    100% {
        transform: translate(94px, 0);
    }
}
@-o-keyframes preload-tetromino1 {
    0%, 40% {
        -o-transform: translate(0, 0);
    }
    50% {
        -o-transform: translate(47px, -26px);
    }
    60%,
    100% {
        -o-transform: translate(94px, 0);
    }
}
@-ms-keyframes preload-tetromino1 {
    0%, 40% {
        -ms-transform: translate(0, 0);
    }
    50% {
        -ms-transform: translate(47px, -26px);
    }
    60%,
    100% {
        -ms-transform: translate(94px, 0);
    }
}
@-webkit-keyframes preload-tetromino1 {
    0%, 40% {
        -webkit-transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(47px, -26px);
    }
    60%,
    100% {
        -webkit-transform: translate(94px, 0);
    }
}
@-moz-keyframes preload-tetromino1 {
    0%, 40% {
        -moz-transform: translate(0, 0);
    }
    50% {
        -moz-transform: translate(47px, -26px);
    }
    60%,
    100% {
        -moz-transform: translate(94px, 0);
    }
}
@keyframes preload-tetromino2 {
    0%, 20% {
        transform: translate(94px, 0px);
    }
    40%,
    100% {
        transform: translate(140px, 26px);
    }
}
@-o-keyframes preload-tetromino2 {
    0%, 20% {
        -o-transform: translate(94px, 0px);
    }
    40%,
    100% {
        -o-transform: translate(140px, 26px);
    }
}
@-ms-keyframes preload-tetromino2 {
    0%, 20% {
        -ms-transform: translate(94px, 0px);
    }
    40%,
    100% {
        -ms-transform: translate(140px, 26px);
    }
}
@-webkit-keyframes preload-tetromino2 {
    0%, 20% {
        -webkit-transform: translate(94px, 0px);
    }
    40%,
    100% {
        -webkit-transform: translate(140px, 26px);
    }
}
@-moz-keyframes preload-tetromino2 {
    0%, 20% {
        -moz-transform: translate(94px, 0px);
    }
    40%,
    100% {
        -moz-transform: translate(140px, 26px);
    }
}
@keyframes preload-tetromino3 {
    0% {
        transform: translate(140px, 26px);
    }
    20%,
    60% {
        transform: translate(94px, 53px);
    }
    90%,
    100% {
        transform: translate(47px, 26px);
    }
}
@-o-keyframes preload-tetromino3 {
    0% {
        -o-transform: translate(140px, 26px);
    }
    20%,
    60% {
        -o-transform: translate(94px, 53px);
    }
    90%,
    100% {
        -o-transform: translate(47px, 26px);
    }
}
@-ms-keyframes preload-tetromino3 {
    0% {
        -ms-transform: translate(140px, 26px);
    }
    20%,
    60% {
        -ms-transform: translate(94px, 53px);
    }
    90%,
    100% {
        -ms-transform: translate(47px, 26px);
    }
}
@-webkit-keyframes preload-tetromino3 {
    0% {
        -webkit-transform: translate(140px, 26px);
    }
    20%,
    60% {
        -webkit-transform: translate(94px, 53px);
    }
    90%,
    100% {
        -webkit-transform: translate(47px, 26px);
    }
}
@-moz-keyframes preload-tetromino3 {
    0% {
        -moz-transform: translate(140px, 26px);
    }
    20%,
    60% {
        -moz-transform: translate(94px, 53px);
    }
    90%,
    100% {
        -moz-transform: translate(47px, 26px);
    }
}
@keyframes preload-tetromino4 {
    0%, 60% {
        transform: translate(47px, 26px);
    }
    90%,
    100% {
        transform: translate(0, 0);
    }
}
@-o-keyframes preload-tetromino4 {
    0%, 60% {
        -o-transform: translate(47px, 26px);
    }
    90%,
    100% {
        -o-transform: translate(0, 0);
    }
}
@-ms-keyframes preload-tetromino4 {
    0%, 60% {
        -ms-transform: translate(47px, 26px);
    }
    90%,
    100% {
        -ms-transform: translate(0, 0);
    }
}
@-webkit-keyframes preload-tetromino4 {
    0%, 60% {
        -webkit-transform: translate(47px, 26px);
    }
    90%,
    100% {
        -webkit-transform: translate(0, 0);
    }
}
@-moz-keyframes preload-tetromino4 {
    0%, 60% {
        -moz-transform: translate(47px, 26px);
    }
    90%,
    100% {
        -moz-transform: translate(0, 0);
    }
}
/*END PRELOADER DESIGN*/

/*START SCROLL TO TOP*/

.topcontrol {
    background: #f4cb10;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 999;
    text-align: center;
    line-height: 40px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.topcontrol:hover {
    background: #333;
    color: #fff;
}
/*END SCROLL TO TOP*/

/* HELPER CLASSES */
.section-padding {
    padding: 100px 0;
    position: relative;
    float: left;
    width: 100%;
}
.section-back-image {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.pt-0 {
    padding-top: 0
}
.pb-0 {
    padding-bottom: 0
}
.no-padding {
    padding: 0
}
.no-margin {
    margin: 0
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px;
}
.bg-theme {
    background-color: #f4cb10 !important;
    border-color: #f4cb10 !important;
}
.bg-gray {
    background-color: #f9f9f9 !important;
}
.bg-dark {
    background-color: #333 !important;
}
.bg-main-1 {
    background-color: #d7b82f;
}
.bg-main-2 {
    background-color: #e9ce56;
}
.bg-main-3 {
    background-color: #e0c02e;
}
.cursor-pointer {cursor: pointer}
.overlay {
    position: relative;
    z-index: 1;
}
.overlay:before {
    background: #C93;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/*END SECTION TITLE DESIGN*/

/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02. START HEADER STYLE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 05. END SERVICE STYLE 
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06. START COUNTER STYLE
* ----------------------------------------------------------------------------------------
*/

.counter-section {
    padding: 50px 0;
    position: relative;
    float: left;
    width: 100%;
}
.single-counter {
    background: rgba(255, 255, 255, 0.18);
    padding: 15px;
    position: relative;
    margin: 10px 0 0px;
    -webkit-border-radius: 6px 12%;
    -moz-border-radius: 6px 12%;
    border-radius: 6px 12%;
}
.single-counter:hover .single-counter-icon {
    color: #fff;
    box-shadow: 0 0 0 4px #fff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.single-counter-icon {
    position: absolute;
    left: 0;
    top: -26px;
    right: 0;
    height: 80px;
    width: 80px;
    line-height: 90px;
    color: #fff;
    margin: 0 auto;
    display: inline-block;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}
.single-counter i {
    font-size: 30px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-counter-info {
    margin-top: 52px;
}
.single-counter h2 {
    color: #fff;
}
.single-counter h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}
/*
* ----------------------------------------------------------------------------------------
* 06. END COUNTER STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07. START PORTFOLIO STYLE
* ----------------------------------------------------------------------------------------
*/