/*==================
	Author: Avisitz
	Author URI: https://themeforest.net/user/denthemes
	Description: AvisitzConz - Construction HTML5 Template
==================*/

/**=========================
[Table of contents]

01. BODY
02. COMMON
03. PAGES
04. TOP HEADER
05. HEADER
06. SLIDER
07. BREADCRUMB
08. PACKAGES
09. WHAT WE DO
10. WHO WE ARE
11. COUNTER
12. PROVIDING
13. PROJECTS
14. NEW PROJECT
15. WORKERS
16. HAPPY CLIENTS
17. BLOG
18. CLIENTS
19. FOOTER
20. SUB FOOTER
21. BACK TO TOP BTN
=========================**/

/**=========================
	START BODY
=========================**/
::-webkit-scrollbar{
    background-color: #ccc;
    width: 10px;
}
::-webkit-scrollbar-thumb{
    background-color: #f49a28;
}
::selection{
	color: #343435;
	background-color: #f49a28;
}
*{
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	font-size: 14px;
}
body{
	margin: 0px;
	padding: 0px;
	color: #343435;
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.5px;
	font-weight: 500;
	overflow-x: hidden;
}
/**=========================
	END BODY
=========================**/

/**=========================
	START COMMON
=========================**/
a,
a:hover{
	color: #343435;
	text-decoration: none;
	outline: none;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
}
h1,
h2,
h3,
h4,
h5,
h6{
	color: #343435;
	margin-bottom: 16px;
	text-transform: uppercase;
}
p{
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
}
li{
	color: #343435;
	list-style: none;
}
span,
b,
strong{
	font-size: 100%;
}
b,
strong{
	font-weight: 900;
}

/* Iframe */
iframe{
	width: 100%;
	height: 400px;
	border: 0;
	outline: 0;
	overflow: hidden;
}

/* Loader */
.loader{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: #FFF;
	text-align: center;
}
.loader img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; 
	margin: auto;
}

/* Padding */
.p-30{
	padding: 30px !important;
}
.ptb-20{
	padding: 20px 0px;
}
.ptb-40{
	padding: 40px 0px;
}
.ptb-60{
	padding: 60px 0px;
}
.ptb-80{
	padding: 80px 0px;
}
.ptb-100{
	padding: 100px 0px;
}
.ptb-120{
	padding: 120px 0px;
}
.ptb-140{
	padding: 140px 0px;
}
.ptb-80-40{
	padding: 80px 0px 40px;
}
.ptb-80-60{
	padding: 80px 0px 60px;
}
.pt-30px{
	padding-top: 30px;
}
.pb-30px{
	padding-bottom: 30px;
}

/* Margin */
.ml-10{
	margin-left: 10px;
}
.mr-10{
	margin-right: 10px;
}

