/* Industar - Industry and Factory HTML Template  */

/*********** TABLE OF CONTENTS **************
1. Fonts
2. Reset
3. Global
4. Main Header / Two / Three / Four / Five
5. Sticky Header
6. Mobile Menu
7. Page Banner
8. Section Title
9. Main Slider
10. Welcome Banner
11. About Section / Two / Three
12. What We Do
13. How We Work
14. Features Section / Two
15. Services Section / Two / Three / Four / Five
16. Service Detail
17. Fluid Section One
18. Request Section
19. Why Choose Us
20. History Section
21. News Section / Two
22. Blog List
23. Blog Detail
24. Styled Pagination
25. Video Section
26. Project Section / Two / Three
27. Project Detail
28. Testimonial Section / Two / Three
29. Contact Info Section
30. Contact Page SectionOne
31. Clients Section
32. Call To Action / Two
33. Team Section
34. Pricing Section
35. Contact Map Section
36. Main Footer / Style Two
37. Sidebar Page Container
38. Comments Area
39. Comments Form
**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

 ***/

@import url('../fonts.googleapis.com/css_3a30e13.html');

/*
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

@import url('fontawesome-all.css');
@import url('animate.css');
@import url('material-icons.css');
@import url('line-awesome.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
	line-height: inherit;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	
	font-size:14px;
	color:#787878;
	line-height:1.6em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Open Sans', sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#df6512;
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.2em;
	font-family: 'Roboto', sans-serif;
}

textarea{
	overflow:hidden;	
}

button{
	outline: none !important;
	cursor: pointer;
}

p,.text{
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	color: #666666;
	margin: 0;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	 
	overflow: hidden;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

figure{
	margin-bottom: 0;
}

.theme-btn{
	display:inline-block;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family: "Roboto", sans-serif;
}

.theme-btn i{
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;
}

.centered{
	text-align:center !important;
}

/*Btn Style One*/

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 28px;
	color: #ffffff;
	padding: 10px 30px;
	font-weight: 500;
	overflow: hidden;
	    border: 0px solid #000000;
    background-color: #db2b20;
	    font-family: 'Montserrat', sans-serif;
        border-radius: 39px;
}

.btn-home{
	left:80%;
}

.send_enqury{
    position: relative;
    margin-left: 30%;
}


.btn-style-one:hover{
	-webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	color: #ffffff;
	border: 1px solid #343434;
}

/*Btn Style Two*/

.btn-style-two{
	    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 0px;
    color: #ffffff;
    padding: 11px 1px 16px;
    font-weight: 500;
    overflow: hidden;
    border: 1px solid #ffffff;
    background-color: transparent;
}

.btn-style-two:hover{
	color: #333333;
	-webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
}

/*Btn Style Three*/

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 28px;
	color: #f1592a;
	padding: 10px 30px;
	font-weight: 500;
	overflow: hidden;
	border: 1px solid #f1592a;
	background-color: transparent;
}

