/* Mudra Engineers - Engineers Industries HTML */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header 
5. Header Style Two 
6. Header Style Three
7. Header Style Four
8. Header Style Five
9. Sticky Header
10. Mobile Menu
11. Section Title
12. Page Title 
13. Banner Section / Two / Three / Four / Five
14. Welcome Section
15. About Us
16. About Us Two
17. Features Section 
18. Feature Section Two
19. Video Section
20. Why Choos Us
21. Fun Fact Section
22. Service Section
23. Services Section Two
24. Services Section Three
25. Services Section Four
26. Service Detail Section
27. Process Section
28. Project Section
29. Project Section Two
30. Projects Section Three
31. Projects Section Four
32. Project Detail
33. Styled Pagination
34. Testimonial Section
35. About Company
36. Ceo Message
37. Team Section
38. Team Section Two
39. FAQ's Sectiom
40. FAQ Form Section
41. Pricing Section
42. Fun Facts and Testimonial
43. History Section
44. Fluid Section One
45. Quote Section
46. Fluid Section One
47. Call Back Section
48. Call To Action
49. Call To Action Two
50. News Section
51. News Section Two
52. News Section Three
53. Blog Default
54. Blog Detail
55. Clients Section
56. Contact Section
57. Contact Page Section
58. Contact Map Section
59. Main Footer / Style Two
60. Sidebar Page Container
61. Comment Area
62. Comment Form
**********************************************/

/*** 

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

***/

@import url('https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i|Raleway:400,400i,500,500i,600,600i,700,700i,800,800i|Oswald:200,300,400,500,600,700|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

/*
	font-family: 'Archivo', sans-serif;
	font-family: 'Raleway', sans-serif;
	font-family: 'Roboto', sans-serif;
	font-family: 'Oswald', sans-serif;
*/

@import url('flaticon.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.min.css');
@import url('scrollbar.css');

/*** 

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

 ***/

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

/*** 

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

 ***/

body {
	
	font-size:14px;
	color:#777777;
	line-height: 28px;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;
}

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

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: 'Archivo', sans-serif;
}

textarea{
	overflow:hidden;	
	resize: none;
}

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

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

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

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

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

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

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

.theme-btn{
	display:inline-block;
	text-align: center;
	-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: "Raleway", sans-serif;
}

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

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 35px;
	font-weight: 700;
	border-radius: 50px;
	background-color: #002121;
	overflow: hidden;
}

.btn-style-one .btn-title{
	position: relative;
}

.btn-style-one:hover{
	color:#002121;
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.btn-style-one:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.btn-style-one:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

/*Btn Style Two*/
.btn-style-two{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	padding: 15px 35px;
	font-weight: 700;
	background-color: #0000fe;
	border-radius: 50px;
	overflow: hidden;
}

.btn-style-two .btn-title{
	position: relative;
}

.btn-style-two:hover{
	color:#0000fe;
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.btn-style-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.btn-style-two:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

/*Btn Style Three*/
.btn-style-three{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#002121;
	padding: 8px 40px;
	font-weight: 700;
	background-color: #ffffff;
	border-radius: 50px;
	overflow: hidden;
	margin-top: 12px;
}

.btn-style-three .btn-title{
	position: relative;
}

.btn-style-three:hover{
	color:#ffffff;
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.btn-style-three:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #002121;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.btn-style-three:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

/*Btn Style Four*/
.btn-style-four{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	padding: 13px 40px;
	font-weight: 400;
	overflow: hidden;
	background-color: #0000fe;
	border: 2px solid #0000fe;
	transition: all 300ms linear;
}

.btn-style-four:hover{
	color: #0000fe;
	background-color: #222222;
	border:2px solid #222222;
	-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;
}

/*=== List Style One ===*/
.list-style-one{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.list-style-one li{
	position: relative;
	font-size: 14px;
	line-height: 21px;
	color: #777777;
	font-weight: 400;
	padding-left: 35px;
	margin-bottom: 15px;
}

.list-style-one li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 25px;
	color: #0000fe;
	font-weight: 900;
	font-family: "FontAwesome";
    content: "\f101";
}

/*=== List Style Two ===*/
.list-style-two{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.list-style-two li{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #222222;
	font-weight: 500;
	padding-left: 35px;
	margin-bottom: 15px;
	font-family: "Archivo", sans-serif;
}

.list-style-two li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 20px;
	color: #0000fe;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
    content: "\f061";
}

.theme_color{
	color:#25262c;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.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/logo-loader.png);
}

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

.tabs-box{
	position: relative;
}

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

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

/*** 

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

***/

.scroll-to-top{
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	height: 30px;
	width: 30px;
	font-size:14px;
	line-height:30px;
	color:#002121;
	text-align:center;
	cursor:pointer;
	z-index:100;
	background:#ffffff;
	display:none;
	border-radius: 0;
	margin: 0 auto;
	-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:#002121;
	color: #ffffff;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	z-index:999;
}

.main-header .header-top{
	position: relative;
	background-color: #303030;
}

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

.main-header .top-left .text{
	position: relative;
	padding: 15px 0;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.main-header .top-left .text .icon{
	color: #0000fe;
	margin-right: 5px;
}

.main-header .top-right{
	position: relative;
	float: right;
	top: 20px;
	background-color: #0000fe;
	padding-left: 30px;
}

.main-header .top-right:before{
	position: absolute;
    left: -18px;
    top: 0;
    height: 100%;
    width: 1000%;
    background-color: #0000fe;
    content: "";
    transform: skew(30deg);
}

.main-header .header-top .contact-info{
	position: relative;
	float: left;
	margin-right: 145px;
}

.main-header .header-top .contact-info li{
	position: relative;
	float: left;
	color: #ffffff;
	font-size: 15px;
	line-height: 30px;
	padding: 15px 0;
	margin-right: 45px;
}

.main-header .header-top .contact-info li .icon{
	position: relative;
	top: 1px;
	float: left;
	color: #fff;
	line-height: 30px;
	margin-right: 10px;
}

.main-header .header-top .contact-info li 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;
}

.main-header .header-top .contact-info li a:hover{
	color: #222222;
}

.header-style-three .header-top .contact-info li a:hover{
	color: #0000fe;
}

.main-header .header-top .social-icon-one{
	position: relative;
	float: right;
	padding: 15px 0;
}

/*Social Icon One*/

.social-icon-one{
	position:relative;
}

.social-icon-one li{
	position:relative;
	float: left;
	margin-left: 20px;
}

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

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

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

/* Change Language */

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

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

.header-top .change-language .language .dropdown-menu{
	left: auto !important;
	right: 0px;
	top:120% !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:14px;
	font-weight:400;
	line-height: 30px;
	color:#0000fe;
	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;
}

.main-header .top-right .social-icon-one{
	float: left;
}

/*=== Header Upper ===*/
.main-header .logo-outer{
	position: relative;
	padding:0;
}

.main-header .header-upper{
	padding-top: 10px;
}

.main-header .header-upper .upper-right{
	position:relative;
	padding: 35px 0 0;
}

.main-header .info-box{
	position:relative;
	float:left;
	text-align: left;
	min-height:50px;
	padding-left:70px;
	margin-left:80px;
	padding-top: 5px;
	margin-bottom: 20px;
}

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

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top:-5px;
	height: 60px;
	width: 60px;
	text-align: left;
}

.main-header .info-box .icon-box span{
	font-size: 50px;
	line-height: 60px;
	color: #000000;
}

.main-header .info-box li{
	position:relative;
	font-size:14px;
	line-height:24px;
	color:#222;
	font-weight:400;
}

.main-header .info-box li a{
	color: #777777;
	-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 .info-box li a:hover{
	color: #0000fe;
}

.main-header .info-box strong{
	position:relative;
	display: inline-block;
	font-weight:700;
	color:#222222;
	font-size:18px;
	line-height: 24px;
	font-family: "Archivo", sans-serif;
}

.main-header .upper-right .btn-box{
	position: relative;
	padding-left: 0;
	margin-left: 100px;
}

.main-header .upper-right .btn-box a{
	border-radius: 50px;
	font-weight: 400;
	padding: 15px 30px;
}

/*=== Header Lower ===*/
.main-header .header-lower{
	position: relative;
}

.main-header .header-lower .logo-box{
	position: relative;
	float: left;
}

.main-header .header-lower .logo{
	position: relative;
	padding: 27px 0;
}

.main-header .header-lower .logo img{
	position: relative;
	max-width: 100%;
	height: auto;
}

.main-header .header-lower .nav-outer{
	position: relative;
}

.main-header .main-box{
	position:relative;
	left:0px;
	top:0px;
	padding-left: 50px;
	border-radius: 0 0 0 0;
	box-shadow: 0 0 8px rgba(0,0,0,0.25);
	-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{
	position:relative;
	float:left;
	font-family: "Archivo", sans-serif;
}

.main-menu .navbar-header{
	display: none;
}

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

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:20px 0px;
	margin-right: 55px;
	-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 > a{
	position:relative;
	display:block;
	color:#002121;
	text-align:center;
	line-height:30px;
	opacity:1;
	font-weight:600;
	font-size:16px;
	padding: 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;
}

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

.main-menu .navigation > li > a:after{
	position: absolute;
	left: 50%;
	top: 30px;
	height: 3px;
	width: 0px;
	background-image: url(../images/icons/current-after.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	-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:hover > a:after,
.main-menu .navigation > li.current > a:after{
	opacity: 1;
	visibility: visible;
	width: 100%;
	left: 0;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:240px;
	z-index:100;
	display:none;
	padding:5px 20px;
	background:#ffffff;
	font-family: 'Roboto', sans-serif;
	border-top:2px solid #0000fe;
	-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);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul:before{
	position:absolute;
	content:'';
	left:0px;
	top:-12px;
	width:100%;
	height:12px;
}

.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 #e9e9e9;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.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:24px;
	font-weight:500;
	font-size:15px;
	color:#353535;
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover{
	border-color:#0000fe;
}

.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
	color:#0000fe;
}

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

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	margin-left:20px;
	top:12px;
	width:240px;
	z-index:100;
	display:none;
	padding:5px 20px;
	background:#ffffff;
	font-family: 'Roboto', sans-serif;
	border-top:2px solid #0000fe;
	-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);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid #f0f0f0;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover{
	border-color:#0000fe;
}

.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: 10px 0px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    color: #353535;
    text-align: left;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li  > ul > li > a:hover{
	color:#0000fe;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;
	margin-top:10px;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top: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;
}

/*search box btn*/

.main-header .search-box-outer{
	position:relative;
	float: left;
	text-align: center;
	background-color: #0000fe;
	border-radius: 0 0px 0 0;
}

.main-header .search-box-btn{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
	padding: 20px 0;
	width: 70px;
    background-color: transparent;
}

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

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

.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;
	border:1px solid #e0e0e0;
	background:#ffffff;	
	font-size: 14px;
}

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

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#000000;
	font-size:12px;
	background:none;
	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-panel .search-btn:hover{
	color: #0000fe;
}

.main-header .cart-btn{
	position: relative;
	float: left;
	margin-right: 45px;
	padding: 15px 0;
}

.main-header .cart-btn a{
	position: relative;
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 25px;
	color: #000000;
	z-index: 9;
}

.main-header .cart-btn .count{
	position: absolute;
	right: 0px;
	top: 4px;
	height: 16px;
	width: 16px;
	text-align: center;
	line-height: 16px;
	font-size: 10px;
	color: #ffffff;
	background-color: #002121;
	border-radius: 50%;
}

/***

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

***/

.header-style-two .header-lower{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.30);
}

.header-style-two .top-right{
	top: 0;
}

.header-style-two .main-box{
	box-shadow: none;
	padding: 0;
}

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

.header-style-two .logo-outer .logo{
	padding: 45px 0;
}

.header-style-two .nav-outer{
	position: relative;
	float: right;
}

.header-style-two .main-menu .navigation > li{
	padding: 55px 0;
	margin-right: 60px;
}

.header-style-two .main-menu .navigation > li > a{
	color: #ffffff;
}

.header-style-two .main-menu .navigation > li > a:after, 
.header-style-two .main-menu .navigation > li > a:after{
	background-image: url(../images/icons/current-after-2.png);
}

.header-style-two .cart-btn{
	padding: 50px 0;
	margin-right: 60px;
}

.header-style-two  .cart-btn a{
	color: #ffffff;
}

.header-style-two .search-box-outer{
	background-color: transparent;
	padding: 50px 0;
}

.header-style-two .search-box-btn{
	height: 40px;
	width: 40px;
	background-color: #ffffff;
	border: 1px dashed #0000fe;
	color: #0000fe;
	border-radius: 50%;
	padding: 0;
	font-size: 14px;
}

/***

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

***/

.header-style-three .header-top .contact-info li .icon{
	color: #0000fe;
}

.header-style-three .top-right:before{
	display: none;
}

.header-style-three .top-right{
	top: 0;
	background-color: transparent;
}

.header-style-three .top-right .btn-box{
	position: relative;
	float: right;
	margin-left: 30px;
}

.header-style-three .top-right .btn-box a{
	display: block;
	border-radius: 0;
}

.header-style-three .top-right .social-icon-one li{
	margin-left: 30px;
}

.header-style-three .top-right .social-icon-one li a:hover{
	color: #0000fe;
}

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

.header-style-three .main-box{
	box-shadow: none;
	padding: 0;
}

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

.header-style-three .logo-outer .logo{
	padding: 40px 0;
}

.header-style-three .nav-outer{
	position: relative;
	float: right;
}

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

.header-style-three .cart-btn{
	padding: 50px 0;
	margin-right: 35px;
}

.header-style-three .search-box-outer{
	background-color: transparent;
	padding: 50px 0;
	margin-right: 0;
}

.header-style-three .search-box-btn{
	height: 40px;
	width: 40px;
	border: 1px dashed #002121;
	color: #0000fe;
	border-radius: 50%;
	padding: 0;		
	font-size: 14px;
	margin-right: 30px;
}

.header-style-three .cart-btn a{
	color: #0000fe;
}

.header-style-three .search-box-btn{
	margin: 0;
}

/***

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

***/

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

.header-style-four .logo-outer{
	padding: 45px 0;
}

.header-style-four .header-upper{
	padding-top: 0px;
}

.header-style-four .header-upper .upper-right{
	padding-top: 45px;
}

.header-style-four .info-box{
	margin-left: 60px;
}

.header-style-four .info-box li,
.header-style-four .main-menu .navigation > li > a,
.header-style-four .info-box li strong,
.header-style-four .info-box li a{
	color: #ffffff;
}

.header-style-four .info-box .icon-box span{
	color: #0000fe;
}

.header-style-four .main-box{
	background-color: #002121;
	padding-left: 45px;
	border-radius: 0;
	box-shadow: none;
}

.header-style-four .main-menu .navigation > li{
	margin-right: 60px;
	border-bottom: 1px solid transparent;
}

.header-style-four .main-menu .navigation > li.current,
.header-style-four .main-menu .navigation > li:hover{
	border-bottom: 1px solid #ffffff;
}

.header-style-four .search-box-outer{
	background-color: transparent;
	padding: 15px 0;
}

.header-style-four .search-box-btn{
	height: 40px;
	width: 40px;
	border: 1px dashed #ffffff;
	color: #0000fe;
	border-radius: 50%;
	padding: 0;
	font-size: 14px;
}

.header-style-four .outer-box .btn-box{
	position: relative;
	float: right;
	margin-left: 35px;
}

.header-style-four .outer-box .btn-box .theme-btn{
	display: block;
	border-radius: 0;
	font-weight: 400;
	padding: 20px 45px;
}

.header-style-four .main-menu .navigation > li > a:after{
	display: none;
}

.header-style-four .main-menu .navigation > li:hover > a,
.header-style-four .main-menu .navigation > li.current > a{
	color: #0000fe;
}

.header-style-four .cart-btn{
	padding: 15px 0;
	margin-right: 45px;
}

.header-style-four  .cart-btn a{
	color: #ffffff;
}

.header-style-four  .cart-btn .count{
	background-color: #0000fe;
}

/***

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

***/

.header-style-five{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

.header-style-five .auto-container{
	position: relative;
}

.header-style-five .logo-outer{
	position: absolute;
	right: 100%;
	width: 375px;
	background-color: #002121;
	text-align: center;
	margin-right: -15px;
	padding: 75px 0;
	z-index: 9;
}

.header-style-five .logo-outer:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #002121;
	content: '';
	z-index: -1;
}

.header-style-five .header-upper{
	padding-top: 0px;
}

.header-style-five .header-upper .upper-right{
	padding-top: 32px;
	padding-left: 70px;
}

.header-style-five .info-box{
	margin-left: 70px;
	margin-bottom: 33px;
}

.header-style-five .info-box.social-links{
	padding-left: 0;
}

.header-style-five .header-lower{
	background-color: #002121;
}

.header-style-five .main-box{
	padding-left: 45px;
	background-color: #0000fe;
	border-radius: 0;
	box-shadow: none;
}

.header-style-five .main-menu .navigation > li{
	margin-right: 70px;
	border-bottom: 1px solid transparent;
	padding: 25px 0;
}

.header-style-five .main-menu .navigation > li.current,
.header-style-five .main-menu .navigation > li:hover{
	border-bottom: 1px solid #ffffff;
}

.header-style-five .main-menu .navigation > li > a{
	color: #ffffff;
	display: block;
	line-height: 29px;
}

.header-style-five .main-menu .navigation > li > a:after{
	display: none;
}

.header-style-five .search-box-outer{
	background-color: transparent;
	padding: 20px 0;
	margin-right: 25px;
}

.header-style-five .search-box-btn{
	height: 40px;
	width: 40px;
	border: 1px dashed #ffffff;
	color: #002121;
	border-radius: 50%;
	padding: 0;
	font-size: 14px;
}

.header-style-five .outer-box .btn-box{
	position: absolute;
	left: 100%;
	top: 0;
}

.header-style-five .outer-box .btn-box .theme-btn{
	display: block;
	border-radius: 0;
	font-weight: 400;
	padding: 25px 45px;
	line-height: 30px;
	min-width: 200px;
	text-align: center;
}

.header-style-five .search-box-outer .dropdown-menu{
	top: 59px !important;
}

.header-style-five .info-box .social-icon-one li{
	width: 35px;
	text-align: center;
	margin-left: 7px;
}

.header-style-five .info-box .social-icon-one li:hover a{
	color: #ffffff;
}

.header-style-five .info-box .social-icon-one li:before{
	position: absolute;
	left: 0;
	top: -35px;
	height: 0px;
	width: 100%;
	background-color: #002121;
	content: "";
	border-radius: 0 0 20px 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-five .info-box .social-icon-one li:hover:before{
	height: 70px;
}

.header-style-five .cart-btn{
	padding: 20px 0;
}

.header-style-five .cart-btn a{
	color: #ffffff;
}

/*** 

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

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 99999;
    background: #ffffff;
    border-bottom: 1px solid #f1f1f1;
}

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

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

.sticky-header .main-menu .navigation > li{
	margin-left: 40px !important;
	margin-right:0 !important;
	padding: 0 !important;
	background-color: transparent;
	font-family: 'Roboto', sans-serif;
}

.sticky-header .main-menu .navigation > li:after,
.sticky-header .main-menu .navigation > li:hover > a:after,
.sticky-header .main-menu .navigation > li.current > a:after{
	display: none;
}

.sticky-header .main-menu .navigation > li > a{
	padding:25px 0px;
	line-height:30px;
	font-size:16px;
	font-weight:400;
	color:#222222;
	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: #0000fe;
	background-color: #ffffff;
}

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

.sticky-header .auto-container{
	max-width: 1200px;
}

/*** 

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

***/

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

.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:30px 25px;
	text-align:left;	
}

.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.50);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.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: #202020;
	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 .menu-box .mCSB_inside>.mCSB_container{
    margin-right: 10px;
}