/* Btn */
button,
button:focus,
button:active,
button:hover{
	box-shadow: 0 0 0 0;
	outline: 0;
}
.input-btn,
.input-btn:hover,
.input-btn:active,
.input-btn.active,
.input-btn.active:hover,
.input-btn.active:focus{
	outline: 0;
	box-shadow: 0 0 0 0;
	background-color: transparent;
}
.btn,
.page-link{
	padding: 12px 25px;
	border-radius: 5px;
	box-shadow: 0 0 0 0;
	outline: 0;
	text-transform: uppercase;
}
.btn-xl{
	padding: 15px 40px;
}
.btn-sm{
	padding: .25rem .5rem;
	box-shadow: 0 0 0 0;
	outline: 0;
}
.page-item.active .page-link{
	background-color: #f49a28;
	border-color: #f49a28;
	color: #343435;
}
.btn-primary,
.badge-primary,
.dropdown-item.active,
.dropdown-item:active,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link{
	color: #343435;
	background-color: #f49a28;
	box-shadow: 0 0 0 0;
	outline: 0;
	border-color: #f49a28;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-light.focus,
.btn-light:focus{
	color: #f49a28;
	border-color: #343435;
	outline: 0 !important;
	box-shadow: 0 0 0 0 !important;
	background-color: #343435;
}
.select-scroll .dropdown-item.active:hover,
.select-scroll .dropdown-item:active:hover{
	background-color: #f49a28;
	color: #fff;
}
.btn-active{
	background-color: #343435;
	color: #f49a28;
}
.btn-border{
	color: #343435;
	border: 1px solid #343435;
}
.btn-border:hover{
	color: #fff;
	background-color:#343435;
}
.btn-white{
	color: #343435;
	background-color: #fff;
}
.btn-white:hover{
	color: #f49a28;
	background-color: #343435;
}
.btn-secondary{
	background-color: #343435;
	border-color: #343435;
}
.btn-secondary:hover{
	background-color: #335763;
	border-color: #335763;
}
.badge{
	border-radius: 0;
}

/* Pagination */
.pagination .page-link{
	color: #343435;
	outline: 0;
	box-shadow: 0 0 0 0;
}
.pagination .page-item{
	margin-right: 7px;
}
.pagination-btn nav{
	display: inline-block;
}

/* Colors */
.color-white{
	color: #fff;
}
.color-secondary{
	color: #343435;
}
.color-black{
	color: #222222;
}
.color-primary{
	color: #f49a28;
}
.color-success{
	color: #6ac059;
}
.color-info{
	color: #10aad6;
}
.color-warning{
	color: #ebde4b;
}
.color-danger{
	color: #eb5454;
}

/* Heading Border Bottom */
.head-after{
	position: relative;
	display: inline-block;
}
.head-after:before{
	content: "";
	position: absolute;
	background-color: #f49a28;
	width: 25%;
	height: 2px;
	left: 0px;
	bottom: -10px;
}

/* Images */
.img-bg{
	position: relative;
	margin-bottom: 1rem;
}
.img-bg-1 img{
	width: 100%;
	border-radius: 5px;
	border-bottom: 10px solid #343435;
}
.img-bg-2 img{
	width: 320px;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    border: 20px solid rgba(255, 255, 255, 1);
}

/* Icons */
.social-icons a{
	background: #f49a28;
	border-radius: 5px;
	margin: 0px auto;
	width: 35px;
    height: 35px;
    line-height: 33px;
    display: inline-block;
    text-align: center;
    color: #343435;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
}
.social-icons a:hover{
	background-color: #fff;
}
.social-icons a:hover i{
	color: #343435;
}

/* Bg */
.white-bg{
	background-color: #ffffff;
}
.light-bg{
	background-color: #eeeeee;
}
.primary-bg{
	background-color: #f49a28;
}
.secondary-bg{
	background-color: #343435;
}

/* Blockquote */
blockquote{
	font-style: italic;
    border-left: 5px solid #f49a28;
    padding: 10px 20px;
}

/* Card */
.card{
	width: 100%;
	border-radius: 5px;
	padding: 30px;
	margin-bottom: 2rem;
	border: 10px solid transparent;
	display: inline-block;
	box-shadow: 0px 0px 20px 0px rgba(62, 62, 101, 0.13);
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.card:hover,
.card-active{
	border-bottom: 10px solid #f49a28;
	box-shadow: 0px 0px 20px 10px rgba(62, 62, 101, 0.1);
}

/* Form Control */
::placeholder{
    color: #666 !important; 
}  
:-ms-input-placeholder{
    color: #666 !important; 
}
::-ms-input-placeholder{
    color: #666 !important; 
}
.form-control,
select,
select.form-control:not([size]):not([multiple]){
	border-radius: 5px;
    padding: 12px 25px;
    height: auto;
    font-size: 14px;
    outline: 0 !important;
    box-shadow: 0 0 0 0 !important;
	border: 2px solid rgba(44, 70, 79, 0.2);
	color: #343435;
}
.form-control:focus,
.form-control:active{
	outline: 0;
	box-shadow: 0 0 0 0;
	border: 2px solid rgba(44, 70, 79, 0.2);
	border-bottom: 2px solid #f49a28;
}
.center-form{
	width: 50%;
	text-align: center;
	margin: 0px auto;
}
.input-group-prepend{
	width: 100%;
}
.input-group .input-group-prepend .btn{
	padding: 0px 25px;
	border-radius: 5px;
}

/* Theme Row */
.t-row{
	margin-left: -15px;
	margin-right: -15px;
}

/* Border */
.border-bottom-light{
	border-bottom: 1px solid #ddd;
}

/* Icons */
.mdi-bg{
	font-size: 40px;
    background: #f49a28;
    color: #fff;
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.mdi-30px{
	font-size: 30px;
}
.mdi-40px{
	font-size: 40px;
}
.mdi-60px{
	font-size: 60px;
}
.mdi-80px{
	font-size: 80px;
}
.mdi-100px{
	font-size: 100px;
}

/* Collapse */
.collapse-btn i{
	line-height: 22px;
	margin-right: 5px;
	color: #f49a28;
}
button[aria-expanded="true"] i:before{
	content: "\f374";
}
.collapse-head{
	box-shadow: 0px 0px 20px 10px rgba(62, 62, 101, 0.1);
	margin-bottom: 1rem;
}
.collapse-head p{
	margin-bottom: 0;
	padding: 15px 20px;
}
.collapse-head button{
	color: #343435;
	background-color: #fff;
    width: 100%;
    display: inline-flex;
    padding: 16px 20px;
}
.collapse-head button:hover{
	cursor: pointer;
}
button[aria-expanded="true"]{
	background-color: #343435;
	color: #fff;
}
/**=========================
	END COMMON
=========================**/

/**=========================
	START PAGES
=========================**/
.page-not-found h1{
	font-size: 200px;
	margin-bottom: 40px;
}
.page-not-found i{
	font-size: 60px;
	line-height: 0;
	position: relative;
	top: 11px;
}
/* coming soon */
.coming-soon-bg{
	background-image: url(../images/img-1.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.coming-soon-content{
	position: absolute;
	margin: 0px auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.time-bg{
	font-size: 60px;
	text-align: center;
	margin: 0px auto;
	width: 100%;
	position: relative;
}
#time span{
	text-transform: uppercase;
	text-align: center;
	padding: 10px 20px;
	margin: 7px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	border: 5px solid #f49a28;
}
.coming-soon-content .btn:hover{
	color: #fff;
}
/**=========================
	END PAGES
=========================**/

/**=========================
	START TOP HEADER
=========================**/
#top-header{
	padding: 7px 0px;
}
.t-left-side{
	float: left;
}
.t-right-side{
	float: right;
}
#top-header ul{
	margin: 0px;
	padding: 0px;
	display: inline-block;
}
#top-header li{
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
#top-header .t-left-side li{
	margin-right: 25px;
	position: relative;
}
#top-header.secondary-bg .t-left-side li, #top-header.secondary-bg .t-left-side li a{
	color: #fff;
}
#top-header .t-left-side li:after{
	content: "";
    position: absolute;
    top: 0px;
    left: -14px;
    background-color: #343435;
    width: 1px;
    height: 20px;
}
#top-header.secondary-bg .t-left-side li:after{
	background-color: #f49a28;
}
#top-header .t-left-side li:first-child:after{
	display: none;
}
#top-header .t-left-side i{
	color: #f49a28;
	line-height: 0;
    position: relative;
    top: 3px;
}
/**=========================
	END TOP HEADER
=========================**/