.btn-style-three:hover{
	color: #ffffff;
	-webkit-box-shadow: rgba(237, 121, 1, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(237, 121, 1, 1) 0 0px 0px 40px inset;;
	-ms-box-shadow: rgba(237, 121, 1, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(237, 121, 1, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(237, 121, 1, 1) 0 0px 0px 40px inset;
}

/*Btn Style Four */

.btn-style-four{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
	padding: 10px 30px;
	font-weight: 500;
	overflow: hidden;
	border: 1px solid #333333;
	background-color: #333333;
}

.btn-style-four:hover{
	color: #333333;
	border: 1px solid #ffffff;
	-webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
}

/*=== Social Icon One ===*/

.social-icon-one li{
	position: relative;
	display: inline-block;
	margin-left: 18px;
}

.social-icon-one li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #999999;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover{
	color: #f1592a;
}

.social-icon-one li:first-child{
	margin-left: 0;
}

/*=== List Style One ===*/

.list-style-one{
	position:relative;
}

.list-style-one li {
    position: relative;
    font-size: 16px;
    line-height: 29px;
    font-weight: 400;
    padding-left: 19px;
    margin-bottom: 5px;
    color: #333;
}

.list-style-one li:before{
	content: "\f186";
	position:absolute;
	left: 0;
	top: 2px;
	display:block;
	font-size:14px;
	line-height: 25px;
	padding: 0px;
	color:#00afef;
	font-weight:600;
	font-family: "Flaticon";
}

.list-style-one li a:hover{
	color: #44bce2;
}

/*=== List Style Two ===*/

.list-style-two{
	position:relative;
}

.list-style-two li{
	position:relative;
	font-size:15px;
	line-height:25px;
	color: #666666;
	font-weight:400;
	padding-left:25px;
	margin-bottom: 15px;
}

.list-style-two li:before{
	content: "\f182";
	position:absolute;
	left: 0;
	top: 0px;
	display:block;
	font-size:15px;
	line-height: 25px;
	padding: 0px;
	color:#666666;
	font-family: "LineAwesome";
}

.list-style-two li a:hover{
	color: #44bce2;
}

.theme_color{
	color:#fa7720;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.tabs-box{
	position: relative;
}

.tabs-box .tab{
	display: none;
}

.tabs-box .active-tab{
	display: block;
}

.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/icons/preloader.html);
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

.dropdown-toggle::after{
	display: none;
}

.fa{
	line-height: inherit;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:20px;
	right:20px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	line-height:60px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#1b1a1c;
	display:none;
	border-radius: 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	background:#df6512;
}

/*** 

====================================================================
	Main Header style
====================================================================***/
.main-header{
	position: relative;
	display: block;
	width: 100%;
	z-index: 999;
	    background: #ffffff
}

.main-header .header-top{
	    position: relative;
    margin-left: -5%;
    padding-left: 140px;
    border-top: 2px solid #db2b20;
    background-image: url(../images/logou.png);
    background-color: #333;
}

/* Top Left*/

.main-header .header-top .top-left{
	position: relative;
	float: left;
}

.main-header .header-top .top-right{
	position:relative;
	float:right;
}

.main-header .header-top .info-list{
	position: relative;
	float: right;
	padding: 2px 0;
}

.main-header .header-top .info-list li{
	       position: relative;
    float: left;
    margin-left: 26px;
    padding-left: 17px;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    border-right: 1px solid #ccc;
    padding-right: 43px;
	    font-family: 'Montserrat', sans-serif;

}

.main-header .header-top .info-list li strong{
	    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.main-header .header-top .info-list li a{
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-top .info-list li a:hover{
	color: #ffffff;
}

.main-header .header-top .info-list li span{
	position: absolute;
	left: 0;
	top: 0;
	color: #ffffff;
	font-size:18px;
	line-height: 30px;
}

/*=== Header Upper ===*/

.main-header .header-upper{
	position: relative;
}

.main-header .header-upper .logo-outer{
	position: relative;
	float: left;
}

.main-header .header-upper .logo{
	position: relative;
	margin-top: -15px;
	padding: 8px 0 0 0;
}

.main-header .header-upper .logo img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.main-header .info-outer{
	position: relative;
	float: right;
	padding: 24px 0 0;
}

.main-header .info-outer .info-box{
	    position: relative;
    float: left;
    margin-left: 30px;
    padding-left: 30px;
    margin-bottom: 15px;
    font-family: "Roboto", sans-serif;
}

.main-header .info-outer .info-box .inner{
	position: relative;
	padding-left: 40px;
}

.main-header .info-outer .info-box .icon{
	position: absolute;
	left: -3px;
	top: 8px;
	    font-size: 25px;
    line-height: 1em;
    color: #db2b20;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-header .info-outer .info-box:first-child{
	margin-left: 0;
}

.main-header .info-outer .info-box:before{
	content: '';
	position: absolute;
	left: 0px;
	top: 3px;
	height: 50px;
	border-left: 1px solid #e5e5e5;
}

.main-header .info-outer .info-box:first-child:before{
	display: none;
}

.main-header .info-outer .info-box:last-child::before{
	display:none;
}

.main-header.header-style-two .info-outer .info-box:last-child::before{
	display:block;
}

.main-header .info-outer .info-box strong{
	    font-size: 15px;
    line-height: 22px;
    color: #333333;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.main-header .info-outer .info-box .info{
	    display: block;
    position: relative;
    font-size: 15px;
    line-height: 22px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
}

.main-header .info-outer .info-box .info a{
	color: #888888;
	display: inline-block;
}

.main-header .info-outer .info-box .info a:hover{
	color: #f1592a;
}

.main-header .header-upper .btn-box a{
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

/*=== Header Lower ===*/

.nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color:#df6512;
	margin:7px 0px 2px;
	display: none;
}

/*===  Header Lower ===*/

.main-header .header-lower{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	    background: #333;
}

.main-header .header-lower .nav-outer{
	position: relative;
	background-color: #333;
	padding-right: 30px;
	
}

.main-menu{
	position:relative;
	float:left;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	margin:0px;
	font-family: "Roboto", sans-serif;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:20px 21px 17px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:before{
	position: absolute;
	right: 0;
	top: 20px;
	height: 25px;
	width: 1px;
	background-color: #e5e5e5;
	content: "";
}

.main-menu .navigation > li:last-child:before{
	display: none;
}

.main-menu .navigation > li > a{
	    position: relative;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
    /* opacity: 1; */
    color: #fff;
    padding: 0px;
    text-transform: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color: #db2b20;
}

.main-menu .navigation > li.dropdown > a{
	padding-right: 15px;
}

.main-menu .navigation > li.dropdown > a:after{
	font-family: "Flaticon";
	content: "\f19c";
	position:absolute;
	right: 0;
	top: 1px;
	display:block;
	line-height:24px;
	font-size:8px;
	font-weight:900;
	z-index:5;	
}

.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 312px;
    z-index: 100;
    display: none;
    padding: 10px 21px 0;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	    position: relative;
    display: block;
    padding: 10px 0px;
    line-height: 29px;
    font-weight: 600;
    font-size: 13px;
    color: #333333;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Montserrat', sans-serif;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#db2b20;
	padding-left: 16px;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position:absolute;
	right:0;
	top:11px;
	display:block;
	line-height:24px;
	font-size:16px;
	font-weight:900;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > a:before{
	position: absolute;
	left: 0;
	top: 22px;
	height: 5px;
	width: 5px;
	background-color: #f1592a;
	content: "";
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li:hover > a:before{
	opacity: 1;
	visibility: visible;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width:300px;
	z-index:100;
	display:none;
	background-color:#ffffff;
	opacity:0;
	padding: 10px 30px 0;
	margin-left: 30px;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	    position: relative;
    display: block;
    padding: 11px 0;
    line-height: 24px;
    font-weight: 600;
    font-size: 13px;
    color: #333333;
    text-align: left;
    text-transform: uppercase;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Montserrat', sans-serif;
}

.main-menu .navigation > li > ul > li  > ul > li > a:hover{
	color:#00afef;
	padding-left: 7px;
}

.main-menu .navigation > li > ul > li > ul > li > a:before{
	position: absolute;
	left: 0;
	top: 22px;
	height: 5px;
	width: 5px;
	background-color: #f1592a;
	content: "";
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a:before{
	opacity: 1;
	visibility: visible;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0px;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);	
}

.main-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:26px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .outer-box{
	position: relative;
	float: right;
}

.main-header .outer-box .btn-box{
	position: relative;
	float: right;
	margin-left: 30px;
}

.main-header .outer-box .btn-box .theme-btn{
	padding: 24px 40px;
	text-transform: capitalize;
	float: right;
}

.main-header .outer-box .btn-box .theme-btn i{
	margin-left: 10px;
}

/*search box btn*/

.main-header .search-box-outer{
	position:relative;
	float: left;
	padding: 15px 0px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-box-btn{
	position: relative;
	float: left;
    font-size: 17px;
	line-height: 35px;
    background: none;
    color: #343434;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-box-btn:hover{
	color: #343434;
}

.dropdown-toggle::after{
	display: none;
}

.main-header .search-box-outer .dropdown-menu{
	top:49px !important;
	left: auto !important;
	right: 0;
	padding:0px;
	width:280px;	
	border-radius:0px;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	border-top:3px solid #df6512;
}

.main-header .search-panel .form-container{
	padding:25px 20px;	
}

.main-header .search-panel .form-group{
	position:relative;
	margin:0px;	
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	font-size:14px;
	border:1px solid #e0e0e0;
	background:#ffffff;	
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#25262c;	
}

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}

.main-header .outer-box .social-links{
	position: relative;
	float: left;
	margin-left: 20px;
	padding: 15px 0;
	padding-left: 20px;
}

.main-header .outer-box .social-links:before{
	position: absolute;
	left: -3px;
	top: 15px;
	height: 35px;
	border-left: 1px solid #e5e5e5;
	content: "";
}

/*** 

====================================================================
			Header Style Two
====================================================================

***/

.header-style-two{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.header-style-two .info-outer{
	padding-top: 25px;
}

.header-style-two .info-outer .info-box{
	margin-bottom: 20px;
}

.header-style-two .info-outer .info-box .inner{
	padding-left: 65px;
}

.header-style-two .info-outer .info-box .icon{
	font-size: 60px;
	line-height: 1em;
}

.header-style-two .info-outer .info-box strong{
	color: #ffffff;
	display: block;
	margin-bottom: 5px;
}

.header-style-two .info-outer .info-box .info{
	font-size: 15px;
	color: #c5c5c5;
}

.header-style-two .info-outer .info-box .info a{
	color: #c5c5c5;
	display: inline-block;
	transition: all 300ms ease;
}

.header-style-two .info-outer .info-box .info a:hover{
	color: #f1592a;
}

.header-style-two .outer-box .btn-box .theme-btn{
	text-transform: uppercase;
	padding: 18px 25px;
	font-size: 18px;
}

.header-style-two .header-lower .nav-outer{
	border-top: 0;
	padding-right: 0;
}

/*** 

====================================================================
			Header Style Three
====================================================================

***/

.header-style-three{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}

.header-style-three .header-top .top-right .social-icon-one{
	position: relative;
	float: left;
	padding: 17px 0;
}

.header-style-three .header-top .info-list li:first-child{
	padding-left: 0;
	margin-left: 0;
}

.header-style-three .header-top{
	background-color: rgba(0,0,0,0.50);
}

.header-top .change-language{
	position: relative;
	float: right;
	margin-left: 20px;
	padding-left: 20px;
}

.header-top .change-language:before{
	position: absolute;
	left: 0;
	top: 20px;
	height: 20px;
	width: 1px;
	background-color: #e5e5e5;
	opacity: .20;
	content:'';
}

.header-top .change-language .language{
	position: relative;
	padding: 15px 0px;
}

.header-top .change-language .language .dropdown-menu{
	left: auto !important;
	right: 0px;
	top:100% !important;
	width:170px;	
	border-radius:0px;
	padding:0px;
	margin-top:0px;
	background-color:#222222;
	border:none;
    border-top:2px solid #df6512;
	transform:none !important;
}

.header-top .change-language .language > a{
	position: relative;
	display: block;
	border:0px;
	padding:0px;
	font-size:13px;
	font-weight:400;
	padding-left:35px;
	line-height: 30px;
	color:#999999 !important;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-top .change-language .language > a .flag{
	position: absolute;
	left: 0;
	top: 9px;
	width: 25px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: center;
}

.header-top .change-language .language > a .flag.eng{
	background-image: url(../images/icons/eng.html);
}

.header-top .change-language .language > a i{
	float: right;
	top: 2px;
	font-size: 13px;
	line-height: 30px;
	color: #999999;
	vertical-align: middle;
}

.header-top .change-language .language .dropdown-menu > li{
	padding: 0;
	margin: 0;
    border-bottom: 1px solid rgba(255,255,255,0.20);
}

.header-top .change-language .language .dropdown-menu > li:last-child{
	border-bottom:none;	
}

.header-top .change-language .language .dropdown-menu > li > a{
	padding:8px 15px !important;
	line-height: 24px;
	display: block;
	color:#ffffff !important;
	text-align:left;
	font-size:15px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-top .change-language .language .dropdown-menu > li > a:hover{
	color:#ffffff;
	background:#df6512;
}

.header-style-three .logo-outer{
	position: relative;
	float: left;
	padding: 20px 0;
}

.header-style-three .logo-outer .logo{
	position: relative;
}

.header-style-three .header-lower .nav-outer{
	position: relative;
	width: auto;
	float: right;
	border: 0;
	padding: 0;
	background-color: transparent;
}

.header-style-three .main-menu .navigation > li{
	padding: 35px 0;
	margin-left: 32px;
	margin-right: 0;
}

.header-style-three .main-menu .navigation > li > a{
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
}

.header-style-three .main-header .search-box-btn:hover,
.header-style-three .main-header .search-box-btn{
	color: #ffffff;
	font-size: 15px;
}

.header-style-three .main-menu .navigation > li:before{
	display: none;
}

.header-style-three .outer-box{
	margin-left: 50px;
}

.header-style-three .search-box-btn{
	color: #ffffff;
}

.header-style-three .search-box-btn:hover{
	color: #f1592a;
}

.header-style-three .search-box-outer{
	padding: 30px 0;
}

/*** 

====================================================================
			Header Style Four
====================================================================

***/

.header-style-four{
	position: relative;
	background-color: #ffffff;
}

.header-style-four .header-top{
	background-color: #f1f1f1;
}

.header-style-four .header-top .top-left .social-icon-one{
	position: relative;
	float: left;
	padding: 17px 0;
}

.header-style-four .header-top .info-list li:first-child{
	padding-left: 0;
	margin-left: 0;
}

.header-style-four .logo-outer{
	position: relative;
	float: left;
	padding: 30px 0;
}

.header-style-four .logo-outer .logo{
	position: relative;
}

.header-style-four .header-lower{
	position: relative;
}

.header-style-four .header-lower .nav-outer{
	position: relative;
	width: auto;
	float: right;
	border: 0;
	padding: 0;
	background-color: transparent;
}

.header-style-four .main-menu .navigation > li{
	padding: 45px 0;
	margin-left: 30px;
	padding-left: 30px;
	margin-right: 0;
}

.header-style-four .main-menu .navigation > li:before{
	top: 45px;
	right: auto;
	left: 0;
}

.header-style-four .main-menu .navigation > li:last-child:before{
	display: block;
}

.header-style-four .main-menu .navigation > li:first-child:before{
	display: none;
}

.header-style-four .main-menu .navigation > li > a{
	font-size: 16px;
	line-height: 30px;
}

.header-style-four .search-box-outer{
	padding: 42px 0;
	margin-left: 60px;
}

.header-style-four .header-top .info-list li,
.header-style-four .header-top .info-list li a{
	color: #808080;
}

.header-style-four .header-top .info-list li a:hover{
	text-decoration:underline;
	color:#f1592a;	
}

/*** 

====================================================================
			Header Style Five
====================================================================

***/

.header-style-five .header-top .info-list li:first-child{
	margin-left: 0;
	padding-left: 0;
}

.header-style-five .header-top .social-icon-one {
    position: relative;
    float: left;
    padding: 17px 0;
}

.header-style-five .info-outer{
	padding-top: 20px;
}

.header-style-five .info-outer .info-box{
	margin-bottom: 20px;
}

.header-style-five .info-outer .info-box .inner{
	padding-left: 65px;
}

.header-style-five .info-outer .info-box .icon{
	font-size: 60px;
	line-height: 1em;
}

.header-style-five .info-outer .info-box strong{
	color: #333333;
	display: block;
	margin-bottom: 5px;
}

.header-style-five .info-outer .info-box .info{
	font-size: 15px;
	line-height: 26px;
	color: #666666;
}

.header-style-five .info-outer .info-box .info a{
	color: #666666;
	display: inline-block;
	transition: all 300ms ease;
}

.header-style-five .info-outer .info-box .info a:hover{
	color: #f1592a;
}

.header-style-five .info-outer .info-box:before{
	border-left: 1px solid #e5e5e5;
}

.header-style-five .outer-box .btn-box .theme-btn{
	text-transform: uppercase;
	padding: 18px 25px;
	font-size: 18px;
}

.header-style-five .header-lower .nav-outer{
	padding-right: 0;
}

/*** 

====================================================================
				Sticky Header
====================================================================

***/

.sticky-header{
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: -1;
    background: #ffffff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -ms-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

.fixed-header .sticky-header{
	opacity:1;
	z-index: 99999;
	visibility:visible;
}

.fixed-header .sticky-header .logo{
	padding: 10px 0;
}

.sticky-header .main-menu .navigation > li{
	margin-left: 32px !important;
	padding: 0;
	margin-right: 0;
	background-color: transparent;
}

.sticky-header .main-menu .navigation > li.dropdown > a:after,
.sticky-header .main-menu .navigation > li:before,
.header-style-four .sticky-header .main-menu .navigation > li:last-child:before{
	display: none;
}

.sticky-header .main-menu .navigation > li > a{
	padding:20px 0px !important;
	line-height:30px;
	font-size:17px;
	font-weight:500;
	color:#333;
	text-transform:capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
	    /* opacity: 1; */
    color: #e30016;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.mobile-menu{
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .nav-logo{
	position:relative;
	padding:20px 20px;
	text-align:left;	
}

.mobile-menu .nav-logo img{
	max-width:200px;
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease 500ms;
	-moz-transition:all 0.7s ease 500ms;
	-ms-transition:all 0.7s ease 500ms;
	-o-transition:all 0.7s ease 500ms;
	transition:all 0.7s ease 500ms;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn{
	position: absolute;
	right: 3px;
	top: 3px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #202020;
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul > li:last-child{
	border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: 15px;
	color: #404040;
	text-transform: capitalize;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
	color:#df6512;	
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	text-align:center;
	font-size:16px;
	line-height:44px;
	color:#404040;
	cursor:pointer;
	z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}

/*** 

====================================================================
		Page Banner
====================================================================

***/

.page-banner{
	    position: relative;
    padding: 158px 0 87px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

 .page-banner:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content:'';
	background-color: #000000;
	opacity: .00;
	z-index:0;
}

.page-banner .inner-container{
	position: relative;
	z-index:5;
}

.page-banner h1{
	position:relative;
	font-size:36px;
	color:#fff;
	line-height: 60px;
	font-weight: 600;
	padding-left: 28px;
	margin-bottom: 5px;
}

.page-banner h1:before{
	    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 2px;
    background: #191a1a;
    content: '';
}

.page-banner .bread-crumb {
	position: relative;
	padding: 10px 0px;
}

.page-banner .bread-crumb li{
	    position: relative;
    float: left;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    cursor: default;
    padding-right: 15px;
    margin-right: 9px;
}

.page-banner .bread-crumb li:before{
	position: absolute;
	right: -3px;
	font-size: 13px;
	line-height: 25px;
	color: #ffffff;
    content: "\f112";
    font-family: "LineAwesome";
}

.page-banner .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.page-banner .bread-crumb li:last-child:before{
	display: none;
}

.page-banner .bread-crumb li a{
	    color: #fff;
    font-weight: 700;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-banner .bread-crumb li a:hover{
	color:#ffffff;	
}

.page-banner .bread-crumb li a i{
	font-size: 18px;
	margin-right: 5px;
}

/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title{
	position:relative;
	z-index: 1;
	margin-bottom:50px;
	text-align: center;
}

.sec-title .title{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	padding-left: 40px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.sec-title .title:before{
           position: absolute;
    left: 0;
    top: 48px;
    height: 1px;
    width: 107px;
    content: "";
    border-bottom:3px double #040404;
}

.sec-title h2{
	    position: relative;
    display: block;
    font-size: 27px;
    line-height: 1.2em;
    color: #333333;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.sec-title h2 span{
	color: #db2b20;
}

.sec-title h1{
	    position: relative;
    display: block;
    font-size: 27px;
    line-height: 1.2em;
    color: #333333;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.sec-title h1 span{
	color: #00afef;
}


.sec-title .text{
	    position: relative;
    font-size: 16px;
    line-height: 37px;
    color: #000;
    font-weight: 400;
    margin-top: 35px;
	text-align: justify;
}

.sec-title.light .text,
.sec-title.light h2,
.sec-title.light .title{
	color: #ffffff;
}

.sec-title.text-center .title{
	display: inline-block;
	padding-right: 40px;
}

.sec-title.text-center .title:after{
	position: absolute;
	right: 0;
	top: 11px;
	height: 2px;
	width: 30px;
	background-color: #f1592a;
	content: "";
}

/*** 

====================================================================
	Main Slider
====================================================================

***/

.main-slider{
	position: relative;
	font-family: "Roboto", sans-serif;
}

.main-slider .tp-dottedoverlay{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.68);
}

.main-slider .title{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
}

/*
.main-slider h2{
	position: relative;
	display: block;
	font-size: 52px;
	color: #ffffff;
	font-weight: 600;
    line-height: 420px;
    text-shadow: 1px 3px 8px black;
}
*/

.main-slider h2 {
    position: relative;
    margin-top: -145px;
    margin-bottom: 190px;
    display: block;
    font-size: 32px;
    color: #ffffff;
    font-weight: 600;
    line-height: 42px;
    text-shadow: 1px 3px 8px black;
	
}

.d-none {
    display: block!important;
}

.main-slider h2 strong{
	color: #f1592a;
	font-weight: 900;
}

.main-slider .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
}

.main-slider .link-box{
	position: relative;
}

.main-slider .link-box a{
	position: relative;
	padding: 10px 30px;
	line-height: 25px;
	margin-right: 20px;
}

.main-slider .link-box a:last-child{
	margin-right: 0;
}

.main-slider.style-two{
	position: relative;
}

.main-slider.style-two h2{
	font-size: 60px;
	line-height: 72px;
}

.main-slider.style-two h1{
	font-size: 80px;
	color: #ffffff;
	font-weight: 700;
}

.main-slider.style-two h1 span{
	color: #f1592a;
}

.main-slider.style-two h4{
	font-size: 40px;
	color: #ffffff;
}

.main-slider.style-two .text{
	font-size: 18px;
	line-height: 29px;
	color: #ffffff;
}

.main-slider.style-three .link-box a:last-child{
	text-transform: uppercase;
	font-size: 14px;
}

.main-slider .video-link{
	position: relative;
}

.main-slider .video-link .icon{
	position: relative;
	display: inline-block;
	height: 80px;
	width: 80px;
	line-height: 80px;
	text-align: center !important;
	border: 2px solid #eeeeee;
	font-size: 26px;
	padding-left: 7px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.30);
	color: #ffffff;
	transition: all 300ms ease;
}

.main-slider .video-link:hover .icon{
	background-color: #ffffff;
	color: #000000;
}

/*** 

====================================================================
	Welcome Banner
====================================================================

***/

.welcome-section {
    position: relative;
    padding: 47px 0 47px;
    background-image: url(../images/background/2.html);
    background-size: cover;
    background-position: center;
    border-radius: 49px;
    background: #ececec;
    margin: 0px 80px;
}
.welcome-section:before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	border-bottom: 1px solid #e5e5e5;
	content: "";
}

.readbtn{margin-top: -12px; 
	margin-right: -11px;}

.welcome-section .title-column{
	position: relative;
	margin-bottom: 30px;
	text-align: right;
}

.welcome-section .title-column .inner-column{
	position: relative;
	padding: 17px 0;
}

.welcome-section .title-column h2{
	    position: relative;
    display: block;
    font-size: 32px;
    line-height: 43px;
    color: #333333;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.welcome-section .title-column h2 span{
	color: #db2b20;
}

.welcome-section .text-column{
	position: relative;
}

.welcome-section .text-column .inner-column {
    padding: 16px 43px;
    padding-left: 35px;
    border-left: 2px solid #db2b20;
}

.welcome-section .text-column .text{
	    font-size: 17px;
    line-height: 37px;
    color: #333;
    font-weight: 500;
    /* font-family: 'Montserrat', sans-serif; */
    text-align: justify;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 35px;
    height: 35px;	
}

/*** 

====================================================================
	About Section
====================================================================

***/

.about-section{
	position: relative;
	padding: 40px 0 10px;
}

.about-section .content-column{
	position: relative;
	margin-bottom: 50px;
}

.about-section .content-column .inner-column{
	position: relative;
	padding-right: 70px;
	margin-top: -4px;
}

.feature-block{
	position: relative;
	margin-bottom: 30px;
}

.feature-block .inner-box{
	position: relative;
	padding-left: 73px;
}

.feature-block .icon-box{
	position: absolute;
	left: 0;
	top: 5px;
}

.feature-block .icon-box .icon{
	display: block;
	font-size: 54px;
	line-height: 1em;
	color: #f1592a;
	font-weight: 400;
}

.feature-block h4{
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 13px;
}

.feature-block h4 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block h4 a:hover{
	color: #f1592a;
}

.feature-block .text{
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
}

.about-section .video-column{
	position: relative;
	margin-bottom: 50px;
}

.about-section .video-column .inner-column{
	position: relative;
}

.about-section .video-box{
	position: relative;
	margin-bottom: 20px;
}

.about-section .video-box .image{
	position: relative;
	margin-bottom: 0;
}

.about-section .video-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.about-section .video-box .link{
	    border: 3px solid #f1592a;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	transition: all 300ms ease;
}

.about-section .video-box:hover .link{
	background-color: rgba(0,0,0,0.50);
}

.about-section .video-box .link .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	margin-left: -40px;
	height: 80px;
	width: 80px;
	line-height: 80px;
	text-align: center;
	border: 2px solid #eeeeee;
	font-size: 26px;
	padding-left: 7px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.30);
	color: #ffffff;
	transition: all 300ms ease;
}

.about-section .video-box:hover .link .icon{
	background-color: #ffffff;
	color: #000000;
}

.about-section .video-column .text{
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	margin-bottom: 30px;
}

.about-section .video-column .sign-img{
	position: relative;
	margin-bottom: 20px;
}

.about-section .video-column .info-box{
	position: relative;
	font-size: 20px;
	line-height: 25px;
	color: #333333;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
}

.about-section .video-column .info-box span{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
}

/*** 

====================================================================
	About Section Two
====================================================================

***/

.about-section-two{
	position: relative;
	padding: 100px 0 50px;
}

.about-section-two .content-column{
	position: relative;
	margin-bottom: 50px;
}

.about-section-two .content-column .sec-title{
	margin-bottom: 45px;
}

.about-section-two .content-column .inner-column{
	position: relative;
	padding-right: 25px;
}

.about-section-two .content-column .text{
	color: #666666;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 30px;
}

.about-section-two .content-column blockquote{
	position: relative;
	padding: 20px 20px 10px;
	padding-left: 52px;
	color: #666666;
	font-size: 14px;
	line-height: 25px;
	border-left: 2px solid #f1592a;
}

.about-section-two .content-column blockquote p{
	color: #666666;
	font-size: 14px;
	line-height: 25px;
}

.about-section-two .content-column blockquote .icon{
	position: absolute;
	left: 20px;
	top: 0;
	font-size: 20px;
	color: #c5c5c5;
}

.about-section-two .content-column .sign-img{
	position: relative;
	margin-bottom: 20px;
}

.about-section-two .content-column .info-box{
	position: relative;
	font-size: 20px;
	line-height: 25px;
	color: #333333;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
}

.about-section-two .content-column .info-box span{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
}

.about-section-two .feature-column{
	position: relative;
}

.about-section-two .feature-column .inner-column{
	padding-top: 13px;
}

.about-section-two .feature-column .feature-block{
	margin-bottom: 50px;
}

.about-section-two .image-column{
	position: relative;
	margin-bottom: 50px;
}

.about-section-two .image-column .image-box{
	position: relative;
}

.about-section-two .image-column .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.about-section-two .image-column .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.about-section-two .video-column{
	position: relative;
}

.about-section-two .video-column .inner-column{
	position: relative;
}

.about-section-two .video-box{
	position: relative;
	margin-bottom: 55px;
}

.about-section-two .video-box .image{
	position: relative;
	margin-bottom: 0;
}

.about-section-two .video-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.about-section-two .video-box .link{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	transition: all 300ms ease;
}

.about-section-two .video-box:hover .link{
	background-color: rgba(0,0,0,0.50);
}

.about-section-two .video-box .link .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -65px;
	margin-left: -40px;
	height: 80px;
	width: 80px;
	line-height: 80px;
	text-align: center;
	border: 2px solid #eeeeee;
	font-size: 26px;
	padding-left: 7px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.30);
	color: #ffffff;
	transition: all 300ms ease;
}

.about-section-two .video-box:hover .link .icon{
	background-color: #ffffff;
	color: #000000;
}

.about-section-two .video-box .caption-box{
	position: relative;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
	padding: 20px 15px;
	background-color: #f1592a;
	text-align: center;
}

.about-section-two .video-column .text{
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	margin-bottom: 30px;
}

/*** 

====================================================================
	About Section Three
====================================================================

***/

.about-section-three{
	position: relative;
	padding: 100px 0 50px;
}

.about-section-three .content-column{
	position: relative;
	margin-bottom: 50px;
}

.about-section-three .content-column .sec-title{
	margin-bottom: 45px;
}

.about-section-three .content-column .inner-column{
	position: relative;
	padding-right: 25px;
}

.about-section-three .content-column .text{
	color: #666666;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 17px;
}

.about-section-three .info-list{
	position: relative;
	margin-bottom: 30px;
}

.about-section-three .info-list li{
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	margin-right: 30px;
}

.about-section-three .info-list li a{
	color: #333333;
	display: inline-block;
}

.about-section-three .info-list li a span{
	color: #f1592a;
	margin-right: 10px;
	float: left;
}

.about-section-three .info-list li a a{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-section-three .info-list li a a:hover{
	color: #f1592a;
}

.about-section-three .content-column .btn-box a{
	font-size: 14px;
	line-height: 23px;
	padding: 10px 40px;
	text-transform: uppercase;
}

.about-section-three .video-column{
	position: relative;
	margin-bottom: 50px;
} 

.about-section-three .video-column .inner-column{
	position: relative;
}

.about-section-three .video-box{
	position: relative;
	margin-bottom: 20px;
}

.about-section-three .video-box .image{
	position: relative;
	margin-bottom: 0;
}

.about-section-three .video-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.about-section-three .video-box .link{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	transition: all 300ms ease;
}

.about-section-threev .video-box:hover .link{
	background-color: rgba(0,0,0,0.50);
}

.about-section-three .video-box .link .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	margin-left: -40px;
	height: 80px;
	width: 80px;
	line-height: 80px;
	text-align: center;
	border: 2px solid #eeeeee;
	font-size: 26px;
	padding-left: 7px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.30);
	color: #ffffff;
	transition: all 300ms ease;
}

.about-section-three .video-box:hover .link .icon{
	background-color: #ffffff;
	color: #000000;
}

.about-section-three .video-column .text{
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	margin-bottom: 30px;
}

.about-section-three .video-column .sign-img{
	position: relative;
	margin-bottom: 20px;
}

.about-section-three .video-column .info-box{
	position: relative;
	font-size: 20px;
	line-height: 25px;
	color: #333333;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
}

.about-section-three .video-column .info-box span{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
}

/*** 

====================================================================
		What We Do
====================================================================

***/

.what-we-do{
	position: relative;
	background-color: #333333;
}

.what-we-do .outer-container{
	position: relative;
}

.what-we-do .content-column{
	position: relative;
	float: right;
	width: 50%;
	background-color: #333333;
}

.what-we-do .content-column .inner-column{
	position: relative;
	float: left;
	max-width: 600px;
	width: 100%;
	padding: 25px 5px 30px;
	padding-left: 40px;
}

.what-we-do .content-column .sec-title{
	margin-bottom: 40px;
}

.what-we-do .content-column .sec-title .text.ttt{
	color: #cccccc;
	margin-top: 25px;
}

.about-block{
	position: relative;
	margin-bottom: 45px;
}

.about-block:last-child{
	position: relative;
	margin-bottom: 0;
}

.about-block h3{
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #f1592a;
	font-weight: 700;
	margin-bottom: 15px;
}

.about-block h3 span{
	float: left;
	font-size: 30px;
	line-height: 30px;
	margin-right: 10px;
}

.about-block .text{
	font-size: 15px;
	line-height: 25px;
	color: #cccccc;
}

.what-we-do .image-column{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}

.what-we-do .image-column .image-box{
	position: relative;
	display: none;
}

.what-we-do .image-column .image{
	margin-bottom: 0;
}

.what-we-do .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

/*** 

====================================================================
		How We Work
====================================================================

***/

.how-we-work{
	position: relative;
	padding: 100px 0 50px;
}

.how-we-work .accordion-column{
	position: relative;
	margin-bottom: 50px;
}

.accordion-box{
	position: relative;
}

.accordion-box .block {
	position: relative;
	margin-bottom: 30px;
}

.accordion-box .block:last-child{
	margin-bottom: 0;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:18px;
	line-height:30px;
	color:#333333;
	font-weight:400;
	cursor:pointer;
	padding:10px 30px;
	background-color: #ffffff;
	border: 1px solid transparent;
	box-shadow: 0 0px 10px rgba(0,0,0,0.08);
	font-family: "Roboto", sans-serif;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .icon{
	position:absolute;
	right: 0px;
	top:0px;
	font-size: 18px;
	color: #666666;
	height: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon{
	color: #ffffff;
}

.accordion-box .block .acc-btn.active .icon:before{
	content: "\f0d8";
	color: #ffffff;
}

.accordion-box .block .acc-btn.active{
	position: relative;
	background-color: #f1592a;
	color: #ffffff;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .content{
	position:relative;
	background-color: #ffffff;
	padding: 22px 30px;
	border: 1px solid #e5e5e5;
	border-top: 0;
}

.accordion-box .block .acc-content.current{ 
	display: block;
}

.accordion-box .block .content .text{
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
}

.how-we-work .skill-column{
	position: relative;
	margin-bottom: 50px;
}

.how-we-work .skill-column .inner-column{
	position: relative;
	padding-left: 20px;
}

.skills{
	position: relative;
}

.skills .skill-item{
	position:relative;
	margin-bottom:20px;
}

.skills .skill-item:last-child{
	margin-bottom:0px;
}

.skills .skill-item .skill-bar{
	position:relative;
	width:100%;
	height:10px;
	background-color:#e5e5e5;
	border-radius: 5px;
}

.skills .skill-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	height:10px;
	background:#e5e5e5;
}

.skills .skill-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	height:10px;
	width:0px;
	border-radius: 5px;
	-webkit-transition:all 3000ms ease;
	-moz-transition:all 3000ms ease;
	-ms-transition:all 3000ms ease;
	-o-transition:all 3000ms ease;
	transition:all 3000ms ease;
	background-color: #f1592a;
}

.skills .skill-item .skill-header{
	position:relative;
	margin-bottom:14px;
	font-family: "Roboto", sans-serif;
}

.skills .skill-item .skill-header .skill-title{
	position:relative;
	float:left;
	font-size:18px;
	line-height:30px;
	color:#333333;
	font-weight:400;
}

.skills .skill-item .skill-header .skill-title .icon{
	position: relative;
	float: left;
	font-size: 22px;
	line-height: 30px;
	margin-right: 10px;
}

.skills .skill-item .skill-header .skill-percentage{
	float:right;
	font-size:18px;
	line-height:30px;
	color:#333333;
	font-weight:400;
}

.skill-section .text-column{
	position:relative;
	margin-bottom: 50px;
}

.skill-section .text-column .text{
	position: relative;
	font-size:18px;
	font-weight:500;
	color:#222222;
	line-height:30px;
}

/*** 

====================================================================
	Features Section
====================================================================

***/

.features-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0 50px;
}

.features-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #333333;
	opacity: .80;
	content: "";
}

.feature-block-two{
	position: relative;
	margin-bottom: 50px;
}

.feature-block-two .inner-box{
	position: relative;
	text-align: center;
}

.feature-block-two .icon-box{
	position: relative;
	display: inline-block;
	height: 80px;
	width: 80px;
	margin-bottom: 35px;
}

.feature-block-two .icon-box .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	font-size: 48px;
	color: #f1592a;
	line-height: 80px;
 	transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .icon-box .icon{
	color: #ffffff;
}

.feature-block-two h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 14px;
}

.feature-block-two h4 a{
	color: #ffffff;
	display: inline-block;
}

.feature-block-two h4 a:hover{
	color: #f1592a;
}

.feature-block-two .text{
	font-size: 15px;
	line-height: 25px;
	color: #cccccc;
	font-weight: 400;
}

.hexagon {
  height: 100%;
  width: calc(100% * 0.57735);
  display: inline-block;
  border-top: 2px solid #dd7103;
  border-bottom: 2px solid #dd7103;
  transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .hexagon:before,
.feature-block-two .inner-box:hover .hexagon:after,
.feature-block-two .inner-box:hover .hexagon{
	background-color: #dd7103;
}

.hexagon:before {
  position: absolute;
  top: 0;
  right: calc((100% / 2) - ((100% * 0.57735) / 2));
  background-color: inherit;
  height: inherit;
  width: inherit;
  content: '';
  -webkit-transform: rotateZ(60deg);
  -ms-transform: rotateZ(60deg);
  transform: rotateZ(60deg);
  border-top: 2px solid #dd7103;
  border-bottom: 2px solid #dd7103;
}

.hexagon:after {
  position: absolute;
  top: 0;
  right: calc((100% / 2) - ((100% * 0.57735) / 2));
  background-color: inherit;
  height: inherit;
  width: inherit;
  content: '';
  -webkit-transform: rotateZ(-60deg);
  -ms-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
  border-top: 2px solid #dd7103;
  border-bottom: 2px solid #dd7103;
}

/*** 

====================================================================
	Features Section Two
====================================================================

***/

.features-section-two{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0 70px;
}

.features-section-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .80;
	content: "";
}

.feature-block-three{
	position: relative;
	margin-bottom: 30px;
}

.feature-block-three .inner-box{
	position: relative;
	padding: 50px 30px 40px;
	padding-left: 105px;
	background-color: #f1592a;
}

.feature-block-three .icon-box{
	position: absolute;
	left: 30px;
	top: 50px;
	height: 80px;
	width: 80px;
	margin-bottom: 10px;
}

.feature-block-three .icon-box .icon{
	display: block;
	font-size: 54px;
	color: #ffffff;
	line-height: 60px;
 	-webkit-transition: all 300ms ease;
 	-moz-transition: all 300ms ease;
 	-ms-transition: all 300ms ease;
 	-o-transition: all 300ms ease;
 	transition: all 300ms ease;
}

.feature-block-three h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 16px;
 	-webkit-transition: all 300ms ease;
 	-moz-transition: all 300ms ease;
 	-ms-transition: all 300ms ease;
 	-o-transition: all 300ms ease;
 	transition: all 300ms ease;
}

.feature-block-three h4 a{
	color: #ffffff;
	display: inline-block;
 	-webkit-transition: all 300ms ease;
 	-moz-transition: all 300ms ease;
 	-ms-transition: all 300ms ease;
 	-o-transition: all 300ms ease;
 	transition: all 300ms ease;
}

.feature-block-three h4 a:hover{
	color: #222222;
}

.feature-block-three .text{
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position: relative;
	background-color: #f2f2f2;
	padding: 40px 0 20px;
	border-top: 3px solid #ececec;
    border-bottom: 3px solid #ececec;
}
}

.services-section.no-pd-top{
	padding-top: 0;
}

.services-section .upper-box{
	position: relative;
}