.mobile-menu-visible .mobile-menu .menu-box{
	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 .close-btn{
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 30px;
	width: 24px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.9s ease;
	-moz-transition:all 0.9s ease;
	-ms-transition:all 0.9s ease;
	-o-transition:all 0.9s ease;
	transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
	color:#0000fe;
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
}

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

.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,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(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 25px;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

.mobile-menu .navigation li ul li > a{
	font-size: 14px;
	text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:0;
	border-left:5px solid #0000fe;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

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

.mobile-menu .navigation li.current > a:before{
	height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:6px;
	top:6px;
	width:32px;
	height:32px;
	text-align:center;
	font-size:16px;
	line-height:32px;
	color:#ffffff;
	background:rgba(255,255,255,0.10);
	cursor:pointer;
	border-radius:2px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
	z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
	background:#0000fe;	
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);	
}

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

.mobile-menu .social-links{
	position:relative;
	text-align:center;
	padding:30px 25px;
}

.mobile-menu .social-links li{
	position:relative;
	display:inline-block;
	margin:0px 5px 10px;
}

.mobile-menu .social-links li a{
	position:relative;
	line-height:32px;
	font-size:28px;
	color:#ffffff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

.mobile-menu .social-links li a:hover{
	color:#0000fe;	
}

/*** 

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

***/

.sec-title{
	position:relative;
	margin-bottom:0;
}

.sec-title .title{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #999999;
    font-weight: 700;
    margin-bottom: 15px;
}

.sec-title h2{
	position: relative;
    display: block;
    font-size: 36px;
    line-height: 48px;
    color: #002121;
    font-weight: 600;
    padding-bottom: 23px;
}

.sec-title .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #dddddd;
	font-weight: 400;
	margin-top: 40px;
}

.sec-title h2:before{
	position: absolute;
	bottom: 0;
	left: 60px;
	height: 4px;
	width: 10px;
	background-color: #cccccc;
	content: "";
	z-index: 1;
}

.sec-title h2:after{
	position: absolute;
	left:0px;
	bottom: 0;
	width: 50px;
	height: 4px;
	background-color: #0000fe;
	content: "";
}

.sec-title .text-column .text{
	margin-top: 0px;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}

.sec-title.text-center h2:before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	width: 10px;
	background-color: #cccccc;
	content: "";
	z-index: 1;
	margin: 0 auto;
	-webkit-transform: translateX(35px);
	-moz-transform: translateX(35px);
	-ms-transform: translateX(35px);
	-o-transform: translateX(35px);
	transform: translateX(35px);
}

.sec-title.text-center h2:after{
	position: absolute;
	left:0px;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 50px;
	height: 4px;
	background-color: #0000fe;
	content: "";
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	transform: translateX(-5px);
}

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

/*** 

====================================================================
	Page Title Style
====================================================================

***/

.page-title{
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	padding:129px 0px;
}

.page-title:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color: #000000;
	opacity: .70;
}

.page-title h1{
	position:relative;
	font-size:48px;
	font-weight:700;
	color:#ffffff;
	line-height:1em;
	z-index:99;
	margin-bottom: 20px;
}

.page-title .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #0000fe;
	font-weight: 400;
}

.page-title .page-info{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	z-index:1;
}

.page-info .bread-crumb{
	position:relative;
	float: right;
	padding:25px 0;
	padding-left: 90px;
	border-radius: 40px 0 0 0;
	background-color: rgba(0,33,33,.70);
}

.page-info .bread-crumb:before{
	position: absolute;
	left: 100%;
	top: 0;
	width: 1000%;
	height: 100%;
	background-color: rgba(0,33,33,.70);
	content: "";
}

.page-info .bread-crumb li{
	position:relative;
	display:inline-block;
	font-size:18px;
	line-height: 30px;
	color:#0000fe;
	font-weight:700;
	margin-right:18px;
	padding-right: 18px;
}

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

.page-info .bread-crumb li:after{
	position:absolute;
	content:'|';
	top:0px;
	right:-4px;
	font-size:18px;
	line-height: 30px;
	color:#ffffff;
	font-weight:700;
}

.page-info .bread-crumb li:last-child:after{
	display:none;	
}

.page-info .bread-crumb li a{
	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;
}

.page-info .bread-crumb li a:hover{
	color:#0000fe;	
}

.play-now {
	position: relative;
	display: block;
	z-index: 9;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.play-now .icon{
    position: relative;
    display: inline-block;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background-color: #002121;
    color: #ffffff;
    z-index: 1;
    padding-left: 5px;
    font-size: 24px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    box-shadow: 0  0px 10px 0 rgba(255, 255, 255, .3);
    -webkit-transform-origin:center; 
    transform-origin:center; 
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.play-now .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.play-now .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
} 

/*** 

====================================================================
		Banner Section
====================================================================

***/

.banner-section{
	position: relative;
}

.banner-section .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-section .slide-item .content-box{
	position: relative;
	height: 850px;
	width: 100%;
	display: table;
	vertical-align: middle;
}

.banner-section .slide-item .content-box:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
	content: "";
}

.banner-section .slide-item .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 9;
}