/**=========================
	START HEADER
=========================**/
#header{
	margin: 0px;
	padding: 0px 0px;
	border-bottom: 1px solid #ddd;
}
.header-fixed{
	position: fixed;
	top: 0;
	z-index: 999;
	background-color: #fff;
	width: 100%;
	animation: 1s menuFix;
	-webkit-animation: 1s menuFix;
	-o-animation: 1s menuFix;
	-moz-animation: 1s menuFix;
}
.logo{
	text-align: left;
}
#header .navbar{
	padding: 0px;
}
#header .navbar-brand{
	font-size: 30px;
}
#header .navbar-brand span{
	color: #f49a28;
}
#header .nav-item{
	position: relative;
}
#header .nav-item i.navhome-icon{
    line-height: 0px;
    position: relative;
    top: 3px;
}
#header .nav-item.active a,
#header .nav-item a:hover{
	border-bottom: 3px solid #f49a28;
}
#header .nav-item .btn:hover{
	color: #fff;
}
#header .nav-link{
	margin: 27px 7px;
	text-transform: uppercase;
}
#header .dropdown-menu{
	margin: 0px;
	padding: 0px;
	border-radius: 0;
	background-color: #fff;
	font-size: 14px;
	min-width: 14rem;
}
#header .dropdown-active a.dropdown-toggle{
	border-bottom: 3px solid #f49a28;
}
#header .dropdown-menu .dropdown-item{
	padding: 10px 20px;
	color: #343435;
}
#header .dropdown.active .dropdown-menu .dropdown-item{
	border-bottom: 0;
}
#header .dropdown-menu .dropdown-item:hover,
#header .dropdown.active .dropdown-menu .dropdown-item:hover{
	background-color: #f49a28;
	color: #343435;
	border-bottom: 0px;
}
#header .dropdown.active .dropdown-menu a{
	color: #343435;
}
#header .dropdown.active .dropdown-menu .dropdown-item.active{
	background-color: #f49a28;
	color: #343435;
}
.menu-btn{
	margin: 22px 0px 22px 20px;
}
#header .navbar-toggler{
	border-radius: 5px;
	background-color: #f49a28;
	outline: 0;
	border: 0;
	padding: 12px;
}
#header .navbar-toggler i{
	color: #343435;
}
#header .navbar-toggler[aria-expanded="true"] i:before{
	content: "\f156";
}
/* Multilevel Dropdown */
.dropdown-submenu{
    position: relative;
}
.dropdown-submenu>.dropdown-menu{
    top: 0;
    left: auto;
    right: 100%;
}
.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: #343435;
    margin-top: 5px;
    margin-right: -10px;
}
#header .multi-level .dropdown-menu .dropdown-item{
	padding-left: 30px;
}
/**=========================
	END HEADER
=========================**/