.services-section .upper-box .sec-title{
	position: relative;
	float: left;
}

.services-section .upper-box .view-all{
	position: relative;
	float: right;
	margin-top: 45px;
}

.services-section .upper-box .view-all a{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #f1592a;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 1px solid #f1592a;
	font-family: "Roboto", sans-serif;
	transition: all 300ms ease;
}

.services-section .upper-box .view-all a:hover{
	color: #222222;
}

.service-block{
	position: relative;
	margin-bottom: 50px;
}

.service-block .inner-box {
    position: relative;
    box-shadow: inset 3em 3em 11em rgb(0 0 0 / 10%), 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 1em rgb(0 0 0 / 30%);
}
.service-block .image-box{
	position: relative;
	overflow: hidden;
}

.service-block .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.service-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block .inner-box:hover .image img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

 .service-block .image-box .image a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	z-index: 1;
}

.service-block .inner-box:hover .image-box .image a:before{
	opacity: 0.50;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.service-block .image-box .icon{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	color: #ffffff;
	font-size: 42px;
	background-color: #f1592a;
	z-index: 8;
}

.service-block .lower-content{
	    position: relative;
    padding: 13px 15px 12px;
    background: #333;
}

.service-block .lower-content h4{
	        position: relative;
    /* display: block; */
    font-size: 15px;
    line-height: 1.2em;
    color: #333333;
    font-weight: 500;
    /* margin-bottom: 20px; */
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.service-block .lower-content h4 a{
	color: #fff;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .lower-content h4 a:hover{
	color: #00afef;
}

.service-block .lower-content .text{
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 20px;
}

.service-block .lower-content .read-more{
	          display: inline-block;
    font-size: 13px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 1px solid #ffffff;
    padding: 10px 12px;
    border-radius: 0px;
    margin-left: 25%;
    background: #00afef;
}

.service-block .lower-content .read-more:hover{
	color: #00afef;
}

.services-section.style-two{
	background-color: #ffffff;
}

.services-section .services-carousel-two{
	position: relative;
}

.services-carousel-two .owl-nav{
	position: absolute;
	left: 0;
	top: 110px;
	width: 100%;
}

.services-carousel-two .owl-next,
.services-carousel-two .owl-prev{
	position: absolute;
	left: -70px;
	height: 30px;
	width: 30px;
	border: 2px solid #e6e6e6;
	background-color: #ffffff;
	font-size: 14px;
	color: #c5c5c5;
	font-weight: 400;
	text-align: center;
	line-height: 26px;
	margin-left: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.services-carousel-two .owl-next{
	left: auto;
	right: -70px;
}

.services-carousel-two .owl-next:hover,
.services-carousel-two .owl-prev:hover{
	border: 2px solid #f1592a;
	background-color: #f1592a;
	color: #ffffff;
}

.services-section.style-three{
	background-color: #ffffff;
}

.services-section.style-three .service-block .inner-box{
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
}

.services-section.style-three .service-block .lower-content{
	padding: 55px 30px 30px;
}

.services-section.style-three .lower-content .icon{
    position: absolute;
	left: 30px;
	top: -40px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    color: #ffffff;
    font-size: 42px;
    background-color: #f1592a;
    z-index: 8;
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two{
	position: relative;
	background-color: #fbfbfb;
	padding: 100px 0 100px;
}

.services-section-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/pattern-1.jpg);
	background-position: center;
	content: "";
}

.service-block-two{
	position: relative;
}

.service-block-two .inner-box{
	position: relative;
}

.service-block-two .image-box{
	position: relative;
	float: left;
	width: 50%;
	overflow: hidden;
}

.service-block-two .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.service-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block-two .inner-box:hover .image img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

 .service-block-two .image-box .image a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	z-index: 1;
}

.service-block-two .inner-box:hover .image-box .image a:before{
	opacity: 0.50;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.service-block-two .content-box{
	position: absolute;
	right: 0;
	top: 0;
	float: right;
	width: 50%;
	height: 100%;
	background-color: #ffffff;
}

.service-block-two .content-box .icon-box{
	position: relative;
}

.service-block-two .content-box .inner{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 20px;
	text-align: center;
}

.service-block-two .content-box .icon-box{
	position: relative;
	display: inline-block;
	height: 85px;
	width: 85px;
	text-align: center;
	z-index: 8;
	margin-bottom: 60px;
}

.service-block-two .content-box .icon-box .icon{
	position: relative;
	line-height: 85px;
	color: #ffffff;
	font-size: 48px;
}

.service-block-two .content-box .icon-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 85px;
	width: 85px;
	background: #f1592a;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.service-block-two .content-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.service-block-two .content-box h4 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .content-box h4 a:hover{
	color: #f1592a;
}

.service-block-two .content-box .text{
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 20px;
}

.service-block-two .content-box .read-more{
	display: inline-block;
	font-size: 15px;
	line-height: 1.2em;
	color: #f1592a;
	font-weight: 500;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .content-box .read-more:hover{
	color: #333333;
}

.services-section-two .owl-nav{
	display: none;
}

.services-section-two .owl-dots{
	position: relative;
	margin-top: 40px;
	text-align: center;
}

.services-section-two .owl-dot{
	position: relative;
	display: inline-block;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background-color: #c5c5c5;
	border: 1px solid #c5c5c5;
	margin: 0 4px;
	transition: all 300ms ease;
}

.services-section-two .owl-dot:before{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border: 2px solid #ffffff;
	content: "";
	border-radius: 50%;
}

.services-section-two .owl-dot.active,
.services-section-two .owl-dot:hover{
	background-color: #f1592a;
	border: 1px solid #c5c5c5;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three{
	position: relative;
	background-color: #e6e6e6;
	padding: 100px 0 50px;
}

.service-block-three{
	position: relative;
	margin-bottom: 50px;
}

.service-block-three .inner-box{
	position: relative;
}

.service-block-three .image-box{
	position: relative;
	overflow: hidden;
}

.service-block-three .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.service-block-three .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.service-block-three .image-box .overlay-box{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 0;
	background-color: rgba(237,121,2,.70);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.service-block-three .image-box .overlay-box .icon{
	position: absolute;
	left: 50%;
	top: 60%;
	font-size: 35px;
	line-height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	width: 50px;
	text-align: center;
	color: #ffffff;
	opacity: 0;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.service-block-three .image-box .overlay-box .icon:hover{
	color: #222222;
}

.service-block-three .inner-box:hover .image-box .overlay-box .icon{
	top: 50%;
	opacity: 1;
}

.service-block-three .inner-box:hover .image-box .overlay-box{
	opacity: 1;
	left: 0;
	width: 100%;
}

.service-block-three .lower-content{
	position: relative;
	padding-top: 35px;
	text-align: center;
}

.service-block-three .lower-content h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.service-block-three .lower-content h4 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .lower-content h4 a:hover{
	color: #f1592a;
}

.service-block-three .lower-content .text{
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
}

.service-block-three .lower-content .read-more{
	display: inline-block;
	font-size: 15px;
	line-height: 1.2em;
	color: #f1592a;
	font-weight: 500;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .lower-content .read-more:hover{
	color: #333333;
}

/*** 

====================================================================
	Services Section Four
====================================================================

***/

.services-section-four{
	position: relative;
	padding: 30px 0 20px;
}

.section_plant{
    box-shadow: 0px 2px 7px 1px #8080809c;
    /* border: 1px solid gray; */
       background: linear-gradient(103deg, #e4e4e414, #9494941c);	
}

.services-section-four .content-column{
	position: relative;
	margin-bottom: 10px;
}

.services-section-four .content-column .inner-column{
	position: relative;
	    margin-top: 17px;
}



.services-section-four .content-column .sec-title .text{
	margin-top: 35px;
}

.services-section-four .facts-couner{
	position: relative;
}

.services-section-four .counter-column{
	position: relative;
	margin-bottom: 40px;
}

.services-section-four .counter-column .inner{
	position: relative;
	text-align: center;
}

.services-section-four .counter-column .count-box{
	position:relative;
}

.services-section-four .counter-column .icon-box{
	position: relative;
	display: inline-block;
}

.services-section-four .counter-column .icon-box .icon{
	display: inline-block;
	font-size: 54px;
	line-height: 1em;
	color: #f1592a;
	font-weight: 400;
	margin-bottom: 45px;
}

.services-section-four .counter-column .count-box{
	position:relative;
	font-size:50px;
	color:#f1592a;
	line-height: 60px;
	font-weight:700;
	font-family: "Roboto", sans-serif;
}

.services-section-four .counter-column .count-box .count-text{
	position:relative;
	display: inline-block;
	font-size:50px;
	color:#f1592a;
	line-height: 1em;
	font-weight:700;
	margin-bottom: 15px;
}

.services-section-four .counter-column .count-box sup{
    position: relative;
    display: inline-block;
    top: -30px;
    left: -3px;
    font-size: 36px;
    font-family: "Roboto", sans-serif;
}

.services-section-four .counter-column .counter-title{
	position: relative;
	display: block;
	font-size:20px;
	line-height: 25px;
	font-weight:700;
	color:#333333;
	font-family: "Roboto", sans-serif;
}

.services-section-four .image-column{
	position: relative;
	margin-bottom: 28px;
}

.services-section-four .image-column .image-box{
	position: relative;
}

.services-section-four .image-column .image{
	position: relative;
	margin-bottom:0px;
	padding-right: 10px;
	padding-bottom: 10px;
	    margin-top: 30px;
}

.services-section-four .image-column .image:before{
	    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
        border-bottom: 196px solid #4c4b4c;
    border-left: 234px solid #444141;
    content: "";
    z-index: -1;
}

.services-section-four .image-column .image img{
	display: block;
	width: 100%;
	    box-shadow: -1px 0px 10px #ccc;
}

/*** 

====================================================================
	Services Section Five
====================================================================

***/

.services-section-five{
	position: relative;
	padding: 100px 0 50px;
}

.services-section-five .content-column{
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

.services-section-five .content-column .inner-column{
	position: relative;
	margin-top: -10px;
}

.services-section-five .sec-title{
	margin-bottom: 30px;
}

.services-section-five .sec-title .text{
	margin-top: 42px;
}

.company-features{
	position: relative;
}

.company-features .feature{
	position: relative;
	margin-bottom: 28px;
}

.company-features .feature .inner{
	position: relative;
	padding-left: 70px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c9c9c9;
}

.company-features .feature .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 50px;
	line-height: 1em;
	color: #ef8b24;
}

.company-features .feature h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	padding: 12px 0;
}

.company-features .feature h3 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.company-features .feature h3 a:hover{
	color: #f1592a;
}

.services-section-five .image-column{
	position: relative;
	margin-bottom: 50px;
}

.services-section-five .image-column .image-box{
	position: relative;
}

.services-section-five .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.services-section-five .image-column .image img{
	display: block;
}

/*** 

====================================================================
		Service Detail
====================================================================

***/

.service-detail{
	position: relative;
	padding-left: 20px;
}

.service-detail .images-box{
	position: relative;
	margin: 0 -5px;
}

.service-detail .images-box .column{
	padding: 0 5px;
}

.service-detail .images-box .image{
	position: relative;
	margin-bottom: 10px;
}

.service-detail .images-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.service-detail .content-box{
	position: relative;
	padding: 40px 0 0;
}

.service-detail .content-box h2{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 45px;
}

.service-detail .content-box p{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 15px;
}

.service-detail .service-features{
	position: relative;
	padding-top: 30px;
}

.service-detail .service-features p{
	margin-bottom: 30px;
}

.service-detail .title{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	padding-bottom: 8px;
	margin-bottom: 25px;
}

.service-detail .title:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 40px;
	background-color: #f1592a;
	content: "";
}

.feature-block-four{
	position: relative;
	margin-bottom: 30px;
}

.feature-block-four .inner-box{
	position: relative;
	padding-left: 140px;
}

.feature-block-four .icon-box{
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	height: 110px;
	width: 110px;
	text-align: center;
}

.feature-block-four .icon-box .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	font-size: 54px;
	color: #f1592a;
	line-height: 110px;
 	transition: all 300ms ease;
}

.feature-block-four h4{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 14px;
}

.feature-block-four h4 a{
	color: #333333;
	display: inline-block;
}

.feature-block-four h4 a:hover{
	color: #f1592a;
}

.feature-block-four .text{
	font-size: 15px;
	line-height: 25px;
	color: #cccccc;
	font-weight: 400;
}

.service-detail .two-column{
	position: relative;
}

.service-detail .two-column .title{
	margin-bottom: 40px;
}

.service-detail .two-column p{
	margin-bottom: 25px;
}

.service-detail .two-column .image-column{
	margin-bottom: 35px;
}

.service-detail .two-column .image-column .image{
	margin-bottom: 0;
}

.service-detail .two-column .text-column{
	position: relative;
	margin-bottom: 35px;
}

.service-detail .prod-tabs{
	position:relative;
	margin-bottom: 60px;
}

.tabs-box{
	position: relative;
}

.tabs-box .tab{
	display: none;
}

.tabs-box .tab.active-tab{
	display: block;
}

.service-detail .prod-tabs .tab-btns{
	position:relative;
	z-index:1;	
	border-bottom:1px solid #dddddd;
}

.service-detail .prod-tabs .tab-btns .tab-btn{
	position:relative;
	top:1px;
	display:block;
	float:left;
	margin-right:5px;
	font-size:15px;
	color:#333333;
	background:#ffffff;
	text-transform:capitalize;
	font-weight:500;
	line-height:23px;
	cursor:pointer;
	border:1px solid #e5e5e5;
	border-bottom: 0;
	padding: 10px 25px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	font-family: "Roboto", sans-serif;
}

.service-detail .prod-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	top: 0;
	left: 50%;
	width:0%;
	height:3px;
	background-color:#f1592a;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.service-detail .prod-tabs .tab-btns .tab-btn:hover:before,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn:before{
	width: 100%;
	left: 0;
}

.service-detail .prod-tabs .tab-btns .tab-btn:hover:after,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-3px;
	width:100%;
	height:5px;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.service-detail .prod-tabs .tab-btns .tab-btn:hover,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn{
	color:#ff8a00;
	border-color:#e2e2e2;
	background:#ffffff;
}

.service-detail .prod-tabs .tabs-content{
	position:relative;
	padding:25px 30px 45px;
	border:1px solid #dddddd;
}

.service-detail .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
	border-top:0px;
}

.service-detail .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.service-detail .prod-tabs .tabs-content .tab .content{
	position:relative;
}

.service-detail .prod-tabs .tabs-content .tab .content p{
	position:relative;
	font-size:15px;
	line-height: 25px;
	color:#666666;
	margin-bottom:0px;
}

.service-detail .brochure-box{
	position: relative;
	padding: 20px 50px 0;
	background-color: #f1592a;
	overflow: hidden;
}

.service-detail .brochure-box:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/dotted-map-3.png);
	background-position: right top;
	background-repeat: no-repeat;
	content: "";
}

.service-detail .brochure-box .content{
	position: relative;
	float: left;
	padding-top: 10px;
	max-width: 390px;
}

.service-detail .brochure-box h4{
	font-size: 36px;
	color: #ffffff;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 40px;
}

.service-detail .brochure-box .theme-btn{
	font-size: 14px;
	line-height: 23px;
	font-weight: 500;
	padding: 10px 25px;
	text-transform: uppercase;
}

.service-detail .brochure-box .image{
	position: relative;
	float: right;
	right: 40px;
	top: 0px;
}

/* Services Categories */

.services-categories{
	position:relative;
}

.services-categories li{
	position:relative;
}

.services-categories li a{
	position:relative;
	color:#666666;
	font-size:16px;
	line-height: 22px;
	padding:16px 0;
	display:block;
	font-family: "Roboto", sans-serif;
	border-bottom:1px solid #e5e5e5;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.services-categories li a:after{
	content: "\f105";
	position:absolute;
	right: 0;
	top: 16px;
	display:block;
	font-size:12px;
	line-height: 22px;
	padding: 0px;
	color:#999999;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}

.services-categories li.active a,
.services-categories li a:hover{
	color:#f1592a;
	border-color: #f1592a;
}

.services-categories li:first-child a:after,
.services-categories li:first-child a{
	padding-top: 0;
	top: 0;
}

.services-categories li:last-child a{
	border-bottom: 0;
	padding-bottom: 0;
}

.services-sidebar .popular-posts .post-info{
	color: #666666 !important;
	font-family: "Roboto", sans-serif;
}

/*=== Help Box ===*/

.help-box{
	position: relative;
	margin-bottom: 50px;
}

.help-box .inner{
	position: relative;
	background-color: #333333;
	padding: 35px 30px 40px;
}

.help-box h4{
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
}

.help-box .text{
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	margin-bottom: 30px;
}

.help-box .theme-btn{
	font-size: 14px;
	line-height: 24px;
	padding: 10px 25px;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.help-box .theme-btn i{
	position:relative;
	top:-1px;
	font-size: 20px;
	line-height: 24px;
	margin:0;
	padding-right:3px;
	vertical-align:middle;
}

.help-box .theme-btn:last-child{
	margin-bottom: 0;
}

/*** 

====================================================================
		Fluid Section One
====================================================================

***/

.fluid-section-one{
	position: relative;
	background-color: #f1592a;
}

.fluid-section-one .outer-container{
	position: relative;
}

.fluid-section-one .form-column{
	position: relative;
}

.fluid-section-one .form-column .inner-column{
	position: relative;
	padding: 80px 0;
	padding-right: 120px;
}

.fluid-section-one .form-column h2{
	font-size: 36px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 45px;
}

.fluid-section-one .form-column .text{
	font-size: 15px;
	line-height: 25px;
	color: #e5e5e5;
	margin-bottom: 20px;
}

.contact-form{
 	position: relative;
 	z-index: 1;
}

.contact-form .row{
	margin: 0 -10px;
}

.contact-form .form-group{
	position:relative;
	padding: 0 10px;
	margin-bottom:20px;	
}

.contact-form .form-group:last-child{
	margin-bottom: 0;
}

.contact-form .ui-selectmenu-button.ui-button,
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    color: #777777;
    font-weight: 400;
    height: 45px;
    padding: 10px 20px;
    border-radius: 0px;
    background-color: #ffffff;
    font-family: "Open Sans", sans-serif;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 30px;
    border: 1px solid #e30016;
    border-bottom: 3px solid #e30016;
}

.contact-form .ui-selectmenu-button.ui-button{
	cursor:pointer;	
}

.contact-form .ui-selectmenu-button.ui-button .ui-selectmenu-text{
	line-height:22px;	
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#01afef;
}

.contact-form .form-group textarea{
	height: 100px;
	margin-bottom: 10px;
	resize: none;
    padding: 10px 20px 9px;
}

.contact-form .form-group input[type=submit],
.contact-form .form-group button{
	width: 100%;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 23px;
}

.contact-form label.error{
	color: #ffffff;
	margin-top: 5px;
}

.contact-form .ui-button .ui-icon{
	background:none;
	position:relative;
	top:3px;
	text-indent:0px;
	color:#43c3ea;	
}

.contact-form .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	font-weight: 900;
	position:absolute;
	right:0px;
	top:0px;
	width:10px;
	height:20px;
	display:block;
	color:#c5c5c5;
	line-height:20px;
	font-size:14px;
	text-align:center;
	z-index:5;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover{
	background-color: #f1592a;
	border-color:#f1592a;
}

.ui-menu .ui-menu-item{
	border-bottom:1px solid #e0e0e0;	
}

.ui-menu .ui-menu-item:last-child{
	border:none;	
}

.ui-menu .ui-menu-item-wrapper{
	padding:8px 20px;
	line-height:24px;	
}

.fluid-section-one .career-column{
	position: relative;
	background: none;
}

.fluid-section-one .career-column .image-layer{
	display: none;
	right: auto;
	left: 0;
	top: 0;
	width: 100%;
}

.fluid-section-one .career-column .inner-column{
	position: relative;
	display: block;
	padding: 80px 0;
}

.fluid-section-one .career-column h2{
	font-size: 36px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 45px;
}

.fluid-section-one .career-column .bold-text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 20px;
	color: #f2f2f2;
}

.fluid-section-one .career-column .text{
	font-size: 15px;
	line-height: 25px;
	color: #e5e5e5;
	margin-bottom: 40px;
}

.fluid-section-one .career-column .read-more{
	text-transform: uppercase;
	line-height: 23px;
	padding: 10px 25px;
}

.fluid-section-one .image-layer{
	position: absolute;
	right: -170px;
	top: 0;
	height: 100%;
	width: 50%;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}

.fluid-section-one .content-column{
	position: relative;
	float: left;
	width: 50%;
}

.fluid-section-one .facts-couner{
	position: relative;
	float: left;
	width: 50%;
}

.fluid-section-one .facts-couner .inner-column{
	position: relative;
	float: right;
	max-width: 570px;
	width: 100%;
	padding: 85px 15px;
}

.fluid-section-one .facts-couner h2{
	font-size: 36px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 45px;
}

.fluid-section-one .facts-couner .text{
	font-size: 15px;
	line-height: 25px;
	color: #e5e5e5;
	margin-bottom: 35px;
}

.fluid-section-one .counter-column{
	position: relative;
	margin-bottom: 40px;
}

.fluid-section-one .counter-column .inner{
	position: relative;
	padding-left: 95px;
}

.fluid-section-one .counter-column .inner:before{
	position: absolute;
	left: 70px;
	top: 5px;
	height: 65px;
	width: 1px;
	background-color: #ffffff;
	content: "";
	opacity: .20;
}

.fluid-section-one .counter-column .count-box{
	position:relative;
}

.fluid-section-one .counter-column .icon-box{
	position: absolute;
	left: 0;
	top: 10px;
}

.fluid-section-one .counter-column .icon-box .icon{
	display: inline-block;
	font-size: 52px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 400;
}