.banner-section .slide-item .title{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	color: #0000fe;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .active .title{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}

.banner-section .slide-item h2{
	position: relative;
	display: block;
	font-size: 72px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 15px;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .active h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.banner-section .slide-item .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 40px;
	opacity: 0;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .active .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 750ms;
	-moz-transition-delay: 750ms;
	-ms-transition-delay: 750ms;
	-o-transition-delay: 750ms;
	transition-delay: 750ms;
}

.banner-section .slide-item .btn-box{
	opacity: 0;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .slide-item .btn-box .theme-btn{
	margin-right: 25px;
}

.banner-section .active .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.banner-section .owl-nav{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	max-width: 1770px;
	margin: 0 auto;
}

.banner-section .owl-prev,
.banner-section .owl-next{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 38px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	border: 1px solid #ffffff;
	min-width: 100px;
	text-align: center;
	letter-spacing: 0.3em;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .owl-next{
	left: auto;
	right: 0;
}

.banner-section .owl-prev:hover,
.banner-section .owl-next:hover{
	background-color: #0000fe;
	border-color: #0000fe;
}

.banner-section .owl-dots{
	display: none;
}

/*** 

====================================================================
	Banner Section Style Two								
====================================================================

***/

.banner-section.style-two{
	text-align: center;
}

.banner-section.style-two .slide-item .content-box{
	height: 1060px;
}

.banner-section.style-two .slide-item .content-box:after{
	background: #000000;
	opacity: .70;
}

.banner-section.style-two .title{
	margin-bottom: 50px;
}

.banner-section.style-two h2{
	margin-bottom: 40px;
}

.banner-section.style-two .btn-box .theme-btn{
	margin: 0;

}

/*** 

====================================================================
			Banner Section Style Three								
====================================================================

***/

.banner-section.style-three{
	text-align: right;
}

.banner-section.style-three .slide-item .content-box{
	height: 920px;
}

.banner-section.style-three .slide-item .content-box:after{
	background: #000000;
	opacity: .70;
}

.banner-section.style-three .title{
	margin-bottom: 50px;
}

.banner-section.style-three h2{
	margin-bottom: 40px;
}

.banner-section.style-three .btn-box .theme-btn{
	margin: 0;
}

.banner-section.style-three .owl-dots{
	position: absolute;
	display: block;
	bottom: 55px;
	width: 100%;
	text-align: center;
}

.banner-section.style-three .owl-dot{
	position: relative;
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 10px;
	border: 1px solid #ffffff;
	margin: 0 4px;
	background-color: transparent;
	transition: all 300ms ease;
}

.banner-section.style-three .owl-dot:hover,
.banner-section.style-three .owl-dot.active{
	background-color: #0000fe;
}

/*** 

====================================================================
		Banner Section Style Four
====================================================================

***/

.banner-section.style-four{
	position: relative;
}

.banner-section.style-four .auto-container{
	position: relative;
}

.banner-section.style-four .slide-item .content-box:after{
	/*! background: #000000; */
	opacity: .80;
}

.banner-section.style-four .slide-item .content-box{
	height: 660px;
}

.banner-section.style-four .float-text{
	position: absolute;
	left: 5.5%;
	top: 250px;
	width: 10px;
	font-size: 18px;
	line-height: 38px;
	color: #0000fe;
	font-weight: 400;
	font-family: "Archivo", sans-serif;
	text-transform: uppercase;
	z-index: 9;
}

.banner-section.style-four .slide-item .content{
	position: absolute;
	display: block;
	left: 0;
	bottom: 50px;
	width: 100%;
	padding-bottom: 120px;
}

.banner-section.style-four .slide-item h2{
	margin-bottom: 20px;
}

.banner-section.style-four .slide-item .text{
	margin-bottom: 0;
}

.banner-section.style-four .btn-box{
	position: absolute;
	right: 30px;
	top: 110px;
}

.banner-section .banner-pagination{
	position: absolute;
	right: 0;
	top: 40%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
	counter-reset:count;
}

.banner-section .banner-pagination ul li{
	position: relative;
	margin-bottom: 15px;
}

.banner-section .banner-pagination ul li a{
	position: relative;
	display: block;
	cursor: pointer;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	line-height: 20px;
	padding: 10px 15px;
	padding-left: 55px;
	border-radius: 20px 0 0 20px;
	background-color: rgba(0,0,0,0.20);
	min-width: 180px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .banner-pagination ul li a:before{
	position: absolute;
	left: 25px;
	top: 10px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	line-height: 20px;
	counter-increment: count;
    content: "0" counter(count);
    font-family: "Archivo", sans-serif;
	-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;
}

.banner-section .banner-pagination ul li a:hover,
.banner-section .banner-pagination ul li a.active{
	background-color: rgba(250,7,7,0.33);
}

.banner-section .bx-controls{
	display: none;
}

/*** 

====================================================================
		Banner Section Style Five								
====================================================================

***/

.banner-section.style-five{
	text-align: center;
}

.banner-section.style-five .slide-item .content-box{
	height: 875px;
}

.banner-section.style-five .slide-item .content-box:after{
	background: #000000;
	opacity: .80;
}

.banner-section.style-five .slide-item .border-box{
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
	padding: 45px 50px 0;
	border: 4px solid rgba(255,255,255,.10);
}

.banner-section.style-five .title{
	margin-bottom: 20px;
}

.banner-section.style-five h2{
	margin-bottom: 20px;
}

.banner-section.style-five .text{
	font-size: 18px;
	line-height: 36px;
}

.banner-section.style-five .slide-item .btn-box .theme-btn{
	margin: 0 0 -40px;
}

/*** 

====================================================================
		Welcome Section
====================================================================

***/

.welcome-section{
	position: relative;
	padding: 60px 0;
	background-color: #f5f5f5;
	background-image: url(../images/icons/pattern-5.jpg);
}

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

.welcome-section .title-column .inner-column{
	position: relative;
	text-align: right;
	padding-right: 30px;
	border-right: 1px solid #dddddd;
}

.welcome-section .title-column h2{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 42px;
	color: #0000fe;
	font-weight: 700;
}

.welcome-section .title-column h2 span{
	color: #002121;
	text-transform: uppercase;
}

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

.welcome-section .text-column .inner-column{
	position: relative;
	padding-right: 100px;
}

.welcome-section .text-column .text{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #111;
	font-weight: 400;
}

/*** 

====================================================================
			About Us								
====================================================================

***/

.about-us{
	position: relative;
	padding: 50px 0;
}

.about-us .image-layer{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 40%;
	margin-bottom: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.about-us .image-layer .float-text{
    position: absolute;
    right: 38.5%;
    top: 260px;
    font-size: 110px;
    line-height: 1em;
    color: #000000;
    font-weight: 700;
    opacity: .10;
    white-space: nowrap;
    transform: rotate(-90deg);
    transform-origin: bottom;
    margin-right: 35px;
    font-family: "Archivo", sans-serif;
}

.about-us .image-layer .image-box{
	display: none;
	margin-bottom: 0;
}

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

.about-us .content-column{
	position: relative;
	margin-bottom: 0;
}

.about-us .content-column .inner-column{
	margin-right: -10px;
}

.about-us .sec-title{
	margin-bottom: 50px;
}

.about-us .sec-title h2{
	font-weight: 700;
	padding-bottom: 40px;
}

.about-us .content-column .message{
	position: relative;
	font-size: 24px;
	line-height: 36px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 30px;
}

.about-us .content-column .text{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #222;
	font-weight: 400;
	margin-bottom: 0;
}

.about-us .content-column .link-box{
	position: relative;
	margin-top: 30px;
}

.about-us .content-column .link-box a{
	float: left;
	margin-right: 30px;
	padding: 15px 45px;
}

.call-btn{
	position: relative;
	font-size: 20px;
	color: #002121;
	font-weight: 400;
	padding: 15px 25px 15px 80px !important;
	border: 1px solid #dddddd;
	border-radius: 50px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.call-btn .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background-color: #002121;
	color: #ffffff;
	font-size: 18px;
	line-height: 58px;
	border: 1px solid #222222;
	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;
}

.call-btn:hover{
	color: #0000fe;
}

.call-btn:hover .icon{
	background-color: #0000fe;
	border: 1px solid #0000fe;
}

/*** 

====================================================================
		About Us Two							
====================================================================

***/

.about-us-two{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0;
}

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

.about-us-two .content-box{
	position: relative;	
	max-width: 500px;
	width: 100%;
}

.about-us-two .content-box:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #ffffff;
	content: "";
}

.about-us-two .content-box .inner{
	position: relative;
	padding: 100px 0 90px;
	padding-right: 85px;
	background-color: #ffffff;
}

.about-us-two .content-box .inner:before{
	position: absolute;
	right: -170px;
	top: 0;
	width: 170px;
	height: 100%;
	background-image: url(../images/icons/pattern-4.png);
	background-repeat: repeat;
	content: "";
}

.about-us-two .content-box .sec-title{
	margin-bottom: 30px;
}

.about-us-two .content-box .message{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 28px;
}

.about-us-two .content-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	margin-bottom: 45px;
}

.about-us-two .content-box .btn-box a{
	position: relative;
	font-size: 14px;
	padding: 15px 40px;
}

.about-us-two .content-box .video-link a{
	position: absolute;
	top: 50%;
	right: -40px;
	margin-top: -40px;
	height: 80px;
	width: 80px;
	background-color: #0000fe;
	font-size: 24px;
	line-height: 80px;
	padding-left: 10px;
	color: #ffffff;
	text-align: center;
	border-radius: 50px;
	-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-us-two .content-box .video-link a:hover{
	background-color: #002121;
}

/*** 

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

***/

.features-section{
	position: relative;
	z-index: 2;
}

.feature-block{
	position: relative;
}

.feature-block .inner-box{
	position: relative;
	text-align: center;
	padding: 65px 60px 25px;
}

.feature-block .inner-box:before{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: #002121;
	content: "";
	transition: all 300ms ease;
}

.feature-block .inner-box.active:before,
.feature-block .inner-box:hover:before{
	top: -40px;
	bottom: 0;
}

.feature-block .inner-box .inner{
	position: relative;
	transition: all 300ms ease;
	top: 0;
}

.feature-block .inner-box.active .inner,
.feature-block .inner-box:hover .inner{
	top: -30px;
}

.feature-block .icon{
	position: relative;
	display: inline-block;
	font-size: 70px;
	line-height: 1em;
	color: #ffffff;
	margin-bottom: 36px;
}

.feature-block h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 24px;
}

.feature-block 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 .text{
	position: relative;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
}

.feature-block .read-more{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	font-family: "Archivo", sans-serif;
	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;
}

.feature-block .inner-box.active .read-more,
.feature-block .inner-box:hover .read-more{
	opacity: 1;
	visibility: visible;
	margin-top: 40px;
}

.feature-block:nth-child(2) .inner-box:before{
	background-color: #0000fe;
}

.feature-block:nth-child(3) .inner-box:before{
	background-color: #222222;
}

.feature-block .read-more:hover{
	text-decoration:underline;	
}

/*** 

====================================================================
			Feature Section Two								
====================================================================

***/

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

.features-section-two .content-column{
	position: relative;
	margin-bottom: 28px;
}

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

.features-section-two .content-column .sec-title h2{
	padding-bottom: 40px;
}

.features-section-two .content-column .sec-title .text{
	color: #666666;
}

.features-section-two .features-list{
	position: relative;
}

.features-section-two .features-list li{
	position: relative;
	padding-left: 50px;
	margin-bottom: 22px;
}

.features-section-two .features-list li .count{
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 18px;
	line-height: 18px;
	color: #002121;
	font-weight: 600;
	font-family: "Archivo", sans-serif;
	width: 33px;
	border-right: 1px solid #0000fe;
}

.features-section-two .features-list strong{
	font-size: 18px;
	line-height: 28px;
	color: #002121;
	font-weight: 600;
	margin-bottom: 5px;
}

.features-section-two .features-list p{
	position: relative;
}

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

.features-section-two .image-column .image-box{
	position: relative;
	padding-top: 30px;
	padding-right: 70px;
}

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

.features-section-two .image-column .image:before{
	position: absolute;
	left: 70px;
	top: 70px;
	height: 570px;
	width: 100%;
	border: 10px solid #d7d7d7;
	content: "";
	z-index: -1;
}

.features-section-two .image-column .image img{
	display: block;
	width: 100%;
}

/*** 

====================================================================
		Video Section
====================================================================

***/

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

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

.video-section .content-box{
	position: relative;
	text-align: center;
}

.video-section .content-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.video-section .content-box h2{
	display: block;
	font-size: 48px;
	line-height: 72px;
	color: #ffffff;
	font-weight: 700;
}

.video-section .play-now{
	display: inline-block;
	margin-bottom: 50px;
}

.video-section .play-now .icon{
	height: 100px;
	width: 100px;
	line-height: 100px;
	background-color: #0000fe;
	padding-left: 0;
	font-size: 50px;
}

/*** 

====================================================================
		Why Choos Us								
====================================================================

***/

.why-choose-us{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 60px 0 20px;
}

.why-choose-us:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #222;
	content: "";
	opacity: .95;
}

.why-choose-us .title-column{
	position: relative;
	margin-bottom: 30px;
}

.why-choose-us .title-column .inner-column{
	position: relative;
}

.why-choose-us .title-column .text-box{
	position: relative;
}

.why-choose-us .title-column .text-box p{
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 30px;
}

.why-choose-us .features-column{
	position: relative;
	margin-bottom: 20px;
}

.why-choose-us .features-column .inner-column{
	position: relative;
	padding-top: 160px;
}

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

.feature-block-two .inner-box{
	position: relative;
	padding: 30px 40px 10px;
	border: 1px solid #38514f;
}

.feature-block-two .icon{
	position: relative;
	display: block;
	font-size: 50px;
	line-height: 1em;
	color: #ffffff;
	margin-bottom: 20px;
}

.feature-block-two h6{
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #fa0707;
	font-weight: 500;
	margin-bottom: 20px;
}

.feature-block-two .text{
	position: relative;
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	padding: 23px 0;
	z-index: 9;
}

.feature-block-two .text:before{
	position: absolute;
	right: -20px;
	left: -40px;
	top: 0;
	height: 100%;
	background-color: #ffffff;
	content: "";
	opacity: .10;
}

.why-choose-us.style-two{
	padding: 100px 0 50px;
}

.why-choose-us.style-two:before{
	background-color: #ffffff;
}

.why-choose-us.style-two .feature-block-two .text:before{
	background-color: #ebebeb;
	opacity: 1;
	z-index: -1;
}

.why-choose-us.style-two .feature-block-two .inner-box{
	border-color: #dddddd;
}

.why-choose-us.style-two .feature-block-two .text,
.why-choose-us.style-two .title-column .text-box p{
	color: #666666;
}

.why-choose-us.style-two .feature-block-two .icon{
	color: #002121;
}

/***

====================================================================
			Fun Fact Section
====================================================================

***/

.fun-fact-section{
	position: relative;
	padding-top: 20px;
}

.fun-fact-section .fact-counter{
	position: relative;
	background-color: #002121;
	padding:30px 0 0;
}

.fun-fact-section .fact-counter:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #0000fe;
	content: "";
}

.fact-counter .counter-column{
	position:relative;
	margin-bottom:30px;
}

.fact-counter .count-box{
	position: relative;
	font-size:36px;
	line-height: 1.2em;
	font-weight:700;
	color:#fff;
	font-family: 'Archivo', sans-serif;
}

.fact-counter .count-box .count-text{
	position:relative;
	font-size:36px;
	line-height: 1em;
	font-weight:700;
	color:#fff;
}

.fact-counter .counter-title{
	position: relative;
	display: block;
	font-size:18px;
	line-height:28px;
	font-weight:400;
	color:#ffffff;
	margin-top: 12px;
	font-family: "Roboto", sans-serif;
}

/*** 

====================================================================
			Service Section
====================================================================

***/

.services-section{
	position: relative;
	padding: 70px 0;
}

.services-section:before{
	position: absolute;
	left: 0;
	top: 50%;
	height: 50%;
	width: 100%;
	background-image: url(../images/icons/pattern-6.png);
	background-repeat: repeat;
	background-position: center top;
	content: "";
	margin-top: 10px;
}

.services-section.alternate:before{
	top: 0;
	height: 100%;
	margin-top: 0px;
	background-position: center;
}

.services-section .carousel-outer{
	position: relative;
	margin: 0 -15px;
}

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

.services-carousel{
	position: relative;
	padding-bottom: 75px;
}

.services-carousel .service-block{
	position: relative;
	padding: 20px 15px 20px;
}

.service-block .inner-box{
	position: relative;
	display: 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 .inner-box:hover{
	box-shadow: 0 0 16px rgba(0,0,0,0.25);
}

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

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

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

.service-block .image-box .overlay-link{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.service-block .image-box .overlay-link a{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.service-block .image-box .overlay-link:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: padding-box content-box;
	background-color: #0000fe;
	padding: 15px;
	content: "";
	outline: 2px solid rgba(255,255,255,.70);
	outline-offset: -15px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.5) rotateX(180deg);
    -moz-transform: scale(0.5) rotateX(180deg);
    -ms-transform: scale(0.5) rotateX(180deg);
    -o-transform: scale(0.5) rotateX(180deg);
    transform: scale(0.5) rotateX(180deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-block .inner-box:hover .overlay-link:before{
	opacity: .70;
    -webkit-transform: scale(1) rotateX(0deg);
    -moz-transform: scale(1) rotateX(0deg);
    -ms-transform: scale(1) rotateX(0deg);
    -o-transform: scale(1) rotateX(0deg);
    transform: scale(1) rotateX(0deg);
    visibility: visible;
}

.service-block .image-box .overlay-link .icon{
	position: absolute;
	top: 50%;
	left:50%;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px;
	font-size: 30px;
	color: #ffffff;
	opacity: 0;
	text-align: center;
	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;
}

.service-block .inner-box:hover .overlay-link .icon{
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.service-block .lower-content{
	position: relative;
	padding: 20px;
	border: 2px solid #e1e1e1;
	background-color: #ffffff;
}

.service-block .lower-content .icon{
	position: relative;
	display: inline-block;
	text-align: center;
	font-size:  40px;
	line-height: 1em;
	color: #0000fe;
	margin-bottom: 24px;
}

.service-block .lower-content h3{
	position: relative;
	display: block;
	font-size:  20px;
	line-height: 1.2em;
	color: #002121;
	font-weight: 600;
	margin-bottom: 0;
	text-align: center;
}

.service-block .lower-content h3 a{
	color: #002121;
	-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 h3 a:hover{
	color: #0000fe;
}

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

.service-block .lower-content .read-more{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1.2em;
	color: #0000fe;
	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;
}

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

.services-carousel .owl-nav{
	display: none;
}

.services-carousel .owl-dots{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.services-carousel .owl-dots .owl-dot{
	position:relative;
	width:20px;
	height: 8px;
	margin:0 4px;
	display:inline-block;
	background-color: #0000fe;
	-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;
}

.services-carousel .owl-dots .owl-dot.active{
	width: 50px;
	background-color: #002121;
}

.services-carousel .owl-dots .owl-dot:hover{
	background-color: #002121;
}

/*** 

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

***/

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

.services-section-two .layer-image{
	position: absolute;
	right: 50%;
	top: 0;
	height: 100%;
	width: 745px;
	margin-right: 230px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

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

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

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

.owl-theme .service-block-two .image-column{
	-webkit-transform:translateX(30px);
	-ms-transform:translateX(30px);
	transform:translateX(30px);
	opacity:0;
}

.owl-theme .active .service-block-two .image-column{
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	transition:all 500ms ease;
}

.service-block-two .image-column .inner-column{
	position: relative;
	margin-right: -30px;
}

.service-block-two .image-column .image{
	position: relative;
	border: 5px solid #0000fe;
	margin-bottom: 0;
}

.service-block-two .image-column .image img{
	display: block;
	width: 100%;
}

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

.owl-theme .service-block-two .content-column{
	-webkit-transform:translateX(-30px);
	-ms-transform:translateX(-30px);
	transform:translateX(-30px);
	opacity:0;
}

.owl-theme .active .service-block-two .content-column{
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	transition:all 500ms ease;
}

.service-block-two .content-column .inner-column{
	position: relative;
	padding: 45px 70px 30px;
}

.service-block-two .content-column h2{
	position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.25em;
    color: #002121;
    font-weight: 600;
    padding-bottom: 35px;
}

.service-block-two .content-column h2:before{
	position: absolute;
	bottom: 0;
	left: 60px;
	height: 4px;
	width: 10px;
	background-color: #cccccc;
	content: "";
	z-index: 1;
}

.service-block-two .content-column h2:after{
	position: absolute;
	left:0px;
	bottom: 0;
	width: 50px;
	height: 4px;
	background-color: #0000fe;
	content: "";
}

.service-block-two .content-column .text{
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	margin-top: 30px;
	margin-bottom: 40px;
	max-width: 360px;
}

.service-block-two .content-column .btn-box a{
	position: relative;
	padding: 10px 30px;
	font-size: 14px;
}

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

.services-carousel-two .owl-dots{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	counter-reset:count;
}

.services-carousel-two .owl-dot{
	position: relative;
	margin-bottom: 25px;
}

.services-carousel-two .owl-dot:before{
	font-size: 18px;
	line-height: 30px;
	font-weight: 700;
	color: #777777;
	counter-increment: count;
    content: "0" counter(count);
    font-family: "Archivo", sans-serif;
	-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;
}

.services-carousel-two .owl-dot:hover:before,
.services-carousel-two .owl-dot.active:before{
	color: #0000fe;
}

.services-carousel-two .owl-dot:last-child{
	margin-bottom: 0;
}

/*** 

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

***/

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

.services-section-three:before{
	position: absolute;
	left: 0;
	bottom: 160px;
	height: 400px;
	width: 100%;
	background-image: url(../images/icons/pattern-2.png);
	background-repeat: repeat;
	background-position: center top;
	content: "";
}

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

.service-block-three .inner-box{
	position: relative;
	padding: 30px;
	border: 2px solid #e1e1e1;
	background-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;
	text-align: center;
}

.service-block-three .inner-box:hover{
	background-color: #fafafa;
}

.service-block-three .icon{
	position: relative;
	display: block;
	font-size: 72px;
	line-height: 1em;
	color: #0000fe;
	margin-bottom: 33px;
}

.service-block-three h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #002121;
	font-weight: 600;
	margin-top: 20px;
}

.service-block-three h3 a{
	color: #002121;
	-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 .inner-box:hover h3 a{
	color: #ffffff;
}

.service-block-three h3 a:hover{
	color: #0000fe !important;	
}

.service-block-three .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 30px;
	-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 .inner-box:hover .text{
	color: #ffffff;
}

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

.service-block-three .link-box a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1.2em;
	color: #0000fe;
	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;
}

.service-block-three .link-box a:hover{
	color: #ffffff;
	text-decoration:underline;
}

/*** 

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

***/

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

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

.services-section-four .single-item-carousel{
	position: relative;
	padding-top: 60px;
	margin-left: -30px;
}

.services-section-four .slide-item{
	position: relative;
	border:2px dashed #d7d7d7;
	padding: 60px 40px 10px;
	border-left: 0;
}

.services-section-four .slide-item .column{
	position: relative;
}

.serivce-block-four{
	position: relative;
	margin-bottom: 59px;
}

.serivce-block-four .inner-box{
	position: relative;
	padding-left: 80px;
}

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

.serivce-block-four .icon-box .icon{
	display: block;
	font-size: 50px;
	line-height: 1em;
	color: #0000fe;
	font-weight: 400;
}

.serivce-block-four h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 10px;
}

.serivce-block-four h3 a{
	color: #222222;
	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;
}

.serivce-block-four h3 a:hover{
	color: #0000fe;
}

.serivce-block-four .text{
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	margin-bottom: 18px;
}

.serivce-block-four .link-box{
	position: relative;
}

.serivce-block-four .link-box a{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #222222;
	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;
}

.serivce-block-four .link-box a i{
	display: inline-block;
	margin-left: 5px;
	font-size: 14px;
	line-height: 20px;
	color: #0000fe;
}

.serivce-block-four .link-box a:hover{
	color: #0000fe;
}

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

.services-section-four .title-column .inner-column{
	position: relative;
}

.services-section-four .title-column .title-box{
	position: relative;
	padding: 70px 50px 40px;
}

.services-section-four .title-column .title-box .title{
	color: #0000fe;
	margin-bottom: 10px;
}

.services-section-four .title-column .title-box h2{
	font-size: 30px;
	font-weight: 600;
	padding-bottom: 27px;
}

.services-section-four .title-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #002121;
	opacity: 0.80;
	content: '';
}

.services-section-four .title-box .text{
	position: relative;
	display: block;
}

.services-section-four .title-box .text p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 28px;
}

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

.services-section-four .owl-dots{
	position: absolute;
	right: 0;
	top: 0px;
}

.services-section-four .owl-dot{
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 4px;
	background-color: #000000;
	border: 5px solid #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	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;
}

.services-section-four .owl-dot.active,
.services-section-four .owl-dot:hover{
	border: 5px solid #ffffff;
	background-color: #0000fe;
}

.services-section-four .owl-dot:before{
	position: absolute;
	height: 20px;
	width: 20px;
	left: -5px;
	top: -5px;
	content: '';
	border: 1px solid #152545;
	content: "";
	opacity: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	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;
}

.services-section-four .owl-dot.active:before,
.services-section-four .owl-dot:hover:before{
	opacity: 1;

}

/*** 

====================================================================
		Service Detail Section
====================================================================

***/

.service-detail-section{
	position: relative;
	padding: 100px 0 50px;
	overflow: hidden;
}

.service-detail-section .content-side,
.service-detail-section .sidebar-side{
	margin-bottom: 50px;
}

.service-detail{
	position: relative;
}

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

.service-detail .image-box img{
	position: relative;
	display: block;
	width: 100%;
}

.service-detail .lower-content{
	position: relative;
}

.service-detail .lower-content > h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #002121;
	font-weight: 700;
	margin-bottom: 30px;
}

.service-detail .lower-content h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #002121;
	font-weight: 600;
	margin-bottom: 20px;
}

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

.service-detail .two-column{
	position: relative;
	margin-top: 40px;
}

.service-detail .two-column .image-column{
	position: relative;
	margin-bottom: 40px;
}

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

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

.service-detail .two-column .info-column{
	position: relative;
	padding-top: 10px;
}

.service-detail .two-column .list-style-two li{
	float: left;
	width: 50%;
	margin-bottom: 20px;
}

.service-detail .choose-info{
	position:relative;
}

.service-detail .choose-info li{
	position:relative;
	float: left;
	width: 25%;
	font-size:16px;
	line-height: 22px;
	font-weight:700;
	color:#002121;
	padding-left:70px;
	min-height: 50px;
	text-transform:capitalize;
	cursor: default;
	margin-bottom:20px;
}

.service-detail .choose-info li a{
	color:#222222;
	-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-detail .choose-info li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#0000fe;
	line-height:1em;
	font-size:48px;
	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;
}

.service-detail .choose-info li:hover a,
.service-detail .choose-info li:hover .icon{
	color: #0000fe;
}

.service-detail .accordion-box .block:before{
	position: absolute;
	left: 68px;
	top: 20px;
	bottom: 20px;
	width: 1px;
	background-color: #dddddd;
	content: "";
	z-index: 2;
}

.service-detail .accordion-box .block.active-block:before{
	background-color: #000000;
	bottom: 25px;
}

.service-detail .accordion-box .block .acc-btn{
	padding-left: 100px;
	line-height: 28px;
}

.service-detail .accordion-box .block .icon{
	left: 30px;
	width: auto;
	right: auto;
	color: #777777;
}

.service-detail .accordion-box .block .acc-btn.active{
	background-color: transparent;
	color: #002121;
}

.service-detail .accordion-box .block.active-block .icon:before{
	content: "\f309";
	color: #0000fe;
}

.service-detail .accordion-box .block .content{
	padding-left: 100px;
	padding-top: 0;
}

.services-sidebar{
	position: relative;
}

.services-sidebar:before{
	position: absolute;
	right: 0;
	top: -100px;
	height: 1000%;
	width: 1000%;
	background-image: url(../images/icons/pattern-6.png);
	background-repeat: repeat;
	background-position: center -90px;
	content: "";
}

.services-sidebar .categories{
	position: relative;
	margin-bottom: 75px;
}

/*Services Category*/

.services--list{
	position:relative;
	background-color: #ffffff;
	border-top: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
}

.services--list li{
	position:relative;
	overflow: hidden;
	border: 2px solid #bbbbbb;
	border-bottom: 0;
}

.services--list li:first-child{
	border-top: 0;
}

.services--list li a{
	position:relative;
	font-size:18px;
	font-weight:700;
	color:#002121;
	line-height: 26px;
	padding: 25px 35px;
	display:block;
	z-index: 8;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.services--list li a:before{
	position:absolute;
	content: "\f105";
	right: 33px;
	top: 18px;
	font-size: 16px;
	color: #222222;
	line-height: 28px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	-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--list li:hover a:before,
.services--list li.active a:before{
	color: #0000fe;
}

.services--list li.active a,
.services--list li:hover a{
	color: #ffffff;
}

.services--list li a:after{
	position: absolute;
	left: -1px;
	top: 0;
	height: 100%;
	width: 0;
	content: "";
	z-index: -1;
	background-color: #002121;
	-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--list li.active a:after,
.services--list li:hover a:after{
	width: 101%;
}

/*Brochure links*/
.services-sidebar .links-box{
	position: relative;
	margin-bottom: 60px;
}

.services-sidebar .links-box h4{
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 45px;
}

.services-sidebar .brochure-link{
	position: relative;
	margin-bottom:20px;
}

.services-sidebar .brochure-link a{
	position:relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	font-weight: 500;
	padding: 25px 30px;
	padding-left: 35px;
	background-color: #eeeeee;
	border-radius: 0 50px 50px 0;
	-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;
}

.services-sidebar .brochure-link a i{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
	margin-right: 25px;
	-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;
}

.services-sidebar .brochure-link a:hover i{
	color: #ffffff;
}

.services-sidebar .brochure-link a:hover{
	background-color: #0000fe;
	color: #ffffff;
}

/*brochure Box*/

.brochure-box{
	position: relative;
	padding: 70px 50px 40px;
}

.brochure-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #002121;
	opacity: 0.80;
	content: '';
}

.brochure-box .title{
	color: #0000fe;
	margin-bottom: 10px;
}

.brochure-box h2{
	font-size: 30px;
	font-weight: 600;
	padding-bottom: 27px;
}

.brochure-box .text{
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.brochure-box .text p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 28px;
}

.brochure-box .btn-box a{
	padding: 10px 30px;
}

/*** 

====================================================================
		Process Section
====================================================================

***/

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

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

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

.process-block .icon{
	position: relative;
	display: inline-block;
	font-size: 60px;
	line-height: 1em;
	color: #0000fe;
	margin-bottom: 30px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.process-block .inner-box:hover .icon{
	color: #002121;
}

.process-block h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1em;
	color: #002121;
	font-weight: 700;
	margin-bottom: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.process-block .inner-box:hover h3{
	color: #0000fe;
}

.process-block h3 span{
	color: #777777;
}

.process-block .text{
	font-size: 14px;
	line-height: 28px;
	color: #666666;
}

/*** 

====================================================================
		Project Section
====================================================================

***/

.project-section{
	position: relative;
}

.project-section .bg-pattern{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
}

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

.project-section .layer-image:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #0000fe;
	opacity: .80;
	content: "";
}

.project-section .project-carousel{
	position: relative;
}

.project-block{
	position: relative;
}

.project-block .inner-box{
	position: relative;
	padding-right: 170px;
}

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

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

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

.project-block .content-box{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 60px 55px 60px;
	max-width: 400px;
	width: 100%;
	background-color: #f2f2f2;
	opacity: 0;
	-webkit-transform: translateX(-20%);
	-moz-transform: translateX(-20%);
	-ms-transform: translateX(-20%);
	-o-transform: translateX(-20%);
	transform: translateX(-20%);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.active .project-block .content-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
}

.project-block .content-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 36px;
	color: #002121;
	font-weight: 600;
	margin-bottom: 25px;
}

.project-block .content-box h4 a{
	display: inline-block;
	color: #002121;
	-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 .content-box h4 a:hover{
	color: #0000fe;
}

.project-block .content-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 40px;
}

.project-block .content-box .read-more{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #0000fe;
	font-weight: 700;
	border-bottom: 1px solid #0000fe;
	-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 .content-box .read-more:hover{
	color: #222222;
	border-color: #222222;
}

.project-carousel .owl-nav{
	position: absolute;
	left: -100px;
	bottom: 0;
}

.project-carousel .owl-next,
.project-carousel .owl-prev{
	position: relative;
	float: left;
	height: 100px;
	width: 100px;
	font-size: 20px;
	line-height: 100px;
	font-weight: 700;
	color: #002121;
	text-align: center;
	background-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-carousel .owl-next:hover,
.project-carousel .owl-prev:hover{
	color: #ffffff;
	background-color: #002121;
}

.project-section .view-more{
	position: absolute;
	display: inline-block;
	left: 50%;
	margin-left: 490px;
	bottom: 425px;
	font-size: 24px;
	line-height: 28px;
	color: #0000fe;
	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;
	font-family: "Archivo", sans-serif;
	z-index: 9;
}

.project-section .view-more:hover{
	color: #222222;
}

/*** 

====================================================================
		Project Section Two
====================================================================

***/

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

.project-tab{
	position:relative;	
}

.project-tab .tab-buttons{
	position: relative;
	text-align: center;
	margin-bottom: 55px;
}

.project-tab .tab-btn{
	position:relative;
	padding:9px 23px;
	line-height:20px;
	color:#002121;
	cursor:pointer;
	font-size:14px;
	display:inline-block;
	font-weight:500;
	border-radius: 20px;
	margin: 0 3px;
	border: 1px solid transparent;
	-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;
}

.project-tab .tab-btn:hover,
.project-tab .tab-btn.active-btn{
	color:#0000fe;
	border-color: #0000fe;
}

.project-tab .tabs-content{
	position:relative;
	display:block;	
}

.project-tab .tab{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	visibility:hidden;	
}

.project-tab .tab .project-block-two{
	-webkit-transform:scaleX(0.25);
	-ms-transform:scaleX(0.25);
	-o-transform:scaleX(0.25);
	-moz-transform:scaleX(0.25);
	transform:scaleX(0.25);	
}

.project-tab .tab.active-tab .project-block-two{
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform:scaleX(1);
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;	
}

.project-tab .tab.active-tab{
	position:relative;
	visibility:visible;
	z-index:5;
}

.project-tab .tab .project-block-two{
	-webkit-transform:scaleX(0.25);
	-ms-transform:scaleX(0.25);
	-o-transform:scaleX(0.25);
	-moz-transform:scaleX(0.25);
	transform:scaleX(0.25);	
}

.project-tab .tab.active-tab .project-block-two{
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform:scaleX(1);
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;	
}

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

.project-block-two .inner-box{
	position: relative;
	padding-bottom: 20px;
}

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

.project-block-two .image-box img{
	display: block;
	width: 100%;
}

.project-block-two .overlay-box{
	position: absolute;
	left: 20px;
	right: 20px;
	top: -10px;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(255,126,0,0.9);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 500ms ease;
}

.project-block-two .inner-box:hover .overlay-box{
	top: 20px;
	opacity: 1;
	visibility: visible;
}

.project-block-two .overlay-box .title-box{
	position: absolute;
	left: 0;
	top: 0;
	padding: 25px 30px;
	width: 100%;
}

.project-block-two .overlay-box h3{
	position:relative;
	font-size:20px;
	font-weight:700;
	color: #ffffff;
	line-height:1.2em;
}

.project-block-two .overlay-box h3 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;
}

.project-block-two .overlay-box h3 a:hover{
	color: #222222;
}

.project-block-two .overlay-box .category{
	position:relative;
	color:#002121;
	font-size:14px;
	font-weight: 400;
}

.project-block-two .overlay-box .icon-box{
	position: absolute;
	right: 30px;
	bottom: 20px;
}

.project-block-two .overlay-box .icon{
	position: relative;
	display: inline-block;
	height: 35px;
	width: 35px;
	background-color: #ffffff;
	color: #002121;
	line-height: 35px;
	border-radius: 50%;
	text-align: center;
	margin-left: 5px;
	-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-two .overlay-box .icon:hover{
	background-color: #002121;
	color: #ffffff;
}

.project-carousel-two .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	width: 100%;
} 

.project-carousel-two .owl-next,
.project-carousel-two .owl-prev{
	position: absolute;
	left: -125px;
	font-size: 24px;
	line-height: 48px;
	height: 50px;
	width: 50px;
	color: #002121;
	text-align: center;
	border-radius: 50%;
	border:1px solid #002121;;
	-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-carousel-two .owl-next{
	left: auto;
	right: -125px;
}

.project-carousel-two .owl-next:hover,
.project-carousel-two .owl-prev:hover{
	color: #0000fe;
	border-color: #0000fe;
}

.project-section-two .btn-box{
	position: relative;
	text-align: center;
	margin-top: 80px;
}

.project-section-two .btn-box a{
	font-size: 18px;
	line-height: 30px;
	padding: 15px 45px;
	text-transform: uppercase;
}

/*** 

====================================================================
		Projects Section Three
====================================================================

***/

.project-section-three{
	position: relative;
	background-repeat:no-repeat;
	background-position: center bottom;
	padding: 100px 0 70px;
}

.project-section-three:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	content: "";
	opacity: .95;
}

.project-section-three .project-block-two{
	position: relative;
	margin-bottom: 30px;
}

.project-block-two.mix{
	display: none;
}

.project-section-three .filter-btns{
	position: relative;
	margin-bottom: 70px;
}

.project-section-three .filter-btns li{
	position: relative;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #777777;
	margin-bottom: 28px;
	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;
}

.project-section-three .filter-btns li:hover,
.project-section-three .filter-btns li.active{
	color: #0000fe;
}

.project-section-three .view-all{
	position: relative;
	display: inline-block;
	color: #0000fe;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
    -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-section-three .view-all:hover{
	color: #222222;
}

.project-section-three .content-column{
	padding-top: 10px;
}

/*** 

====================================================================
		Projects Section Four
====================================================================

***/

.project-section-four{
	position: relative;
	padding: 100px 0;
}

.project-tab{
	position:relative;	
}

.project-section-four .filter-btns{
	position: relative;
	text-align: center;
	margin-bottom: 55px;
}

.project-section-four .filter-btns li{
	position:relative;
	padding:9px 23px;
	line-height:20px;
	color:#002121;
	cursor:pointer;
	font-size:14px;
	display:inline-block;
	font-weight:500;
	border-radius: 20px;
	margin: 0 3px;
	border: 1px solid transparent;
	-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;
}

.project-section-four .filter-btns li:hover,
.project-section-four .filter-btns li.active{
	color:#0000fe;
	border-color: #0000fe;
}

.project-section-four .project-block-two {
	margin-bottom: 40px;
}

.project-section-four .styled-pagination{
	margin-top: 20px;
}

/*** 

====================================================================
			Project Detail
====================================================================

***/

.project-detail{
	position: relative;
	padding: 100px 0;
}

.project-detail .inner-container{
	position: relative;
	max-width: 970px;
	margin: 0 auto;
}

.project-detail .upper-box{
	position: relative;
	margin-bottom: 35px;
	border: 3px solid #dddddd;
	padding: 23px 0px 0px 45px;
}

.project-detail .project-info{
	position: relative;
}

.project-detail .project-info li{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 23px;
	padding-left: 40px;
	width: 33.3333%;
	padding-right: 20px;
}

.project-detail .project-info li a{
	color: #777777;
	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-detail .project-info li a:hover{
	color: #0000fe;
}

.project-detail .project-info li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	line-height: 28px;
	color: #0000fe;
}

.project-detail .project-info li strong{
	color: #222222;
	font-family: "Roboto", sans-serif;
}

.project-detail .title-box{
	position: relative;
}

.project-detail .title-box h2{
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #002121;
	font-weight: 600;
	margin-bottom: 25px;
}

.project-detail .title-box .text{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 35px;
}

/* Project Carousel */

.project-detail .single-item-carousel .image-box{
	position: relative;
}

.project-detail .single-item-carousel .image{
	position: relative;
	margin-bottom: 0;
}

.project-detail .single-item-carousel .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-detail .single-item-carousel .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -25px;
}

.project-detail .single-item-carousel .owl-next,
.project-detail .single-item-carousel .owl-prev{
	position: absolute;
	left: -100px;
	height: 50px;
	width: 50px;
	background-color: #33373f;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	line-height: 50px;
	color: #ffffff;
	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;
}

.project-detail .single-item-carousel .owl-next{
	left: auto;
	right: -100px;
}

.project-detail .single-item-carousel .owl-next:hover,
.project-detail .single-item-carousel .owl-prev:hover{
	background-color: #0000fe;
	color: #ffffff;
}

/* Lower Content */

.project-detail .lower-content{
	position: relative;
	padding-top: 35px;
}

.project-detail .lower-content h3{
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 20px
}

.project-detail .lower-content p{
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	margin-bottom:30px;
}

.project-detail .two-column{
	position: relative;
	margin-top: 40px;
}

.project-detail .video-box{
	position: relative;
	margin-bottom: 50px;
}

.video-box{
	position: relative;
}

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

.video-box .image img{
	display: block;
	width: 100%;
}

.video-box .link{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.video-box .link .icon{
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	color: #0000fe;
	font-size: 24px;
	border-radius: 50%;
	background-color: #ffffff;
	padding-left: 5px;
	-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-box .link:hover .icon{
	background-color: #0000fe;
	color: #ffffff;
}

.project-detail .project-files{
	position: relative;
	padding: 35px 35px 10px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.19);
	border-radius: 20px;
}

.project-detail .project-files h4{
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 30px;
}

.project-detail .file-list{
	position: relative;
}

.project-detail .file-list li{
	position: relative;
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 20px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 20px;
}

.project-detail .file-list li a{
	color: #777777;
	padding-left: 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;
}

.project-detail .file-list li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	color: #0000fe;
}

.project-detail .file-list li a:hover{
	color: #0000fe;
}

/* Load More Option */
.load-more-option{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.load-more-option li.prev a,
.load-more-option li.next a{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	width: 140px;
	padding: 10px 20px;
	text-align: center;
	color: #ffffff;
	background-color: #222222;
	text-transform: uppercase;
	border-radius: 0 30px 30px 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;
}

.load-more-option li.next a{
	border-radius: 30px 0 0 30px;
}

.load-more-option li.prev a:hover,
.load-more-option li.next a:hover{
	background-color: #0000fe;
}

.load-more-option .load-more{
	position: relative;
	display: inline-block;
	font-size: 30px;
}

.load-more-option .load-more a{
	font-size: 30px;
	line-height: 50px;
	color: #0000fe;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.load-more-option .load-more a:hover{
	color: #000000;
}

/*** 

====================================================================
			Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination .inner-container{
	position:relative;
	padding:0px 15px;
	text-align:center;
	height:51px;
	border:1px solid #bbbbbb;
	max-width: 770px;
	margin: 0 auto;
}

.styled-pagination .inner-container .prev-post,
.styled-pagination .inner-container .next-post{
	position:relative;
	color:#333333;
	font-size:16px;
	font-weight:700;
	padding:11px 0px;
	display:inline-block;
}

.styled-pagination .inner-container ul{
	position:relative;
	text-align:center;
	display:inline-block;
}

.styled-pagination .inner-container ul li{
	position:relative;
	float:left;
}

.styled-pagination .inner-container ul li a{
	position:relative;
	color:#002121;
	font-size:16px;
	display:inline-block;
	border-left:1px solid #bbbbbb;
	padding:11px 22px;
	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;
}

.styled-pagination .inner-container .prev-post .fa,
.styled-pagination .inner-container .next-post .fa{
	color: #0000fe;
	margin: 0 8px;
}

.styled-pagination .inner-container ul li:last-child{
	border-right:1px solid #bbbbbb;
}

.styled-pagination .inner-container ul li a:hover,
.styled-pagination .inner-container ul li.active a{
	background-color:#002121;
	color: #ffffff;
}

/*** 

====================================================================
			Testimonial Section
====================================================================

***/

.testimonial-section{
	position: relative;
	padding: 100px 0;
}

.testimonial-section .outer-box{
	position: relative;
	border: 3px solid #ebebeb;
	margin-left: 40px;
	margin-top: 40px;
}

.testimonial-section .title-column{
	position: relative;
}

.testimonial-section .title-column .inner-column{
	position: relative;
	left: -40px;
	top: -40px;
	background-color: #002121;
	padding: 45px 50px 55px;
}

.testimonial-section .title-column .sec-title{
	margin-bottom: 50px;
}

.testimonial-section .title-column .sec-title h2{
	padding-bottom: 35px;
}

.testimonial-section .title-column .text{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 35px;
}

.testimonial-section .title-column .read-more{
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #0000fe;
	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;
}

.testimonial-section .title-column .read-more:hover{
	color: #ffffff;
}

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

.testimonial-section .testimonial-column .inner-column{
	position: relative;
	padding: 70px 70px 60px 0;
}

.testimonial-section .testimonial-column .icon{
	position: absolute;
	right: 85px;
	bottom: 0;
	height: 100px;
	width: 40px;
	background-color: #0000fe;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	line-height: 50px;
	border-radius: 20px 20px 0 0;
}

.testimonial-section .testimonial-carousel{
	position: relative;
	padding-bottom: 80px;
}

.testimonial-block{
	position: relative;
}

.testimonial-block .inner-box{
	position: relative;
}

.testimonial-block .info-box{
	position: relative;
	padding-left: 195px;
	padding-top: 50px;
	min-height: 150px;
	margin-bottom: 40px;
}

.testimonial-block .info-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 150px;
	width: 150px;
}

.testimonial-block .info-box .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.testimonial-block .info-box .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #002121;
	font-weight: 700;
}

.testimonial-block .info-box .designation{
	font-size: 12px;
	line-height: 22px;
	color: #666666;
	font-weight: 400;
}

.testimonial-block .rating{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 1em;
	color: #0000fe;
	font-weight: 400;
	margin-top: 25px;
}

.testimonial-block .text{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
}

.testimonial-section .owl-nav{
	position: absolute;
	left: 0;
	bottom: 0;
} 

.testimonial-section .owl-next,
.testimonial-section .owl-prev{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	color: #222222;
	text-align: center;
	border:1px solid #222222;;
	background-color: #ffffff;
	margin: 0 5px;
	-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{
	color: #0000fe;
	border-color: #0000fe;
}

/*** 

====================================================================
		About Company
====================================================================

***/

.about-company{
	position:relative;
	background-repeat:no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding: 50px 0;
}

.about-company:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	opacity: .95;
	content: "";
}

.about-company .content-box{
	position: relative;
	text-align: center;
}

.about-company .title{
    position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #0000fe;
    font-weight: 400;
    font-family: "Archivo", sans-serif;
    margin-bottom: 12px;
}

.about-company h2{
	position: relative;
    display: block;
    font-size: 52px;
    line-height: 1.2em;
    color: #002121;
    font-weight: 700;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.about-company h2 span{
	font-weight: 400;
}

.about-company h2:before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	width: 10px;
	background-color: #cccccc;
	content: "";
	z-index: 1;
	margin: 0 auto;
	transform: translateX(35px);
}

.about-company h2:after{
	position: absolute;
	left:0px;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 50px;
	height: 4px;
	background-color: #0000fe;
	content: "";
	transform: translateX(-5px);
}

.about-company .text{
	font-size: 18px;
	line-height: 36px;
	color: #666666;
	margin-bottom: 40px;
}

.about-company .btn-box{
	position: relative;
}

.about-company .btn-box a{
	padding: 15px 50px;
}

/*** 

====================================================================
		Ceo Message
====================================================================

***/

.ceo-message{
	position: relative;
	padding: 100px 0 0;
}

.ceo-message .content-column{
	position: relative;
}

.ceo-message .content-column .inner-column{
	position: relative;
	padding-right: 30px;
	padding-left: 70px;
}

.ceo-message .content-column .text-box{
	position: relative;
	margin-bottom: 35px;
}

.ceo-message .content-column .text-box p{
	position: relative;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 28px;
}

.ceo-message .image-column{
	position: relative;
}

.ceo-message .image-column .inner-column{
	position: relative;
	text-align: center;
}

.ceo-message .image-column .image{
	position: relative;
	margin-bottom: 0;
}

/*** 

====================================================================
		Team Section
====================================================================

***/

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

.team-section .sec-title .title{
	color: #ffffff;
}

.team-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #222;
	content: "";
	opacity: .90;
}

.team-section .title-column{
	position: relative;
	margin-bottom: 0;
}

.team-section .title-column{
	position: relative;
}

.team-block{
	position: relative;
}

.team-block .inner-box{
	position: relative;
}

.team-block .image-box .image{
	position: relative;
	margin-bottom: 0;
	background-color: #0000fe;
}

.team-block .image-box .image img{
	display: block;
	width: 100%;
	-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 .inner-box:hover .image img{
	opacity: .70;
}

.team-block .info-box{
	position: relative;
	padding: 38px 0 0;
	text-align: center;
}

.team-block .info-box .name{
	display: block;
	font-size: 20px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 12px;
}

.team-block .info-box .name 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;
}

.team-block .info-box .name a:hover{
	color: #0000fe;
}

.team-block .info-box .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 1.2em;
	color: #dddddd;
	font-weight: 400;
}

.team-carousel .owl-nav{
	position: absolute;
	left: -300px;
	bottom: 50px;
}

.team-carousel .owl-next,
.team-carousel .owl-prev{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #002121;
	font-weight: 400;
	border-radius: 50px;
	background-color: #ffffff;
	margin-right: 8px;
	-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-carousel .owl-next{
	left: auto;
	right: 0;
}

.team-carousel .owl-next:hover,
.team-carousel .owl-prev:hover{
	color: #ffffff;
	background-color: #0000fe;
}

/*** 

====================================================================
		Team Section Two 
====================================================================

***/

.team-section-two{
	position: relative;
	padding: 100px 0 40px;
}

.team-section-two .team-block{
	position: relative;
	margin-bottom: 60px;
}

.team-section-two .team-block .info-box .name a{
	color: #002121;
}

.team-section-two .team-block .info-box .name a:hover{
	color: #0000fe;
}

.team-section-two .team-block .info-box .designation{
	color: #999999;
}

/*** 

====================================================================
		FAQ's Sectiom
====================================================================

***/

.faqs-section{
	position: relative;
}

.faqs-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 32%;
	background-image: url(../images/icons/pattern-6.png);
	content: "";
	background-repeat: repeat;
	background-position: left top;
}

.faqs-section .faq-column{
	position: relative;
}

.faqs-section .faq-column .inner-column{
	position: relative;
	padding: 100px 0 90px;
}

.accordion-box{
	position: relative;
}

.accordion-box .block{
	position: relative;
	margin-bottom: 15px;
	border:1px solid #dddddd;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#002121;
	font-weight:600;
	cursor:pointer;
	padding:15px 30px;
	padding-right: 55px;
	background-color: #ffffff;
	font-family: "Archivo", 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 .acc-btn.active{
	color: #ffffff;
	background-color: #0000fe;
}

.accordion-box .block .icon{
	position:absolute;
	right: 15px;
	top:13px;
	height: 35px;
	width: 35px;
	font-size: 16px;
	line-height: 35px;
	color: #0000fe;
	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.active-block .icon:before{
	content: "\f056";
}

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

.accordion-box .block .acc-content{
	position:relative;
	display:none;
	background-color: #ffffff;
}

.accordion-box .block .content{
	position:relative;
	padding: 20px 30px 25px;
}

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

.accordion-box .block .content .text{
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #666666;
	margin-bottom: 0;
}

.faqs-section .image-column{
	position: relative;
	overflow: hidden;
}

.faqs-section .image-column .image-box{
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 0;
	text-align: center;
}

.faqs-section .image-column .image{
	margin-bottom: 0;
}

.faqs-section .image-column .image img{
	max-width: 100%;
	height: auto;
}

/*** 

====================================================================
			FAQ Form Section
====================================================================

***/

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

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

.faq-form-section .inner-container{
	position: relative;
	max-width: 970px;
	margin: 0 auto;
}

.faq-form-section .sec-title{
	position: relative;
	margin-bottom: 60px;
}

.faq-form-section .sec-title .devider:before,
.faq-form-section .sec-title .devider:after{
	background-color: #ffffff;
}

.faq-form-section .sec-title span{
	color: #ffffff;
}

.faq-form-section .sec-title h2{
	color: #222222;
}

.faq-form-section .sec-title h2:after{
	background-color: #222222;
}

.faq-form-section .faq-form{
	position: relative;
}

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

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="email"],
.faq-form .form-group input[type="url"],
.faq-form .form-group textarea,
.faq-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    padding: 10px 25px;
    background-color: rgba(255,255,255,.10);
    font-weight: 400;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #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;
}

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

.faq-form .form-group textarea{
	height: 150px;
	resize: none;
	padding-top: 20px;
	border-radius: 20px;
}

.faq-form .form-group button{
	border: 0;
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
}

/*** 

====================================================================
		Pricing Section
====================================================================

***/

.pricing-section{
	position: relative;
	padding: 100px 0;
}

.pricing-table{
	position: relative;
	margin-bottom: 30px;
}

.pricing-table .inner-box{
	position: relative;
	text-align: center;
	border: 2px solid #f5f5f5;
}

.pricing-table .title{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 50px;
	color: #0000fe;
	font-weight: 500;
	font-family: "Archivo", sans-serif;
	padding: 30px 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;
}

.pricing-table.tagged .title,
.pricing-table .inner-box:hover .title{
	color: #222222;
}

.pricing-table .price-box{
	position: relative;
	padding: 25px 0;
	background-image: url(../images/icons/pricing-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.pricing-table .price-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #002121;
	opacity: .90;
	content: "";
	-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 .price-box:before,
.pricing-table .inner-box:hover .price-box:before{
	background-color: #0000fe;
}

.pricing-table .price{
	position: relative;
	font-size: 48px;
	line-height: 50px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Archivo", sans-serif;
}

.pricing-table .price span{
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 30px;
	color: #0000fe;
	font-weight: 700;
	font-family: "Archivo", sans-serif;
	margin-right: 10px;
	top: 5px;
	-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 sub{
	font-size: 18px;
	font-weight: 600;
	bottom: 0px;
	right: 3px;
	font-family: "Roboto", sans-serif;
}

.pricing-table:hover .price span,
.pricing-table.tagged .price span{
	color: #002121;
}

.pricing-table .table-content{
	position: relative;
}

.pricing-table .table-content ul{
	position: relative;
	text-align: left;
	padding-top: 15px;
	margin-bottom: 50px;
}

.pricing-table .table-content ul li{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 600;
	padding: 20px 0;
	font-family: "Archivo", sans-serif;
}

.pricing-table .table-content ul li span{
	position: relative;
	display: block;
	max-width: 220px;
	padding-left: 35px;
	width: 100%;
	margin: 0 auto;
}

.pricing-table .table-content ul li:nth-child(even){
	background-color: #f5f5f5;
}

.pricing-table .table-content ul li span:before{
	position: absolute;
	top: 0px;
	left: 0;
	font-size: 13px;
	color: #0000fe;
	font-weight: 900;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
}

.pricing-table .table-footer{
	position: relative;
	padding-bottom: 50px;
}

.pricing-table .table-footer a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding: 15px 40px;
	color: #222222;
	font-weight: 700;
	background-color: #0000fe;
	border-radius: 50px;
}

.pricing-table.tagged .table-footer a,
.pricing-table .inner-box:hover .table-footer a{
	background-color: #002121;
	color: #ffffff;
}

.pricing-tabs{
	position: relative;
}

.pricing-tabs .tab-buttons{
	position: relative;
	text-align: center;
	margin-top: 40px;
}

.pricing-tabs .tab-btns{
	position: relative;
	display: inline-block;
	width: 320px;
	border: 2px solid #dddddd;
	border-radius: 50px;
}

.pricing-tabs .tab-btns li{
	position: relative;
	float: left;
	width: 50%;
	font-size: 16px;
	line-height: 26px;
	padding: 15px 15px;
	text-align: center;
	color: #002121;
	font-weight: 700;
	cursor: pointer;
	border-radius: 50px;
	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;
}

.pricing-tabs .tab-btns .tab-btn.active-btn{
	background-color: #777777;
	color: #ffffff;
}

/*** 

====================================================================
		Fun Facts and Testimonial
====================================================================

***/

.funfacts-and-testimonial{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0 0;
	background-color: #002121;
}

.funfacts-and-testimonial:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 210px;
	width: 100%;
	background-color: #ffffff;
	z-index: 1;
	content: "";
}

.funfacts-and-testimonial:after{
	position:absolute;
	right: 50%;
	bottom: 0;
	height: 210px;
	width: 50%;
	background-image: url(../images/icons/pattern.png);
	content: '';
	background-repeat: repeat;
	background-position: center top;
	margin-right: 360px;
	z-index: 1;
}

.funfacts-and-testimonial .map-layer{
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
	height: 420px;
	background-repeat: no-repeat;
	background-position: center top;
}

.funfacts-and-testimonial .fact-counter .count-box,
.funfacts-and-testimonial .fact-counter .count-box .count-text,
.funfacts-and-testimonial .sec-title .text,
.funfacts-and-testimonial .sec-title .title{
	color: #ffffff;
}

.funfacts-and-testimonial .fact-counter{
	text-align: center;
}

.testimonial-area{
	position: relative;
	padding-top: 50px;
}

.testimonial-area .outer-box{
	position: relative;
	max-width: 970px;
	padding: 75px 0;
	background-color: #0000fe;
	border-radius: 25px;
	margin: 0 auto;
	z-index: 9;
}

.testimonial-area .single-item-carousel{
	position: relative;
}

.testimonial-block-two{
	position: relative;
	max-width: 660px;
	padding: 0 25px;
	margin: 0 auto;
}

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

.testimonial-block-two .info{
	position: relative;
	margin-bottom: 15px;
}

.testimonial-block-two .info .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 10px;
}

.testimonial-block-two .info .designation{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	color: #002121;
	margin-bottom: 20px;
}

.testimonial-block-two .rating{
	position: relative;
}

.testimonial-block-two .rating span{
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
}

.testimonial-block-two .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 28px;
}