/**=========================
	START SLIDER
=========================**/
#main-slider{
	background-color: #eee;
	position: relative;
}
#main-slider .carousel-indicators{
	display: none;
}
#main-slider .carousel-item{
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#main-slider .carousel-item:before{
	content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
	background-color: #343435;
	opacity: 0.4;
}
#carouselExampleIndicators h5,
#carouselExampleIndicators h3,
#carouselExampleIndicators p{
	color: #fff;
}
#carouselExampleIndicators h3{
	font-size: 60px;
}
#carouselExampleIndicators h5{
	margin-bottom: 1.5rem;
}
.carousel-indicators .active{
	background-color: #343435;
}
.carousel-indicators:hover{
	cursor: pointer;
}
#carouselExampleIndicators .carousel-item{
	height: 700px;
	background-position: top;
}
#carouselExampleIndicators .carousel-caption{
	width: 40%;
	position: absolute;
	left: 50%;
	top: 46%;
	transform: translate(-50%, -50%);
	margin: 0px auto;
}
#carouselExampleIndicators .carousel-caption .container{
	animation: 1s bcktop;
	-webkit-animation: 1s bcktop;
	-o-animation: 1s bcktop;
	-moz-animation: 1s bcktop;
}
#carouselExampleIndicators .carousel-caption .btn{
	margin: 3px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
	padding: 20px;
}
#main-slider .carousel-indicators{
	text-align: center;
	bottom: 10%;
}
.carousel-indicators li{
	display: inline-block;
}
/**=========================
	END SLIDER
=========================**/

/**=========================
	START BREADCRUMB
=========================**/
#breadcrumb{
	padding: 20px 0px;
	position: relative;
	background-image: url(../images/img-6.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	z-index: 1;
	text-align: center;
}
#breadcrumb:before{
	content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
	background-color: rgba(44, 70, 79, 0.5);
	z-index: -1;
}
.breadcrumb-item+.breadcrumb-item::before{
	color: #fff;
	opacity: 0.5;
	content: "\f9c0";
	font-family: "Material Design Icons";
}
#breadcrumb h1{
	color: #fff;
}
#breadcrumb ol{
	margin-bottom: 0;
}
#breadcrumb li{
	display: inline-block;
	font-size: 30px;
}
#breadcrumb li a{
	color: #f49a28;
	font-size: 100%;
}
#breadcrumb li a:hover{
	color: #fff;
}
#breadcrumb li.active{
	color: #fff;
}
/**=========================
	END BREADCRUMB
=========================**/

/**=========================
	START WHAT WE DO
=========================**/
#packages{
    padding: 80px 0px 60px;
}
#packages .card{
	text-align: center;
}
#packages .card:hover,
#packages .card.active{
	margin-top: -10px;
	border-bottom: 10px solid #f49a28;
	box-shadow: 0px 0px 20px 10px rgba(62, 62, 101, 0.1);
}
#packages .card:before{
	font-family: "Material Design Icons";
	font-size: 150px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	margin: 0px auto;
	text-align: center;
	opacity: 0.1;
	color: #343435;
}
#packages .packages-card-1:before{
	content: "\f990";
}
#packages .packages-card-2:before{
	content: "\fcf2";
}
#packages .packages-card-3:before{
	content: "\f876";
}
#packages .packages-card-4:before{
	content: "\fe6c";
}
#packages li{
	line-height: 40px;
}
#packages ul li i{
	position: relative;
	top: 4px;
}
#packages .card-price-1 h2 i{
	position: relative;
    left: 5px;
    font-size: 26px;
}
#packages .btn.card-price-1{
	margin-bottom: 1rem;
}
#packages .btn.card-price-1 h2{
	margin-bottom: 0;
}
#packages .btn.card-price-1:hover h2{
	color: #f49a28;
}
#packages .card-price-1 h2 span{
	font-size: 14px;
}
/**=========================
	END WHAT WE DO
=========================**/