.fluid-section-one .counter-column .count-box{
	position:relative;
	font-size:32px;
	color:#ffffff;
	line-height: 60px;
	font-weight:700;
	font-family: "Roboto", sans-serif;
}

.fluid-section-one .counter-column .count-box .count-text{
	position:relative;
	display: block;
	font-size:32px;
	color:#ffffff;
	line-height: 1em;
	font-weight:700;
	margin-bottom: 10px;
}

.fluid-section-one .counter-column .counter-title{
	position: relative;
	display: block;
	font-size:20px;
	line-height: 25px;
	font-weight:700;
	color:#ffffff;
	font-family: "Roboto", sans-serif;
}

.fluid-section-one .facts-couner .inner-column{
	padding: 85px 15px 20px;
	max-width: 600px;
}

.fluid-section-one.style-two .image-layer,
.fluid-section-one.style-two .career-column{
	float: right;
	width: 50%;
	right: 0;
}

.fluid-section-one.style-two .career-column .inner-column{
	padding: 80px 55px;
	max-width: 600px;
}

/*** 

====================================================================
		Request Section
====================================================================

***/

.request-section{
	position: relative;
	padding: 100px 0 50px;
	background-color: #f1592a;
}

.request-section .contant-column{
	position: relative;
	margin-bottom: 50px;
}

.request-section .contant-column .inner-column{
	position: relative;
}

.request-section .contant-column h2{
	font-size: 36px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 25px;
}

.request-section .contant-column .text{
	font-size: 15px;
	line-height: 25px;
	color: #e5e5e5;
	margin-bottom: 20px;
}

.request-section .form-column{
	position: relative;
	margin-bottom: 50px;
}

/*** 

====================================================================
		Why Choose Us
====================================================================

***/

.why-choose-us{
	position: relative;
	padding: 100px 0;
}

.why-choose-us .our-factory{
	position: relative;
}

.why-choose-us .our-factory .content-column{
	position: relative;
}

.why-choose-us .our-factory .content-column .inner-column{
	position: relative;
	padding-right: 40px;
	padding-bottom: 50px;
}

.why-choose-us .our-factory .sec-title{
	margin-bottom: 40px;
}

.why-choose-us .our-factory .text{
	position: relative;
	margin-bottom: 30px;
}

.why-choose-us .our-factory .text p{
	margin-bottom: 20px;
}

.why-choose-us .our-factory .btn-box{
	position: relative;
}

.why-choose-us .our-factory .btn-box a{
	padding: 10px 25px;
	line-height: 23px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
}

.why-choose-us .our-factory .image-column{
	position: relative;
}

.why-choose-us .our-factory .image-column .image-box{
	margin-left: -15px;
}

.why-choose-us .our-factory .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.why-choose-us .our-factory .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

.why-choose-us .our-skill{
	position: relative;
	display: block;
}

.why-choose-us .our-skill .content-column{
	position: relative;
}

.why-choose-us .our-skill .content-column .inner-column{
	position: relative;
	padding: 55px 0 0;
	padding-left: 35px;
}

.why-choose-us .our-skill .content-column .sec-title{
	margin-bottom: 45px;
}

.why-choose-us .our-skill .content-column .text{
	margin-bottom: 35px;
}

.why-choose-us .our-skill .image-column{
	position: relative;
}

.why-choose-us .our-skill .image-column .image-box{
	margin-right: -15px;
}

.why-choose-us .our-skill .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.why-choose-us .our-skill .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

.why-choose-us .counter-column{
	position: relative;
	margin-bottom: 40px;
}

.why-choose-us .counter-column .inner{
	position: relative;
	padding-left: 85px;
}

.why-choose-us .counter-column .count-box{
	position:relative;
}

.why-choose-us .counter-column .icon-box{
	position: absolute;
	left: 0;
	top: 10px;
}

.why-choose-us .counter-column .icon-box .icon{
	display: inline-block;
	font-size: 52px;
	line-height: 1em;
	color: #fa7720;
	font-weight: 400;
}

.why-choose-us .counter-column .count-box{
	position:relative;
	font-size:32px;
	color:#333333;
	line-height: 60px;
	font-weight:700;
	font-family: "Roboto", sans-serif;
}

.why-choose-us .counter-column .count-box .count-text{
	position:relative;
	display: block;
	font-size:32px;
	color:#333333;
	line-height: 1em;
	font-weight:700;
	margin-bottom: 10px;
}

.why-choose-us .counter-column .counter-title{
	position: relative;
	display: block;
	font-size:20px;
	line-height: 25px;
	font-weight:700;
	color:#333333;
	font-family: "Roboto", sans-serif;
}

/*** 

====================================================================
		History Section
====================================================================

***/

.history-section{
	position: relative;
	padding: 15px 0 4px;
}

.history-section .history-column{
	position: relative;
}

.history-section .history-column .inner-column{
	position: relative;
	padding-bottom: 1px;
}	

.history-section .history-column .inner-column:before{
	    position: absolute;
    left: -25px;
        top: 5px;
    bottom: 62px;
    border-right: 2px dotted #080808;
    content: "";
}

.history-block{
	position: relative;
	margin-bottom: 50px;
}

.history-block .inner-box{
	position: relative;
	padding-left:30px;
}

.history-block .inner-box:before{
	position: absolute;
	height: 10px;
	width: 10px;
	background-color: #00afef;
	content: "";
	top: 45px;
	left: -30px;
	border-radius: 50%;
}

.history-block .inner-box:after{
	position: absolute;
	left: -40px;
	top: 35px;
	height: 30px;
	width: 30px;
	background-image: url(../images/icons/icon-dot.png);
	content: "";
	-webkit-animation: zoomIn 1s infinite linear alternate;
	-moz-animation: zoomIn 1s infinite linear alternate;
	-ms-animation: zoomIn 1s infinite linear alternate;
	-o-animation: zoomIn 1s infinite linear alternate;
	animation: zoomIn 1s infinite linear alternate;
}

.history-block:nth-child(2) .inner-box:after{
	-webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	-ms-animation-delay: 500ms;
	-o-animation-delay: 500ms;
	animation-delay: 500ms;
}

.history-block:nth-child(3) .inner-box:after{
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}

.history-block .year{
	position: absolute;
	left: 0;
	top: 0;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	background-color: #f1592a;
	font-size: 28px;
	line-height: 100px;
	font-family: "Roboto",sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}

.history-block .year:before{
	position: absolute;
	left: 2px;
	top: 2px;
	height: 96px;
	width: 96px;
	border-radius: 50%;
	border: 3px solid #ffffff;
	content: "";
}

.history-block .year:after{
	position: absolute;
	top: 49px;
	left: 100%;
	height: 2px;
	width: 100px;
	background-color: #f1592a;
	content: "";
}

.history-block h4{
	    font-size: 25px;
    line-height: 1.2em;
    color: #333;
    font-weight: 700;
    margin-bottom: 18px;
    font-family: 'Montserrat', sans-serif;
}

.history-block h4 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.history-block h4 a:hover{
	color: #f1592a;
}

.history-block .text{
	    font-size: 17px;
    line-height: 34px;
    color: #333;
    text-align: justify;
}

.history-section .form-column{
	position: relative;
	margin-bottom: 50px;
}

.history-section .form-column .inner-column{
	position: relative;
	    margin-top: 60px;
}

.request-form{
 	position: relative;
 	background-color: #f1592a;
 	padding: 50px 30px 60px;
 	z-index: 1;
}

.request-form:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
 	background-color: #00afef;
 	opacity: .90;
 	content: "";
}

.request-form .title-box{
	position: relative;
	margin-bottom: 20px;
}

.request-form h2 {
    font-size: 36px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 15px;
}

.request-form .text {
    font-size: 15px;
    line-height: 25px;
    color: #e5e5e5;
}

.request-form .form-group{
	position:relative;
	margin-bottom:30px;	
}

.request-form .form-group:last-child{
	margin-bottom: 0;
}

.request-form .form-group input[type="text"],
.request-form .form-group input[type="email"],
.request-form .form-group input[type="tel"],
.request-form .form-group input[type="url"],
.request-form .form-group textarea,
.request-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
    height: 55px;
    padding: 4px 0;
    background-color: transparent;
    border-bottom: 1px solid #cccccc;
    font-family: "Open Sans", sans-serif;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.request-form ::-webkit-input-placeholder{color: rgba(255,255,255,.70);}
.request-form ::-moz-input-placeholder{color: rgba(255,255,255,.70);}
.request-form ::-ms-input-placeholder{color: rgba(255,255,255,.70);}

.request-form .form-group input:focus,
.request-form .form-group select:focus,
.request-form .form-group textarea:focus{
	border-color:#333333;
}

.request-form .form-group textarea{
	height: 130px;
	resize: none;
    padding: 10px 0 9px;
    margin-bottom: 10px;
}

.request-form .form-group input[type=submit],
.request-form .form-group button{
	text-transform: uppercase;
	font-size: 14px;
	padding: 10px 30px;
	line-height: 25px;
}

.history-section .skill-column{
	position: relative;
}

.history-section .skill-column .inner-column{
	position: relative;
	padding-top: 20px;
}

.skill-block{
	position: relative;
	margin-bottom: 50px;
}

.skill-block .inner-box{
	position: relative;
	text-align: center;
	min-height: 130px;
}

.skill-block .graph-outer{
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
}

.skill-block .graph-outer:before{
	position: absolute;
	left: 28px;
	top: 28px;
	height: 160px;
	width: 160px;
	background-color: #f2f2f2;
	content: "";
	border-radius: 50%;
}

.skill-block .graph-outer .count-box{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 46px;
    line-height: 50px;
    color: #f1592a;
    font-weight: 700;
    margin-top: -25px;
}

.skill-block h3{
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
}

/*** 

====================================================================
		News Section
====================================================================

***/

.news-section{
	position: relative;
	padding: 40px 0 30px;
	background-color: #f6f6f6;
    border-top: 3px solid #ececec;
	 border-bottom: 3px solid #ececec;
}

.news-section.no-pd-top{
	padding-top: 0;
}

.news-section .upper-box{
	position: relative;
}

.news-section .upper-box .sec-title{
	position: relative;
	float: left;
	margin-bottom: 50px;
}

.news-section .upper-box .sec-title h2{
	color: #292929;
}

.news-section .upper-box .link-box{
	position: relative;
	float: right;
}

.news-section .upper-box .link-box a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #eb4343;
	font-weight: 600;
	border-bottom: 1px solid #ed7d7e;
}

.news-block{
	position: relative;
	margin-bottom: 30px;
}

.news-block .inner-box{
	position: relative;
	    border: 1px solid #ccc;
}

.news-block .image-box{
	position: relative;
}

.news-block .image-box .image{
	position: relative;
	margin-bottom: 0;
	background-color: #f1592a;
	overflow: hidden;
}

.news-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.news-block .inner-box:hover .image-box .image img{
	opacity: .70;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.news-block .lower-content{
	position: relative;
	display: block;
	padding: 15px 30px 0;
	
	border-top: 0;
}

.news-block .lower-content .post-info{
	position: relative;
	padding-left: 33px;
	margin-bottom: 10px;
}

.news-block .lower-content .post-info:before{
	position: absolute;
	left: 0;
	top: 12px;
	height: 1px;
	width: 25px;
	background-color: #e5e5e5;
	content: "";
}

.news-block .lower-content .post-info li {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    font-weight: 400;
    padding-right: 15px;
    margin-right: 10px;
}

.news-block .lower-content .post-info li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.news-block .lower-content .post-info li:before{
	position: absolute;
	right: -3px;
	top: 0;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	content: "|";
}

.news-block .lower-content .post-info li span{
	position: relative;
	float: left;
	font-size: 15px;
	line-height: 25px;
	color: #f1592a;
	margin-right: 5px;
}

.news-block .lower-content .post-info li:last-child:before{
	display: none;
}

.news-block .lower-content .post-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .lower-content .post-info li a:hover{
	color: #f1592a;
}

.font_arrow {
    font-size: 20px;
    position: relative;
    top: 3px;
}

.news-block .lower-content h5 {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 25px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
}

.news-block .lower-content h5 a{
	color: #333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .lower-content h5 a:hover{
	color: #db2b20;
}

.news-block .lower-content .text{
	    position: relative;
    display: block;
    font-size: 15px;
    line-height: 27px;
    color: #333;
    margin-bottom: 15px;
}

.news-block .lower-content .link-box{
	position: relative;
	display: block;
	padding: 10px 0;
	border-top: 1px solid #d7d8d8;
}

.news-block .lower-content .link-box a{
	    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    color: #db2b20;
    font-weight: 500;
    text-transform: uppercase;
    
    font-family: 'Montserrat', sans-serif;
}

.news-list{
	position: relative;
}

.news-list .inner-box{
	position: relative;
	margin-top: -5px;
}

.news-list .list-item{
	position: relative;
	padding-bottom: 25px;
	border-bottom: 1px solid #9da1a3;
	margin-bottom: 20px;
}

.news-list .list-item p {
    color: #333;
    font-size: 16px;
    line-height: 32px;
}

.news-list .list-item .post-info{
	position: relative;
	padding-left: 33px;
	margin-bottom: 10px;
}

.news-list .list-item .post-info:before{
	position: absolute;
	left: 0;
	top: 12px;
	height: 1px;
	width: 25px;
	background-color: #e5e5e5;
	content: "";
}

.news-list .list-item .post-info li{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	font-weight: 400;
	padding-right: 15px;
	margin-right: 10px;
}

.news-list .list-item .post-info li:before{
	position: absolute;
	right: -3px;
	top: 0;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	content: "|";
}

.news-list .list-item .post-info li:last-child:before{
	display: none;
}

.news-list .list-item .post-info li a{
	color: #888888;
	transition: all 300ms ease;
}

.news-list .list-item .post-info li a:hover{
	color: #f1592a;
}

.news-list .list-item h5{
	    position: relative;
    display: block;
    font-size: 19px;
    line-height: 25px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 18px;
    font-family: 'Montserrat', sans-serif;
}

.news-list .list-item h5 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-list .list-item h5 a:hover{
	color: #db2b20;
}

.news-list .list-item .comments{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
}

.news-list .list-item .comments i{
	float: left;
	font-size: 15px;
	line-height: 25px;
	color: #f1592a;
	font-weight: 400;
	margin-right: 5px;
}

.news-list .list-item:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.news-list .btn-box{
	position: relative;
	margin-top: 20px;
}

.news-list .btn-box a{
	padding: 10px 28px;
    line-height: 23px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

/***

====================================================================
		News Section Two
====================================================================

***/

.news-section-two{
	position: relative;
	padding: 100px 0 70px;
}

.news-section-two .upper-box{
	position: relative;
}

.news-section-two .upper-box .sec-title{
	position: relative;
	float: left;
}

.news-section-two .upper-box .view-all{
	position: relative;
	float: right;
	margin-top: 45px;
}

.news-section-two .upper-box .view-all a{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #f1592a;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 1px solid #f1592a;
	font-family: "Roboto", sans-serif;
	transition: all 300ms ease;
}

.news-section-two .upper-box .view-all a:hover{
	color: #222222;
}

.news-block-two{
	position: relative;
	margin-bottom: 30px;
}

.news-block-two .inner-box{
	position: relative;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .inner-box:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.10);
}

.news-block-two .image-box{
	position: relative;
}

.news-block-two .image-box .image{
	position: relative;
	margin-bottom: 0;
	background-color: #f1592a;
	overflow: hidden;
}

.news-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.news-block-two .inner-box:hover .image-box .image img{
	opacity: .70;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.news-block-two .image-box .date{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 80px;
	width: 80px;
	background-color: #ffffff;
	text-align: center;
	padding-top: 13px;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	font-weight: 400;
	text-transform: uppercase;
	border: 1px solid #e5e5e5;
}

.news-block-two .image-box .date span{
	display: block;
	font-size: 30px;
	line-height: 1em;
	color: #333333;
	font-weight: 600;
	margin-bottom: 3px;
}

.news-block-two .lower-content{
	position: relative;
	display: block;
	padding: 35px 30px 40px;
	border: 1px solid #e5e5e5;
	border-top: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .inner-box:hover .lower-content{
	border-color: transparent;
}

.news-block-two .lower-content h5{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 25px;
	color: #333333;
	font-weight: 600;
	margin-bottom: 15px;
}

.news-block-two .lower-content h5 a{
	color: #242424;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .lower-content h5 a:hover{
	color: #f1592a;
}

.news-block-two .lower-content .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 26px;
}

.news-block-two .post-info{
	position: relative;
}

.news-block-two .post-info .author{
	position: relative;
	padding: 15px 0;
	padding-left: 60px;
	float: left;
}

.news-block-two .post-info .author .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	overflow: hidden;
}

.news-block-two .post-info .author .thumb img{
	display: block;
}

.news-block-two .post-info .author span{
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #999999;
	font-weight: 700;
}

.news-block-two .post-info .info{
	position: relative;
	float: right;
	padding: 10px 0;
}

.news-block-two .post-info .info a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #999999;
	font-weight: 400;
	margin-left: 15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .post-info .info a span{
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	color: #f1592a;
}

.news-block-two .post-info .info a:hover{
	color: #f1592a;
}

.blog-grid{
	position: relative;
	padding: 100px 0;
}

.blog-grid .styled-pagination{
	margin-top: 30px;
}

/*** 

====================================================================
		Blog List
====================================================================

***/

.blog-list{
	position: relative;
}

.news-block-three{
	position: relative;
	margin-bottom: 60px;
}

.news-block-three .inner-box{
	position: relative;
	padding: 20px 20px 40px;
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
}

.news-block-three .image-box{
	position: relative;
}

.news-block-three .image-box .image{
	position: relative;
	margin-bottom: 0;
	background-color: #f1592a;
	overflow: hidden;
}

.news-block-three .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.news-block-three .inner-box:hover .image-box .image img{
	opacity: .70;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.news-block-three .lower-content{
	position: relative;
	display: block;
	padding-top: 40px;
}

.news-block-three .lower-content h3{
	position: relative;
	display: block;
	font-size: 26px;
	line-height: 25px;
	color: #333333;
	font-weight: 600;
	margin-bottom: 10px;
}

.news-block-three .lower-content h3 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three .lower-content h3 a:hover{
	color: #f1592a;
}

.news-block-three .lower-content .post-info{
	position: relative;
	margin-bottom: 15px;
}

.news-block-three .lower-content .post-info li{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	padding-right: 15px;
	margin-right: 10px;
}

.news-block-three .lower-content .post-info li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.news-block-three .lower-content .post-info li:before{
	position: absolute;
	right: -3px;
	top: 0;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	content: "|";
}

.news-block-three .lower-content .post-info li span{
	position: relative;
	float: left;
	font-size: 15px;
	line-height: 25px;
	color: #f1592a;
	margin-right: 5px;
}

.news-block-three .lower-content .post-info li:last-child:before{
	display: none;
}

.news-block-three .lower-content .post-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three .lower-content .post-info li a:hover{
	color: #f1592a;
}

.news-block-three .lower-content .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 35px;
}

.news-block-three .lower-content .link-box{
	position: relative;
	float: left;
}

.news-block-three .lower-content .link-box .theme-btn{
	padding: 10px 25px;
	line-height: 25px;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	float: left;
}

.news-block-three .social-links{
	position: relative;
	float: right;
	overflow: hidden;
}

.news-block-three .social-links .social-toggle-btn{
	position: relative;
	height: 45px;
	width: 45px;
	line-height: 45px;
	color: #ffffff;
	font-size: 20px;
	float: right;
	text-align: center;
	background-color: #f1592a;
	cursor: pointer;
}

.news-block-three .social-links .social-icon-one{
	position: relative;
	padding: 10px 0;
	float: left;
	width: 150px;
	opacity: 0;
	transition: all 300ms ease;
}

.news-block-three .social-links.active .social-icon-one{
	opacity: 1;
}

/*** 

====================================================================
		Blog Detail
====================================================================

***/

.blog-detail{
	position: relative;
}

.blog-detail .news-block .lower-content{
	padding: 0;
	border: 0;
	margin-bottom: 30px;
}

.blog-detail .news-block .lower-content .post-info{
	padding: 22px 0;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 35px;
}

.blog-detail .news-block .lower-content h3{
	position: relative;
	display: block;
	font-size: 26px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 30px;
}

.blog-detail .news-block .lower-content p{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	margin-bottom: 20px;
}

.blog-detail .news-block .two-column{
	position: relative;
}

.blog-detail .news-block .two-column .image-column{
	position: relative;
	margin-bottom: 30px;
}

.blog-detail .news-block .two-column .image-column .image{
	margin-bottom: 0;
}

.blog-detail .news-block .two-column .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

.blog-detail .news-block .two-column .block-column{
	position: relative;
	margin-bottom: 30px;
}

.blog-detail .blockquote{
	position: relative;
	margin-bottom: 0;
}

.blog-detail .blockquote .icon{
	position: relative;
	display: inline-block;
	font-size: 42px;
	line-height: 50px;
	color: #f1592a;
	margin-bottom: 15px;
}

.blog-detail .blockquote p{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	padding-left: 12px;
	border-left: 2px solid #f1592a;
}

.blog-detail .blockquote .name{
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 5px;
}

.blog-detail .blockquote .designation{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #f1592a;
	font-weight: 400;
}

/*post share options*/

.blog-detail .post-share-options{
	position:relative;
	margin-bottom: 65px;
}

.blog-detail .post-share-options p{
	position:relative;
	color:#666666;
	font-size:15px;
	line-height: 30px;
	font-weight:400;
	margin:0;
	display: inline-block;
}

.blog-detail .post-share-options .social-links p{
	font-size: 20px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	text-transform: uppercase;
}

.blog-detail .post-share-options .social-links p strong{
	font-weight: 700;
	font-size: 30px;
	color: #333333;
	font-family: "Roboto", sans-serif;
}

.blog-detail .post-share-options .tags{
	position: relative;
	display: inline-block;
	padding-top: 5px;
}

.blog-detail .post-share-options .tags li{
	position: relative;
	display: inline-block;
}

.blog-detail .post-share-options .tags a{
	position:relative;
	color:#999999;
	font-size:15px;
	font-weight:400;
	line-height: 28px;
	padding: 0 13px;
	border: 1px solid #e5e5e5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-share-options .tags a:hover{
	color: #ffffff;
	background-color: #f1592a;
	border-color: #f1592a;
}

.blog-detail .post-share-options .social-icon{
	position: relative;
	display: inline-block;
    padding-left: 20px;
    border-left: 1px solid #ccc;
    margin-left: 25px;
}

.blog-detail .post-share-options .social-icon li{
	position: relative;
	display: inline-block;
	margin-left: 3px;
}

.blog-detail .post-share-options .social-icon li a{
	display: block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	color: #999999;
	font-size: 17px;
	text-align: center;
	border: 1px solid #e6e6e6;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-share-options .social-icon li a:hover{
	color: #ffffff;
	background-color: #f1592a;
	border-color: #f1592a;
}

/*=== Author Box ===*/

.blog-detail .author-box{
	position: relative;
	padding: 60px 0 50px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 40px;
}

.blog-detail .author-box .inner-box{
	position: relative;
}

.blog-detail .author-box .info-box{
	position: relative;
	padding-left: 150px;
	min-height: 120px;
	margin-bottom: 25px;
	padding-top: 30px;
}

.blog-detail .author-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 120px;
	width: 120px;
	border-radius: 50%;
	overflow: hidden;
}