.testimonial-block-two .icon{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 1em;
	color: #002121;
}

.testimonial-area .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
}

.testimonial-area .owl-next,
.testimonial-area .owl-prev{
	position: absolute;
	top: -17px;
	left:-17px;
	height: 34px;
	width: 34px;
	background-color: #ffffff;
	border: 1px solid #222222;
	font-size: 14px;
	line-height: 32px;
	color: #222222;
	font-weight: 400;
	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-area .owl-next{
	left: auto;
	right: -17px;
}

.testimonial-area .owl-next:hover,
.testimonial-area .owl-prev:hover{
	background-color: #222222;
	color: #ffffff;
}

.funfacts-and-testimonial.style-two{
	padding: 100px 0 60px;
}

.funfacts-and-testimonial.style-two:after,
.funfacts-and-testimonial.style-two:before{
	display: none;
}

/*** 

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

***/

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

.history-section:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: -75px;
    width: 100%;
    background-image: url(../images/icons/pattern-6.png);
    background-repeat: repeat;
    background-position: center center;
    content: "";
}

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

.history-block .inner-box{
	position: relative;
	text-align: center;
	padding: 0 30px;
}

.history-block .history{
	position: relative;
	display: inline-block;
	height: 120px;
	width: 120px;
	border: 2px solid #999999;
	border-radius: 50%;
	padding: 14px 14px;
	margin-bottom: 45px;
}