/**=========================
	START WHAT WE DO
=========================**/
#what-we-do{
	margin-top: -80px;
    padding: 60px 0px 0px;
}
#what-we-do .card{
	text-align: center;
	margin-bottom: 0;
}
#what-we-do .card:hover,
#what-we-do .card.active{
	margin-top: -10px;
	border-bottom: 10px solid #f49a28;
	box-shadow: 0px 0px 20px 10px rgba(62, 62, 101, 0.1);
}
#what-we-do .card:before{
	font-family: "Material Design Icons";
	font-size: 150px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	margin: 0px auto;
	text-align: center;
	opacity: 0.1;
	color: #343435;
}
#what-we-do .whatwedo-card-1:before{
	content: "\f990";
}
#what-we-do .whatwedo-card-2:before{
	content: "\fcf2";
}
#what-we-do .whatwedo-card-3:before{
	content: "\F8BA";
}
#what-we-do .whatwedo-card-4:before{
	content: "\F0C3";
}
/**=========================
	END WHAT WE DO
=========================**/

/**=========================
	START WHO WE ARE
=========================**/
#who-we-are{
	padding: 80px 0px 75px;
}
#who-we-are .video-btn{
	position: relative;
}
#who-we-are small{
	font-size: 100%;
}
#who-we-are .pulse button{
	position: absolute;
	left: 50%;
    right: 0px;
    top: 50%;
	text-align: center;
	margin: 0px auto;
	z-index: 9;
	padding-left: 22px;
	padding-right: 22px;
}
#who-we-are .pulse button:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 5px;
	animation: pulse_animation 2s infinite;
	-webkit-animation: pulse_animation 2s infinite;
	-moz-animation: pulse_animation 2s infinite;
	z-index: -1;
}
#who-we-are .pulse button:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 5px;
	animation: pulse_animation 1s infinite;
	-webkit-animation: pulse_animation 1s infinite;
	-moz-animation: pulse_animation 1s infinite;
	z-index: -1;
}
#who-we-are .modal-content{
	border-radius: 5px;
}
/**=========================
	END WHO WE ARE
=========================**/

/**=========================
	START COUNTER
=========================**/
#counter{
	padding: 80px 0px 90px;
	text-align: center;
}
.counter-bg{
	position: relative;
	background-image: url(../images/img-3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	z-index: 9;
}
.counter-bg:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(44, 70, 79, 0.5);
	z-index: -1;
}
#counter .counter-col{
	position: relative;
}
#counter .counter-col:after{
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0px;
	top: 0px;
	width: 1px;
	height: 100%;
	background-color: rgba(255, 255, 255, 1);
}
#counter .counter-col:last-child:after{
	display: none;
}
#counter .timer{
	font-weight: 900;
	font-size: 2.5rem;
	color: #fff;
	margin-left: 10px;
}
#counter h4{
	margin-bottom: 0;
	color: #fff;
}
#counter .counter-img{
	text-align: left;
}
#counter .counter-img img{
	position: absolute;
	left: 70px;
	bottom: -90px;
    width: 160px;
}
/**=========================
	END COUNTER
=========================**/

/**=========================
	START PROVIDING
=========================**/
#providing{
	padding: 80px 0px 60px;
	text-align: center;
}
/**=========================
	END PROVIDING
=========================**/