.blog-detail .author-box .thumb img{
	display: block;
	width: 100%;
}

.blog-detail .author-box .name{
	position: relative;
	display: block;
	font-size: 28px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
}

.blog-detail .author-box .designation{
	font-size: 15px;
	line-height: 25px;
	color: #f1592a;
	font-weight: 400;
}

.blog-detail .author-box .text{
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
}

/*=== Post Controll ===*/

.post-controll{
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 55px;
	border-bottom: 1px solid #e5e5e5;
}

.post-controll a{
	font-size: 14px;
	line-height: 23px;
	padding: 10px 25px;
	text-transform: uppercase;
	font-weight: 500;
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	display:inline-block;
	margin: 0 8px 0 0;
}

.styled-pagination li:last-child{
	margin-right: 0;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	line-height:38px;
	font-size:15px;
	height:40px;
	width:40px;
	color:#666666;
	font-weight:500;
	text-align:center;
	background:#ffffff;
	border:1px solid #e6e6e6;
	text-transform:capitalize;
	border-radius: 50%;
	font-family: "Roboto", sans-serif;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#ffffff;
	border-color:#f1592a;
	background-color:#f1592a;
}

/*** 

====================================================================
		Video Section
====================================================================

***/

.video-section{
	position: relative;
	padding: 130px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.video-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	content: '';
	opacity: .70;
}

.video-section .content-column{
	position: relative;
}

.video-section .content-column .inner-column{
	position: relative;
}

.video-section .content-box{
	position: relative;
}

.video-section .sec-title{
	margin-bottom: 30px;
	max-width: 540px;
}

.video-section .video-link{
	position: relative;
	display: inline-block;
	text-align: left;
}

.video-section .video-link a{
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	padding: 15px 0;
	min-height: 80px;
	padding-left: 95px;
	text-transform: uppercase;
}

.video-section .video-link .icon{
    position: absolute;
    left: 0;
    top: 0;
    height: 80px;
    width: 80px;
    line-height: 80px;
    text-align: center;
    border: 2px solid #eeeeee;
    font-size: 26px;
    padding-left: 7px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.30);
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.video-section .image-column{
	position: relative;
}

.video-section .image-column .image-box{
	position: relative;
	display: block;
	text-align: center;
	padding-top: 35px;
}

.video-section .image-column .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.video-section .image-column .image-box .image img{
	max-width: 100%;
	display: inline-block;
}

/*=== Style Two ===*/

.video-section.style-two{
	padding: 0;
}

.video-section.style-two .content-column .inner-column{
	padding: 130px 0 50px;
}

/*=== Style Three ===*/

.video-section.style-three{
	background: rgb(159,211,215);
	background: -moz-linear-gradient(top, rgba(159,211,215,1) 0%, rgba(176,232,233,1) 100%);
	background: -webkit-linear-gradient(top, rgba(159,211,215,1) 0%,rgba(176,232,233,1) 100%);
	background: linear-gradient(to bottom, rgba(159,211,215,1) 0%,rgba(176,232,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd3d7', endColorstr='#b0e8e9',GradientType=0 );
}

.video-section.style-three:before{
	display: none;
}

.video-section.style-three .layer-image{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 63%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.video-section.style-three .layer-image .image{
	display: none;
}

.video-section.style-three .sec-title .title{
	color: #f1592a;
}

.video-section.style-three .video-link a{
	color: #333333;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}

.video-section.style-three .video-link .icon{
	border-color: #333333;
	color: #333333;
	background-color: transparent;
}

.video-section.style-three .video-link:hover .icon{
	background-color: #333333;
	color: #ffffff;
}

/*** 

====================================================================
		Project Section
====================================================================

***/

.projects-section{
	position: relative;
	padding: 100px 0 70px;
}

.projects-section .sec-title{
	margin-bottom: 35px;
}

/*=== Mixitup Gallery ===*/

.projects-section .filters{
	margin-bottom:45px;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

.projects-section .filters .filter-tabs{
	position:relative;
	display: inline-block;
}

.projects-section .filters li{
	position:relative;
	display: inline-block;
	line-height:30px;
	padding:10px 55px;
	cursor:pointer;
	color:#333333;
	font-weight:500;
	font-size:16px;
	top: -2px;
	font-family: "Roboto", sans-serif;
	border-top: 2px solid transparent;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.projects-section .filters li:last-child{
	margin-right: 0;
}

.projects-section .filters .filter.active,
.projects-section .filters .filter:hover{
	color: #fa7720;
	border-top: 2px solid #f1592a;
}

.mixitup-gallery .project-block{
	display: none;
}

.project-block{
	position: relative;
	margin-bottom: 30px;
}

.project-block .inner-box{
	position: relative;
	overflow: hidden;
}

.project-block .image-box{
	position: relative;
}

.project-block .image{
	position: relative;
	margin-bottom: 0;
}

.project-block .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-block .overlay-box{
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	bottom: 10px;
	text-align: center;
	background-color: rgba(51,51,51,.70);
	border: 2px solid #f1592a;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block .inner-box:hover .overlay-box{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.project-block .overlay-box .inner{
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.project-block .overlay-box h5{
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.project-block .overlay-box h5 a{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.project-block .overlay-box h5 a:hover{
	color: #f1592a;
}

.project-block .inner-box:hover .overlay-box h5{
	opacity: 1;
	transition-delay: 200ms;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.project-block .overlay-box .cat{
	position: relative;
	display: block;
	font-size: 15px;
	color: #f1592a;
	line-height: 25px;
	font-weight: 700;
	margin-bottom: 10px;
	opacity: 0;
	font-family: "Roboto", sans-serif;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.project-block .inner-box:hover .overlay-box .cat{
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	transition-delay: 400ms;
}

.project-block .overlay-box .link-box{
	position: relative;
	opacity: 0;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.project-block .overlay-box .link-box a{
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.project-block .overlay-box .link-box a:hover{
	color: #f1592a;
}

.project-block .inner-box:hover .overlay-box .link-box{
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	transition-delay: 600ms;
}

.projects-section.style-two{
	position: relative;
	background-color: #333333;
	padding: 100px 0;
}

.projects-section.style-two .filters li{
	color: #cccccc;
}

.projects-section.style-two .filters{
	border-top: 1px solid #4c4c4c;
}

.projects-section.style-two .row{
	padding: 6px 6px;
	margin: 0 -6px;
	background-color: #ffffff;
}

.projects-section.style-two .project-block{
	padding: 5px 6px;
	margin-bottom: 0;
}

/*** 

====================================================================
		Projects Section Two
====================================================================

***/

.projects-section-two{
	position: relative;
	padding: 100px 0;
	background-color: #333333;
}

.projects-section-two .upper-box{
	position: relative;
}

.projects-section-two .upper-box .sec-title{
	position: relative;
	float: left;
}

.projects-section-two .upper-box .view-all{
	position: relative;
	float: right;
	margin-top: 55px;
}

.projects-section-two .upper-box .view-all a{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 1px solid #ffffff;
	font-family: "Roboto", sans-serif;
	transition: all 300ms ease;
}

.projects-section-two .upper-box .view-all a:hover{
	color: #f1592a;
}

.projects-section-two .project-block{
	margin-bottom: 0;
}

.projects-section-two .project-block .overlay-box h5{
	font-size: 16px;
}

.projects-carousel .owl-nav{
	position: absolute;
	left: -70px;
	right: -70px;
	top: 50%;
	margin-top: -20px;
}

.projects-carousel .owl-next,
.projects-carousel .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	width: 30px;
	border: 2px solid #e6e6e6;
	line-height: 26px;
	color: #e6e6e6;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.projects-carousel .owl-next{
	left: auto;
	right: 0;
}

.projects-carousel .owl-next:hover,
.projects-carousel .owl-prev:hover{
	color: #f1592a;
	border-color: #f1592a;
}

/*** 

====================================================================
		Projects Section Three
====================================================================

***/

.projects-section-three{
	position: relative;
	padding: 100px 0 70px;
	background-color: #f2f2f2;
}

.projects-section-three.alternate{
	background-color: #ffffff;
}

.projects-section-three.no-pd-top{
	padding-top: 0;
}

.projects-section-three .upper-box{
	position: relative;
}

.projects-section-three .upper-box .text{
	position: relative;
	padding-left: 20px;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	padding-top: 10px;
}

.projects-section-three .upper-box .text:before{
	position: absolute;
	left: -20px;
	top: 5px;
	height: 65px;
	width: 1px;
	background-color: #d9d9d9;
	content: "";
}

.project-block-three{
	position: relative;
	margin-bottom: 30px;
}

.project-block-three .inner-box{
	position: relative;
	background-color: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.10);
}

.project-block-three .image-box{
	position: relative;
	overflow: hidden;
}

.project-block-three .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.project-block-three .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.project-block-three .inner-box:hover .image img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

 .project-block-three .image-box .image a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	z-index: 1;
}

.project-block-three .inner-box:hover .image-box .image a:before{
	opacity: 0.50;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.project-block-three .caption-box{
	position: relative;
	padding: 25px 30px;
}

.project-block-three .caption-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 5px;
}

.project-block-three .caption-box h4 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block-three .caption-box h4 a:hover{
	color: #f1592a;
}

.project-block-three .caption-box .category{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
}

/*** 

====================================================================
		Project Detail
====================================================================

***/

.project-detail{
	position: relative;
	padding: 30px 0;
	background-color: #f2f2f2;
}

.project-detail .content-box{
	position: relative;
	background-color: #ffffff;
	padding: 20px 20px 30px;
	box-shadow: 0 0 10px rgba(0,0,0,0.10);
}

.project-detail .upper-box{
	position: relative;
}

.project-detail .upper-box .image-column{
	position: relative;
}

.project-detail .upper-box .image-column .inner-column{
	position: relative;
}

.project-detail .upper-box .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.project-detail .upper-box .image-column .image img{
	display: block;
	width: 100%;
	height: 820px;
}

.project-detail .detail-column .inner-column{
	position: relative;
	border: 10px solid #f2f2f2;
	padding: 25px 20px 23px;
	margin-left: -10px;
}

.project-detail h2{
	position: relative;
	display: block;
	font-size: 25px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 600;
	margin-bottom: 15px;
}

.project-detail .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 30px;
}

.project-info-list{
	position: relative;
}

.product_text{  
	margin-bottom: 22px;
    padding-left: 20px;
}

.project-info-list li{
	position: relative;
	padding-left: 20px;
	margin-bottom: 18px;
}

.project-info-list li:last-child{
	margin-bottom: 0;
}

.project-info-list li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
	line-height: 1em;
	color: #666666;
	font-weight: 400;
}

.project-info-list li h5{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 500;
	margin-bottom: 5px;
}

.project-info-list li p{
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 0;
}

.project-detail .share-option{
	position: relative;
	display: block;
	padding-top: 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 40px;
}

.project-detail .share-option .social-icon-one li.title{
	font-size: 20px;
	line-height: 40px;
	color: #666666;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
}

.project-detail .share-option .social-icon-one li{
	position: relative;
	display: inline-block;
	margin-right: 3px;
	margin-left: 0;
}

.project-detail .share-option .social-icon-one li a{
	display: block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	color: #999999;
	font-size: 17px;
	text-align: center;
	border: 1px solid #e6e6e6;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-detail .share-option .social-icon-one li a:hover{
	color: #ffffff;
	background-color: #f1592a;
	border-color: #f1592a;
}

.project-detail .post-controll{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
    padding-top: 20px;
}

.project-detail.style-two{
	position: relative;
	background-color: #ffffff;
	padding-bottom: 30px;
}

.project-detail.style-two .content-box{
	box-shadow: none;
	padding: 0;
}

.project-detail.style-two .content-column .inner-column{ 
	position: relative;
	padding-right: 20px;
}

.project-detail.style-two .upper-box{
	margin-bottom: 20px;
}

.project-detail.style-two .upper-box h2{
	position: relative;
	font-size: 36px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 45px;
}

.project-detail.style-two .content-column p{
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	margin-bottom: 30px;
}

.project-detail.style-two .list-style-one{
	margin-bottom: 23px;
}

.project-detail.style-two .list-style-one li{
	float: left;
	width: 50%;
}

.project-detail.style-two .detail-column .inner-column{
	padding: 0;
	border: 0;
}

.project-detail.style-two .project-info-list li .icon{
	color: #f1592a;
}

.project-detail .projects-images{
	position: relative;
}

.project-detail .projects-images .row{
	margin: 0 -10px;
}

.project-detail .projects-images .column{
	position: relative;
	padding: 0 10px;
}

.project-detail .projects-images .image{
	position: relative;
	margin-bottom: 20px;
    border: 1px solid #00000030;
}

.project-detail .projects-images .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-detail.style-two .share-option{
	padding-top: 40px;
}

.project-detail.style-two .post-controll{
	padding-bottom: 35px;
	border-bottom: 1px solid #e5e5e5;
}

.titel_pro{
    position: relative;
    top: 12px;
}

/*** 

====================================================================
		Testimonial Section
====================================================================

***/

.testimonial-section{
	position: relative;
	padding: 100px 0;
	background-color: #f5f5f5;
}

.testimonial-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/dotted-map.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	opacity: .10;
}

.testimonial-carousel{
	position: relative;
}

.testimonial-block{
	display: block;
	position: relative;
}

.testimonial-block .inner-box{
	position: relative;
	padding-top: 50px;
	padding-left: 50px;
}

.testimonial-block .thumb-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #f1592a;
	z-index: 9;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.active  .testimonial-block .thumb-box{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.testimonial-block .content-box{
	position: relative;
	background-color: #ffffff;
	border: 2px solid #f1592a;
	text-align: center;
	padding: 25px 45px 35px;
}

.testimonial-block .content-box:before{
	position: absolute;
	right: 0;
	bottom: -5px;
	font-size: 100px;
	color: #fdf1e5;
	line-height: 1em;
	content: "\f1d0";
	font-family: "Flaticon";
	z-index: 0;
}

.testimonial-block .info-box{
	position: relative;
	margin-bottom: 18px;
}

.testimonial-block .info-box .name{
	font-size: 20px;
	line-height: 25px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 5px;
}

.testimonial-block .info-box .designation{
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	margin-bottom: 3px;
}

.testimonial-block .info-box .rating{
	font-size: 12px;
	line-height: 24px;
	color: #ffd84f;
	font-weight: 400;
}

.testimonial-block .info-box .rating span{
	margin: 0 4px;
}

.testimonial-block .info-box .rating span.light{
	color: #cccccc;
}

.testimonial-block .text{
	position: relative;
}

.testimonial-section .owl-nav{
	position: absolute;
	right: 0;
	top: -100px;
}

.testimonial-section .owl-next,
.testimonial-section .owl-prev{
	position: relative;
	display: inline-block;
	height: 30px;
	width: 30px;
	border: 2px solid #e6e6e6;
	background-color: #ffffff;
	font-size: 14px;
	color: #c5c5c5;
	font-weight: 400;
	text-align: center;
	line-height: 26px;
	margin-left: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.testimonial-section .owl-next:hover,
.testimonial-section .owl-prev:hover{
	border: 2px solid #f1592a;
	background-color: #f1592a;
	color: #ffffff;
}

/*=== Testimonial Section Style Two ===*/

.testimonial-section.style-two{
	position: relative;
	background-color: #333333;
}

.testimonial-section.style-two .testimonial-block .content-box{
	background-color: rgba(102,102,102,.60);
}

.testimonial-section.style-two .testimonial-block .info-box .name{
	color: #ffffff;
}

.testimonial-section.style-two .testimonial-block .info-box .designation{
	color: #c5c5c5;
}

.testimonial-section.style-two .testimonial-block .text{
	color: #e5e5e5;
}

.testimonial-section.style-two .testimonial-block .content-box:before{
	color: #f1592a;
	opacity: .10;
}

.testimonial-section.style-two .testimonial-section:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/dotted-map.png);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    opacity: .10;
}

.testimonial-section.style-two .owl-next,
.testimonial-section.style-two .owl-prev{
	background-color: transparent;
	color: #c5c5c5;
	border-color:#e6e6e6;
}

.testimonial-section.style-two .owl-next:hover,
.testimonial-section.style-two .owl-prev:hover{
	border: 2px solid #f1592a;
	color: #f1592a;
}

.testimonial-section.style-two:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/dotted-map-2.png);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    opacity: .10;
}

/*** 

====================================================================
		Testimonial Section two
====================================================================

***/

.testimonial-section-two{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0;
}

.testimonial-section-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #f1592a;
	opacity: .90;
	content: "";
}

.testimonial-section-two .inner-container{
	position: relative;
	max-width: 970px;
	margin: 0 auto;
}

.testimonial-section-two .image-column{
	position: relative;
	float: left;
	max-width: 685px;
	width: 100%;
}

.testimonial-section-two .image-column .image-box{
	position: relative;
}

.testimonial-section-two .image{
	position: relative;
}

.testimonial-section-two .image img{
	max-width: 100%;
}

.testimonial-section-two .testimonial-column{
	position: relative;
	float: right;
	max-width: 570px;
	width: 100%;
	margin-top: -200px;
	min-height: 255px;
}

.testimonial-block-two{
	position: relative;
	background-color: #3d3d3d;
}

.testimonial-block-two .inner{
	position: relative;
	background-color: #3d3d3d;
	padding: 40px 55px 40px;
	text-align: center;
}

.testimonial-block-two .info-box{
	position: relative;
	margin-bottom: 19px;
}

.testimonial-block-two .info-box .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
}

.testimonial-block-two .info-box .designation{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 35px;
	color: #c5c5c5;
	font-weight: 400;
}

.testimonial-block-two .info-box .rating{
	position: relative;
}

.testimonial-block-two .info-box .rating span{
	position: relative;
	display: inline-block;
	margin-right: 5px;
	font-size: 13px;
	color: #ffd84f;
}

.testimonial-block-two .info-box .rating span.light{
	color: #cccccc;
}

.testimonial-block-two .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #f2f2f2;
	font-weight: 400;
}

.testimonial-section-two .owl-nav{
	position: absolute;
	right: 100%;
	bottom: 0;
	width: 150px;
	height: 55px;
	background-color: #ffffff;
}

.testimonial-section-two .owl-nav:before{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 100%;
	width: 1px;
	background-color: #f1f1f1;
	content: "";
}

.testimonial-section-two .owl-next,
.testimonial-section-two .owl-prev{
	position: relative;
	display: inline-block;
	height: 55px;
	width: 50%;
	font-size: 30px;
	color: #000000;
	font-weight: 400;
	line-height: 55px;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.testimonial-section-two .owl-next:hover,
.testimonial-section-two .owl-prev:hover{
	color: #f1592a;
}

/*** 

====================================================================
		Testimonial Section Three
====================================================================

***/

.testimonial-section-three{
	position: relative;
	background-color: #f2f2f2;
	padding: 100px 0 50px;
}

.testimonial-section-three .testimonial-column{
	position: relative;
	margin-bottom: 50px;
}

.testimonial-section-three .testimonial-column .inner-column{
	position: relative;
	padding-top: 45px;
	margin-left: -35px;
	padding-right: 100px;
}

.testimonial-block-three{
	position: relative;
}

.testimonial-block-three .inner{
	position: relative;
}

.testimonial-block-three .info-box{
	position: relative;
	margin-bottom: 20px;
}

.testimonial-block-three .info-box .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
}

.testimonial-block-three .info-box .designation{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 35px;
	color: #888888;
	font-weight: 400;
}

.testimonial-block-three .info-box .rating{
	position: relative;
}

.testimonial-block-three .info-box .rating span{
	position: relative;
	display: inline-block;
	margin-right: 4px;
	font-size: 14px;
	color: #ffd84f;
}

.testimonial-block-three .info-box .rating span.light{
	color: #cccccc;
}

.testimonial-block-three .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
}

.testimonial-section-three .image-column{
	position: relative;
	margin-bottom: 50px;
}

.testimonial-section-three .image-column .image-box{
	position: relative;
	padding-right: 70px;
	padding-left: 100px;
}

.testimonial-section-three .image-column .image:before{
	position: absolute;
	right: -15px;
	bottom: -15px;
	width: 0;
	height: 0;
	border-bottom: 215px solid #f1592a;
	border-left: 215px solid transparent;
	content: "";
	z-index: 1;
}

.testimonial-section-three .image{
	position: relative;
}

.testimonial-section-three .image img{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 9;
}

.testimonial-section-three .owl-nav{
	position: relative;
	display: block;
	left: -8px;
	width: 80px;
	margin-top: 50px;
	height: 40px;
}

.testimonial-section-three .owl-nav:before{
	position: absolute;
	left: 40px;
	top: 0;
	height: 40px;
	width: 2px;
	background-color: #f1592a;
	content: "";
}

.testimonial-section-three .owl-next,
.testimonial-section-three .owl-prev{
	position: relative;
	display: inline-block;
	height: 40px;
	width: 50%;
	font-size: 30px;
	color: #000000;
	font-weight: 400;
	line-height: 40px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.testimonial-section-three .owl-next{
	text-align: right;
}

.testimonial-section-three .owl-next:hover,
.testimonial-section-three .owl-prev:hover{
	color: #f1592a;
}

/*** 

====================================================================
		Contact Info Section
====================================================================

***/

.contact-info-section{
	position: relative;
	padding: 100px 0 50px;
}

.contact-info-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #ff8100;
	content: "";
	opacity: .90;
}

.contact-info-block{
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}

.contact-info-block .icon{
	position: relative;
	display: inline-block;
	font-size: 70px;
	line-height: 1em;
	color: #ffffff;
	margin-bottom: 15px;
}

.contact-info-block h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.contact-info-block .info-list{
	position: relative;
	margin-bottom: 20px;
}

.contact-info-block .info-list li{
	position: relative;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
}

.contact-info-block .info-list li a{
	color: #ffffff;
	display: inline-block;
}

.contact-info-block .info-list li a:hover{
	text-decoration: underline;
}

.contact-info-block .link{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	text-decoration: underline;
	text-transform: uppercase;
}

.contact-info-block .link:hover{
	text-decoration: none;
}

.contact-info-section.style-two:before{
	background-color: #000000;
	opacity: .70;
}

.contact-info-section.style-two .contact-info-block h4{
	color: #f1592a;
}

/*** 

====================================================================
		Contact Page Section
====================================================================

***/

.contact-page-section{
	position: relative;
	    
}

.contact-page-section .form-column{
	position: relative;

}

.contact-page-section .form-column .inner-column{
	position: relative;
}

.contact-page-section .sec-title .text{
	margin-top: 10px;
}

.support-block{
	position: relative;
	margin-bottom: 30px;
}

.support-block .inner-box{
	position: relative;
	padding: 40px 30px 25px;
	padding-left: 150px;
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
	min-height: 180px;
}

.support-block .thumb{
	position: absolute;
	left: 30px;
	top: 45px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	overflow: hidden;
}

.support-block .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 5px;
}