.history-block .history:before{
	position: absolute;
	top: 60px;
	left: 100%;
	width: 280px;
	height: 2px;
	background-color: #999999;
	content: "";
}

.history-block:last-child .history:after,
.history-block:last-child .history:before{
	display: none;
}

.history-block .history:after{
	position: absolute;
	top: 53px;
	right: -140px;
	width: 14px;
	height: 14px;
	background-color: #0000fe;
	content: "";
	border-radius: 50%;
}

.history-block .history span{
	position: relative;
	display: inline-block;
	height: 90px;
	width: 90px;
	background-color: #0000fe;
	line-height: 86px;
	border-radius: 50%;
	font-size: 24px;
	color: #ffffff;
	font-weight: 700;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.history-block .inner-box:hover .history span{
	background-color: #002121;
	color: #0000fe;
}

.history-block h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #002121;
	font-weight: 600;
	margin-bottom: 20px;
}

.history-block h3 a{
	color: #002121;
	-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 h3 a:hover{
	color: #0000fe;
}

.history-block .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
}

/*** 

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

***/

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

.fluid-section-one .outer-container{
	position:relative;
	min-height:350px;
}

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

.fluid-section-one .image-column .image-box{
	position:relative;
	display:none;	
}

.fluid-section-one .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.fluid-section-one .content-column{
	position:relative;
	float:right;
	width:50%;
	background-color: #ffffff;
}