/**=========================
	START PROJECTS
=========================**/
#projects{
	padding: 80px 0px 85px;
}
#projects.projects-bg{
	position: relative;
	background-image: url(../images/img-5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	z-index: 9;
}
#projects.projects-bg:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(44, 70, 79, 0.7);
	z-index: -1;
}
#projects.projects-bg h1{
	color: #fff;
}
#projects .slick-prev,
#projects .slick-next{
	right: 12px;
}
.project-grid{
	padding: 80px 0px 70px;
}
.project-single{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 50%;
}
.project-single li{
	line-height: 36px;
}
.project-single i{
	position: relative;
	top: 2px;
	right: 6px;
	font-size: 20px;
	line-height: 0;
}
.project-single i:before{
	width: 10px;
    height: 0px;
}
/* Filter */
.filters-group{
	text-align: center;
}
.filters-group li{
	display: inline-block;
	background: #f49a28;
    color: #343435;
    margin-bottom: 5px;
}
.filters-group .btn-active{
	background-color: #343435;
	color: #f49a28;
}
.filter-content a{
	font-size: 100%;
}
.isotope-item{
	z-index: 2;
}
.isotope-hidden.isotope-item{
	pointer-events: none;
	z-index: 1;
}
.isotope,
.isotope .isotope-item{
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope{
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item{
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
/* Grid */
.grid{
	position: relative;
	margin: 0 auto;
	list-style: none;
}
.grid .grid-effect{
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	background: #343435;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.grid .grid-effect img{
	position: relative;
	display: block;
}
.grid .grid-effect .p-grid-content{
	padding: 2em;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid .grid-effect .p-grid-content::before,
.grid .grid-effect .p-grid-content::after{
	pointer-events: none;
}
.grid .grid-effect .p-grid-content{
	padding: 3em;
}
.grid .grid-effect .p-grid-content::before,
.grid .grid-effect .p-grid-content::after{
	position: absolute;
	content: '';
	opacity: 0;
}
.grid .grid-effect .p-grid-content::before{
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.grid .grid-effect .p-grid-content::after{
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.grid .grid-effect h2{
	padding-top: 15%;
	opacity: 0;
	color: #fff;
	margin-bottom: 0;
}
.grid .grid-effect p{
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}
.grid .grid-effect img,
.grid .grid-effect .p-grid-content::before,
.grid .grid-effect .p-grid-content::after,
.grid .grid-effect p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.grid .grid-effect:hover img{
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.grid .grid-effect:hover:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: 10px solid #f49a28;
}
.grid .grid-effect:hover .p-grid-content::before,
.grid .grid-effect:hover .p-grid-content::after{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.grid .grid-effect:hover h2,
.grid .grid-effect:hover p{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.grid .grid-effect:hover .p-grid-content::after,
.grid .grid-effect:hover h2,
.grid .grid-effect:hover p,
.grid .grid-effect:hover img{
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
/**=========================
	END PROJECTS
=========================**/

/**=========================
	START NEW PROJECT
=========================**/
#new-project{
	padding: 60px 0px;
}
#new-project.new-project-bg{
	position: relative;
	background-image: url(../images/img-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	z-index: 9;
}
#new-project.new-project-bg:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(44, 70, 79, 0.5);
	z-index: -1;
}
#new-project.new-project-bg h1,
#new-project.new-project-bg p{
	color: #fff;
}
/**=========================
	END NEW PROJECT
=========================**/

/**=========================
	START WORKERS
=========================**/
#workers{
	padding: 80px 0px 60px;
}
#workers .workers-img{
	position: relative;
	border-radius: 5px;
}
#workers .social-icons{
	position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    display: none;
}
#workers .workers-col:hover .social-icons{
	display: block;
	animation: bcktop 1s forwards;
	-webkit-animation: bcktop 1s forwards;
	-moz-animation: bcktop 1s forwards;
	-o-animation: bcktop 1s forwards;
}
#workers .workers-active .social-icons{
	display: block;
	animation: bcktop 0s forwards;
	-webkit-animation: bcktop 0s forwards;
	-moz-animation: bcktop 0s forwards;
	-o-animation: bcktop 0s forwards;
}
#workers .workers-col:hover .workers-img:before,
#workers .workers-active .workers-img:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #343435;
	opacity: 0.5;
}
#workers .social-icons li{
	display: inline-block;
}
#workers .card{
	padding: 0px;
	text-align: center;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
/**=========================
	END WORKERS
=========================**/

