/* Author : Ahmed Tamseer*//*global css class */*{padding: 0; margin: 0; box-sizing: border-box;}li{list-style: none;}.overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(33, 50, 104, .4);}.banner .overlay{z-index: 2;}.no-pad{padding: 0 !important;}.no-mar{margin: 0 !important;}.pad-30{padding: 30px !important;}.blue-background{background-color: #213268 !important;}.red-background{background-color: #e11e25 !important;}.white-text{color: #fff !important;}.list-hover,.card-list,.small-card-list{width: 100%; text-align: left; margin: 0; padding-left: 0; -webkit-padding-start: 0px;}.list-hover li{width: 100%; padding: 10px; cursor: pointer; transition: all .5s linear;}.list-hover li:hover,.card-list li:hover,.rental-service-ul li:hover{background-color: #213268; color: #e11e25; box-shadow: 1px 0 10px 1px #000; font-weight: bold;}.card-list li{display: inline-block; width: 45%; padding: 0; background-color: #fff; margin: 10px 0; height: 70px; position: relative;}.card-list li img{float: left; width: 70px; height: 70px;}.card-list li:nth-child(even) img{float: right;}.card-list li span{font-size: 18px; color: #000; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.card-list li:hover span{color: #e11e25;}.card-list,.small-card-list{text-align: center;}.small-card-list li{text-align: left; display: inline-block; width: 150px; height: 150px; text-align: center; overflow: hidden; position: relative; border: 1px solid; margin: 5px;}.small-card-list li:hover img{}.small-card-list li img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; transform: scale(2); background-color: #e11e25; transition: all .6s linear; opacity: .5;}.small-card-list li:hover img{transform: scale(1); opacity: 1;}.small-card-list li span{position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; border: 1px solid; box-sizing: border-box; background-color: rgba(33, 50, 104, 0.71); transition: all .8s ease-in-out;}.small-card-list li:hover span{border: none; transform: scale(1.2); left: 0; right: 0;}.download-brouch a{color: #06A7E0; font-size: 18px; display: block;}.navbar-fixed-top .download-brouch a{padding-top: 10px;}/*slider css*/.slider{width: 100%; margin: 0px auto;}.slick-slide{margin: 0px 0px;}.slick-slide img{width: 100%;}.slick-prev{left: 20px; z-index: 1;}.slick-next{right: 20px; z-index: 1;}.slick-prev:before,.slick-next:before{color: #fff;}.slick-dots{position: absolute; bottom: 0; z-index: 1;}#regular.slider div{position: relative;}#regular.slider div p{position: absolute; bottom: 0px; left: 0px; font-size: 18px; color: #fff !important; background: rgba(0, 0, 0, 0.8); padding: 5px 5%; width: 100%; text-align: left; margin: 0px; padding-bottom: 30px;}#clients-slider div,#clients-slider div img{margin: 10px;}#clients-slider .slick-prev:before,#clients-slider .slick-next:before{color: #e11e25; font-size: 30px;}/*navbar css*/.logo{height: 100%;}.navbar{min-height: 75px; background-color: rgba(225, 30, 37, .7);}.navbar .navbar-brand{background: transparent;}.navbar.top-nav-collapse{min-height: 50px; background: rgba(255, 255, 255, 0.7);}.navbar .navbar-brand{padding: 0; transition: 0.3s all ease;}.navbar-collapse{left: 50%; transform: translateX(-50%); position: absolute;}.nav>li>a{color: #fff; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}.navbar.top-nav-collapse .nav>li>a{color: #e11e25;}.nav>li>a:focus,.nav>li>a:hover,.nav>li.active a,.navbar.top-nav-collapse .nav>li.active a{background-color: transparent; color: #213268;}.navbar.top-nav-collapse .navbar-brand{padding: 15px;}.navbar .navbar-header .corner{position: fixed; left: 0; top: 0; max-width: 20%; z-index: 1041;}/*intro section*/.intro-section{text-align: center; background: #fff;}.intro-section h1{color: #0060AF;}/*about section*/.about-section{text-align: center; background-color: #06A7E0;}.about-section label,.about-section h3,.about-section h4{color: #213268}.about-section h1{text-align: center; color: #e11e25;}.about-section .about-us{background-image: url('../images/slide/man-power.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative;}.about-section .safety-policy{background-color: #06A7E0;}.about-section .safety-policy h3{color: #fff;}.about-section .overlay{background-color: rgba(255, 255, 255, .6);}.bordered-block{background-color: rgba(255, 255, 255, .6); margin: 10px; border: 10px solid rgba(255, 255, 255, .6); padding: 20px;}/*service section*/.services-section{text-align: center; background-image: url('../images/slide/general-contracting.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative;}.services-section .overlay{background-color: rgba(33, 50, 104, .8);}.serv-tabs li{list-style: none; display: inline-block; padding: 10px 20px; font-size: 18px; border-bottom: 2px solid transparent; z-index: 2; cursor: pointer;}.serv-tabs li img{filter: grayscale(1); transform: scale(.8) translate3d(0, 0, 0); transition: all .5s linear;}.serv-tabs li.active{border-color: #ffffff; color: #e11e25;}.serv-tabs li.active img{filter: grayscale(0); transform: scale(1) translate3d(0, 0, 0);}.service{display: none; z-index: 2; margin: 20px; background-color: rgba(0, 0, 0, .6); border: 15px solid rgba(255, 255, 255, .6);}.service .row{margin-bottom: 25px;}.service-ul{width: 33.33333333%; float: left;}.service-ul li{padding: 5px 5px; margin: 2px; background-color: #fff; color: #404040; cursor: pointer;}.service-ul li.active{background-color: #e11e25; color: #fff;}.service-images{width: 66.66666667%; float: left; height: 250px;}.service-images img{display: none; border: 10px solid;}.service-images img:first-child{display: inline-block;}.card{background-color: #fff; height: auto; box-shadow: 1px 1px 8px #000; color: #000; margin: 10px; transition: all .8s ease-in-out;}.card:hover{box-shadow: 2px 2px 15px 2px #000; margin: 10px 0;}.card-content{padding: 20px;}.card img{display: block; padding: 0; margin: 0;}.rental-service-ul{text-align: center;}.rental-service-ul li{display: inline-block; width: 45%; color: #000; background-color: #fff; box-sizing: border-box; transition: all .8s ease-in;}.ul-full li{width: 100%;}.domolish img{width: 100%; margin: 20px auto;}/*contact section*/.contact-section{text-align: center; background: #fff;}.dotted-line:after{font-size: 30px; line-height: 100px; content: '\2022\2022\2022\2022\2022\2022\2022\2022\2022'; letter-spacing: 10px; color: #CCC; position: absolute; top: 15px; right: -100px;}.contact-section img{max-width: 80px; padding: 20px; border: 2px solid #213268; border-radius: 50%; background-color: #fff;}.contact-section .col-md-4:hover img,.contact-section .col-md-4:focus img{border-color: #fff; background-color: #E6E6E6;}.contact-section a{font-weight: bold; color: #fff;}.contact-section .col-md-4:hover a,.contact-section .col-md-4:focus a{font-weight: bolder; color: #213268;}/*enquiry section*/.enquiry-section .enquiry-form{z-index: 9999; background-color: rgba(255, 255, 255, .5); position: fixed; top: 0; left: 0; bottom: 0; right: 0;}.enquiry-text{z-index: 10000; position: fixed; top: 50%; right: 0; transform: translateY(-50%); padding: 10px 5px 10px 10px; color: #fff; background-color: #06A7E0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #fff; border-right: none; cursor: pointer;}.enquiry-text div{line-height: 14px; font-size: 14px; text-align: center;}.enquiry-form{display: none;}.enquiry-form form{padding: 30px; background-color: rgba(33, 50, 104, .8); border-radius: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50vw; color: #fff;}.enquiry-form div{margin: 10px auto;}.enquiry-form span{cursor: pointer;}/*Bottom border from center animation*/.hvr-underline-from-center{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden;}.hvr-underline-from-center:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #213268; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before{left: 0; right: 0;}/*loader-screen*/.loader-screen{transition: 1s all ease; background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1040;}.loader-screen .corner-left,.loader-screen .corner-right{position: absolute; margin: 0;}.loader-screen .corner-left{top: 0px; left: 0px;}.loader-screen .corner-right{bottom: 0px; right: 0px; transform: rotateZ(180deg);}.loader-screen .loader-content{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; height: 150px; text-align: center;}.loader-screen .loader-logo{max-width: 100%; padding-bottom: 50px;}.loader-screen .loader-content .load-indicator{max-width: 30px;}.loader-screen.fade-loader{height: 0px; opacity: 0;}.btn.enquiry-submit-trigger{background-color: #e11e25; font-weight: bold; border: 1px solid transparent; transition: all .5s ease-in-out;}.btn.enquiry-submit-trigger:hover{color: #e11e25; background-color: #fff; border-color: #e11e25;}/*toast css*//* The snackbar - position it at the bottom and in the middle of the screen */#snackbar{visibility: hidden; /* Hidden by default. Visible on click */ min-width: 250px; /* Set a default minimum width */ margin-left: -125px; /* Divide value of min-width by 2 */ background-color: #333; /* Black background color */ color: #fff; /* White text color */ text-align: center; /* Centered text */ border-radius: 2px; /* Rounded borders */ padding: 16px; /* Padding */ position: fixed; /* Sit on top of the screen */ z-index: 10000; /* Add a z-index if needed */ left: 50%; /* Center the snackbar */ bottom: 30px; /* 30px from the bottom */}.snack-success{background-color: #32AD32 !important;}.snack-error{background-color: #e11e25 !important;}/* Show the snackbar when clicking on a button (class added with JavaScript) */#snackbar.show{visibility: visible; /* Show the snackbar */ /* Add animation: Take 0.5 seconds to fade in and out the snackbar. However, delay the fade out process for 2.5 seconds */ -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s;}/* Animations to fade the snackbar in and out */@-webkit-keyframes fadein{from{bottom: 0; opacity: 0;}to{bottom: 30px; opacity: 1;}}@keyframes fadein{from{bottom: 0; opacity: 0;}to{bottom: 30px; opacity: 1;}}@-webkit-keyframes fadeout{from{bottom: 30px; opacity: 1;}to{bottom: 0; opacity: 0;}}@keyframes fadeout{from{bottom: 30px; opacity: 1;}to{bottom: 0; opacity: 0;}}/* Small Devices, Tablets */.col-xs-6{padding-bottom: 25px;}.mobile-logo{display: none;}@media only screen and (max-width: 768px){.download-brouch{display: none;}#regular.slider div p{position: relative !important;}.mobile-logo{height: 50px; display: inline-block; margin-left: 50%; transform: translateX(-50%); padding: 10px;}.services-section.pad-30, .about-section .row.pad-30{padding: 0 !important;}.service{margin: 20px 0;}.service .col-md-12{padding: 0;}.serv-tabs{margin: 10px 0 !important;}.serv-tabs li{padding: 10px 0px;}.serv-tabs li img{filter: grayscale(0);}.serv-tabs li.active img{filter: grayscale(0);}.serv-tabs li.active img{filter: grayscale(1);}.card-list li{width: 100%;}.small-card-list li{width: 100px; height: 100px;}.small-card-list li img{transform: scale(1.2);}.small-card-list li span{padding: 10px;}.enquiry-form form{width: 90vw;}.navbar{min-height: auto; background: rgba(255, 255, 255, 0.7);}.navbar .container{margin: 0;}.navbar-toggle{background-color: #213268;}.navbar .container .navbar-collapse, .navbar-collapse li, .navbar-collapse li a{width: 100%; text-align: center; margin: 0; background-color: #262222;}.navbar-toggle .icon-bar{background-color: #fff;}.nav>li>a:focus, .nav>li>a:hover, .nav>li.active a, .navbar.top-nav-collapse .nav>li.active a{background-color: #777; color: #fff;}.navbar-collapse li a img{margin: 0 auto;}.service-ul{width: 100%; float: none;}.service-images{width: 100%; float: none;}}.half-width{width:50%;}