.fluid-section-one .content-column .inner-box{
	position:relative;
	max-width:720px;
	padding:100px 15px 50px 115px;
}

.fluid-section-one .content-column .inner-box .sec-title h2{
	padding-bottom:40px;
}

.fluid-section-one .content-column .inner-box .text{
	position:relative;
	margin-bottom:50px;
}

.fluid-section-one .content-column .inner-box .text p{
	position:relative;
	font-size:14px;
	line-height:27px;
	color:#777777;
	margin-bottom:27px;
}

.fluid-section-one .content-column .inner-box .text p:last-child{
	margin-bottom:0px;
}

.fluid-section-one .content-column .inner-box .choose-info{
	position:relative;
}

.fluid-section-one .content-column .inner-box .choose-info li{
	position:relative;
	float: left;
	width: 50%;
	font-size:18px;
	font-weight:700;
	color:#002121;
	padding-left:70px;
	min-height: 60px;
	line-height: 30px;
	text-transform:capitalize;
	cursor: default;
	margin-bottom:60px;
}

.fluid-section-one .content-column .inner-box .choose-info li a{
	color:#002121;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fluid-section-one .content-column .inner-box .choose-info li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#999999;
	line-height:1em;
	font-size:48px;
	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;
}

.fluid-section-one .content-column .inner-box .choose-info li:hover .icon{
	color: #0000fe;
}

/*** 

====================================================================
			Quote Section
====================================================================

***/

.quote-section{
	position: relative;
}

.quote-section .outer-box{
	position: relative;
	margin-top: -60px;
}

.quote-block{
	position: relative;
}

.quote-block .inner-box{
	position: relative;
	background-color: #0000fe;
	padding: 85px 15px 80px;
}

.quote-block .content{
	position: relative;
	padding-left: 125px;
	max-width: 370px;
	width: 100%;
	margin: 0 auto;
}

.quote-block .content .icon{
	position: absolute;
	left: 10px;
	top: 20px;
	height: 80px;
	width: 80px;
	background-color: #002121;
	border-radius: 50%;
	font-size: 36px;
	line-height: 80px;
	color: #ffffff;
	text-align: center;
}

.quote-block .content .icon:after{
	position: absolute;
	left: -10px;
	top: -10px;
	height: 100px;
	width: 100px;
	border: 1px dashed #ffffff;
	border-radius: 50%;
	content: "";
}

.quote-block .content .title{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Archivo", sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.quote-block .content h3{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 1.1em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
}

.quote-block .content h3 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;
}

.quote-block .content h3 a:hover{
	color: #002121;
}

.quote-block .content .text{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
}

.quote-block.style-two .inner-box{
	background-color: #002121;
}

.quote-block.style-two .content{
	max-width: 390px;
}

.quote-block.style-two .content .icon{
	background-color: #0000fe;
}

.quote-block.style-two .content h3 a:hover{
	color: #0000fe;
}

/*** 

====================================================================
			Call Back Section
====================================================================

***/

.call-back-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding:95px 0 0px;
}

.call-back-section:before{
	position:absolute;
	right: 50%;
	top: 0;
	height: 100%;
	width: 50%;
	background-image: url(../images/icons/pattern.png);
	content: '';
	background-repeat: repeat;
	background-position: center top;
	margin-right: 360px;
}

.call-back-section .form-column{
	position: relative;
}
 
.call-back-section .sec-title{
	margin-bottom: 50px;
}

.call-back-section .form-group{
	position:relative;
	margin-bottom:30px;	
}

.request-form .form-group input[type="text"],
.request-form .form-group input[type="email"],
.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;
    color: #bbbbbb;
    line-height: 20px;
    padding: 15px 28px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    font-weight: 400;
    border-radius: 25px;
    -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 .form-group input:focus,
.request-form .form-group select:focus,
.request-form .form-group textarea:focus{
	border-color:#0000fe;
}

.request-form .form-group textarea{
	height: 200px;
	resize: none;
	padding-top: 25px;
}

.request-form .form-group button{
	text-transform: capitalize;
	font-size: 14px;
	padding: 15px 50px;
	line-height: 20px;
}

.call-back-section .image-column{
	position: relative;
	text-align: center;
}

.call-back-section .image-column .inner-column{
	position: relative;
}

.call-back-section .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.call-back-section .image-column .image img{
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.call-back-section.style-two{
	position: relative;
	background-color: #0000fe;
	padding: 100px 0 60px;
}

.call-back-section.style-two:before{
	display: none;
}

.call-back-section.style-two .sec-title{
	margin-bottom: 75px;
}

.call-back-section.style-two .sec-title .title{
	color: #ffffff;
}

.call-back-section.style-two .sec-title h2{
	color: #222222;
}

.call-back-section.style-two .sec-title h2:before{
	background-color: #ffffff;
}

.call-back-section.style-two .sec-title h2:after{
	background-color: #222222;
}

.call-back-section.style-two .request-form .form-group{
	margin-bottom: 40px;
}

.call-back-section.style-two .request-form .form-group input[type="text"], 
.call-back-section.style-two .request-form .form-group input[type="email"], 
.call-back-section.style-two .request-form .form-group input[type="url"], 
.call-back-section.style-two .request-form .form-group textarea, 
.call-back-section.style-two .request-form .form-group select{
	background-color: rgba(255,255,255,.10);
	border: 1px dashed #ffffff;
	color: #ffffff;
	padding: 20px 38px;
	height: 60px;
}

.call-back-section.style-two .request-form .form-group button{
	padding: 20px 50px;
	font-weight: 400;
}

/*** 

====================================================================
		Call To Action
====================================================================

***/

.call-to-action{
	position: relative;
	padding: 50px 0 20px;
	background-color: #0000fe;
}

.call-to-action .title-box{
	position: relative;
	float: left;
	margin-bottom: 30px;
}

.call-to-action .title-box h3{
	position: relative;
	padding:5px 0;
	font-size: 24px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 400;
}

.call-to-action .btn-box{
	position: relative;
	float: right;
	margin-bottom: 30px;
}

.call-to-action .btn-box a{
	display: block;
}

.call-to-action.pull-down{
	margin-bottom: -75px;
	z-index: 9;
}

.call-to-action.style-two{
	background-color: transparent;
	padding: 0;
}

.call-to-action.style-two .outer-box{
	position: relative;
	background-color: #0000fe;
	padding: 45px 0 20px;
	padding-right: 45px;
	border-radius: 200px;
}

.call-to-action.style-two .outer-box:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #0000fe;
	content: "";
	border-radius: 200px;
}

.call-to-action.style-two .title-box h3{
	font-size: 24px;
	font-weight: 600;
}

.call-to-action.style-two .btn-box{
	margin-bottom: 25px;
}

.call-to-action.style-two .btn-box a{
	font-size: 14px;
	font-weight: 400;
	padding: 20px 35px;
}

.call-to-action.style-three{
	background-color: #efefef;
}

.call-to-action.style-three .title-box h3{
	color: #002121;
}

.call-to-action.style-three .btn-box a{
	padding: 10px 35px;
}

/*** 

====================================================================
		Call To Action Two
====================================================================

***/

.call-to-action-two{
	position: relative;
	padding: 170px 0;
	background-color: #f7f7f7;
}

.call-to-action-two .bg-pattern{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.call-to-action-two .content-box{
	position: relative;
	text-align: center;
}

.call-to-action-two .title{
    position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #0000fe;
    font-weight: 400;
    font-family: "Archivo", sans-serif;
    margin-bottom: 12px;
}

.call-to-action-two h2{
	position: relative;
    display: block;
    font-size: 48px;
    line-height: 72px;
    color: #002121;
    font-weight: 700;
    margin-bottom: 35px;
}

.call-to-action-two h2 span{
	font-weight: 400;
} 

.call-to-action-two .text{
	font-size: 18px;
	line-height: 36px;
	color: #666666;
	margin-bottom: 50px;
}

.call-to-action-two .btn-box{
	position: relative;
}

.call-to-action-two .btn-box a{
	padding: 15px 50px;
}

/*** 

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

***/

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

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

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

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

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

.news-block .image-box .icon-box{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	background-color: #252525;
	-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 .image-box:hover .icon-box{
	background-color: #0000fe;
}

.news-block .image-box .owl-nav{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -45px;
}

.news-block .image-box .owl-nav .owl-next,
.news-block .image-box .owl-nav .owl-prev{
	position: absolute;
	width: 25px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	font-size: 17px;
	color: #ffffff;
	font-weight: 400;
	background-color: rgba(0,0,0,.80);
	-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 .image-box .owl-nav .owl-next{
	left: auto;
	right: 0;
}

.news-block .image-box .owl-nav .owl-next:hover,
.news-block .image-box .owl-nav .owl-prev:hover{
	color: #222222;
	background-color: rgba(255,255,255,0.80);
}

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

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

.news-block .lower-content .post-info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	padding-right: 13px;
	margin-right: 13px;
}

.news-block .lower-content .post-info li:before{
	position: absolute;
	right: -4px;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	content: "|";
}

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

.news-block .lower-content h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 36px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 20px;
}

.news-block .lower-content h3 a{
	color: #222222;
	-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 h3 a:hover{
	color: #0000fe;
}

.news-block .lower-content .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 25px;
}

.news-block .lower-content .link-box{
	position: relative;
}

.news-block .lower-content .link-box a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #0000fe;
	text-transform: uppercase;
	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;
}

.news-block .lower-content .link-box a:hover{
	color: #222222;
}

.news-block .lower-content .link-box a i{
	margin-left: 5px;
}

.news-section .form-column{
	position: relative;
	margin-bottom: 40px;
}

.news-section .form-column .inner-column{
	position: relative;
	padding: 50px 40px 55px;
	overflow: hidden;
	background-color: #222222;
}

.news-section .form-column .inner-column:before{
    position: absolute;
    left: 2px;
    display: block;
    bottom: 45px;
    content: "\f1a7";
    font-family: 'Flaticon';
    font-size: 130px;
    color: #ffffff;
	opacity: 0.10; 
}

.subscribe-form{
	position: relative;
	margin-bottom: 75px;
}

.subscribe-form h3{
	position: relative;
	font-size: 30px;
	line-height: 42px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 55px;
}

.subscribe-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"],	
.subscribe-form .form-group textarea,
.subscribe-form .form-group select{
	position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #777777;
    font-weight: 400;
    padding: 16px 35px;
    width: 100%;
    height: 52px;
    border-radius: 50px;
    background-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;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form button{
    padding: 15px 30px;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top:30px;
    border: 1px solid transparent;
    border-radius: 0;
    border-radius: 50px;
}

.news-section .form-column .call-us{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	font-family: "Archivo", sans-serif;
}

.news-section.alternate{
	background-color: #f5f5f5;
}

.news-section.alternate .sec-title{
	margin-bottom: 60px;
}

.news-section .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -45px;
}

.news-section .owl-next,
.news-section .owl-prev{
	position: absolute;
	top: 0px;
	left:-130px;
	height: 40px;
	width: 40px;
	background-color: #ffffff;
	border: 1px solid #222222;
	font-size: 14px;
	line-height: 38px;
	color: #222222;
	font-weight: 400;
	text-align: center;
	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;
}

.news-section .owl-next{
	left: auto;
	right: -130px;
}

.news-section .owl-next:hover,
.news-section .owl-prev:hover{
	background-color: #222222;
	color: #ffffff;
}

.news-section .news-block .owl-next,
.news-section .news-block .owl-prev{
	border-radius: 0;
	position: absolute;
	width: 25px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	font-size: 17px;
	color: #222222 !important;
	font-weight: 400;
	background-color: rgba(255,255,255,.70) !important;
}

.news-section .news-block .owl-prev{
	left: 0;
}

.news-section .news-block .owl-next:hover,
.news-section .news-block .owl-prev:hover{
	background-color: rgba(255,126,0,.70) !important;
	color: #ffffff !important;
}

/*** 

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

***/

.news-section-two{
	position: relative;
	padding: 100px 0 50px;
	background-color: #f5f5f5;
}

.news-section-two .bg-pattern{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: .30;
}

.news-section-two .left-column{
	position: relative;
	margin-bottom: 20px;
}

.news-section-two .left-column .inner-column{
	position: relative;
	padding-right: 50px;
}

.news-section-two .right-column{
	position: relative;
	margin-bottom: 50px;
}

/* News Block Two */
.news-block-two{
	position: relative;
	margin-bottom: 30px;
}

.news-block-two .inner-box{
	position: relative;
	padding-left: 270px;
}

.news-block-two .image{
	position: absolute;
	left: 0;
	top: 3px;
	max-width: 230px;
	margin-bottom: 0;
}

.news-block-two .image img{
	display: block;
	width: 100%;
}

.news-block-two .post-info{
	position: relative;
	margin-bottom: 10px;
}

.news-block-two .post-info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	font-weight: 500;
	margin-right: 10px;
}