.support-block .designation{
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #f1592a;
	font-weight: 400;
	margin-bottom: 5px;
}

.support-block .contact-info{
	position: relative;
}

.support-block .contact-info li{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 26px;
	color: #666666;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 3px;
}

.support-block .contact-info li i{
	position: absolute;
	left: 0;
	top: 2px;
	line-height: 25px;
	font-size: 18px;
	color: #f1592a;
}

.support-block .contact-info li a{
	color: #666666;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.support-block .contact-info li a:hover{
	color: #f1592a;
}

/*=== Contact Form Style Two ===*/

.contact-form.style-two{
	margin-top: 60px;
	position: relative;
	padding: 20px 20px 20px;
	background-image: url(../images/icons/contact-form-bg.html);
	background-repeat: no-repeat;
	background-position: center;
}

.contact-form.style-two:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    /* opacity: .90; */
    content: '';
    border-radius: 19px;
    box-shadow: inset 3em 3em 11em rgb(0 0 0 / 10%), 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 1em rgb(0 0 0 / 30%);
}

.contact-form.style-two .form-group textarea{
	height: 138px;
	margin-bottom: 0;
}

.contact-form.style-two .form-group button{
	margin-top: 0px;
}

.contact-page-section .map-column{
	position: relative;
	margin-bottom: 0px;
}

.contact-page-section .map-column .inner-column{
	position: relative;
	padding-left: 20px;
}