/**=========================
	START HAPPY CLIENTS
=========================**/
#happy-clients{
	padding: 80px 0px 90px;
	text-align: center;
}
.happy-clients-bg{
	position: relative;
	background-image: url(../images/img-7.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	z-index: 9;
}
.happy-clients-bg:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(44, 70, 79, 0.7);
	z-index: -1;
}
#happy-clients .head-after{
	color: #fff;
}
#happy-clients .card{
	padding-right: 60px;
    padding-left: 60px;
    margin-bottom: 0;
}
#happy-clients .card:before{
	content: "\f756";
	font-family: "Material Design Icons";
	font-size: 150px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	margin: 0px auto;
	text-align: center;
	opacity: 0.15;
	color: #343435;
}
#happy-clients .hclients-img img{
	width: auto;
    position: absolute;
	top: -10px;
    left: -25px;
    right: 0;
}
.star-rating{
	margin-bottom: 0;
}
.star-rating li{
	display: inline-block;
}
/**=========================
	END HAPPY CLIENTS
=========================**/

/**=========================
	START BLOG
=========================**/
#blog{
	padding: 80px 0px 60px;
}
#blog img{
	border-radius: 5px;
}
#blog .card{
	padding: 0;
}
#blog .blog-img{
	position: relative;
}
#blog .blog-date{
	position: absolute;
	bottom: -10px;
	left: 10px;
}
#blog .blog-content .blog-title{
	font-weight: 100;
	line-height: 26px;
	text-transform: unset;
}
#blog .blog-content .blog-title a{
	font-size: 100%;
}
#blog .card li{
	display: inline-block;
	position: relative;
	margin-right: 20px;
}
#blog .card li+li:before{
	content: "/";
	position: absolute;
	left: -15px;
    color: rgba(0, 0, 0, 0.5);
}
#blog .blog-body{
	padding: 30px;
}
#blog a:hover{
	color: #888;
}
#blog a.btn:hover{
	color: #f49a28;
}
.blog-share li{
	display: inline-block;
}
.side-nav-bar li{
	line-height: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.side-nav-bar li:last-child{
	border-bottom: 0;
}
.tags li{
	margin-bottom: 4px;
	display: inline-block;
}
#blog .pagination{
	margin-bottom: 1.5rem;
}
#blog .pagination .page-item.active,
#blog .pagination .page-item.active:hover .page-link{
	background-color: #f49a28;
	color: #343435;
}
#blog .pagination .page-item .page-link:hover{
	background-color: #343435;
	color: #f49a28 ;
}
.helpline i{
	position: relative;
	top: 4px;
}
/**=========================
	END BLOG
=========================**/

/**=========================
	START CLIENTS
=========================**/
#clients{
	padding: 50px 0px;
}
#clients .slick-prev,
#clients .slick-next{
	display: none !important;
}
/**=========================
	END CLIENTS
=========================**/

/**=========================
	START FOOTER
=========================**/
#footer{
	padding: 80px 0px 50px;
}
.footer-bg{
	position: relative;
	background-image: url(../images/img-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	z-index: 9;
}
.footer-bg:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(44, 70, 79, 0.9);
	z-index: -1;
}
#footer li{
	line-height: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#footer .social-icons li{
	display: inline-block;
}
#footer ul li a,
#footer p a{
	color: #fff;
}
#footer .social-icons li a{
	color: #343435;
}
#footer h3,
#footer h5,
#footer p,
#footer li{
	color: #fff;
}
#footer a:hover{
	color: #f49a28;
}
/**=========================
	END FOOTER
=========================**/

/**=========================
	START SUB FOOTER
=========================**/
#sub-footer{
	padding: 30px 0px;
}
.sub-foot-left{
	text-align: left;
}
.sub-foot-right{
	text-align: right;
}
#sub-footer ul{
	margin-bottom: 0
}
#sub-footer li{
	display: inline-block;
	position: relative;
}
#sub-footer li+li::before{
	display: inline-block;
    padding: 0px 5px;
    content: "/";
}
#sub-footer a{
	color: #343435;
}
#sub-footer a:hover{
	color: #335763;
}
/**=========================
	END SUB FOOTER
=========================**/

/**=========================
	START BACK TO TOP BTN
=========================**/
.backto-top-btn{
	display: none;
	position: fixed;
	z-index: 9;
	right: 2%;
    bottom: 3%;
	animation: bcktop 1s forwards;
	-webkit-animation: bcktop 1s forwards;
	-moz-animation: bcktop 1s forwards;
	-o-animation: bcktop 1s forwards;
	z-index: 99;
	padding: 10px 12px;
}
/**=========================
	END BACK TO TOP BTN
=========================**/