.news-block-two .post-info li a{
	color: #0000fe;
	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 .post-info li a:hover{
	color: #222222;
}

.news-block-two h4{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 36px;
	color: #002121;
	font-weight: 700;
	margin-bottom: 12px;
}

.news-block-two h4 a{
	color: #002121;
	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 h4 a:hover{
	color: #0000fe;
}

.news-block-two .text{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
}

/* News Block Three */

.news-block-three{
	position: relative;
}

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

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

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

.news-block-three .image img{
	display: block;
	width: 100%;
}

.news-block-three .lower-content{
	position: relative;
	background-color: #ffffff;
	padding: 35px 35px 25px;
	box-shadow: 0 0 27px rgba(0,0,0,0.13);
}

.news-block-three .post-info{
	position: relative;
	margin-bottom: 10px;
}

.news-block-three .post-info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	font-weight: 500;
	margin-right: 10px;
}

.news-block-three .post-info li a{
	color: #0000fe;
	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 .post-info li a:hover{
	color: #222222;
}

.news-block-three h4{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 36px;
	color: #002121;
	font-weight: 700;
	margin-bottom: 12px;
}

.news-block-three h4 a{
	color: #002121;
	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 h4 a:hover{
	color: #0000fe;
}

.news-block-three .text{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
}

/*** 

====================================================================
		News Section Three
====================================================================

***/

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

.news-section-three:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 540px;
	width: 100%;
	background-color: #f5f5f5;
	content: "";
}

.news-section-three .carousel-outer{
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}

.news-section-three .news-block{
	background-color: #ffffff;
	text-align: center;
	margin-bottom: 0;
}

.news-section-three .news-block .lower-content{
	position: relative;
	padding: 25px 30px 30px;
	border: 3px solid #f5f5f5;
}

.news-section-three .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -33px;
}

.news-section-three .owl-next,
.news-section-three .owl-prev{
	position: absolute;
	top: 0px;
	left:-85px;
	height: 40px;
	width: 40px;
	background-color: #ffffff;
	border: 1px solid #222222;
	font-size: 14px;
	line-height: 38px;
	color: #222222;
	font-weight: 400;
	text-align: center;
	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;
}

.news-section-three .owl-next{
	left: auto;
	right: -85px;
}

.news-section-three .owl-next:hover,
.news-section-three .owl-prev:hover{
	border-color: #0000fe;
	color: #0000fe;
}

.news-section-three .news-block .owl-next,
.news-section-three .news-block .owl-prev{
	border-radius: 0;
	position: absolute;
	width: 25px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	font-size: 17px;
	color: #222222 !important;
	font-weight: 400;
	background-color: rgba(255,255,255,.70) !important;
}

.news-section-three .news-block .owl-prev{
	left: 0;
}

.news-section-three .news-block .owl-next:hover,
.news-section-three .news-block .owl-prev:hover{
	background-color: rgba(255,126,0,.70) !important;
	color: #ffffff !important;
}

/***

====================================================================
		Blog Default
====================================================================

***/

.blog-default{
	position: relative;
}

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

.news-block-four .inner-box{
	position: relative;
}

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

.news-block-four .single-item-carousel{
	position: relative;
}

.news-block-four .image-box .owl-nav{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -60px;
}

.news-block-four .image-box .owl-nav .owl-next,
.news-block-four .image-box .owl-nav .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 120px;
	text-align: center;
	line-height: 120px;
	font-size: 18px;
	color: #222222;
	font-weight: 400;
	background-color: rgba(255,255,255,.70);
	-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-four .image-box .owl-nav .owl-next{
	left: auto;
	right: 0;
}

.news-block-four .image-box .owl-nav .owl-next:hover,
.news-block-four .image-box .owl-nav .owl-prev:hover{
	background-color: rgba(255,126,0,.70);
	color: #ffffff;
}

.news-block-four .image-box .icon-box{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	background-color: #0000fe;
	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;
}

.news-block-four .image-box:hover .icon-box{
	background-color: #252525;
	color: #0000fe;
}

.news-block-four .image-box .image{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
}

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

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

.news-block-four .lower-content{
	position: relative;
	padding: 30px 45px;
	border: 1px solid #dddddd;
}

.news-block-four .lower-content .info{
	position: relative;
	margin-bottom: 15px;
}

.news-block-four .lower-content .info li{
	position: relative;
	float: left;
	margin-right: 17px;
	padding-right: 17px;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
}

.news-block-four .lower-content .info li:before{
	position: absolute;
	right: 0;
	top: 0px;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	content: "|";
}

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

.news-block-four .lower-content .info li i{
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #777777;
	margin-right: 7px;
	-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-four .lower-content .info li a{
	position: relative;
	display: inline-block;
	color: #777777;
	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;
}

.news-block-four .lower-content .info li:hover  i,
.news-block-four .lower-content .info li a:hover{
	color: #0000fe;
}

.news-block-four .lower-content h4{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 18px;
}

.news-block-four .lower-content h4 a{
	color: #222222;
	-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-four .lower-content h4 a:hover{
	color: #0000fe;
}

.news-block-four .lower-content .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
}

.news-block-four .lower-content .link-box{
	position: relative;
	margin-top: 25px;
}

.news-block-four .lower-content .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #0000fe;
	font-weight: 500;
	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;
}

.news-block-four .lower-content .link-box a:hover{
	color: #222222;
}

.news-block-four .blockquote{
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: 2px solid #d7d7d7;
	padding: 50px 50px 105px;
	padding-right: 180px;
	margin-bottom: 0;
}

.news-block-four .blockquote .icon{
	position: absolute;
	left: 70px;
	top: -50px;
	height: 100px;
	width: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 60px;
	color: #bbbbbb;
	font-weight: 400;
}

.news-block-four .blockquote h2{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 72px;
	color: #002121;
	font-weight: 500;
	font-family: 'Oswald', sans-serif;
}

.news-block-four .blockquote h2 span{
	color: #0000fe;
	text-transform: uppercase;
}

.news-block-four .blockquote .author{
	position: absolute;
	left: 0;
	line-height: 20px;
	font-size: 14px;
	color: #ffffff;
	background-color: #222222;
	padding: 10px 15px;
	padding-left: 40px;
	bottom: 40px;
	border-radius: 0 20px 20px 0;
}

.blog-default .styled-pagination{
	margin-top: 90px;
}

/*** 

====================================================================
		Blog Detail
====================================================================

***/

.blog-detail{
	position: relative;
}

.blog-detail .news-block-four{
	position: relative;
}

.blog-detail .news-block-four h5{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 20px;
}

.blog-detail .news-block-four p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 20px;
}

.blog-detail .news-block-four .lower-content{
	padding-bottom: 10px;
	border: 2px solid #dddddd;
	border-top: 0;
}

.blog-detail .post-images{
	position: relative;
	margin-bottom: 10px;
}

.blog-detail .post-images .image{
	margin-bottom: 15px;
}

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

/*post share options*/

.blog-detail .post-share-options{
	position:relative;
	border: 1px solid #dddddd;
	margin-bottom: 60px;
}

.blog-detail .post-share-options .icon{
	position:relative;
	float: left;
	height: 48px;
	width: 50px;
	background-color: #ebebeb;
	text-align: center;
	font-size:18px;
	color:#222222;
	line-height: 48px;
}

.blog-detail .post-share-options .tags{
	position: relative;
	float: left;
	padding: 8px 25px;
}

.blog-detail .post-share-options .tags li{
	position: relative;
	display: inline-block;
}

.blog-detail .post-share-options .tags a{
	position:relative;
	font-size:14px;
	font-weight:400;
	line-height: 30px;
	color:#777777;
	-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: #ff8a00;
}

.blog-detail .post-share-options .social-icon{
	position: relative;
	float: left;
	padding: 10px 13px;
}

.blog-detail .post-share-options .social-icon li{
	position: relative;
	float: left;
	margin: 0 13px;
}

.blog-detail .post-share-options .social-icon li a{
	position:relative;
	display: block;
	font-size:14px;
	font-weight:400;
	line-height: 30px;
	color:#777777;
	-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: #ff8a00;
}

/*Author Box*/

.author-box{
	position:relative;
	padding: 50px 50px;
	border: 1px solid #dddddd;
	margin-bottom: 55px;
	border-radius: 20px;
}

.author-box .inner-box{
	position:relative;
	padding-left: 190px;
	min-height: 150px;
	padding-top: 10px;
}

.author-box .thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 20px;
}

.author-box .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.author-box .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 5px;
}

.author-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 18px;
}

.author-box .social-icon{
	position: relative;
}

.author-box .social-icon li{
	position: relative;
	display: inline-block;
	margin-right: 20px;
}

.author-box .social-icon li:last-child{
	margin-right: 0;
}

.author-box .social-icon li a{
	position:relative;
	display: block;
	font-size:14px;
	font-weight:400;
	line-height: 30px;
	color:#777777;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.author-box .social-icon li a:hover{
	color: #ff8a00;
}

/* post-controls */
.blog-detail .post-controls{
	position: relative;
	text-align: left;
	padding: 35px 35px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 50px;
}

.blog-detail .post-controls .inner{
	position: relative;
}

.blog-detail .post-controls:before{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	border-right: 1px solid #dddddd;
	content: "";
}

.blog-detail .post-controls .title{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 5px;
}

.blog-detail .post-controls h5{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	font-weight: 600;
	max-width: 230px;
}

.blog-detail .post-controls h5 a{
	display: inline-block;
	color: #222222;
	-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-controls h5 a:hover{
	color: #ff8a00;
}

.blog-detail .post-controls .prev-post{
	position: relative;
	float: left;
	width: 50%;
}

.blog-detail .post-controls .next-post{
	position: relative;
	float: right;
	width: 50%;
	text-align: right;
}

/*** 

====================================================================
		Clients Section
====================================================================

***/

.clients-section{
	position: relative;
	background-color: #f5f5f5;
}

.clients-section .sponsors-outer{
	position: relative;
	padding: 0;
}

.clients-section .slide-item{
	position: relative;
}

.clients-section .image-box{
	position: relative;
	margin: 0;
	text-align: center;
	border: 1px solid #ccc;
}

.clients-section .image-box img{
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
	filter: -webkit-grayscale(1);
	filter: -moz-grayscale(1);
	filter: -ms-grayscale(1);
	filter: -o-grayscale(1);
	/*! filter: grayscale(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;
}

.clients-section .image-box:hover img{
	filter: -webkit-grayscale(0);
	filter: -moz-grayscale(0);
	filter: -ms-grayscale(0);
	filter: -o-grayscale(0);
	filter: grayscale(0);
}

.clients-section .sponsors-carousel .owl-dots,
.clients-section .sponsors-carousel .owl-nav{
	display: none;
}

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

.clients-section .bottom-banner{
	position: relative;
	padding: 55px 0 110px;
	text-align: center;
	border-top: 2px solid #f7f7f7;
}

.clients-section .bottom-banner .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 26px;
	color: #666666;
	font-weight: 500;
	margin-bottom: 25px;
	font-family: "Archivo", sans-serif;
}

.clients-section .bottom-banner h3{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #002121;
	font-weight: 500;
}

.clients-section .bottom-banner h3 span{
	color: #0000fe;
	font-weight: 700;
}

/*** 

====================================================================
		Contact Section
====================================================================

***/

.contact-section{
	position: relative;
	padding: 0 0 125px;
}

.contact-section .inner-container{
	position: relative;
}

.contact-section .form-column{
	position: relative;
	float: right;
	padding-top: 100px;
	max-width: 670px;
	width: 100%;
}

.contact-section .form-column .inner-column{
	position: relative;
}

.contact-section .form-column .sec-title h2{
	font-size: 30px;
	padding-bottom: 30px;
}

.contact-form{
 	position: relative;
 	z-index: 1;
 	padding-right: 40px;
 	margin-bottom: 45px;
}

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

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

.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: 14px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
    height: 60px;
    padding: 15px 30px;
    background-color: transparent;
    border: 1px solid #dddddd;
    border-radius: 30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form ::-webkit-input-placeholder{color: #999999;;}
.contact-form ::-moz-input-placeholder{color: #999999;;}
.contact-form ::-ms-input-placeholder{color: #999999;;}

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

.contact-form .form-group textarea{
	height: 200px;
	border-radius: 15px;
	resize: none;
}

.contact-form .form-group input[type=submit],
.contact-form .form-group button{
	text-transform: capitalize;
	padding: 15px 45px;
}

.contact-form .form-group label.error{
	color: #ff0000;
}

.contact-section .contact-info{
	position: relative;
}

.contact-section .contact-info ul{
	position: relative;
	float: left;
	width: 33.33333%;
}

.contact-section .contact-info ul li{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
}

.contact-section .contact-info ul li strong{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 15px;
	font-family: "Archivo", sans-serif;
}

.contact-section .contact-info ul li a{
	display: inline-block;
	color: #777777;
	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;
}

.contact-section .contact-info ul li a:hover{
	color: #0000fe;
}

.contact-section .map-column{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	max-width: 370px;
	background-color: #222222;
}

.contact-section .map-column .map-canvas{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/*** 

====================================================================
		Contact Page Section
====================================================================

***/

.contact-page-section{
	position: relative;
	padding: 50px 0;
}

.contact-page-section .column{
	position: relative;
	margin-bottom: 50px;
}

.contact-page-section .sec-title h2{
	font-size: 30px;
}	

.contact-page-section .contact-form{
	padding-right: 0;
	margin: 0;
}

.contact-page-section .contact-form .form-group input[type=submit],
.contact-page-section .contact-form .form-group button{
	margin-top: 20px;
}

.contact-page-section .text{
	position: relative;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	margin-bottom: 30px;
}

.contact-page-section .contact-info{
	position: relative;
	margin-bottom: 50px;
}

.contact-page-section .contact-info li{
	position: relative;
	padding-left: 70px;
	font-size: 15px;
	line-height: 24px;
	color: #333;
	font-weight: 400;
	margin-bottom: 45px;
}

.contact-page-section .contact-info li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 36px;
	line-height: 1.4em;
	color: #bbbbbb;
}

.contact-page-section .contact-info li strong{
	display: block;
	font-size: 18px;
	line-height: 26px;
	color: #002121;
	font-weight: 700;
	margin-bottom: 5px;
}

.contact-page-section .contact-info li a{
	color: #000;
	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;
}

.contact-page-section .contact-info li a:hover{
	color: #0000fe;
}

.social-icon-three{
	position: relative;
	display: block;
}

.social-icon-three .title{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 26px;
	color: #002121;
	font-weight: 700;
	font-family: "Archivo", sans-serif;
	margin-bottom: 20px;
}

.social-icon-three li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #002121;
	margin-right: 22px;
}

.social-icon-three li:last-child{
	margin-right: 0;
}

.social-icon-three li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #002121;
	-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-two li a:hover{
	color: #0000fe;
}

/***

==================================================================
		Contact Map Section
==================================================================

***/

.contact-map-section{
	position: relative;
	padding: 0px 0 100px;
}

.contact-map-section .map-outer{
	position: relative;
	width: 100%;
	height: 350px;
	background-color: #343434;
}

.contact-map-section .map-canvas{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.map-canvas{
	position: relative;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data a{
	display: block;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

/***

==================================================================
		Main Footer
==================================================================

***/

.main-footer{
	position:relative;
}

.main-footer .widgets-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0;
}

.main-footer .widgets-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #eaeaea;
	opacity: .95;
	content: "";
}

.main-footer .footer-column{
	position:relative;
	margin-bottom:40px;
}

.main-footer .footer-widget{
	position:relative;
}

.main-footer .footer-column .widget-title{
	position: relative;
	font-size:20px;
	font-weight:700;
	color:#111;
	line-height: 30px;
	padding-bottom: 10px;
	margin-bottom:30px;
}

.main-footer .footer-column .widget-title:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 40px;
	background-color: #0000fe;
	content: '';
}

.main-footer .about-widget{
	position: relative;
}

.main-footer .logo{
	position:relative;	
	margin-bottom: 40px;
}

.main-footer .footer-logo figure{
	margin: 0;
}

.main-footer .footer-logo img{
	display:block;
	max-width:100%;	
}

.main-footer .about-widget .text{
	position: relative;
	margin-bottom: 40px;
}

.main-footer .about-widget .text p{
	font-size: 14px;
	line-height: 30px;
	color: #111;
	font-weight: 400;
	margin-bottom: 30px;
}

.social-icon-two{
	position: relative;
	display: block;
}

.social-icon-two .title{
	position: relative;
	font-size: 20px;
	line-height: 26px;
	color: #111;
	font-weight: 700;
	font-family: "Archivo", sans-serif;
	margin-right: 15px;
}

.social-icon-two li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	margin-right: 10px;
}

.social-icon-two li:last-child{
	margin-right: 0;
}

.social-icon-two li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	width: 30px;
	height: 30px;
	background: #fff;
	text-align: center;
	line-height: 30px;
	border-radius: 50px;
}

.social-icon-two li a:hover{
	color: #0000fe;
}

/*Recent Posts*/

.recent-posts{
	position: relative;
}

.recent-posts .post{
	position: relative;
	min-height: 90px;
	padding-left: 110px;
	margin-bottom: 30px;
}

.recent-posts .post:last-child{
	margin-bottom: 0;
}

.recent-posts .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 90px;
	width: 90px;
	overflow: hidden;
}

.recent-posts .post .thumb a{
	display: block;
}

.recent-posts .post .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.recent-posts .post h4{
	position: relative;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	font-weight: 700;
	top: -5px;
}

.recent-posts .post h4 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;
}