.contact-page-section .map-column .title{
	    position: relative;
    display: block;
    font-size: 26px;
    line-height: 1.2em;
    color: #333333;
    font-weight: 700;
    padding-bottom: 8px;
    margin-bottom: 25px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.contact-page-section .map-column .title:before{
	    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 95px;
    content: "";
    border-bottom: 3px double #000;
}

.contact-page-section .map-column .contact-info,
.contact-page-section .map-column .location-info{
	position: relative;
	    margin-bottom: 0px;
    margin-top: 14px
}

.contact-page-section .map-column .info-list li{
	    display: flex;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 5px;
    gap: 11px;
}

.loc_text{
    font-size: 16px;
    line-height: 47px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

.contact-page-section .map-column .info-list li a{
	color: #666666;
}

.contact-page-section .map-column .info-list li a:hover{
	color:#f1592a;	
}

.contact-page-section .map-column .social-links{
	position: relative;
	margin-bottom: 0px;
}

.contact-page-section .map-column .social-icon{
	position: relative;
	padding-left: 15px; margin-top: -8px;
}

.contact-page-section .map-column .social-icon li{
	position: relative;
	display: inline-block;
	margin-right: 4px;
}

.contact-page-section .map-column .social-icon li a{
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 40px;
	
	border-radius: 50%;
	
}

.contact-page-section .map-column .social-icon li a:hover{
	background:#101010;	
	    border: 1px solid #f1592a;
}

.contact-page-section .map-outer{
	position: relative;
}

.contact-page-section .map-canvas{
	height: 250px;
}

/*** 

====================================================================
		Clients Section
====================================================================

***/

.clients-section .owl-prev {
    position: relative !important; 
    right: 54% !important;
    bottom: 65px !important;
    font-size: 25px !important;
    color: #00afef !important;
}
.clients-section .owl-next {
       position: relative !important;
    left: 54% !important;
    bottom: 80px !important;
    font-size: 25px !important;
    color: #ef4f1f !important;
}

.clients-section-home .owl-prev {
     display:none!important;
}
.clients-section-home .owl-next {
    display:none!important;
}

.clients-section{
	position: relative;
	padding:40px 0;
}

.clients-section.no-pd-top{
	padding-top: 0;
}

.clients-section .sponsors-outer{
	position: relative;
	text-align: center;
}

.clients-section .slide-item{
	position: relative;
}

.clients-section .image-box{
	position: relative;
	margin: 0;
	text-align: center;
}

.clients-section .image-box img{
	display: inline-block;
	height: auto;
	width: auto;
	max-width: 100%;
	/*border: 1px solid #e5e5e5;*/
	border: 1px solid #c7c5c5;
    border-radius: 15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.clients-section .image-box:hover img{
	opacity: .6;
}



.clients-section.style-two{
	padding: 0 0 100px;
}

/*** 

====================================================================
		Call To Action
====================================================================

***/

.call-to-action{
	position: relative;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding: 40px 0;
	border-top: 1px solid #e5e5e5;
}

.call-to-action .content-box{
	position: relative;
	text-align: center;
	max-width: 530px;
	margin: 0 auto;
}

.call-to-action .content-box h2{
	display: block;
	font-size: 40px;
	line-height: 72px;
	color: #333333;
	font-weight: 500;
	margin-bottom: 20px;
}

.call-to-action .content-box h2 span{
	color: #f1592a;
}

.call-to-action .content-box .text{
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 55px;
}

.call-to-action .content-box .btn-box{
	position: relative;
}

.call-to-action .content-box .btn-box a{
	padding: 10px 25px;
	line-height: 23px;
}

/*** 

====================================================================
		Call To Action Two
====================================================================

***/

.call-to-action-two{
	position: relative;
	padding: 27px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #f1592a;
}

.call-to-action-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #f1592a;
	opacity: .90;
	content: "";
}

.call-to-action-two .outer-box{
	position: relative;
}

.call-to-action-two .title-box{
	position: relative;
	float: left;
	padding: 5px 0;
}

.call-to-action-two .title-box h2{
	display: block;
	font-size: 26px;
	line-height: 35px;
	color: #ffffff;
	font-weight: 400;
}

.call-to-action-two .btn-box{
	position: relative;
	float: right;
}

.call-to-action-two .btn-box a{
	display: inline-block;
	line-height: 23px;
	padding: 10px 25px;
	font-size: 14px;
}

.call-to-action-two.style-two{
	padding: 37px 0;
}

.call-to-action-two.style-two .btn-box a{
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px 25px;
}

/*** 

====================================================================
		Team Section
====================================================================

***/

.team-section{

	background-image: url(../images/icons/dotted-map.png);
	position: relative;
	padding: 40px 0 30px;
}

.team-block{
	position: relative;
	margin-bottom: 30px;
}

.team-block .inner-box {
    position: relative;
    overflow: hidden;
    box-shadow: inset 3em 3em 11em rgb(0 0 0 / 10%), 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 1em rgb(0 0 0 / 30%);
}

/*.team-block .image-box:before{
	position: absolute;
	left: 10px;
	top: 10px;
	height: 40px;
	width: 40px;
	background-color: rgba(237,121,2,.80);
	background-color: #f1592a;
	content: "";
	z-index: 1;
	border-radius: 50%;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
*/
.team-block .inner-box.active .image-box:before{
	opacity: .80;
	-webkit-transform: scale(20);
	-moz-transform: scale(20);
	-ms-transform: scale(20);
	-o-transform: scale(20);
	transform: scale(20);
}

.team-block .image-box{
	position: relative;
	overflow: hidden;
}

.team-block .image-box .info-btn{
	position: absolute;
	left: 10px;
	top: 10px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	padding: 0 10px;
	z-index: 9999;
	cursor:pointer;
	background-color: transparent;
}

.team-block .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.team-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.team-block .overlay-box{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 9;
}

.team-block .inner-box.active .overlay-box{
	opacity: 1;
	visibility: visible;
}

.team-block .overlay-box .inner{
	position: absolute;
	top: 50%;
	padding: 0 15px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.team-block .overlay-box .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 22px;
}

.team-block .social-links{
	position: relative;
	display: block;
	text-align: center;
}

.team-block .social-links li{
	position: relative;
	display: inline-block;
	margin: 0 7px;
}

.team-block .social-links li a{
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 14px;
	border: 1px solid #ffffff;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 33px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .social-links li a:hover{
	color: #f1592a;
	background-color: #ffffff;
}

.team-block .info-box{
	position: relative;
	border: 12px solid #f2f2f2;
	text-align: center;
	padding: 14px 5px;
}

.team-block .info-box h4{
	display: block;
	font-size: 17px;
	line-height: 25px;
	color: #333333;
	font-weight: 600;
}

.team-block .info-box h4 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .info-box h4 a:hover{
	color: #f1592a;
}

.team-block .info-box .designation{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #f1592a;
	font-weight: 400;
}

.team-block .toggler-btn.active{
	-webkit-transform:rotate(90deg) scaleX(0.6);
	-ms-transform:rotate(90deg) scaleX(0.6);
	-o-transform:rotate(90deg) scaleX(0.6);
	-moz-transform:rotate(90deg) scaleX(0.6);
	transform:rotate(90deg) scaleX(0.6);
}

.team-block .toggler-btn .bar{
	position:relative;
	display:block;
	height:2px;
	border-radius:2px;
	background:#ffffff;
	margin-bottom:4px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.team-block .toggler-btn .bar:first-child{
	-webkit-transform-origin:right top;
	-ms-transform-origin:right top;
	-moz-transform-origin:right top;
	-o-transform-origin:right top;
	transform-origin:right top;
}

.team-block .toggler-btn .bar:nth-child(2){
	width: 14px;
}

.team-block .toggler-btn.active .bar:nth-child(2){
	opacity:0;
}

.team-block .toggler-btn.active .bar:first-child{
	-webkit-transform:rotate(-37deg);
	-moz-transform:rotate(-37deg);
	-ms-transform:rotate(-37deg);
	-o-transform:rotate(-37deg);
	transform:rotate(-37deg);
}

.team-block .toggler-btn.active .bar:last-child{
	-webkit-transform:rotate(37deg);
	-moz-transform:rotate(37deg);
	-ms-transform:rotate(37deg);
	-o-transform:rotate(37deg);
	transform:rotate(37deg);
}

.team-block .toggler-btn .bar:last-child{
	margin-bottom:0px;
	-webkit-transform-origin:right bottom;
	-moz-transform-origin:right bottom;
	-ms-transform-origin:right bottom;
	-o-transform-origin:right bottom;
	transform-origin:right bottom;
}

.team-section .owl-nav{
	position: absolute;
	right: 0;
	top: -155px;
}

.team-section .owl-next,
.team-section .owl-prev{
	position: relative;
	display: inline-block;
	height: 30px;
	width: 30px;
	border: 2px solid #cccccc;
	background-color: #fbfbfb;
	font-size: 14px;
	color: #cccccc;
	font-weight: 400;
	text-align: center;
	line-height: 26px;
	margin-left: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.team-section .owl-next:hover,
.team-section .owl-prev:hover{
	border: 2px solid #f1592a;
	background-color: #f1592a;
	color: #ffffff;
}

/*** 

====================================================================
			Pricing Section
====================================================================

***/

.pricing-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 100px 0 50px;
}

.pricing-section.no-pd-top{
	padding-top: 0;
}

.pricing-section .sec-title{
	margin-bottom: 110px;
}

.pricing-table{
	position: relative;
	margin-bottom: 50px;
}

.pricing-table .inner-box{
	position: relative;
	text-align: center;
	background-color: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.pricing-table.tagged .inner-box{
	margin-top: -60px;
}

.pricing-table .upper-box{
	position: relative;
	min-height: 200px;
	margin-bottom: 30px;
	background-color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.pricing-table.tagged .upper-box{
	min-height: 260px;
}

.pricing-table .inner-box:hover .upper-box,
.pricing-table.tagged .upper-box{
	background-color: #f1592a;
}

.pricing-table .title{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 10px 20px;
	font-size: 20px;
	display: block;
	line-height: 30px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	background-color: rgba(255,255,255,.20);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.pricing-table .price{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	height: 140px;
	width: 140px;
	text-align: center;
	font-size: 13px;
	padding-top: 30px;
	color: #ffffff;
	line-height: 1.2em;
	font-weight: 600;
	border: 5px solid #ffffff;
	border-radius: 50%;
	background-color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	margin: 0 auto;
}

.pricing-table .price span{
	display: block;
	font-size: 46px;
	line-height: 1.2em;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
}

.pricing-table .inner-box:hover .price,
.pricing-table.tagged .price{
	background-color: #f1592a;
}

.pricing-table.tagged .price{
	height: 180px;
	width: 180px;
	padding-top: 25px;
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
}

.pricing-table.tagged .price span{
	font-size: 68px;
	font-family: "Open Sans", sans-serif;
}


.pricing-table .table-content{
	position: relative;
	padding: 60px 0 30px;
	min-height: 290px;
}

.pricing-table .table-content .sub-title{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 30px;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	font-weight:700;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.pricing-table .inner-box:hover .sub-title,
.pricing-table.tagged .sub-title{
	color: #f1592a;
}

.pricing-table.tagged .table-content{
	padding-bottom: 85px;
}

.pricing-table .table-content ul li{
	position: relative;
	font-size: 15px;
	line-height: 30px;
	color: #666666;
	padding: 22px 0;
	border-bottom: 1px solid #e5e5e5;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.pricing-table .table-content ul li:last-child{
	border-bottom: 0;
}

.pricing-table .table-footer{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -22px;
}

.pricing-table .table-footer .theme-btn{
	position: relative;
	display: inline-block;
	padding: 10px 40px;
	line-height: 23px;
	font-size: 14px;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
	color: #333333;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
}

.pricing-table.tagged .table-footer .theme-btn,
.pricing-table .inner-box:hover .table-footer .theme-btn{
	background-color: #f1592a;
	border-color: #f1592a;
	color: #ffffff;
}

/***

==================================================================
		Contact Map Section
==================================================================

***/

.map-section{
	position: relative;
}

.map-section .map-outer{
	position: relative;
} 

.map-canvas{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 550px;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
	padding: 10px;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:10px;
	color:#121212;
}

/***

==================================================================
		Main Footer
==================================================================

***/

.main-footer{
	border-top:0px solid #ef4f1f;
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0px 0;
	background-color :#000000;
	background-image: url(../images/bg-footer1.jpg);
}

.main-footer:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: .80;
	background-color: #00000000;
	content: '';
}

/*=== Widgets Section ===*/

.main-footer .widgets-section{
	position:relative;
	padding:45px 0px 5px;
}

.main-footer .footer-column{
	position:relative;
	margin-bottom:20px;
}

.main-footer .footer-widget{
	position:relative;
}

.main-footer .widget-title{
	    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    text-transform: capitalize;
    line-height: 1.2em;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.main-footer .widget-title:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: #db2b20;
	content: "";
}

/*=== About Widget ===*/
.main-footer .about-widget{
	position: relative;
	margin-bottom: 60px;
}

.main-footer .about-widget .footer-logo{
	position: relative;
	margin-bottom: 30px;
}

.main-footer .about-widget .footer-logo .image{
	position: relative;
}

.main-footer .about-widget .footer-logo img{
	display: block;
	height: auto;
	max-width: 100%;
}

.main-footer .about-widget .text{
	    position: relative;
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #333;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: justify;
}

.main-footer .social-icon-one li{
	margin-left: 0;
	margin-right: 18px;
}

.main-footer .social-icon-one li a{
	color: #c5c5c5;
}

.main-footer .social-icon-one li a:hover{
	color: #f1592a;
}

/*=== Cities Widget ===*/

.main-footer .links-widget{
	position: relative;
}

.main-footer .list{
	position: relative;
}

.main-footer .list li{
	position:relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #e5e5e5;
	font-weight: 400;
	padding-left: 15px;
	margin-bottom: 15px;
}

.main-footer .list li:before{
	position: absolute;
	left: 0;
	top: 10px;
	height: 5px;
	width: 5px;
	background-color: #db2b20;
 	content: "";
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .list li a{
	display: inline-block;
	color: #333;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .list li:hover:before{
	background-color: #000;
}

.main-footer .list li a:hover{
	color:#000;
}

.main-footer .links-widget{
	position: relative;
}

/*=== Contact Widget ===*/

.main-footer .contact-widget{
	position: relative;
}

.main-footer .contact-widget .widget-content{
	position: relative;
}

.main-footer .contact-list{
	position: relative;
}

.main-footer .contact-list li{
	position:relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	font-weight: 400;
	margin-bottom: 20px;
	padding-left: 25px;
}

.main-footer .contact-list li i{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 25px;
	color: #db2b20;
}

.main-footer .contact-list li a{
	color:#e5e5e5;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .contact-list li a:hover{
	color: #f1592a;
}

.main-footer .footer-bottom{
	    position: relative;
    width: 100%;
    padding: 19px 0px;
    border-top: 1px solid rgb(2 2 2 / 20%);
    background: #222;
	
}
.text1{
	
	text-align: left;
}
.text2{
	
	float: right;
}
.main-footer .copyright-text{
	position: relative;
	font-size: 15px;
	line-height: 30px;
	color: #999999;
	font-weight: 400;

}

.main-footer .copyright-text a{
	display: inline-block;
	color: #999999;
}
.main-footer .copyright-text a:hover{
	text-decoration: underline;
}

.main-footer.alternate .footer-bottom{
	border-top: 0;
	background-color: rgba(0,0,0,.10);
}

.main-footer.alternate:before{
	background-image: url(../images/icons/pattern-2.jpg);
	background-repeat: repeat;
	background-position: center;
	opacity: 1;
}

@media (max-width: 760px){
.btn-home{
        left: 30%!important;  

}
}

/***

==================================================================
		Main Footer Style Two
==================================================================

***/

.main-footer.style-two{
	position: relative;
}

.main-footer.style-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url(../images/icons/pattern-3.jpg);
	content: "";
	opacity: 1;
}

.main-footer.style-two .about-widget .text{
	margin-bottom: 20px;
}

.main-footer.style-two .about-widget .text p{
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 18px;
}

.main-footer.style-two .about-widget .text p:last-child{
	margin-bottom: 0;
}

.main-footer.style-two .contact-list{
	margin-bottom: 15px;
}

.main-footer.style-two .contact-list li{
	margin-bottom: 10px;
}

.main-footer.style-two .contact-list li,
.main-footer.style-two .contact-list li a{
	color: #666666;
}

.main-footer.style-two .social-icon-one li a{
	color: #999999;
}

.main-footer.style-two .social-icon-one li a:hover{
	color: #f1592a;
}

/*News Widget Block*/

.main-footer.style-two .post-widget .widget-title{
	margin-bottom: 35px
}

.news-widget-block{
	position:relative;
	margin-bottom:20px;
}

.news-widget-block:last-child{
	margin-bottom:0px;
}

.news-widget-block:last-child{
	margin-bottom:0px;
}

.news-widget-block .widget-inner{
	position:relative;
	padding-left:120px;
	padding-top: 4px;
	min-height:100px;
}

.news-widget-block .widget-inner .image{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:0px;
}

.news-widget-block .widget-inner .post-date{
	position:relative;
	font-weight:400;
	font-size:13px;
	line-height: 25px;
	color:#888888;
	margin-bottom:5px;
}

.news-widget-block .widget-inner h3{
	position:relative;
	font-size:15px;
	line-height: 20px;
	font-weight:700;
	color:#333333;
	font-family: "Open Sans", sans-serif;
	margin-bottom: 8px;
}

.news-widget-block .widget-inner h3 a{
	position:relative;
	color:#333333;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-widget-block .widget-inner h3 a:hover{
	color:#f1592a;
}

.main-footer.style-two .widget-title{
	color: #333333;
}

.main-footer.style-two .list li{
	float: left;
	width: 50%;
}

.main-footer.style-two .list li:before{
	background-color: #8f8f8f;
}

.main-footer.style-two .list li a{
	color: #333333;
}

.main-footer.style-two .links-widget{
	margin-left: 0;
	margin-bottom: 30px;
}

.main-footer.style-two .subscribe-widget{
	position: relative;
}

.main-footer.style-two .subscribe-widget .text{
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
}

/*Subscribe Form*/

.subscribe-form .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
	padding-right: 125px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:25px;
	height:45px;
	font-size:15px;
	color:#666666;
	background:#ffffff;
	padding: 9px 22px; 
	border: 1px solid #e5e5e5;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form .theme-btn{
	position:absolute;
	right:0px;
	top:0px;
	line-height: 23px;
	padding: 10px 25px;
	min-width: 120px;
	font-size: 14px;
	text-align: center;
	text-transform:uppercase;
}

.main-footer.style-two .footer-bottom{
	background-color: #333333;
}

.main-footer .copyright-text a,
.main-footer .copyright-text{
	color: #fff;
}



/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/

.pt-35{
padding-top: 35px;
padding-bottom: 35px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 35px auto;
  list-style: none;
  text-align: center;
  background: #00c1c1;
  border-radius: 4px;
  padding: 8px 10px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 6px 15px 8px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #00c1c1;
  background: #fff;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio .portfolio-item img {
  border-radius: 4px;
  border: 1px solid #df651257;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: rgb(241 89 42 / 86%);
  padding: 15px;
  border-radius: 4px;
}

.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #fdfdfd;
}

.portfolio .portfolio-item .portfolio-info p {
  color: #5f7c7c;
  font-size: 14px;
  margin-bottom: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #fdfdfd;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #00c1c1;
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}

.portfolio .portfolio-item .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-item .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-links a:hover {
  color: #28ffff;
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
  bottom: 20px;
}



/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;  
  margin-left: -2%;
 /* margin: 0 auto 25px auto;*/
  list-style: none;
  text-align: center;
  background: white;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 20px 12px 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: #444444;
  margin: 0 4px 8px 4px;
  transition: all ease-in-out 0.3s;
  border-radius: 50px;
  background: #f2f2f2;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  background: #e96b56;
  color: #fff;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {   
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(84, 84, 84, 0.6);
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(84, 84, 84, 0.6);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.portfolio .portfolio-wrap .portfolio-info::before {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;      
  top: 35px;
  left: 35px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transition: all 0.5s ease 0s;
  z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info::after {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: 35px;
  right: 35px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transition: all 0.5s ease 0s;
  z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #e96b56;
}

.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info::before {
  top: 15px;
  left: 15px;
}

.portfolio .portfolio-wrap:hover .portfolio-info::after {
  bottom: 15px;
  right: 15px;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:40px 0px 30px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:50px;
}

.sidebar-page-container.no-pd-bottom{
	padding-bottom: 0;
}

.sidebar-page-container.no-pd-bottom .content-side{
	margin-bottom: 0;
}

.sidebar-widget{
    position:relative;
    margin-bottom:50px;
}

.sidebar-widget:last-child{
	margin-bottom: 0;
}

/* Sidebar Title */

.sidebar-title{
	position: relative;
	display: block;
	font-size: 26px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 500;
	margin-bottom:20px;
}

/*Search Box Widget*/

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	padding:10px 50px 10px 15px;
	border:1px solid #e5e5e5;
	background:#ffffff;
	display:block;
	font-size:15px;
	line-height:28px;
	width:100%;
	height:50px;
	color:#999999;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right: 0;
	top: 0;
	height:50px;
	width:50px;
	display:block;
	font-size:18px;
	color:#ffffff;
	line-height:100%;
	font-weight:normal;
	background:#f1592a;
}

/* Blog Categories */

.blog-categories{
	position:relative;
}

.blog-categories li{
	position:relative;
}

.blog-categories li a{
	position:relative;
	color:#666666;
	font-size:16px;
	padding:16px 0;
	display:block;
	font-family: "Roboto", sans-serif;
	border-bottom:1px solid #e5e5e5;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.blog-categories li a:hover{
	color:#df6512;
}

.blog-categories li:first-child a{
	padding-top: 0;
}

.blog-categories li:last-child a{
	border-bottom: 0;
	padding-bottom: 0;
}

/*Post Widget*/

.sidebar .popular-posts .post{
	position:relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}

.sidebar .popular-posts .post:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.sidebar .popular-posts .post .post-inner{
	position:relative;
	padding-left:100px;
	min-height:80px;
}

.sidebar .popular-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:80px;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post .text{
	position:relative;
	top:-2px;
	font-size:16px;
	line-height:19px;
	font-weight:700;
	color:#333333;
	margin:0px 0 5px;
	font-family: "Roboto", sans-serif;
}

.sidebar .popular-posts .post .text a{
	color:#333333;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post a:hover{
	color:#f1592a;
}

.sidebar .popular-posts .post-info{
	position:relative;
	font-size:15px;
	color:#999999;
	font-weight:400;
	line-height:1em;
}

/*contact widget*/

.sidebar .contact-widget .contact-list{
	position: relative;
}

.sidebar .contact-widget .contact-list li{
	position:relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 15px;
	padding-left: 28px;
}

.sidebar .contact-widget .contact-list li i{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 25px;
	color: #f1592a;
}

.sidebar .contact-widget .contact-list li a{
	color:#666666;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.sidebar .contact-widget .contact-list li a:hover{
	color: #f1592a;
}

/*Popular Tags*/

.sidebar .popular-tags .widget-content{
	position: relative;
}

.sidebar .popular-tags a{
	position:relative;
	display:inline-block;
	line-height:18px;
	padding:5px 13px 10px;
	margin:0px 8px 8px 0px;
	color:#999999;
	text-align:center;
	font-size:15px;
	background:none;
	font-weight:400;
	border:1px solid #e5e5e5;
	text-transform:capitalize;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .popular-tags a:hover{
	border-color:#f1592a;
	background-color:#f1592a;
	color:#ffffff;	
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.group-title{
	position: relative;
	margin-bottom: 40px;
}

.group-title h4{
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 500;
	text-transform: uppercase;
}

.comments-area{
	position:relative;
	margin-bottom: 70px;
}

.comments-area .comment-box{
	position:relative;
	padding-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 40px;
}

.comments-area .comment-box.reply-comment{
	margin-left: 100px;
}

.comments-area .comment-box:last-child{
	margin-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 100px;
	padding-top: 5px;
	padding-left: 130px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	margin-bottom: 20px;
	overflow: hidden;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.comments-area .comment-info{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.comments-area .comment-box .name{
	position: relative;
	display: inline-block;
	font-size:20px;
	line-height:1.2em;
	font-weight:700;
	color:#333333;
	margin-bottom: 3px;
}

.comments-area .comment-box .date{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
}

.comments-area .comment-box .text{
	font-size: 15px;
	line-height: 25px;
	color:#666666;
	font-weight: 400;
}

.comments-area .comment-box .rating{
	position: relative;
	display: block;
	font-size: 14px;
	color:#d7a449;
	line-height: 20px;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	right: 0;
	top: 0px;
	font-size: 14px;
	line-height: 25px;
	color: #d7a449;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comments-area .comment-box .reply-btn:hover{
	color: #222222;
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/

.comment-form{
 	position: relative;
}

.comment-form .group-title h4{
	font-size: 22px;
	color: #333333;
	font-weight: 700;
	text-transform: capitalize;
}

.comment-form .form-group{
	position:relative;
	margin-bottom: 20px;
}

.comment-form .form-group:last-child{
	margin-bottom: 0;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select{
	position: relative;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 15px;
    color: #333333;
    line-height: 23px;
    font-weight: 400;
    padding: 10px 22px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#f1592a;
}

.comment-form .form-group textarea{
	height: 200px;
	resize: none;
}

.comment-form .form-group input[type="submit"],
.comment-form .form-group button{
	padding: 10px 25px;
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
}


@media screen and (min-width: 300px) and (max-width: 700px)  { 
  .main-header .header-top {
	display: none;
}
  .main-header .header-upper .logo-outer {
    padding: 10px 0px 10px 0px;
	width: 50% !important;
}	  
  .nav-outer .mobile-nav-toggler {
	margin-top: -53px;
   
}  
	
 
}


div#wpcs_tab_4699 {
	display:none !important;
    /* border: 1px solid #81e60c; */
    /* border-bottom: none; */
    cursor: pointer;
    /* width: 66px; */
    /* height: 28px; */
    /* overflow: auto; */
    /* background: #cb0056; */
    color: #ffffff;
    /* padding: 2px 0px 2px 0px; */
    position: fixed;
    top: 355px;
    right: 2px;
    text-align: center;
    -webkit-transform: rotate( 
-90deg
 );
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate( 0deg);
    z-index: 9999999;
    font-size: 18px;
}

div#phone_tab {
    /* border: 1px solid #81e60c; */
    /* border-bottom: none; */
    cursor: pointer;
    /* width: 66px; */
    /* height: 28px; */
    /* overflow: auto; */
    /* background: #cb0056; */
    color: #ffffff;
    /* padding: 2px 0px 2px 0px; */
    position: fixed;
    top: 290px;
    right: 3px;
    text-align: center;
    -webkit-transform: rotate( 
-90deg
 );
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate( 0deg);
    z-index: 9999999;
    font-size: 18px;
}

.social-icon-wtsap {
    color: #ffffff;
    font-size: 26px;
    position: relative;
    background: #08a70d;
    /* border: 1px solid green; */
    border-radius: 50%;
    /* width: 77px; */
    /* height: 28px; */
    /* padding: 12px; */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.social-icon-phone {
    color: #ffffff;
    font-size: 33px;
    position: relative;
    background: #81e60c;
    /* border: 1px solid green; */
    border-radius: 50%;
    /* width: 77px; */
    /* height: 28px; */
    /* padding: 12px; */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}















.comment-form ::-webkit-input-placeholder{color: #c5c5c5;}
.comment-form ::-moz-input-placeholder{color: #c5c5c5;}
.comment-form ::-ms-input-placeholder{color: #c5c5c5;}


.fb {
    background-color: #3C5A98;
}
.insta {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.youtube {
    background-color: #CB2128;
}


.btn-three-outer {
    position: relative;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-right: 3px;
    padding-top: 6px;
    z-index: 1;
    display: inline-block;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.btn-three-outer:before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 2px;
    width: 44px;
    height: 44px;
    z-index: -1;
    border-left: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.btn-three-outer:after {
    position: absolute;
    content: "";
    right: 3px;
    top: 9px;
    width: 44px;
    height: 44px;
    opacity: 0;
    z-index: -1;
    border-right: 2px solid #ff0000;
    border-top: 2px solid #ff0000;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.btn-style-three {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    color: #222222;
    padding: 10px 36px;
    font-weight: 600;
    overflow: hidden;
    border-radius: 0px;
    text-transform: capitalize;
    border: 2px solid #959595;
    font-family: "Montserrat", sans-serif;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.btn-style-three .txt {
    position: relative;
    z-index: 1;
}
.btn-style-three:hover {
    color: #ffffff;
    border-color: #ff0000;
}
.btn-style-three:before {
    position: absolute;
    content: "";
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: -50px;
    border-bottom: 55px solid #ff0000;
    border-right: 30px solid transparent;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.btn-style-three:after {
    position: absolute;
    content: "";
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: -50px;
    border-left: 30px solid transparent;
    border-bottom: 55px solid #ff0000;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.btn-style-three:hover::before {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
}
.btn-style-three:hover::after {
    -webkit-transform: translateX(40%);
    transform: translateX(40%);
}
.btn-three-outer:hover::after {
    opacity: 1;
    width: 100%;
    height: 100%;
}
.btn-three-outer:hover::before {
    opacity: 0;
}
.btn-three-outer:hover .btn-style-three {
    color: #ffffff;
    transform: translate(-7px, 10px);
}



.why-choose-us-1 {
    position: relative;
    z-index: 1;
    background-color: #b5141a;
    
}

.why-choose-us-image {
    background-image: url(../images/whyus-2.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}

.why-choose-us-image img {
    display: none
}

.why-choose-us-content {
    max-width: 565px;
    margin-left: 30px
}

.why-choose-us-content .section-title {
    margin-bottom: 20px
}

.why-choose-us-content .section-title h2 {
        color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 29px;
}

.why-choose-us-content .section-title .bar {
    background: #fff
}

.why-choose-us-content .section-title span {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 17px;
}

.why-choose-us-content p {
    margin-bottom: 0;
    color: #fff
}

.why-choose-us-content .single-inner-box {
    position: relative;
    margin-top: 30px;
    padding-left: 70px
}

.why-choose-us-content .single-inner-box .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #0d1028;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%
}

.why-choose-us-content .single-inner-box .icon i::before {
    font-size: 25px
}

.why-choose-us-content .single-inner-box h3 {
    color: #fff;
    font-size: 19px;
    text-transform: capitalize;
    margin-bottom: 8px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.why-choose-us-content .single-inner-box p {
    color: #f6f6e2;
    font-size: 14px
}

.why-choose-us-content .single-inner-box:hover .icon {
    background: #fff;
    color: #ff5202
}

.why-choose-content .section-title {
    margin-bottom: 10px
}

.why-choose-content .single-inner-box {
    margin-top: 30px
}

.why-choose-content .single-inner-box .icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #e5e5e5;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    color: #ff5202
}

.why-choose-content .single-inner-box .icon i::before {
    font-size: 25px
}

.why-choose-content .single-inner-box h3 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 8px
}

.why-choose-content .single-inner-box:hover .icon {
    background: #ff5202;
    color: #fff
}

.more-btn {
    padding-top: 5px;
}
.centred {
    text-align: center;
}

.theme-btn-1 {
        position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    /* font-family: 'Saira', sans-serif; */
    color: #fff;
    background: #00afef;
    text-align: center;
    padding: 13px 37px;
    /* letter-spacing: 0.5px; */
    text-transform: uppercase;
    z-index: 1;
    transition: all 500ms ease;
    border-radius: 0px;
    box-shadow: 2px 3px 10px #ccc;
    font-family: 'Montserrat', sans-serif;
}


.service-block .lower-content h4.sector {
    position: relative;
    /* display: block; */
    font-size: 18px;
    line-height: 1.2em;
    color: #333333;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    padding-top: 12px;
}


.service-block .lower-content .text-2 {
        font-size: 13px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: justify;
}

.why-choose-us-content .section-title .bar {
    background: #fff;
}
.section-title .bar {
    position: relative;
    background: #bd0e09;
    width: 70px;
    height: 3px;
    overflow: hidden;
    margin-bottom: 12px;
}


.why-choose-us-content .single-inner-box .icon img.img-responsive {
    padding: 7px;
}




/*----------------conatct home page css-------------*/

.py-25-70 {
    padding: 25px 0 70px;
}

.quote-wrapper {
    background: var(--color-white);
    border-right: 5px solid #089bd9;
    border-radius: 23px;
    box-shadow: var(--box-shadow);
}


/*------------------------------------*\
		#Image Hot Pointer
\*------------------------------------*/
.img-hotspot .img-hotspot-wrap {
	position : relative;
	max-width: 100%;
}

@media screen and (max-width: 567px) {
	.img-hotspot .img-hotspot-wrap {
		max-width: 470px;
	}
}

@media screen and (max-width: 991.98px) {
	.img-hotspot .img-hotspot-wrap {
		margin: 0 auto 40px;
	}
}

.img-hotspot .img-hotspot-wrap .img-hotspot-bg img {
	max-width: 100%;
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers {
	position: absolute;
	width   : 100%;
	height  : 100%;
	top     : 0;
	left    : 0;
	right   : 0;
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer {
	position         : absolute;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon {
	width            : 22px;
	height           : 22px;
	cursor           : pointer;
	border           : 2px solid var(--global--color-primary);
	border-radius    : 50%;
	position         : relative;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon::after {
	content         : '';
	background-color: var(--global--color-primary);
	width           : 8px;
	height          : 8px;
	border-radius   : 50%;
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info {
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform    : translate(-50%, -50%) scale(1);
	transform        : translate(-50%, -50%) scale(1);
	opacity          : 1;
	visibility       : visible;
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info {
	position          : absolute;
	top               : 50%;
	left              : 50%;
	z-index           : 1;
	-webkit-transform : translate(-50%, -50%) scale(0);
	-ms-transform     : translate(-50%, -50%) scale(0);
	transform         : translate(-50%, -50%) scale(0);
	opacity           : 0;
	visibility        : hidden;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition     : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer {
	width            : 96px;
	height           : 96px;
	cursor           : pointer;
	border           : 2px solid var(--global--color-primary);
	border-radius    : 50%;
	position         : relative;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner {
	width            : 82px;
	height           : 82px;
	cursor           : pointer;
	border           : 2px solid var(--global--color-primary);
	border-radius    : 50%;
	position         : relative;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner i {
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
	width            : 68px;
	height           : 68px;
	background-color : var(--global--color-primary);
	border-radius    : 50%;
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner i::before {
	color      : var(--global--color-white);
	font-size  : 50px;
	margin-left: 0;
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer {
	position          : absolute;
	display           : -webkit-box;
	display           : -ms-flexbox;
	display           : flex;
	-webkit-box-pack  : center;
	-ms-flex-pack     : center;
	justify-content   : center;
	-webkit-box-align : center;
	-ms-flex-align    : center;
	align-items       : center;
	width             : 42px;
	height            : 42px;
	padding           : 4px;
	border            : 2px solid var(--global--color-heading);
	border-radius     : 50%;
	cursor            : pointer;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition     : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer::after {
	position          : absolute;
	content           : '';
	width             : 56px;
	height            : 56px;
	border            : 2px solid var(--global--color-primary);
	border-radius     : 50%;
	opacity           : 0;
	visibility        : hidden;
	-webkit-transform : scale(0);
	-ms-transform     : scale(0);
	transform         : scale(0);
	-webkit-transition: 0.3s ease-in-out;
	-o-transition     : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover {
	border-color: var(--global--color-primary);
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover::after {
	opacity          : 1;
	visibility       : visible;
	-webkit-transform: scale(1);
	-ms-transform    : scale(1);
	transform        : scale(1);
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info {
	opacity          : 1;
	visibility       : visible;
	-webkit-transform: translateY(0);
	-ms-transform    : translateY(0);
	transform        : translateY(0);
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer img {
	max-width    : 78px;
	border-radius: 50%;
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info {
	background-color  : #fff;
	-webkit-box-shadow: 0px 5px 83px 0px rgba(9, 29, 62, 0.15);
	box-shadow        : 0px 5px 83px 0px rgba(9, 29, 62, 0.15);
	border-radius     : 8px;
	position          : relative;
	width             : -webkit-max-content;
	width             : -moz-max-content;
	width             : max-content;
	position          : absolute;
	max-width         : 330px;
	z-index           : 2;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition     : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
	padding           : 23px 28px;
	opacity           : 0;
	visibility        : hidden;
	-webkit-transform : translateY(10px);
	-ms-transform     : translateY(10px);
	transform         : translateY(10px);
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info::before {
	content         : '';
	bottom          : -9px;
	width           : 10px;
	height          : 10px;
	background-color: var(--global--color-white);
	position        : absolute;
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left::before {
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
	clip-path        : polygon(100% 0, 0 0, 0 100%);
	left             : auto;
	right            : 30px;
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right::before {
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	clip-path        : polygon(100% 0, 0 0, 100% 100%);
	left             : 30px;
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info span {
	    font-family: var(--global--font-body);
    font-size: 19px;
    font-weight: 700;
    line-height: 46px;
    color: #03111a;
    text-transform: capitalize;
}


.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info p {
    color: #000;
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer {
	position: absolute;
	width   : 28px;
	height  : 28px;
	cursor  : pointer;
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info {
	opacity          : 1;
	visibility       : visible;
	-webkit-transform: translateY(0);
	-ms-transform    : translateY(0);
	transform        : translateY(0);
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon {
	border-color: var(--global--color-secondary);
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon::after {
	background-color: var(--global--color-secondary);
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info {
	background-color  : var(--global--color-white);
	-webkit-box-shadow: 0px 5px 83px 0px rgba(9, 29, 62, 0.15);
	box-shadow        : 0px 5px 83px 0px rgba(9, 29, 62, 0.15);
	border-radius     : 10px 10px 10px 0px;
	position          : relative;
	width             : -webkit-max-content;
	width             : -moz-max-content;
	width             : max-content;
	position          : absolute;
	max-width         : 170px;
	z-index           : 2;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition     : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
	padding           : 15px 20px;
	opacity           : 0;
	visibility        : hidden;
	-webkit-transform : translateY(10px);
	-ms-transform     : translateY(10px);
	transform         : translateY(10px);
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info::before {
	content         : '';
	bottom          : -9px;
	width           : 10px;
	height          : 10px;
	background-color: var(--global--color-white);
	position        : absolute;
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left {
	border-radius: 10px 10px 0 10px;
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left::before {
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	clip-path        : polygon(100% 0, 0 0, 100% 100%);
	left             : auto;
	right            : 0;
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right {
	border-radius: 10px 10px 10px 0px;
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right::before {
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
	clip-path        : polygon(100% 0, 0 0, 0 100%);
	left             : 0;
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info span {
	font-family   : var(--global--font-body);
	font-size     : 14px;
	line-height   : 24px;
	color         : var(--global--color-body);
	text-transform: capitalize;
}
/*-------------------hotspot end-----------------*/

.quote-content {
    padding: 30px
}

.quote-content .quote-header h6 {
                display: inline-block;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #089bd9;
    font-size: 18px;
    letter-spacing: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.quote-content .quote-header h2 {
            color: #333;
    font-size: 27px;
    margin-bottom: 30px;
    margin-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.quote-content .form-group {
    margin-bottom: 20px
}

.quote-content .form-group .form-control {
        padding: 10px 22px;
    font-size: 16px;
    border-radius: 8px;
    background-color: var(--theme-bg-light);
    border: none;
    box-shadow: none;
    border-radius: 35px;
    border: 1px solid #089bd9;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    border-bottom: 4px solid #089bd9;
}

.quote-content .form-group .form-select {
    padding: 15px 22px;
    background-color: var(--theme-bg-light);
    border: none;
    box-shadow: none;
    border-radius: 0
}

.fb {
    background-color: #3C5A98;
}
.insta {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.youtube {
    background-color: #CB2128;
}


====================================================================
24.		Call Section
====================================================================

***/

.call-to-section {
    position: relative;
    padding: 0;
    z-index: 1;
}

.call-to-section .shape-1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 340px;
    max-width: 100%;
    height: 100%;
    background: url(../images/call-to-shape-1.png) right top no-repeat;
    z-index: 1;
	    visibility: visible;
    animation-duration: 1500ms;
    animation-delay: 0ms;
    animation-name: slideInRight;
}

.call-to-section .shape-2 {
    position: absolute;
    right: 170px;
    top: 0;
    width: 410px;
    height: 54px;
    background: url(../images/call-to-shape-2.png) right top no-repeat;
    z-index: 0;
}

.call-to-section .inner {
    position: relative;
    display: block;
    padding: 42px 95px 30px;
    background: #ccc;
    color: var(--thm-black);
    border-radius: 7px;
    overflow: hidden;
    bottom: -60px;
    margin-top: -60px;
}

.call-to-section h2 {
    position: relative;
    float: left;
    display: block;
    font-size: 44px;
    line-height: 0.85em;
    color: #fff;
    font-weight: 800;
    margin: 14px 0px 10px;
    z-index: 3;
}

.call-to-section-data-1 .btn-style-two .btn-title {
        position: relative;
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding: 0px 39px;
    z-index: 1;
    transition: 0.5s;
    letter-spacing: 0;
}

.call-to-section .link-box {
    position: relative;
    float: right;
    padding-top: 0px;
    z-index: 3;
}

.call-to-section .inner {
            position: relative;
    display: block;
    padding: 30px 95px 39px;
    background: #c70202;
    color: #fff;
    border-radius: 7px;
    overflow: hidden;
    bottom: 54px;
    margin-top: 30px;
}




.client-section {
    padding-top: 0px;
	    padding-bottom: 28px;
}

.client-section ul {
    text-align: center;
}

.client-section ul li {
    display: inline-block;
    width: 17%;
    border: 1px #ddd solid;
    margin: 0px 12px 26px 15px;
    height: 95px;
    padding: 13px;
    border-radius: 17px;
}



.newpdsec{padding: 56px 0px 20px! important;}

section.product.section-padding.loaded {
    padding: 56px;
}



.product-section-title h2 {
    position: relative;
    font-weight: 700;
    font-size:34px;
    margin-bottom: 2px;
    text-transform: uppercase;
    color: #222;
}
.product-section-title h2 span{
  color: #e31e24;
}
.product-section-title{
  margin-bottom: 40px;
  position: relative;
}

.product-section-title h2:before {
    position: absolute;
    content: '';
    height: 5px;
    border-bottom: 3px double #e31e24;
    width: 100px;
    border-radius: 0px;
    left: 0;
    right: 0px;
    margin: auto;
    bottom: -18px;
}
.product-range-content {
    text-align: center;
    padding: 25px 3px 25px 3px;
}
.product-range-content h3 {
        font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 22px;
    color: #080808;
}
.product-range-content p{
  margin-bottom: 0;
    /*padding-right: 20px;*/
    font-size: 15px;
    color: #000;
    text-align: center;
}
.product-slider-area.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: transparent;
    color: #e31e24;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #e31e24;
    margin: 0px 0px 0px 5px;
    transition: all 500ms ease;
    border-radius: 0px;
}
.product-slider-area.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    background: #e31e24;
}
.single-item-area {
    transition: 0.4s;
    cursor: pointer;
    /* border: 1px solid #cbc4c4; */
    border-radius: 33px;
    box-shadow: 0px 0px 12px #787676;
}
.single-item-area img{
  transition: 0.4s;
  width: 100%;
border-radius: 33px 33px 0px 0px;
}
.single-item-area:hover img{
  transform: translateY(10px);
  transition: 0.4s;
}
.btn-know-more {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 58px 9px 13px;
    background-color: #db2b20;
    /* clip-path: polygon(13% 0%, 100% 0%, 85% 100%, 0% 100%); */
    /* clip-path: polygon(0 0, 88% 0, 100% 100%, 9% 100%); */
    display: inline-block;
    margin-top: 11px;
        border-radius: 35px;
}
.btn-know-more:before {
    content: '';
    width: 50px;
    height: 100%;
    clip-path: polygon(0 0, 45% 0, 92% 100%, 52% 109%);
    background-color: #fff;
    position: absolute;
    right: 5px;
    z-index: 99;
    top: 0;
}
.btn-know-more:after {
    content: '';
    width: 50px;
    height: 100%;
    clip-path: polygon(0 0, 38% 0, 85% 100%, 52% 109%);
    background-color: #222;
    position: absolute;
    right: 15px;
    z-index: 99;
    top: 0;
}
.btn-know-more:hover{
  color: #fff;
  background: #000;
}
.product-range-section ul{
  list-style: none;
}
.product-range-section ul li {
    width: 22%;
    display: inline-block;
    margin: 0px 15px 34px 15px;
}

/***



/*----------------new product css-----------*/
.padd-0 {
    padding: 0px;
}
.procat {
    display: flex;
}
.procat div {
    width: 50%;
}
.whitebg {
    padding: 8% 4% 5%;
    background: #bfbfbf;
    position: relative;
    background-image: radial-gradient(circle, #ffffff 38%, #a5a6a7 126%);
}
.whitebg p {
    color: #100f0f;
    text-align: justify;
}
.whitebg h4 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #100f0f;
}
.procat div {
    width: 50%;
}
.graybg {
    position: relative;
}
.graybg2 {
    position: relative;
}
.graybg2:before {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    z-index: 2;
    border-style: solid;
    border-width: 13px 18px 13px 0px;
    border-color: #d26f6f00 #e0e0e0 transparent #480c0c00;
}

.graybg:hover .imgtoptext, .graybg2:hover .imgtoptext {
    visibility: visible !important;
}
.graybg .imgtoptext, .graybg2 .imgtoptext {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    font-size: 17px;
    border: 1px solid;
    padding: 12px 3px;
    color: #FFFFFF !important;
    text-align: center;
    width: 239px;
    visibility: hidden;
    z-index: 2;
}

.graybg2:hover:after {
    opacity: 0.8;
}
.graybg2:after {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background: #000;
    position: absolute;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.4s ease;
}
.graybg:before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    z-index: 2;
    border-style: solid;
    border-width: 13px 0 13px 18px;
    border-color: transparent transparent transparent #dfdfdf;
}

.graybg:hover .imgtoptext, .graybg2:hover .imgtoptext {
    visibility: visible !important;
}

.graybg:hover:after {
    opacity: 0.6;
}
.graybg .imgtoptext, .graybg2 .imgtoptext {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    font-size: 17px;
    border: 1px solid;
    padding: 12px 3px;
    color: #FFFFFF !important;
    text-align: center;
    width: 239px;
    visibility: hidden;
    z-index: 2;
}

.graybg:after {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background: #000;
    position: absolute;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.4s ease;
}

/*-----------------new product css end-------------*/


.trand-1 {
            margin-top: 16px;
    
    border-radius: 0px 0px 30px 30px;
    padding: 2px 40px 51px;
    text-align: justify;
    line-height: 33px;
    font-size: 16px;
    color: #333;
}
.trand-2 {
            margin-top: 16px;
   
    border-radius: 0px 0px 30px 30px;
    padding: 2px 40px 51px;
    text-align: justify;
    line-height: 33px;
    font-size: 16px;
    color: #333;
}

section.products-data-1.trending-section.loaded {
    padding-bottom: 70px;
        padding-top: 45px;
}

/*-----------------about page css strat-------------*/
.text-lft{text-align: left;
    margin-bottom: 0px;}

.services-section-four .content-column .text-lft-1 .text {
    margin-top: -26px;
}

.text-lft-1{margin-bottom: 23px;}

.text-lft-2{text-align: left;
    margin-bottom: 0px;}


.what-we-do .content-column .text-lft-2 {
    margin-bottom: 13px;
}

.infars{padding-top: 60px;}
.infars img {
    border: 4px solid #d5d6d7;
}

.r-n-d{text-align: right;}
.r-n-d span{color: #00afef;}


.sec-title h2.ofrd {
    position: relative;
    display: block;
    font-size: 27px;
    line-height: 35px;
    color: #333333;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
     text-transform: capitalize; 
}

.technl span{color: #333;
    font-size: 18px;}


.inner-column.technl-1 p {
    color: #333;
    font-size: 16px;
    line-height: 33px;
    text-align: justify;
}

.oferpdb {
    margin-bottom: 100px;
}

.comnbnr{padding: 184px;}
/*-----------------about page css end-------------*/

/*-----------------contact us css start---------------*/
.contact-section {
    padding: 45px 0px 0px;
}

button.sendmsg {
        padding: 13px 22px;
    background: #e30016;
    color: #fff;
    font-size: 17px;
    border-radius: 13px;
}


.contact-page-section .map-column .title span{color: #db2b20;}

.location-info ul.info-list {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 39px;
}

.contact-page-section .map-column .info-list li .fa{color: #e30016;
    font-size: 19px;}

.mapifram {
    margin: 73px 0px;
}
/*-----------------contact us css end---------------*/

.quality-page h1 {
    position: relative;
    font-size: 36px;
    color: #ffffff;
    line-height: 60px;
    font-weight: 600;
    padding-left: 28px;
    margin-bottom: 5px;
}

.quality-page .bread-crumb li a {
    color: #ffffff;
    font-weight: 700;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.quality-page .bread-crumb li {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    cursor: default;
    padding-right: 15px;
    margin-right: 9px;
}

.qulity-section {
    position: relative;
    padding: 40px 0 58px;
}

.trouble tr th {
    text-align: center;
    background-color: #00afef;
    color: #fff;
    font-weight: 700;
}
.table tr th {
    border: 1px solid #000 !important;
}
.shoot tr th {
    text-align: center;
    font-weight: 700;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
        line-height: 17px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}
.table tr td {
    border: 1px solid #000 !important;
}
.shoot tr td {
    color: #000;
    font-size: 15px;
}

table tr:nth-child(even) {
    background: #e9ecee;
}


.troubl-shoot {
    position: relative;
    padding: 158px 0 87px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.services-section-four .image-column .trouble-img {
    margin-top: 47px;
}

/*----------career page start--------------------*/
.sec-title.small h2 {
        font-size: 27px;
    font-weight: 600;
    letter-spacing: 0px;
    text-align: center;
   
    color: #323232;
}


.sec-title.small h2 sapn {
    color: #00afef;
}

.creating .career-hd {
    position: absolute;
    top: 47px;
    left: 45%;
    height: 2px;
    width: 109px;
    border-bottom: 3px double #08a9f9;
}
p.carertxt {
   
    text-align: center;
    line-height: 33px;
    padding-bottom: 26px;
    color: #0e0e0e;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
}

.carrer-section {
    position: relative;
    padding: 66px 0px 0px;
}

.creating {
    position: relative;
    display: block;
    margin-bottom: 27px;
}

section.careerfrm {
    margin: 25px;
}

.sec-title .title-crer:before {
    position: absolute;
    left: 45%;
    top: 48px;
    height: 1px;
    width: 103px;
    content: "";
    border-bottom: 3px double #08a9f9;
   
}


.carer-form-section {
    padding: 45px 0px 92px;
}


.career-form.style-two {
    margin-top: 60px;
    position: relative;
    padding: 20px 93px 20px;
   
    background-repeat: no-repeat;
    background-position: center;
}

.career-form.style-two:before {
       position: absolute;
    left: 45px;
    top: 0;
    height: 100%;
    width: 92%;
	background-image: url(../images/career-bg.html);
    background-color: #141313;
	opacity: 1;
    content: '';
    border-radius: 19px;
    box-shadow: inset 3em 3em 11em rgb(0 0 0 / 10%), 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 1em rgb(0 0 0 / 30%);
    border-top: 4px solid #00afef;
}
/*----------career page end--------------------*/



.product-banner {
    position: relative;
    padding: 151px 0 240px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}



.whyuspage {
    margin-left: 30px;
    padding: 62px 0px;
}

   .whyuspage .bar {
    background: #ffffff;
}

.whyuspage h2{color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 29px;
padding-bottom: 19px;}


.whyuspage p {
    color: #fff;
    line-height: 34px;
    font-size: 16px;
}

h4.whyus{font-size: 24px;}

.whyus span{color: #00afef;}

.servo-volt img{box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px}


.servo-history-section {
    position: relative;
    padding: 15px 0 42px;
}

.product-list ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.product-list ul li {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}

.product-list ul li .fa{color: #00afef;}

.pdlcr ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.pdlcr ul li {
    color: #000;
    font-size: 17px;
    line-height: 34px;
    flex-basis: 49%;
    background-color: rgb(233 236 238);
    margin: .5%;
    padding: 5px 10px;
}
.sec-title .title-3:before {
    position: absolute;
    left: 0;
    top: 76px;
    height: 1px;
    width: 107px;
    content: "";
    border-bottom: 3px double #08a9f9;
}

.sbtxt{color: #00afef;
    font-weight: 600;}

.pdlcr-2 ul {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    justify-content: flex-start;
    align-items: baseline;
}

.tablesection > tbody > tr > td{line-height: 30px;}

.pdlst{margin-top: 19px;
padding-bottom: 10px;}

.pdlst span {
    color: #000;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.subtxthd{margin-top: 0px;
    position: relative;
    font-size: 16px;
    line-height: 37px;
    color: #333;
    font-weight: 400;
  text-align: justify;}


.pb-60{padding: 30px 0 60px;}

.product-range-content h3 a{color: #080808;}

.twitter {
    background: #0c94d5;
}


.pdtable > thead > tr > th {
    padding: 8px;
    line-height: 31px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.pdtable > tbody > tr > td {
    padding: 8px;
    line-height: 31px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}


.text-lft-1-1 {
    margin-bottom: -60px;
}
.form-inner label {
    color: #000;
}

marquee a {
    color: #000;
    font-size: 12px;
}


.trand {
    padding: 34px 0px 0px;
    background: #ebe8e8;
    border-radius: 41px;
        border-top: 4px solid #db2b20;
}
.trand span {
    padding: 44px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    color: #625f5f;
}
.trand img {
    border-radius: 0px 0px 30px 30px;
}

.client-services {
    padding-top: 35px;
    background: #ececec;
    margin: 37px 96px 94px;
    border-radius: 80px;
    clear: both;
    border-top: 4px solid #db2b20;
    box-shadow: inset -1px 4px 10px #8b8a8a;
}


/*-------------------css--------------*/

.slick-slide {
	display: block;
	float: left;
	height: 100%;
	min-height: 1px;
	box-shadow: inset 1em 6em 5em rgb(0 0 0 / 10%), 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 2em rgb(0 0 0 / 30%);
	margin-bottom: -2px;
}
.quality_1 {
	background: #0a365d;
}
.qualityBox {
	position: relative;
	padding: 0 0;
	color: #fff;
	transition: all 0.3s ease-in;
	overflow: hidden;
	cursor: default;
	width: 100%;
	display: inline-block;
	margin-bottom: -6px;
}
.qualityBox .icon {
	margin-bottom: 15px;
}
.qualityBox .icon img {
	height: 65px;
}
.qualityBox .icon img {
	height: 60px;
}
.slick-slide img {
	display: block;
}
.qualityBox h3 {
	font-size: 20px;
}
.qualityBox h3 {
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 11px;
	text-align: center;
	font-family: Montserrat, sans-serif;
}
.qualityBox p {
	color: #fff;
	font-size: 13px;
	text-align: justify;
}
.mainContent h3 {
	font-size: 22px;
	font-weight: 700;
}
.slick-slide img {
	display: block;
}
.quality_1 .qualityDetails {
	background: #00afef;
}
.qualityDetails {
	width: 100%;
	position: absolute;
	right: -396px;
	bottom: 0;
	top: 0;
	padding: 15px;
	transition: all 0.3s ease-in;
	padding: 25px 15px;
}
.align-self-center {
	align-self: center !important;
}
.h-100 {
	height: 100% !important;
}
.d-flex {
	display: flex !important;
}
.qualityBox:hover .qualityDetails {
	transition: all 0.3s ease-in;
	right: 0;
	font-size: 13px;
}
/*-------------------css-end-------------*/

.titlebx {
    padding: 26px 11px;
}
.titlebx .title-dub {
    font-size: 33px;
    line-height: 37px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
}

.titlebx .title-dub span{color: #cb1919;}

.probx {
       margin: -53px 0px;
    box-shadow: 2px 2px 10px #ccc;
    background: linear-gradient(30deg, rgba(232, 235, 237, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.probx-2 {
       margin: 75px 0px;
    box-shadow: 2px 2px 10px #ccc;
    background: linear-gradient(30deg, rgba(232, 235, 237, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.widget-reservation {
    position: relative;
    overflow: hidden;
    padding: 39px 22px 24px;
    border-radius: 8px;
}
.widget-reservation::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #32C36CE6), to(#32C36C)); */
    background-image: -o-linear-gradient(top, #32C36CE6 20%, #32C36C 100%);
    /* background-image: linear-gradient(180deg, #1b2f54 20%, #000000 100%); */
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 2;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    /* opacity: 0.9; */
    /* visibility: visible; */
    background: #4b768f;
}
.widget-reservation .widget-content {
    position: relative;
    z-index: 3;
}
.widget-reservation .widget-content p {
    margin-top: 7px;
    font-family: var(--global--font-body);
    font-weight: 700;
    font-size: 26px;
    line-height: 33px;
    color: #fff;
    margin-bottom: 52px;
}
.widget-reservation .widget-content .btn {
    width: 100%;
    /* height: 60px; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: var(--global--font-body);
    font-size: 21px;
    font-weight: 500;
    padding: 10px 26px;
    margin-bottom: 22px;
    border: 2px solid #fff;
    color: #fff;
}
.btn--bordered.btn--white::before {
    background-color: var(--global--color-white);
}
.btn:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}


.services-section-four .content-column .sec-title .pdtxt {
    margin-top: 35px;
    background: #e9ecee;
    padding: 19px;
    border-radius: 30px 0px 0px 30px;
}

.sec-title .profiletxt {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    font-weight: 400;
    margin-top: 9px;
    text-align: justify;
}

.sec-title h4 {
    position: relative;
    display: block;
    font-size: 23px;
    line-height: 1.2em;
    color: #333333;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.sec-title h4 span {
    color: #db2b20;
}

.whytrand {
    padding: 26px 0px 0px;
    
}


.whyusimg {
    box-shadow: 0px 0px 36px #ccc;
    }

.whyusimg img {
    width: 100%;
}

.whytrand span {
    padding: 20px;
    font-size: 18px;
    /* text-transform: uppercase; */
    font-weight: 600;
    color: #e30016;
}

.whytrand-1 {
    margin-top: 6px;
      height: 203px;
    padding: 0px 22px 51px;
    text-align: justify;
    line-height: 25px;
    font-size: 16px;
    color: #333;
}

.range-section {
    border-radius: 25px;
    background-color: #e6eaec;
    margin-bottom: 45px;
}
.whybtm {
    padding: 30px 0px 44px;
}

.range-section table tr td:nth-child(1) {
    background-color: #d0d7db;
    padding: 11px 20px;
    color: #000;
}
.range-section table tr td {
    border: 1px solid #e5e4e4 ! important;
    color: #000;
    line-height: 27px;
    font-size: 15px;
    display: flex;
    gap: 15px;
}
.range-section table tr td span{font-size: 22px;
    font-weight: 600;
    color: #e30016;}		#enquiryModal .send_btn1{	    background-color: #db2b20;		color:#ffffff;		font-size:15px;		font-weight:bold;		text-align:center;		width:100%;		padding: 10px;    border-radius: 5px;    margin-top: 20px;}#enquiryModal.modal {  z-index:999999;  }
	
	
	

	
	
	
	
.contact-calls {
	position: fixed;
	bottom: 15%;
	right: 5px;
	display: flex;
	flex-direction: column;
}

.contact-calls img {
	width: 40px;
	margin: 8px 0;
}


.mobile-enquiry {
	display: flex;
	justify-content: space-between;
	padding: 8px 20px 2px 20px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	z-index: 9999999;
	text-align: center;
	visibility: hidden;
}

.mobile-enquiry img {
	width: 40px;
}

.mobile-enquiry p {
	margin: 1px 0 0 0;
	font-size: 11px;
	font-weight: 600;
}



.get-quotes-forms{
	padding:30px;
    background-color: #db2b20;
	margin-bottom:30px;
}

.get-quotes-forms h2{
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	margin-bottom:15px;
}

.get-quotes-forms button{
    width: 100%;
    background: #ffd400;
    height: 38px;
    border-radius: 5px;
    font-weight: bold;
}


@media (max-width: 768px) {
	.mobile-enquiry {
		visibility: visible;
	}
	.contact-calls {
		display: none;
	}
}