.recent-posts .post h4 a:hover{
	color: #0000fe;
}

.recent-posts .post .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #bbbbbb;
}

/*=== User LInks ===*/

.user-links{
	position: relative;
}

.user-links li{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: #111;
	font-weight: 400;
	padding-left: 20px;
	margin-bottom: 10px;
}

.user-links li:before{
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 14px;
	line-height: 26px;
	color: #111;
	font-weight: 900;
	content: ""; 
	font-family: "Font Awesome 5 Free";
    content: "\f105";
}

.user-links li a{
	display: block;
	color: #111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.user-links li a:hover{
	color: #0000fe;
}

.main-footer .contact-list{
	position: relative;
}

.main-footer .contact-list li{
	position: relative;
	padding-left: 70px;
	margin-bottom: 30px;
}

.main-footer .contact-list li:last-child{
	margin-bottom: 0;
}

.main-footer .contact-list li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 40px;
	line-height: 1em;
	color: #111;
}

.main-footer .contact-list li strong{
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #0000fe;
	font-weight: 700;
	font-family: "Archivo", sans-serif;
}

.main-footer .contact-list li .text{
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #111;
	font-weight: 400;
}

.main-footer .contact-list li .text a{
	color: #111;
	-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-footer .contact-list li .text a:hover{
	color: #0000fe;
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom{
	position: relative;
	width: 100%;
	background-color: #0000fe;
	font-family: 'Archivo', sans-serif;
}

.main-footer .footer-bottom .inner-container{
	position: relative;
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	float: left;
	padding:20px 0;
}

.main-footer .footer-bottom .copyright-text p{
	position: relative;
	line-height: 20px;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
}

.main-footer .footer-bottom .copyright-text a{
	color: #fff;
	font-weight: normal;
	-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-footer .footer-bottom .copyright-text a:hover{
	color: #ffffff;
}

.main-footer .footer-bottom .footer-nav{
	position: relative;
	float: right;
}

.main-footer .footer-bottom .footer-nav ul{
	position: relative;
	padding:20px 0;
}

.main-footer .footer-bottom .footer-nav ul li{
	position: relative;
	float: left;
	padding-left: 30px;
	margin-left: 30px;
}

.main-footer .footer-bottom .footer-nav ul li:first-child{
	margin-left: 0;
	padding-left: 0;
}

.main-footer .footer-bottom .footer-nav ul li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	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;
}

.main-footer .footer-bottom .footer-nav ul li:before{
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	content: '|';
}

.main-footer .footer-bottom .footer-nav ul li a:hover{
	color: #002121;
}

.main-footer .footer-bottom .footer-nav ul li:first-child:before{
	display: none;
}

/***

==================================================================
	Main Footer Style  Two
==================================================================

***/

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

.main-footer.style-two:before{
	display: none;
}

.main-footer.style-two .footer-upper{
	padding: 100px 0 60px;	
}

.main-footer.style-two .widget-title{
	position: relative;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	padding-bottom: 0;
}

.main-footer.style-two .widget-title:before{
	display: none;
}

.main-footer.style-two .about-widget{
	max-width: 370px;
}

.main-footer.style-two .logo{
	margin-bottom: 40px;
}

.main-footer.style-two .links-widget{
	position: relative;
	float: left;
	padding: 0 15px;
	width: 33.333333%;
}

.footer-links{
	position: relative;
	display: block;
}

.footer-links li{
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.footer-links li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	color: #ffffff;
	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;
}

.footer-links li a:hover{
	color: #0000fe;
}

.main-footer.style-two .footer-bottom{
	position: relative;
	background-color: #002121;
	z-index: 9;
}

.social-icon-four{
	position: relative;
	float: left;
	background-color: #0000fe;
	margin-top: -25px;
	border-radius: 30px;
}

.social-icon-four:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 1000%;
	background-color: #0000fe;
	content: "";
	border-radius: 30px;
}

.social-icon-four li{
	position: relative;
	float: left;
	margin-right: 30px;
}

.social-icon-four li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height:30px;
	padding: 10px 0;
	color: #222222;
	font-weight: 400;
	border-radius: 30px;
	-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-four li a:hover{
	color: #ffffff;
}

.main-footer.style-two .copyright-text{
	position: relative;
	float: left;
	width: 100%;
	padding: 35px 0;
}

.main-footer.style-two .copyright-text p{
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	line-height: 25px;
}

.main-footer.style-two .copyright-text a{
	color: #0000fe;
}

.main-footer.style-two .copyright-text a:hover{
	text-decoration: underline;
}

.main-footer.style-two .scroll-to-top{
	position: absolute;
	right: 0;
	left: auto;
	top: -25px;
	height: 50px;
	width: auto;
	font-size: 14px;
	line-height: 20px;
	padding: 15px 65px 15px 25px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	color:#ffffff;
	background:#0000fe;
	display:none;
	border-radius: 30px;
	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;		
}

.main-footer.style-two .scroll-to-top:hover{
	background:#ffffff;
	color: #0000fe;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
}

.main-footer.style-two .scroll-to-top .icon{
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 50px;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	cursor:pointer;
	color:#222222;
	background:#ffffff;
	border-radius: 30px;
	-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-footer.style-two .scroll-to-top:hover .icon{
	background-color: #0000fe;
	color: #ffffff;
}

.main-footer.style-two  .footer-nav{
	position: relative;
	float: right;
	margin-top: 25px;
	padding:35px 0;
}

.main-footer.style-two .footer-nav li{
	position: relative;
	display: inline-block;
	padding-left: 30px;
	margin-left: 25px;
}

.main-footer.style-two .footer-nav li:first-child{
	margin-left: 0;
	padding-left: 0;
}

.main-footer.style-two .footer-nav a{
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	color: #ffffff;
	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;
}

.main-footer.style-two .footer-nav li:before{
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 15px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	content: '|';
}

.main-footer.style-two .footer-nav li a:hover{
	color: #0000fe;
}

.main-footer.style-two .footer-nav li:first-child:before{
	display: none;
}

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position: relative;
	overflow: hidden;
	padding: 100px 0 50px; 
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

.sidebar-widget{
    position: relative;
    margin-bottom:55px;
}

.sidebar-side .sidebar-widget:last-child{
	margin-bottom: 0;
}

.sidebar-page-container .sidebar-title{
	position: relative;
	margin-bottom: 35px;
}

.sidebar-page-container .sidebar-title h2{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	text-transform: capitalize;
}

.sidebar-page-container .sidebar-title h2:before{
	position: absolute;
	right: -35px;
	bottom: 5px;
	height: 2px;
	width: 25px;
	background-color: #ff8a00;
	content: "";
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
}

.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;
	display:block;
	font-size:14px;
	color:#777777;
	line-height:28px;
	padding:15px 25px;
	padding-right: 60px;
	height:60px;
	width:100%;
	border:1px solid #aaaaaa;
	background-color: #ffffff;
	border-radius: 60px;
	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 input:focus{
	border-color:#ff8a00;	
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:60px;
	line-height: 60px;
	text-align:center;
	display:block;
	font-size:18px;
	background-color: #ff8a00;
	color:#ffffff;
	font-weight:normal;
	border-radius: 0 30px 30px 0;
}

/*=== Categories ===*/

.cat-list{
	position:relative;
	border :1px dashed #bbbbbb;
	padding: 10px 40px;
}

.cat-list li{
	position:relative;
}

.cat-list li a{
	position:relative;
	font-size:14px;
	color:#777777;
	line-height: 20px;
	font-weight:400;
	padding: 25px 0;
	display:block;
	border-bottom :1px dashed #bbbbbb;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.cat-list li a span{
	float: right;
}

.cat-list li:last-child a{
	border-bottom: 0;
}

.cat-list li.active a,
.cat-list li:hover a{
	color: #ff8a00;
}

.cat-list li.active a span,
.cat-list li:hover a span{
	color: #ff8a00;
}

/*=== Latest News ===*/
.latest-news{
	position: relative;
}

.latest-news .recent-post-carousel{
	position: relative;
	padding-bottom: 50px;
}

.latest-news .recent-post{
	position: relative;
}

.latest-news .recent-post .image-box{
	position: relative;
	display: block;
}

.latest-news .recent-post .post-thumb img{
	position: relative;
	display: block;
	width: 100%;
}

.latest-news .recent-post .lower-content{
	position: relative;
	padding: 30px 40px 30px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	text-align: center;
}

.latest-news .recent-post .info{
	position: relative;
	margin-bottom: 10px;
}

.latest-news .recent-post .info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	padding-right: 17px;
	margin-right: 17px;
}

.latest-news .recent-post .info li:before{
	position: absolute;
	right: -4px;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	content: "|";
}

.latest-news .recent-post .info li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.latest-news .recent-post .info li:last-child:before{
	display: none;
}

.latest-news .recent-post .info li a{
	display: inline-block;
	color: #777777;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.latest-news .recent-post .info li a:hover{
	color: #ff8a00;
}

.latest-news .recent-post h3{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
}

.latest-news .recent-post h3 a{
	color: #222222;
	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;
}

.latest-news .recent-post:hover h3 a{
	color: #ff8a00;
}

.latest-news .recent-post-carousel .owl-nav{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.latest-news .recent-post-carousel .owl-next,
.latest-news .recent-post-carousel .owl-prev{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50px;
	width: 50%;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 500;
	padding: 15px 0;
	letter-spacing: 2px;
	background-color: #002121;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.latest-news .recent-post-carousel .owl-next{
	left: auto;
	right: 0;
}

.latest-news .recent-post-carousel .owl-next:hover,
.latest-news .recent-post-carousel .owl-prev:hover{
	background-color: #ff8a00;
}

/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
}

.tag-list li{
	position: relative;
	float: left;
	margin-bottom: 15px;
	margin-right: 10px;
} 

.tag-list li a{
	position: relative;
    display: block;
    font-size: 14px;
    color: #777777;
    line-height: 20px;
    padding: 10px 25px;
    font-weight: 400;
    text-align: center;
    border-radius: 50px;
    background-color: #f5f5f5;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
	background-color: #002121;
	color: #ffffff;
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

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

.group-title h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
}

.comments-area{
	position:relative;
	margin-bottom:65px;
}

.comments-box{
	position: relative;
	border: 1px solid #dddddd;
	border-radius: 10px;
}

.comments-area .comment-box{
	position:relative;
	padding: 50px 50px;
	border-bottom: 1px solid #dddddd;
}

.comments-area .comment-box.reply-comment{
	padding-left: 95px;
}

.comments-area .comment-box:last-child{
	border-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 100px;
	padding-left: 130px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 100px;
	width: 100px;
	border-radius: 50px;
	overflow: hidden;
	margin-bottom: 20px;
}

.comments-area .comment-box .author-thumb img{
	display:block;
	width:100%;
	height: auto;
}

.comments-area .comment-info{
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.comments-area .comment-box .name{
	position: relative;
	display: inline-block;
	font-size:18px;
	line-height:30px;
	font-weight:500;
	color:#020202;
	font-family: "Archivo", sans-serif;
}

.comments-area .comment-box .date{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #bbbbbb;
	font-weight: 400;
	margin-left: 35px;
}

.comments-area .comment-box .text{
	font-size: 14px;
	line-height: 30px;
	color:#666666;
	font-weight: 400;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	line-height: 30px;
	color: #ff9d42;
	font-weight: 500;
	font-family: "Archivo", 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;
}

.comments-area .comment-box .reply-btn:hover{
	color: #222222;
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/

.sidebar-page-container .comment-form{
 	position: relative;
}

.comment-form .group-title{
	margin-bottom: 30px;
}

.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="url"],
.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: 14px;
    color: #777777;
    line-height: 20px;
    font-weight: 400;
    padding: 14px 30px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 50px;
    -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:#ff8a00;
}

.comment-form .form-group textarea{
	height: 270px;
	resize: none;
	padding-top: 25px;
	border-radius: 20px;
}

.comment-form button{
	color: #ffffff;
	text-transform:capitalize;
	padding: 15px 35px;
	line-height: 20px;
	font-size: 14px;
}


#socialBar {
    width: 56px;
    height: 56px;
    overflow: hidden;
    margin: 0 auto;
    position: fixed;
    background-color: #009846;
    border-radius: 50px;
    box-shadow: 0px 0px 15px 4px rgba(63, 81, 181, 0.3), 0px 4px 17px 10px rgba(63, 81, 181, 0.1);
    transition: 0.225s ease-out;
    display: flex;
    z-index: 1111;
    bottom: 100px;
    float: right;
    right: 30px;
    transform: rotate(-90deg);
}

.desk_none {
    display: block;
}

#socialBar .fa {
    color: #fff;
    padding: 14px 13px;
    font-size: 28px;
}
#shareBtn {
    transform: rotate(90deg);
}

.mob_none{
display: none;
}
.desk_none{
  display: block;
}
@media (max-width:767px){
.desk_none{
  display: none;
}
.mob_none{
display: block;
}
}





.pogoda-hld {
	position: fixed;
	left: 2%;
	bottom: 100px;
	z-index: 999;
	height: 55px;
	transition: right .4s ease 0;
	z-index: 9999;
	cursor: pointer
}
.pogoda-hld .info-btn.call-btn {
	border-radius: 50%;
	/*! cursor: pointer; */
	height: 55px;
	padding: 15px 15px !important;
	position: absolute;
	/*! right: 0; */
	width: 55px;
	background: #009846;
	border: none;
}
.info-btn.call-btn, .btn.gallery-btn, .btn.content-btn {
	-webkit-animation: dot-pulse-idle 4s cubic-bezier(.19, 1, .22, 1) infinite both;
	animation: dot-pulse-idle 4s cubic-bezier(.19, 1, .22, 1) infinite both
}
@-webkit-keyframes dot-pulse-idle {
0% {
box-shadow:0 0 0 0 #000
}
50% {
box-shadow:0 0 0 40px rgba(0,0,0,0)
}
}
@keyframes dot-pulse-idle {
0% {
box-shadow:0 0 0 0 #000
}
50% {
box-shadow:0 0 0 40px rgba(0,0,0,0)
}
}
.pogoda-hld .close, .pogoda-hld .open {
	color: #000;
	margin-top: 45px;
	position: absolute;
	left: 7px;
	width: 200px;
}
.pogoda-hld .open {
	display: none
}
.pogoda-hld.book {
	top: 16%!important;
	position: fixed!important;
	right: 35px!important;
	transition: all 0.5s ease 0s
}
.pogoda-hld.book .close, .pogoda-hld.book .open {
	right: 0;
	width: 165px
}
.book .info-btn.call-btn {
	transform: rotate(0deg);
	border: none
}
.pogoda-hld .close .txt-hld, .pogoda-hld .open .txt-hld {
	display: inline-block;
	font-size: 15px;
	font-weight: 800;
	padding: 10px 10px 0 0;
	text-transform: uppercase
}
.call-btn i {
	color: #fff;
	font-size: 23px;
	line-height: 23px
}
.pogoda-hld:hover .open {
	display: block
}
@media (min-width:1920px) {
.pogoda-hld .close, .pogoda-hld .open {
	margin-top: 0;
	right: 0
}
}
@media (min-width:1281px) and (max-width:1366px) {
.pogoda-hld {
	/*! top: 9px; */
	/*! right: 60px */
}
}
@media (min-width:1025px) and (max-width:1280px) {
.pogoda-hld {
	left: 30px
}
}
@media (min-width:981px) and (max-width:1024px) {
.pogoda-hld {
	/*! right: 30px; */
	/*! top: 15px; */
}

}
@media (min-width:801px) and (max-width:980px) {
.pogoda-hld {
	/*! right: 50px; */
	/*! top: 19px */
}
}
@media (min-width:769px) and (max-width:800px) {
.pogoda-hld {
	/*! right: 37px; */
	/*! top: 75px */
}
.pogoda-hld .close, .pogoda-hld .open {
	margin-top: -2px;
	right: 5px
}
}
@media (min-width:737px) and (max-width:768px) {
.pogoda-hld {
	right: 17px;
	top: 75px
}

}
@media (max-width:500px) {
.pogoda-hld {
	/*! left: 10px; */
	/*! top: 21px */
}
}

.is-sticky .appointment-inline .pogoda-hld{
	display:none;
}


.text.home-welc p {
  font-size: 17px;
  color: #111;
}


.text.page-about p {
  font-size: 16px;
  color: #333;
}
.text.page-about ul li {
  list-style: initial;
  padding-bottom: 8px;
  margin-left: 30px;
}
.text.page-about ul {
  margin-top: 30px;
}