/*---------------------------------------------------------------------
    File Name: style.css
    Template Name: Progki Consulting
    Created By: JollyThemes
    Envato Profile: http://themeforest.net/user/jollythemes
    Website: http://www.jollythemes.com
    Version: 1.0
---------------------------------------------------------------------*/

/*---------------------------------------------------------------------

[Table of contents]
	1. Import Fonts
	2. Import Files
	3. Skeleton
	  1.1. Preloader Area
	  1.2. Scroll to top Area
	4. Header Area
		1.1. Header Style 2 Area
	5. Banner Slider Area
	6. Welcome Strip Area
	7. About Us Area
	8. Services Area
	9. Portfolio Area
	10. Our Team Area
	11. Testimonials Area
	12. Latest news Area
	13. Our Partner Area
	14. Footer Area
	
	---------- All Pages CSS Code ----------
	
	15. About Us Area
	16. Inner Services Area
	17. Single Services Area
	18. Project 1 Area
	19. Project 2 Area
	20. Project 3 Area
	21. Single Project Area
	22. Gallery Area
	23. Our team Area
	24. Review Area
	25. Faq Area
	26. Blog Grid 2 Area
	27. Blog Side Area
	28. Blog Details Area
	29. Contact Us Area
	
---------------------------------------------------------------------*/

/*---------------------------------------------------------------------
    Import Fonts
---------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900');

/*== 1) font-family: 'Montserrat', sans-serif; , 2)   , 3)  ==*/


/*---------------------------------------------------------------------
    Import Files
---------------------------------------------------------------------*/

@import url(animate.min.css);
@import url(normalize.css);
@import url(material-design-iconic-font.min.css);
@import url(ace-responsive-menu.css);
@import url(aos.css);
@import url(fancyBox.css);
@import url(owl.carousel.min.css);
@import url(owl.theme.min.css);
@import url(owl.transitions.css);
@import url(colorbox.css);
@import url(flaticon.css);

/*-------------------- Skeleton -------------------------------------------------*/
    
body {
	color: #666666;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.80857;
}
a {
	color: #1f1f1f;
	text-decoration: none !important;
	outline: none !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0;
	font-weight: normal;
	position: relative;
	padding: 0 0 10px 0;
	font-weight: normal;
	line-height: 120% !important;
	color: #1f1f1f;
	margin: 0
}
h1 {
	font-size: 24px
}
h2 {
	font-size: 22px
}
h3 {
	font-size: 18px
}
h4 {
	font-size: 16px
}
h5 {
	font-size: 14px
}
h6 {
	font-size: 13px
}
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #212121;
	text-decoration: none!important;
	opacity: 1
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	opacity: .8
}
button:focus{
	outline: none;
}
ul, li, ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
p{
	margin: 0px;
}
a {
	color: #222222;
	text-decoration: none;
	outline: none !important;
}
a, .btn {
	text-decoration: none !important;
	outline: none !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn-custom {
	margin-top: 20px;
	background-color: transparent !important;
	border: 2px solid #ddd;
	padding: 12px 40px;
	font-size: 16px;
}
.lead {
	font-size: 18px;
	line-height: 30px;
	color: #767676;
	margin: 0;
	padding: 0;
}
blockquote {
	margin: 20px 0 20px;
	padding: 30px;
}

/*-------------------- Preloader Area -------------------------------------------------*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ff9800;
	z-index: 9999;
}
#loader {  
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
}
@keyframes loader {
	0% { left: -100px }
	100% { left: 110%; }
}
#box {
	width: 50px;
	height: 50px;
	background: #fff;
	animation: animate .5s linear infinite;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
}
@keyframes animate {
	17% { border-bottom-right-radius: 3px; }
	25% { transform: translateY(9px) rotate(22.5deg); }
	50% {
		transform: translateY(18px) scale(1,.9) rotate(45deg) ;
		border-bottom-right-radius: 40px;
	}
	75% { transform: translateY(9px) rotate(67.5deg); }
	100% { transform: translateY(0) rotate(90deg); }
} 
#shadow { 
	width: 50px;
	height: 5px;
	background: #000;
	opacity: 0.1;
	position: absolute;
	top: 59px;
	left: 0;
	border-radius: 50%;
	animation: shadow .5s linear infinite;
}
@keyframes shadow {
	50% {
		transform: scale(1.2,1);
	}
}

/*-------------------- Scroll to top Area -------------------------------------------------*/

#scroll-to-top {
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 999;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 55px;
	background: #ff9800;
	color: #444;
	cursor: pointer;
	border: 0;
	border-radius: 6px;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	opacity: 0;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
#scroll-to-top i {
	color: #fff;
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-o-transition: -o-transform 1s;
	transition: transform 1s;
	font-size: 30px;
}
#scroll-to-top:hover i {
	-webkit-transform: rotate(0deg) scale(2);
	-moz-transform: rotate(0deg) scale(2);
	-ms-transform: rotate(0deg) scale(2);
	-o-transform: rotate(0deg) scale(2);
	transform: rotate(0deg) scale(2);
	color: #fff;
}
#scroll-to-top:hover{
	background: #222222;
}
#scroll-to-top.show {
	opacity: 1;
}

/*-------------------- Header Area -------------------------------------------------*/

.top-bar{
	background: #222222;
	line-height: 56px;
}
.top-box-icon{}
.top-box-icon ul{}
.top-box-icon ul li{
	float: left;
	margin-right: 10px;
}
.top-box-icon i{
	display: inline-block;
	padding-right: 10px;
	color: #ff9800;
	font-size: 16px;
}
.top-box-icon p{
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
}
.top-box-icon a{
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
}
.top-box-icon a:hover{
	color: #ff9800;
}
.top-box-icon.social{}
.social{
	text-align: right;
}
.social a{
	width: 30px;
	height: 30px;
	line-height: 27px;
	text-align: center;
	border: 2px solid #ff9800;
	border-radius: 50px;
	font-size: 16px !important;
	margin-left: 10px;
}
.social a i{
	padding: 0px;
}
.top-box-icon.social a:hover{
	border: 2px solid #3B5998;
}
.top-box-icon.social a:hover i{
	color: #ffffff;
}
.top-box-icon.social a + a:hover{
	border: 2px solid #1da1f2;
}
.top-box-icon.social a + a + a:hover{
	border: 2px solid #dd4b39;
}
.top-box-icon.social a + a + a + a:hover{
	border: 2px solid #C92228;
}
.top-box-icon.social a + a + a + a + a:hover{
	border: 2px solid #00aff0;
}
.header-area{
	background: rgba(255,255,255,.90);
	padding: 0;
	position: absolute;
	z-index: 5;
	width: 100%;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.logo{
	padding: 15px 0px;
}
.logo img{
	max-width: 100%;
}
.float-left {
    float: left;
}
.float-right{
	float: right;
}
.sb-icon-search{
	z-index: 90;
	font-size: 16px;
	cursor: pointer;
	float: right;
	padding: 0px 15px;
	line-height: 108px;
}
.sb-icon-search a:hover{
	color: #ff9800;
}
.sb-icon-search a:hover i{
	border: 1px solid #ff9800;
}
.sb-icon-search i{
	font-size: 24px;
	width: 36px;
	height: 36px;
	border: 1px solid #222222;
	text-align: center;
	line-height: 33px;
	border-radius: 50%;
}
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    z-index: 99999;
    opacity: 0;
}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
	text-transform: capitalize;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .btn.btn-primary{
	background-color: #ff9800;
	border-color: #ff9800;
	font-size: 20px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	background-color: #ff9800;
	border-color: #ff9800;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}
.head-nav-bar{
	position: relative;
}
.nav-box-right{
	float: right;
}

.fixed-menu{}
.fixed-menu .logo img{
	max-width: 150px;
}
.fixed-menu .sb-icon-search{
	line-height: 82px;
}
.fixed-menu  .ace-responsive-menu > li > a{
	margin: 24px 0px;
}
.fixed-menu .header-area{
	position: fixed;
	opacity: 0;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	background: #ffffff;
	z-index: 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.menu-toggle  .icon-bar + .icon-bar{
	margin-top: 4px;
	margin-right: -6px;
}

.menu-toggle .icon-bar{
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.menu-toggle .current .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
	margin-right: -3px;
}
.menu-toggle .current .icon-bar:nth-of-type(2){
	opacity: 0;
	filter: alpha(opacity=0);
}
.menu-toggle .current .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}
.menu-toggle .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.menu-toggle .icon-bar:nth-of-type(2){
	opacity: 1;
	filter: alpha(opacity=100);
}
.menu-toggle .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

/*-------------------- Banner Slider Area -------------------------------------------------*/

.slider-section{
	overflow: hidden;
}
.smooth-textbox h1 {
    font-size: 50px !important;
    font-weight: bold !important;
    line-height: 65px !important;
    margin-bottom: 20px;
	font-family: 'Montserrat', sans-serif;
	color: #ffffff;
}
.rev_slider p {
    font-family: 'Montserrat', sans-serif;
}
.smooth-textbox p {
    color: #fff;
}
.smooth-textbox {
    width: 731px;
    padding: 0 25px;
}
.slidebtns a {
    display: inline-block;
    margin-right: 20px;
    line-height: 50px !important;
    font-size: 18px !important;
    width: 160px;
    height: 50px;
    background: #ff9800;
    color: #333;
    text-align: center !important;
    border-radius: 6px;
    font-family: 'Montserrat', sans-serif;
	-webkit-transition: all .3s ease-in-out !important;
	-moz-transition: all .3s ease-in-out !important;
	-ms-transition: all .3s ease-in-out !important;
	-o-transition: all .3s ease-in-out !important;
	transition: all .3s ease-in-out !important;
}
.slidebtn2 {
    background: #fff !important;
    color: #000 !important;
	-webkit-transition: all .3s ease-in-out !important;
	-moz-transition: all .3s ease-in-out !important;
	-ms-transition: all .3s ease-in-out !important;
	-o-transition: all .3s ease-in-out !important;
	transition: all .3s ease-in-out !important;
}

.slidebtns a:hover {
    color: #fff !important;
    background: #272727 !important;
	-webkit-transition: all .3s ease-in-out !important;
	-moz-transition: all .3s ease-in-out !important;
	-ms-transition: all .3s ease-in-out !important;
	-o-transition: all .3s ease-in-out !important;
	transition: all .3s ease-in-out !important;
}
.slidebtns .slidebtn1 {
    color: #fff;
}
.slider-section .tparrows:hover{
	background: #ff9800;
}
.slider-section .tp-bannertimer{
	background: rgba(255, 152, 0, 0.8) !important;
}
.rev_slider .slotholder::after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.5);
}
.button-wayra-a{
	overflow: hidden;	
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	transition-timing-function: ease, ease;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button-wayra-a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #222222;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button-wayra-a:hover::before {
    opacity: 1;
    background: #222222;
	color: #ffffff;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/*-------------------- Header Style 2 Area -------------------------------------------------*/

.style-header-2 .header-area{
	background: none;
}

.style-header-2 .ace-responsive-menu > li > a{
	color: #ffffff;
}
.style-header-2 .sb-icon-search i{
	border: 1px solid #ffffff;
}
.style-header-2 .sb-icon-search a{
	color: #ffffff;
}
.style-header-2 .fixed-menu .header-area{
	background: #222222;
}
.style-header-2 .all-title-bar{
	margin: 0px;
}
.style-header-2 .all-title-bar::after{
	left: 0px;
	transform: translate(0%);
}
.style-header-2 .project-menu{
	text-align: left;
}
.style-header-2 .helpbox{
	background: #ff9800;
	border-radius: 6px;
}
.style-header-2 .helpbox .helpdit h3{
	color: #222222;
}
.style-header-2 .helpbox .helpdit p{
	color: #ffffff;
}
.style-header-2 .slider-testimonial{
	max-width: 780px;
}

/*-------------------- Welcome Strip Area -------------------------------------------------*/

.wel-info-box {
    text-align: center;
    margin-top: -50px;
    background: #fff;
    position: relative;
    padding: 25px 50px;
    border-radius: 10px;
    background: #ff9800;
}

.wel-info-box h2 {
    font-weight: 600;
    color: #222;
    margin-bottom: 0px;
    float: left;
    color: #fff;
	line-height: 50px !important;
	padding: 0;
}
.wel-info-box a{
	background: #222222;
	padding: 9px 15px;
	font-size: 17px;
	float: right;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 6px;
	color: #fff;
	transition: all .5s ease;
}
.wel-info-box a:hover{
	background: #ffffff;
	color: #222222;
}
.wel-info-box::after {
    clear: both;
    display: table;
    content: '';
}
.button-wayra{
	overflow: hidden;	
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	transition-timing-function: ease, ease;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button-wayra::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #ffffff;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button-wayra:hover::before {
    opacity: 1;
    background: #ffffff;
	color: #222222;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.how-help-main{
	padding: 60px 0px;
}

.all-title{
	margin-bottom: 40px;
}
.all-title h2 {
    color: #222222;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: .5px;
}
.all-title p{
	position: relative;
	font-weight: 400;
	color: #666666;
	font-size: 16px;
	margin-bottom: 20px;
}
.all-title-bar {
    background: #cccccc;
    display: block;
    height: 1px;
    position: relative;
    width: 200px;
    margin: 2px auto;
}
.all-title-bar::after {
    background: #ff9800;
    content: "";
    display: inline-block;
    height: 7px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 60px;
    top: -3px;
	border-radius: 6px;
	border: 1px dashed #ffffff;
}
.helpbox{
	text-align: center;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13) ;
	padding: 30px 0px;
}
.icon-help{
	width: 110px;
	height: 110px;
	margin: 20px auto;
	padding: 20px;
	border: 2px solid #efefef;
	border-radius: 6px;
	backface-visibility: hidden;
	transition: all .5s ease;
}
.icon-help img{
	width: 100%;
}
.helpbox:hover .icon-help .hover-icon{
	display: none;
}
.hover-icon-h{
	display: none;
}
.helpbox:hover .icon-help .hover-icon-h{
	display: block;
}
.helpdit{
	padding: 20px 10px;
}
.helpdit h3{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 15px;
}
.helpdit p{
	font-size: 13px;
}
.helpbox:hover .icon-help{
	background: #ff9800;
	transition: all .5s ease;
	border-radius: 25px;
	border: 2px solid #222222;
}

/*-------------------- About Us Area -------------------------------------------------*/

.about-main{
	background: url(../images/about-bg.jpg) no-repeat center fixed;
	background-size: cover;
	position: relative;
	margin-top: 0;
	padding: 70px 0;
}
.left-color-a::before{
	content: "";
	background: #ff9800;
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.left-color-a::after{
	background: rgba(0,0,0,0.9);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.right-about-b{
	text-align: left;
	position: relative;
	z-index: 2;
	padding-left: 40px;
}
.right-about-b .all-title{
	margin-bottom: 20px;
}
.right-about-b .all-title h2{
	color: #ffffff;
}
.right-about-b .all-title p{
	color: #cccccc;
	padding-bottom: 0px;
}
.right-about-b p{
	font-size: 14px;
	color: #ffffff;
	padding-bottom: 30px;
}
.right-about-b a{
	background: #222222;
	padding: 9px 15px;
	font-size: 17px;
	float: left;
	text-transform: capitalize;
	font-weight: 500;
	border-radius: 6px;
	color: #fff;
	transition: all .5s ease;
}
.right-about-b a:hover{
	background: #ffffff;
	color: #222222;
	font-weight: 600;
}
.right-about-b::after {
    clear: both;
    display: table;
    content: '';
}
.right-about-b .all-title .all-title-bar{
	margin: 5px 0;
}
.right-about-b .all-title .all-title-bar::after{
	left: 0;
	transform: translate(0%);
}

.left-about-b{
	text-align: left;
	position: relative;
	z-index: 2;
	padding-right: 40px;
}
.left-about-b .all-title .all-title-bar{
	margin: 5px 0;
}
.left-about-b .all-title .all-title-bar::after{
	left: 0;
	transform: translate(0%);
	background: #222222;
}
.left-about-b .all-title{
	margin-bottom: 20px;
}
.left-about-b h4{
	font-size: 28px;
	color: #ffffff;
	padding-bottom: 15px;
	font-weight: 500;
}
.left-about-b p{
	color: #222222;
	font-size: 14px;
	padding-bottom: 15px;
}
.left-about-b ul{}
.left-about-b ul li{
	width: 50%;
	float: left;
	margin-bottom: 25px;
}
.left-about-b ul li h5{
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
}
.left-about-b ul li span{
	font-weight: 600;
	font-size: 18px;
	color: #222222;
}
.left-about-b a{
	background: #222222;
	padding: 9px 15px;
	font-size: 17px;
	float: left;
	text-transform: capitalize;
	font-weight: 500;
	border-radius: 6px;
	color: #fff;
	transition: all .5s ease;
}
.left-about-b a:hover{
	background: #ffffff;
	color: #222222;
	font-weight: 600;
}
.left-about-b::after {
    clear: both;
    display: table;
    content: '';
}

/*-------------------- Services Area -------------------------------------------------*/

.services-main{
	padding: 60px 0px;
}
.services-box{
	margin-bottom: 50px;
}
.icon-ser{
	float: left;
	width: 60px;
	height: 60px;
	transition: 280ms ease-out;
}
.icon-ser img{
	width: 100%;
}
.services-dit{
	padding-left: 80px;
	
}
.services-dit h4{
	font-size: 18px;
	font-weight: 500;
	color: #ff9800;
	position: relative;
	padding-bottom: 20px;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	
}
.services-dit h4::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background: #222222;
	bottom: 10px;
	left: 0px;
	border-radius: 8px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.services-dit p{
	font-size: 14px;
	color: #666666;
}
.services-box:hover .icon-ser{
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}

.services-box:hover .icon-ser{
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-filter: drop-shadow(-8px 8px 2px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(-8px 8px 2px rgba(0, 0, 0, 0.4));
}
	
	
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
} 
.button-wayra-b{
	overflow: hidden;	
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	transition-timing-function: ease, ease;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button-wayra-b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #ffffff;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button-wayra-b:hover::before {
    opacity: 1;
    background: #ffffff;
	color: #222222;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/*-------------------- Portfolio Area -------------------------------------------------*/

.portfolio-main{
	background: url(../images/services-bg.jpg) no-repeat center fixed;
	background-size: cover;
	position: relative;
	margin-top: 0;
	padding: 60px 0;
}
.portfolio-main .all-title h2{
	color: #ffffff;
}
.portfolio-main .all-title p{
	color: #cccccc;
}
.project-menu{
	margin-bottom: 30px;
}
.project-menu {
	display: block;
	text-align: center;
}
.project-menu span{
	background: #ff9800;
	padding: 9px 15px;
	margin: 0px 10px;
	font-size: 17px;
	display: inline-block;
	text-transform: capitalize;
	font-weight: 500;
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	transition: all .5s ease;
}
.project-menu span:hover{
	background: #222222;
	color: #ffffff;
}
.grid {}
.grid:after {
	content: '';
	display: block;
	clear: both;
}

.element-item a img{
	width: 100%;
}
.hover-effect{
	background: rgba(255,255,255,0.5);
	padding: 10px;
	border-radius: 6px;
	border: 1px dashed #ffffff;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.hover-text{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0px;
	margin: 0 auto;
	opacity: 0;
	width: 80%;
	transform: translate(0px, 0px);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.hover-text h4{
	color: #ffffff;
	font-size: 20px;
}
.hover-text p {
	color: #cccccc;
	font-size: 14px;
}
.overlay-gallery{
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	background-color: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.hover-effect:hover .overlay-gallery{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.hover-effect:hover .hover-text{
	opacity: 1;
}
.hover-effect:hover .hover-text{
	top: 45%;
	z-index: 10;
}
.up-icon{
	float: right;
	position: absolute;
	top: -64px;
	right: 0;
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	text-align: center;
	line-height: 55px;
}
.up-icon a i{
	font-size: 34px;
	color: #ff9800;
}
.up-icon a:hover i{
	color: #222222;
}
.hover-effect img.thumb_gallery{
	-webkit-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.hover-effect:hover img.thumb_gallery{
	transform: scale3d(1.2, 1.09, 1.2);
}
.thumb_gallery {
	width: 100%;
	height: 100%;
	cursor: pointer;
	border-radius: 0px 10px;
}

/*-------------------- Our Team Area -------------------------------------------------*/

.our-team-main{
	padding: 60px 0px;
}
.team-img{
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}
.team-img img{
	width: 100%;
	border-radius: 10px;
}
.filter-title{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 22px;
	background: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,1));
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.filter-title h3{
	font-size: 22px;
	color: #ff9800;
	padding-bottom: 0px;
	font-weight: 500;
}
.filter-title p{
	color: #ffffff;
	font-size: 14px;
}
.team-img:hover .filter-title{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.filter-social{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 22px;
	background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
.team-img:hover .filter-social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.filter-social ul{
	display: block;
	text-align: center;
}
.filter-social ul li{
	display: inline-block;
	text-align: center;
	width: 30px;
	height: 30px;
	background: #fff;
	line-height: 30px;
	border-radius: 6px;
	margin: 0px 7px;
}
.filter-social ul li a{
	color: #ff9800;
	font-size: 18px;
}
.filter-social ul li:hover a{
	color: #222222;
}

/*-------------------- Testimonials Area -------------------------------------------------*/

.testimonials-main{
	background: url(../images/testimonials-bg.jpg) no-repeat center fixed;
	background-size: cover;
	position: relative;
	margin-top: 0;
	padding: 60px 0;
}

.slider-testimonial{
	max-width: 555px;
	margin: 0 auto;
	width: 100%;
}
.testimonial{
    text-align: center;
    padding: 0 20px;
}
.testimonial .icon{
    font-size: 60px;
    line-height: normal;
    color: #ff9800;
}
.testimonial .description{
    font-size: 16px;
    font-style: italic;
    color: #777;
    line-height: 26px;
    margin-top: -20px;
}
.testimonial .pic{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px auto;
	margin-top: -20px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .testimonial-title{
    font-size: 16px;
    font-weight: 600;
    color: #474740;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #ff9800;
}
.owl-theme .owl-controls .owl-pagination{
    margin-top: 20px;
}
.owl-theme .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    background: #222222;
    border: 2px solid transparent;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page span:hover{
    background: #fff;
    border: 2px solid #222222;
}

.slider-testimonial .owl-dot {
	border: 2px solid transparent;
	height: 10px;
	width: 10px;
	background-color: #222222;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 0px;
}
.slider-testimonial .owl-dot.active{
	background: #fff;
	border: 2px solid #222222;
}

/*-------------------- Latest news Area -------------------------------------------------*/

.latest-news-main{
	padding: 60px 0px;
}
.post-thumb{
	position: relative;
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.post-thumb::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.6);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 0;
}
.post-thumb::after{
	content: '\f278';
	font-family:Material-Design-Iconic-Font;
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 30px;
	opacity: 0;
	color: #ffffff;
	margin: -15px 0 0 -15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	line-height: 35px;
	text-align: center;
	border-radius: 6px;
}
.post-thumb img{
	width: 100%;
}
.date-box{
	position: absolute;
	top: 0px;
	right: 0px;
	background: #ff9800;
	color: #fff;
	padding: 5px;
	width: 60px;
	text-align: right;
	border-radius: 6px;
	box-shadow: -5px 5px 0px #ffffff;
}
.date-box b{
	display: block;
	text-align: left;
	font-size: 24px;
	line-height: 25px;
}
.post-description{
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
	padding: 20px;
}

.post-description h4{
	font-size: 18px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: 5px solid #ff9800;
	padding-left: 10px;
	margin-bottom: 10px;
}
.post-description ul{
	padding: 0px;
	margin: 0px;
}
.post-description ul li{
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 13px;
	text-transform: uppercase;
}
.post-description p{
	padding: 10px 0px;
}

.list-inline ul li{
	text-transform: capitalize;
	font-weight: 500;
}
.list-inline ul{
	margin-left: 12px;
}
.list-inline{
	border-top: 1px dashed #777777;
	padding: 10px 0px;
	border-bottom: 1px dashed #777777;
	border-left: 5px solid #ff9800;
	margin-left: 0px;
}
.post:hover .post-thumb::before{
	opacity: 1;
}
.post:hover .post-thumb::after{
	opacity: 1;
}
.post:hover .date-box{
	display: none;
}

/*-------------------- Our Partner Area -------------------------------------------------*/

.our-partner-main{
	padding: 60px 0px;
}
.partner-img{
	border: 2px dashed #222222;
	text-align: center;
	padding: 5px;
	cursor: pointer;
	border-radius: 6px;
}
.partner-img img{
	max-width: 100%;
	width: auto !important;
	display: inline-block !important;
}
.our-partner-main .all-title{
	margin-bottom: 30px;
}

#our-partner-slider.owl-carousel .owl-wrapper-outer{
	padding-top: 40px;
}
.top-box-time{
	text-align: center;
	padding: 12px 0px;
	background: #ff9800;
	border-radius: 6px 5px 0px 0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.top-box-time i{
	display: inline-block;
	padding-right: 10px;
	color: #222222;
	font-size: 18px;
}
.top-box-time p{
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
}
.top-box-time:hover{
	background: #222222;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.top-box-time:hover i{
	color: #ff9800;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/*-------------------- Footer Area -------------------------------------------------*/

.footer-main{
	background: url(../images/footer-bg.jpg) no-repeat center fixed;
	background-size: cover;
	position: relative;
	margin-top: 0;
	padding: 60px 0px 0px 0px;
}
.footer-main::before{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
.widget-footer{
	position: relative;
}
.widget-footer-nav{
	position: relative;
}
.widget-footer-request{
	position: relative;
}
.footer-logo{
	margin-bottom: 15px;
}
.footer-logo img{
	max-width: 100%;
}
.footer-description{
	margin-bottom: 15px;
}
.footer-description p{
	font-size: 14px;
	color: #ffffff;
}
.footer-socials{}
.footer-socials ul{
	display: block;
}
.footer-socials ul li{
	display: inline-block;
	text-align: center;
	width: 32px;
	height: 32px;
	background: #ffffff;
	line-height: 32px;
	border-radius: 6px;
}
.footer-socials ul li a{
	font-size: 20px;
}
.footer-socials ul li:hover{
	background: #ff9800;
}
.footer-socials ul li:hover a{
	color: #ffffff;
}
.widget-footer-nav {}
.widget-footer-nav h3{
	font-weight: 500;
	padding: 0px;
	font-size: 22px;
	color: #ffffff;
	padding-bottom: 17px;
}
.widget-footer-nav ul::after{
	clear: both;
	display: table;
	content: '';
}
.widget-footer-nav ul{
	
}
.widget-footer-nav ul li{
	width: 48%;
	float: left;
	margin-right: 2%;
	line-height: 41px;
}
.widget-footer-nav ul li a{
	color: #ffffff;
	display: block;
	font-size: 15px;
}
.widget-footer-nav ul li a:hover{
	color: #ff9800;
	text-decoration: underline !important;
}
.widget-footer-request{
	
}
.widget-footer-request h3{
	font-weight: 500;
	padding: 0px;
	font-size: 22px;
	color: #ffffff;
	padding-bottom: 17px;
}
.request-form .form-group{
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding: 0px 5px;
}
.request-form .row{
	margin: 0px;
}
.request-form .form-group input{
	position: relative;
	display: block;
	width: 100%;
	line-height: 23px;
	padding: 10px 20px;
	height: 45px;
	font-size: 14px;
	background: none;
	color: #f4f4f4;
	border: 1px solid #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}
.request-form .form-group textarea{
	width: 100%;
	height: 100px;
	background: none;
	color: #f4f4f4;
	padding: 10px 20px;
	resize: none;
	border: 1px solid #ffffff;
	font-size: 14px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}
.request-form .form-group button{
	background: #ff9800;
	padding: 9px 15px;
	font-size: 17px;
	float: left;
	text-transform: capitalize;
	font-weight: 500;
	border-radius: 6px;
	color: #fff;
	transition: all .5s ease;
	border: none;
	cursor: pointer;
}
.request-form .form-group button:hover{
	background: #ffffff;
	color: #222222;
}
.copyright-main{
	padding: 40px 0px 40px 0px;
	margin-top: 20px;
	border-top: 1px solid #ffffff;
	position: relative;
}
.copyright p{
	text-align: center;
	color: #ffffff;
	font-size: 16px;
}
.copyright p a{
	color: #ffffff;
}
.copyright p a:hover{
	color: #ff9800;
}

/**----------------------------------- All Pages CSS Code ---------------**/

/*-------------------- About Us Area -------------------------------------------------*/

.page-title-main{
	background: url(../images/title-bg-all-page.jpg) no-repeat center fixed;
	background-size: cover;
	position: relative;
	margin-top: 0;
	padding: 170px 0px 70px 0px;
}
.page-title-main::before{
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 0px;
	left: 0px;
	content: "";
	height: 100%;
	width: 100%;
}
.title-all{
	position: relative;
}
.title-all ul.breadcrumb{
	background-color: transparent;
	justify-content: center;
}
.title-all ul li a{
	color: #ffffff;
}
.title-all ul li.active{
	color: #ff9800;
}
.title-all h2{
	font-size: 38px;
	color: #ffffff;
	font-weight: 600;
}
.inner-page-about{
	padding: 80px 0px;
}
.left-about h5{
	font-size: 18px;
	color: #111111;
	line-height: 26px !important;
}
.left-about p{
	font-size: 13px;
	line-height: 26px !important;
	padding-bottom: 20px;
}
.box-img-f{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	float: left;
	box-shadow: 1px 3px 8px rgba(0,0,0,.6);
	-moz-box-shadow: 1px 3px 8px rgba(0,0,0,.6);
	-webkit-box-shadow: 1px 3px 8px rgba(0,0,0,.6);
}
.box-img-f img{
	width: 100%;
	border-radius: 50%;
}
.signature-box{
	float: left;
	margin-top: 54px;
	margin-left: 15px;
}
.signature-box img{
	width: 120px;
}
.right-about{
	border: 1px solid rgba(0,0,0,.4);
}
.right-about img{
	width: 100%;
}
.experience-main{
	background: #ffffff;
	position: relative;
	padding: 80px 0px;
}
.experience-main::before{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
	background: #f1f1f1;
	content: "";
}
.left-experience .all-title{
	margin-bottom: 20px;
}
.left-experience p{
	margin-bottom: 30px
}
.left-experience{
	text-align: left;
	position: relative;
	z-index: 2;
	padding-right: 40px;
}
.left-experience .all-title .all-title-bar{
	margin: 5px 0;
}
.left-experience .all-title-bar::after{
	left: 0;
	transform: translate(0%);
}
.right-experience{
	text-align: left;
	position: relative;
	z-index: 2;
	padding-left: 40px;
}
.right-experience .all-title .all-title-bar{
	margin: 5px 0;
}
.right-experience .all-title-bar::after{
	left: 0;
	transform: translate(0%);
}
.right-experience .all-title{
	margin-bottom: 20px;
}
.progress-title{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.7px;
    color: #222222;
    text-transform: uppercase;
    margin: 10px 0 5px;
}
.progress{
    height: 5px;
    background: #d6d6d6;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 40px;
    overflow: visible;
    position: relative;
}
.progress .progress-bar{
    position: relative;
	border-radius: 6px;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;
}
.progress .progress-bar:after{
    content: '\f1ab';
    font-family: Material-Design-Iconic-Font;
    position: absolute;
    top: -20px;
    right: -7px;
    font-size: 25px;
    font-weight: 700;
    color: #222222;
}
.progress .progress-value{
    display: block;
    font-size: 12px;
    color: #222222;
    position: absolute;
    top: -23px;
    right: 0;
}
@-webkit-keyframes animate-positive{
    0% { width: 0%; }
}
@keyframes animate-positive{
    0% { width: 0%; }
}

.right-experience p{
	padding-bottom: 30px;
}
.right-experience ul{
	padding-bottom: 30px;
}
.right-experience ul li{
	line-height: 34px;
}
.right-experience ul li i{
	font-size: 16px;
	padding-right: 15px;
	color: #ff9800;
}
.right-experience blockquote{
	margin: 0px;
	padding: 10px 15px;
	font-style: italic;
	border-left: 5px solid #ff9800;
}
.right-experience blockquote p{
	padding: 0px;
	font-size: 14px;
}

/*-------------------- Inner Services Area -------------------------------------------------*/

.services-main-inner{
	padding: 60px 0px;
}
.inner-ser-box{
	margin-bottom: 30px;
	padding: 10px 15px;
}
.ser-icon{
	display: block;
	width: 80px;
	height: 80px;
	margin-bottom: 20px;
	border: 2px solid #222222;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.ser-icon i{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 80px;
	height: 77px;
	font-size: 42px;
	color: #ff9800;
}
.services-dit-inner{
	margin-bottom: 20px;
}
.services-dit-inner h3{
	font-weight: 500;
}
.services-dit-inner p{
	font-size: 15px;
}
.ul-fa{}
.ul-fa li{
	padding-bottom: 10px;
	font-size: 14px;
}
.ul-fa li i{
	float: left;
	padding-top: 0px;
	font-size: 24px;
	color: #ff9800;
}
.ul-fa li p{
	padding-left: 20px;
	padding-bottom: 0;
}
.inner-ser-box:hover{
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
}
.inner-ser-box:hover .ser-icon{
	border: 2px solid #ff9800;
}
.services-dit-inner:hover a h3{
	color: #ff9800;
}

/*-------------------- Single Services Area -------------------------------------------------*/

.single-services{
	padding: 60px 0px;
}
.single-page-img{
	border: 1px solid #ededed;;
}
.single-page-img img{
	width: 100%;
}
.single-dit{
	margin-top: 20px;
}
.single-dit h3{
	font-size: 22px;
	font-weight: 600;
}
.single-dit h3 span{
	font-weight: 700;
	color: #ff9800;
}
.single-dit p{
	font-size: 14px;
}
.single-margin{
	margin-top: 40px;
}
.single-left{
	
}
.single-left img{
	width: 100%;
}
.single-right{}
.single-right h4{
	font-size: 24px;
	line-height: 26px !important;
	font-weight: 500;
}
.single-right p{
	font-size: 14px;
	padding-bottom: 10px;
}
.single-right ul{
	margin: 0px;
	padding: 0px;
}
.single-right ul li i{
	font-size: 14px;
	padding-right: 15px;
	color: #ff9800;
}
.single-right ul li{
	font-size: 14px;
}
.single-about-box{
	border: 1px solid #ff9800;
}

.single-choose-item{
	padding-top: 60px;
}

.single-about-box{
	margin-bottom: 26px;
	position: relative;
	background: #fff;
	border: 1px solid #ededed;
	-webkit-transition: .5s;
	transition: .5s;
}
.single-icon-box{
	width: 90px;
	padding: 25px 15px;
	float: left;
}
.single-icon-box img{
	width: 100%;
}
.choose-text{
	overflow: hidden;
	padding: 26px 0px 26px;
}
.choose-text p{
	padding-right: 10px;
}
.single-about-box:hover{
	background: #ff9800;
}
.single-about-box:hover .choose-text p{
	color: #ffffff;
}
.single-icon-hb{
	display: none;
}
.single-about-box:hover .single-icon-ha{
	display: none;
}
.single-about-box:hover .single-icon-hb{
	display: block;
}
.single-page-left{}
.single-page-left h5{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
	padding-bottom: 0px;
}
.group-list{}
.group-list ul{
	margin: 0px;
	padding: 0px;
}
.group-list ul li{}
.group-list ul li a{
	line-height: 35px;
	background: #eeeeee;
	margin-top: 6px;
	padding: 5px 15px; 
	display: block;
	color: #222222;
	position: relative;
	font-size: 13px;
}
.group-list ul li a:hover{
	background: #ff9800;
	color: #ffffff;
	font-weight: 600;
}
.group-list ul li a::before{
	content: '\f2fb';
	font-family: Material-Design-Iconic-Font;
	position: absolute;
	left: 0px;
	opacity: 0;
	font-size: 23px;
	font-weight: 300;
}
.group-list ul li a:hover::before{
	opacity: 1;
	font-weight: 300;
}
.question-box{
	margin: 20px 0px;
	position: relative;
}
.question-img{
	position: relative;
	border-bottom: 2px solid #222222;
	border-right: 2px solid #222222;
}
.question-img img{
	width: 100%;
}
.question-img::before{
	position: absolute;
	content: '';
	background: #000;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: .2;
}
.content-question{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1;
}
.content-question h4{
	font-size: 18px;
	color: #ffffff;
	font-weight: 500;
}
.call-que{
	background: #ff9800;
	padding: 4px 10px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 2px solid #222222;
	border-right: 2px solid #222222;
}
.call-que i{
	display: inline-block;
	color: #ffffff;
	padding-right: 5px;
}
.call-que p{
	display: inline-block;
	color: #ffffff;
}
.question-box:hover .question-img{
	border-bottom: 2px solid #ff9800;
	border-right: 2px solid #ff9800;
}

/*-------------------- Project 1 Area -------------------------------------------------*/

.project-main{
	padding: 60px 0px;
}
.project-box-hover{
	position: relative;
	margin-bottom: 30px;
}
.project-box-hover figure{
	margin: 0px;
	position: relative;
	border: 1px solid #ff9800;
	cursor: pointer;
}
.project-box-hover figure img{
	width: 100%;
}
.project-box-hover figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.project-box-hover figcaption{
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: rgba(255, 152, 0, 0.8);
	color: #ffffff;
	border-radius: 10px 0px 10px 10px;
}
.project-box-hover figure:hover figcaption,
.project-box-hover figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(-10px, 10px);
	-moz-transform: translate(-10px, 10px);
	-ms-transform: translate(-10px, 10px);
	transform: translate(-10px, 10px);
	border-radius: 10px 0px 10px 10px;
}

.project-box-hover figcaption h3 {
	margin-top: 40px;
	font-weight: 600;
}
.project-box-hover figcaption span {
	display: block;
}
.project-box-hover figcaption a {
	margin-top: 10px;
	background: #222222;
	color: #ffffff;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 6px;
	font-weight: 500;
}
.project-box-hover figcaption a:hover{
	background: #ffffff;
	color: #222222;
}

/*-------------------- Project 2 Area -------------------------------------------------*/

.project-box-hover-2{
	position: relative;
	margin-bottom: 30px;
}
.project-box-hover-2 figure{
	margin: 0px;
}
.project-box-hover-2 figure{
	margin: 0px;
	position: relative;
	border: 1px solid #ff9800;
	cursor: pointer;
}
.project-box-hover-2 figure img {
	z-index: 10;
	width: 100%;
}
.project-box-hover-2 figcaption{
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #ff9800;
	color: #ffffff;
}
.project-box-hover-2 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	box-shadow: 0 0 0 0px #222222;
}
.project-box-hover-2 figure:hover figcaption,
.project-box-hover-2 figure.cs-hover figcaption {
	opacity: 1;
	height: 160%;
	box-shadow: 0 0 0 10px #222222;
	z-index: 1;
}
.project-box-hover-2 figcaption h3 {
	margin-top: 85%;
	padding: 0px;
	font-weight: 600;
}
.project-box-hover-2 figcaption h3,
.project-box-hover-2 figcaption span,
.project-box-hover-2 figcaption a {
	opacity: 0;
	-webkit-transition: opacity 0s;
	-moz-transition: opacity 0s;
	transition: opacity 0s;
}
.project-box-hover-2 figcaption a {
	position: absolute;
	bottom: 23px;
	right: 23px;
	background: #222222;
	color: #ffffff;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 6px;
	font-weight: 500;
}
.project-box-hover-2 figcaption a:hover {
	background: #ffffff;
	color: #222222;	
}
.project-box-hover-2 figure:hover figcaption h3,
.project-box-hover-2 figure:hover figcaption span,
.project-box-hover-2 figure:hover figcaption a,
.project-box-hover-2 figure.cs-hover figcaption h3,
.project-box-hover-2 figure.cs-hover figcaption span,
.project-box-hover-2 figure.cs-hover figcaption a {
	-webkit-transition: opacity 0.3s 0.2s;
	-moz-transition: opacity 0.3s 0.2s;
	transition: opacity 0.3s 0.2s;
	opacity: 1;
}
.project-box-hover-2 figure:hover  img{
	z-index: 2;
	position: relative;	
}

/*-------------------- Project 3 Area -------------------------------------------------*/

.project-box-hover-3{
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
.project-box-hover-3 figure {
	overflow: hidden;
	margin: 0px;
}
.project-box-hover-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
	width: 100%;
}
.project-box-hover-3 figure:hover img,
.project-box-hover-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
.project-box-hover-3 figcaption{
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #ff9800;
	color: #ffffff;
}
.project-box-hover-3 figcaption {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.project-box-hover-3 figure:hover figcaption,
.project-box-hover-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.project-box-hover-3 h3{
	font-weight: 600;
	padding: 0px;
	margin-bottom: 6px;
}
.project-box-hover-3 figcaption a {
	position: absolute;
	bottom: 25px;
	right: 20px;
	background: #222222;
	color: #ffffff;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 6px;
	font-weight: 500;
}
.project-box-hover-3 figcaption a:hover{
	background: #ffffff;
	color: #222222;
}

/*-------------------- Single Project Area -------------------------------------------------*/

.single-project-main{
	padding: 60px 0px;
}
.single-project-box{
	margin-bottom: 30px;
}
.single-project-box h3{
	font-size: 24px;
	font-weight: 600;
	color: #222222;
}
.single-project-box p{
	padding-bottom: 20px;
}
.project-single-img{
	margin: 0px 10px;
	margin-bottom: 30px;
	box-shadow: -10px 10px 0px 0px #ff9800;
	border-radius: 6px 0px 6px 0px;
}
.project-single-img img{
	width: 100%;
	border-radius: 6px 0px 6px 0px;
}
.project-social{
	float: right;
}
.project-social h5{
	font-size: 18px;
	font-weight: 500;
	float: left;
	padding: 7px 0px;
	margin-right: 15px;
}
.project-social a{
	float: left;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	background: #ff9800;
	color: #ffffff;
	font-size: 18px;
	border-radius: 6px;
	margin-right: 5px;
}
.project-social a:hover{
	background: #222222;
	color: #ffffff;
}
.single-project-box::after {
    clear: both;
    display: table;
    content: '';
}
.project-single-right{}
.project-single-right h4{
	font-size: 22px;
	font-weight: 500;
	color: #222222;
}
.project-single-right p{
	margin-bottom: 20px; 
}
.project-single-right ul{
	margin: 0px;
	padding: 0px;
}
.project-single-right ul li{
	width: 50%;
	float: left;	
	margin-bottom: 20px;
}
.project-single-right ul li h5{
	font-size: 18px;
	color: #222222; 
	font-weight: 500;
	padding: 0px;
}
.project-single-right ul li p{
	margin: 0px;
	font-size: 14px;
}
.single-project-info-list{
	padding-bottom: 20px;
}
.single-project-info-list h3{
	font-size: 24px;
	font-weight: 600;
	color: #222222;
}

/*-------------------- Gallery Area -------------------------------------------------*/

.gallery-main{
	padding: 60px 0px;
}
.gallery-box-hover{
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	-webkit-transition: all 1s ease 0.01s;
    transition: all 1s ease 0.01s;
	box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.7);
}
.gallery-box-hover figure{
	margin: 0px;
}
.gallery-box-hover figure img{
	width: 100%;
}
.gallery-box-hover figcaption{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.gallery-box-hover figure:hover figcaption{
	background: rgba(0, 0, 0, 0.5);
}
.nd-content_inner {
    display: table;
    width: 100%;
    height: 100%;
}
.nd-title {
    position: relative;
    top: -150px;
    opacity: 0;
    margin: 0 0 10px;
    font-weight: 600;
    -webkit-transition: all 1s ease 0.01s;
    transition: all 1s ease 0.01s;
	color: #ffffff;
}
.nd-content_inner1 {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
	padding: 20px;
}
.gallery-box-hover figure:hover .nd-title{
	-webkit-transition: all 0.5s ease 0.01s;
	transition: all 0.5s ease 0.01s;
	opacity: 1;
	top: 0;
}
.nd-text {
    position: relative;
    bottom: -150px;
    opacity: 0;
    margin: 0 0 30px;
    font-size: 14px;
    -webkit-transition: all 1s ease 0.01s;
    transition: all 1s ease 0.01s;
	color: #ffffff;
}
.gallery-box-hover figure:hover .nd-text{
	-webkit-transition: all 0.5s ease 0.01s;
	transition: all 0.5s ease 0.01s;
	opacity: 1;
	bottom: 0;
}

.rm-btn{
	position: relative;
    bottom: -150px;
    opacity: 0;
    margin: 0 0 30px;
    font-size: 16px;
	background: #ff9800;
	color: #ffffff;
	padding: 8px 15px;
	border-radius: 6px;
    -webkit-transition: all 1s ease 0.01s;
    transition: all 1s ease 0.01s;
}
.gallery-box-hover figure:hover .rm-btn{
	-webkit-transition: all 0.5s ease 0.01s;
	transition: all 0.5s ease 0.01s;
	opacity: 1;
	bottom: 0;
}
.rm-btn:hover{
	background: #ffffff;
	color: #222222;
}
.gallery-box-hover:hover{
	box-shadow: -10px 10px 0px 0px #ff9800;
	-webkit-transition: all 0.5s ease 0.01s;
	transition: all 0.5s ease 0.01s;
}

/*-------------------- Our team Area -------------------------------------------------*/

.our-team-two{
	padding: 60px 0px;
}
.our-team-two .team-img img{
	border-radius: 40px 20px;
}
.our-team-two .filter-social ul li{
	margin: 0px;
}
.our-team-two .team-img:hover .filter-title{
	border-radius: 20px 0px 0px 0px;
}
.our-team-two .team-img:hover .filter-social{
	border-radius: 0px 0px 20px 0px;
}
.team-description{
	padding-bottom: 30px;
	text-align: justify;
}
.our-team-two .team-img img {
	-webkit-transition: all 1s;
	transition: transform 1s;
}
.our-team-two .team-img:hover img{
	-webkit-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
	border-radius: 35px 0px 35px 0px;
}
.teamdetail .innertext {
	padding: 20px;
}
.teamdetail .innerImg {
    height: 516px;
    background-size: cover;
    background-position: center;
}
.teamdetail .innertext h3{
	font-size: 24px;
	font-weight: 500;
}
.teamdetail .innertext .subtitle{
	font-size: 16px;
	color: #222222;
	font-weight: 500;
	padding-bottom: 14px;
}

/*-------------------- Review Area -------------------------------------------------*/

.review-main{
	padding: 60px 0px;
}
.review-box{}
.review-box ul{}
.review-box ul li{
	position: relative;
	display: inline-block;
	margin-bottom: 35px;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 30px;
}
.avatar-icon{
	float: left;
	position: absolute;
	padding: 0 20px 0 0;
	display: inline-block;
	left: 0;
	top: 0px;
}
.avatar-icon img{
	width: 100%;
	border-radius: 50%;
}
.comment-title{
	padding: 10px 0px; 
	position: relative;
}
.comment-title .star-rating {
    position: absolute;
    right: 0;
    top: 7px;
}
.star-rating {
    display: block;
    font-size: 17px;
}
.star-rating .star {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 4px;
    position: relative;
	font-size: 20px;
}
.star-rating .star.half::after, .star-rating .star::before {
    font-family: Material-Design-Iconic-Font;
    content: '\f27d';
    display: block;
    color: #ffc600;
}
.star-rating .star.half::before {
    color: #ddd;
}
.star-rating .star.half::after {
    color: #ffc600;
    position: absolute;
    top: 0;
    width: 50%;
    display: block;
    height: 100%;
    overflow: hidden;
}
.comment-box{
	color: #666;
	padding: 0 0 0 230px;
}
.comment-title .title-co{
	color: #222222;
	font-size: 18px;
	font-weight: 500;
}
.comment-title .comment-list{
	display: inline-block;
	color: #888;
	font-weight: 400;
	font-size: 14px;
}
.comment-title .date{
	display: block;
	font-weight: 300;
	font-size: 13px;
}
.comment-box p{
	padding: 5px 0;
	font-size: 15px;
}
.comment-box a{
	background: #ff9800;
	padding: 9px 15px;
	font-size: 15px;
	float: left;
	text-transform: capitalize;
	font-weight: 500;
	border-radius: 6px;
	color: #fff;
	transition: all .5s ease;
	margin-top: 20px;
}
.comment-box a i{
	font-size: 18px;
	padding-right: 6px;
}
.reply-form{
	padding: 15px;
}
.header-form{}
.header-form h4{
	font-size: 20px;
	font-weight: 500;
}
.reply-box{
	margin: 10px 0px;
}
.reply-box textarea{
	width: 100%;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	padding: 10px;
}
.reply-btn{
	background: #ff9800;
	padding: 5px 15px;
	font-size: 17px;
	text-transform: capitalize;
	font-weight: 500;
	border-radius: 6px;
	color: #fff;
	transition: all .5s ease;
	border: none;
}
#cboxLoadedContent .reply-form{
	margin: 0px;
}

/*-------------------- Faq Area -------------------------------------------------*/

.faq-main{
	padding: 60px 0px;
	background: #eeeeee;
}
.faq-box .card-header{
	padding: 0px;
}
.faq-box h4{
	padding: 0px;
}
.faq-box h4 a{
	display: block;
	text-align: left;
	padding: 0px;
	border: none;
	color: #222222;
}
.faq-box h4 a:hover{
	background: #ff9800;
	color: #ffffff;
	opacity: 1;
}
.faq-title-b{
	padding: 20px 0px;
}
.faq-title-b h5{
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
.faq-box .card{
	box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
	margin: 0 0 16px;
	border-radius: 6px;
}
.faq-box .panel-heading{
	padding: 0px;
	border-radius: 6px;
}
.faq-box .icon-container {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    text-align: !important;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding-top: 1px;
    padding-right: 10px;
    padding-left: 10px;
    border-top-left-radius: 3px;
    float: left;
}
.color-bg{
	background: #ff9800;
}
.faq-box .card-body{
	padding: 15px 10px;
}
.faq-box .title-text{
	line-height: 50px;
	font-size: 16px;
	font-weight: 500;
}
.faq-box .card-body .faq-description{
	position: relative;
	font-size: 15px;
	padding-left: 36px;
}
.icon-alt i{
	font-size: 24px;
	color: #222222;
	padding: 11px 0px;
}
.faq-icon-des{
	float: left;
}
.faq-icon-des i{
	font-size: 25px;
	padding: 4px 0px;
	color: #ff9800;
}
.faq-box .card-header.active{
	background-color: #ff9800;
}
.faq-box .card-header.active .title-text{
	color: #ffffff;
}
.faq-i{
	float: left;
}
.faq-box .card-body .faq-img-dit .faq-description{
	padding-left: 256px;
}

/*-------------------- Blog Grid 2 Area -------------------------------------------------*/

.blog-main{
	padding: 60px 0px;
}
.blog-box{
	margin: 0px 10px;
}
.blog-img-box{
	box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.9);
	-webkit-transition: all 1s ease 0.01s;
	transition: all 1s ease 0.01s;
	position: relative;
}
.blog-img-box .opacity{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.55);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
}
.blog-img-box .opacity span{
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}
.blog-img-box .opacity span a{
	display: table-cell;
	vertical-align: middle;
}
.blog-img-box .opacity span a i{
	display: block;
	font-weight: 300;
	font-style: normal;
	margin: 0 auto;
	color: #ffffff;
	font-size: 60px;
}
.blog-box:hover .blog-img-box .opacity{
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.blog-img-box{}
.blog-img-box img{
	width: 100%;
}
.blog-box:hover .blog-img-box{
	box-shadow: -10px 10px 0px 0px #ff9800;
	-webkit-transition: all 0.5s ease 0.01s;
	transition: all 0.5s ease 0.01s;
}
.blog-detail{
	padding: 30px 20px;
	background: #f5f5f5;
	z-index: 0;
	position: relative;
}
.blog-detail h4{
	font-size: 18px;
	font-weight: 500;
	color: #222222;
}
.blog-detail ul{}
.blog-detail ul li{
	display: inline-block;
	padding: 0px 5px;
}
.blog-detail ul li:first-child {
	padding-left: 0px;
}
.blog-detail p{
	padding: 15px 0px;
}

/*-------------------- Blog Side Area -------------------------------------------------*/

.blog-side{
	padding: 60px 0px;
}
.blog-inner-box{
	position: relative;
	margin: 0px 10px;
	margin-bottom: 30px;
}
.side-blog-img{
	box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.9);
	-webkit-transition: all 1s ease 0.01s;
	transition: all 1s ease 0.01s;
	position: relative;
}
.side-blog-img img{
	width: 100%;
}
.blog-inner-box:hover .side-blog-img{
	box-shadow: -10px 10px 0px 0px #ff9800;
	-webkit-transition: all 0.5s ease 0.01s;
	transition: all 0.5s ease 0.01s;
}
.side-blog-img .opacity{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.55);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
}
.side-blog-img .opacity span{
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}
.side-blog-img .opacity span a{
	display: table-cell;
	vertical-align: middle;
}
.side-blog-img .opacity span a i{
	display: block;
	font-weight: 300;
	font-style: normal;
	margin: 0 auto;
	color: #ffffff;
	font-size: 60px;
}
.blog-inner-box:hover .side-blog-img .opacity{
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.date-blog-up{
	position: absolute;
	left: 0px;
	top: 20px;
	background: #ff9800;
	font-size: 18px;
	color: #ffffff;
	padding: 5px 15px 5px 5px;
	border-radius: 0px 6px 6px 0px;
}
.inner-blog-detail{
	background: #ffffff;
	position: relative;
	padding: 30px 20px;
}
.inner-blog-detail h3{
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 15px;
}
.inner-blog-detail ul{}
.inner-blog-detail ul li{
	display: inline-block;
	padding: 0px 5px;
	color: #222222;
}
.inner-blog-detail ul li i{
	padding-right: 5px;
}
.inner-blog-detail ul li span{
	color: #ff9800;
}
.inner-blog-detail p{
	padding: 10px 0px;
}
.right-side-blog h3{
	font-weight: 500;
	font-size: 18px;
	padding-bottom: 20px;
}
.blog-search-form{
	position: relative;
	border-bottom: 1px solid #333333;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.blog-search-form input{
	width: 100%;
	min-height: 40px;
	border: 1px solid rgba(0,0,0,0.3);
	padding: 5px 40px 5px 10px;
	font-size: 15px;
	color: #222222;
}
.blog-search-form .search-btn{
	position: absolute;
	right: 0px;
	background: none;
	border: none;
	font-size: 20px;
	min-height: 40px;
	padding: 0px 15px;
}
.blog-categories{
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.blog-categories ul{}
.blog-categories ul li{
	line-height: 14px;
	padding: 10px 0px;
	border-top: 1px solid #f5f5f5;
}
.blog-categories ul li a{
	display: inline-block;
	text-transform: capitalize;
	width: 100%;
}
.blog-categories ul li a span:first-child{
	float: left;
	color: #222222;
}
.blog-categories ul li a span{
	float: right;
	color: #ff9800;
}
.blog-categories ul li a:hover span{
	color: #ff9800;
}
.post-box-blog{
	width: 100%;
	display: table;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.recent-box-blog{
	margin-bottom: 20px;
}
.recent-img{
	float: left;
	position: relative;
}
.recent-img::before{
	position: absolute;
	content: '';
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ff9800;
	opacity: 0.4;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.recent-info{
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
}
.recent-info ul{}
.recent-info ul li{
	display: inline-block;
	font-size: 11px;
	padding: 0px;
	color: #222222;
}
.recent-info ul li i{
	padding-right: 4px;
}
.recent-info ul li span{
	color: #ff9800;
}
.recent-info h4{
	font-size: 14px;
	padding: 0px;
	margin: 11px 0px;
	font-weight: 500;
}
.recent-box-blog:hover .recent-img::before{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.blog-tag-box{
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.blog-tag-box ul{}
.blog-tag-box ul li{
	display: inline-block;
	margin-bottom: 3px;
}
.blog-tag-box ul li a{
	padding: 10px 15px;
	display: block;
	background: #f5f5f5;
	color: #222222;
	border-radius: 6px;
}
.blog-tag-box ul li a:hover{
	color: #ffffff;
	background: #ff9800;
}
.pagination-box{
	clear: both;
	position: relative;
	min-height: 56px;
}
.clear:after, .pagination:after, .clear:before, .pagination:before {
	content: "";
	display: table;
}
.clear:after, .pagination:after {
	clear: both;
}
.pagination-wrap {
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(17%, white), color-stop(83%, white), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 17%, white 83%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	height: 50px;
	left: 50%;
	position: absolute;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
	top: 50%;
	width: 700px;
}
.pagination-wrap:before, .pagination-wrap:after {
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(17%, rgba(255, 152, 0, 0.5)), color-stop(83%, rgba(255, 152, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(255, 152, 0, 0.5) 17%, rgba(255, 152, 0, 0.5) 83%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}
.pagination-wrap:before {
	top: -1px;
}
.pagination-wrap:after {
	bottom: -1px;
}

@-webkit-keyframes hoverAnimation {
	from {
	opacity: 1;
	}
	to {
	opacity: 0;
	}
}

@keyframes hoverAnimation {
	from {
	opacity: 1;
	}
	to {
	opacity: 0;
	}
}
.pagination {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pagination li {
	display: block;
	float: left;
	padding: 5px;
}
.pagination li:first-child {
	border: none;
}
.pagination button,
	.pagination span {
	background: none;
	border: none;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
		  box-sizing: border-box;
	color: #222222;
	display: block;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	min-width: 40px;
	padding: 0;
	font-weight: 500;
}
.pagination button {
	outline: none;
	position: relative;
	-webkit-transition: all 170ms linear;
	transition: all 170ms linear;
}
.pagination button:before {
	background: rgba(255, 152, 0, 1);
	border-radius: 50%;
	content: "";
	cursor: pointer;
	height: 0;
	left: 50%;
	opacity: 0;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
	-webkit-transition: all 170ms linear;
	transition: all 170ms linear;
	top: 50%;
	width: 0;
	color: #ffffff;
}
.pagination button:hover:not(.active) {
	color: black;
}
.pagination button:hover:not(.active):before {
	-webkit-animation: hoverAnimation 510ms linear forwards;
		  animation: hoverAnimation 510ms linear forwards;
	height: 40px;
	width: 40px;
}
.pagination button.active {
	background: rgba(255, 152, 0, 0.8);
	color: #fff;
}
.pagination .prev, .pagination .next {
	font-size: 14px;
}
@media (max-width: 800px) {
	/*html, body {
		height: 600px;
		overflow: hidden;
		width: 100%;
	}*/
	.pagination-box{
		overflow: hidden;
	}
}

/*-------------------- Blog Details Area -------------------------------------------------*/

.blog-details-main{
	padding: 60px 0px;
}
.details-page::after {
    clear: both;
    display: table;
    content: '';
}
.details-page blockquote{
	padding: 20px;
}
.details-page blockquote p{
	padding: 0px;
	font-size: 16px;
}
.details-page blockquote {
	border-left: 5px solid #ff9800;
}
.list-blog-detail{
	position: relative;
	margin: 20px 0px;
	width: 100%;
	float: left;
}
.list-blog-detail::after {
    clear: both;
    display: table;
    content: '';
}
.list-blog-detail li{
	width: 50%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #222222;
	cursor: pointer;
	line-height: 33px;
}
.list-blog-detail li i{
	padding: 0px;
	font-size: 20px;
	padding: 2px 0px;
}
.list-blog-detail li:hover{
	color: #ff9800;
}
.blog-inner-details-line{
	margin: 20px 0px;
	clear: both;
	float: left;
	width: 100%;
}
.blog-inner-details-line::after {
    clear: both;
    display: table;
    content: '';
}
.line-left-social{}
.line-left-social h5{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 15px;
}
.line-left-social ul{}
.line-left-social ul li{
	display: inline-block;
	margin-bottom: 5px;
}
.line-left-social ul li a{
	display: block;
	padding: 5px 10px;
	background: #f5f5f5;
	border-radius: 6px;
	font-weight: 400;
	font-size: 12px;
}
.line-left-social ul li a:hover{
	background: #ff9800;
	color: #ffffff;
}
.line-right-social{}
.line-right-social h5{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 15px;
}
.line-right-social ul{}
.line-right-social ul li{
	display: inline-block;
}
.line-right-social ul li a{
	display: block;
	padding: 5px;
	background: #f5f5f5;
	border-radius: 6px;
	font-weight: 500;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 25px;
	font-size: 15px;
}
.line-right-social ul li a:hover{
	background: #ff9800;
	color: #ffffff;
}
.blog-comment-box{
	clear: both;
	margin: 20px 0px;
	float: left;
	width: 100%;
}
.blog-comment-box h3{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 20px;
}
.comment-item{
	margin-bottom: 30px;
}
.comment-item-left{
	float: left;
	width: 90px;
	height: 90px;
}
.comment-item-left img{
	width: 100%;
	border-radius: 6px;
}
.comment-item-right a{
	font-size: 16px;
	font-weight: 500;
}
.comment-item-right a:hover{
	color: #ff9800;
}
.comment-item-right{
	padding-left: 110px;
}
.comment-item-right i{
	padding-right: 10px;
}
.comment-item-right::after {
    clear: both;
    display: table;
    content: '';
}
.des-l{
	display: inline-block;
	width: 100%;
}
.des-l p{
	font-size: 13px;
}
.right-btn-re{
	float: right;
	font-style: italic;
	text-align: right;
	font-size: 16px;
	padding: 5px 10px;
	background: #f5f5f5;
	border-radius: 6px;
}
.right-btn-re i{
	padding-right: 5px;
}
.right-btn-re:hover  {
	background: #ff9800;
	color: #ffffff !important;
}
.blog-comment-box .children{
	margin-left: 70px;
}
.comment-respond-box{
	clear: both;
}
.comment-respond-box h3{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 20px;
}
.comment-form-respond{}
.comment-form-respond::after {
    clear: both;
    display: table;
    content: '';
}
.comment-form-respond input{
	min-height: 38px;
	border: 1px solid #222222;
	border-radius: 6px;
	padding: 10px;
}
.comment-form-respond textarea{
	border: 1px solid #222222;
	border-radius: 6px;
	padding: 10px;
	min-height: 110px;
}
.comment-form-respond .btn-submit{
	float: right;
	background: #f5f5f5;
	border: none;
	padding: 10px 15px;
	border-radius: 6px;
	font-weight: 500;
	cursor: pointer;
}
.comment-form-respond .btn-submit:hover{
	background: #ff9800;
	color: #ffffff;
}

/*-------------------- Contact Us Area -------------------------------------------------*/

.contact-main{
	padding: 60px 0px;
}

.contact-left-slide h3{
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 20px;
}
.box-contact-inner{}
.box-contact-inner h4{
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 20px;
}
.contact-box{
	text-align: center;
	border: 1px solid #e8e8e8;
	height: 200px;
	padding: 20px;
	display: table;
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
.contact-description{
	color: #222222;
	position: relative;
	top: 0px;
	z-index: 10;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.contact-description p{
	font-size: 13px;
}
.contact-description p i{
	font-size: 16px;
	padding-right: 5px;
}
.contact-box:hover .contact-description{
	color: #fff;
	top: 10px;
}
.contact-box::after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ff9800;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.contact-box i.icon-c{
	font-size: 40px;
	position: relative;
	z-index: 10;
	line-height: 60px;
	color: #222222;
}
.contact-box:hover::after {
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}
.contact-box .icon-c::before{
	top: 0;
	z-index: 10;
	margin-left: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.contact-box:hover .icon-c::before{
	color: rgba(255, 255, 255, 0.50);
	font-size: 70px;
	transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
}
.box-contact-right-form{}
.box-contact-right-form h3{
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 20px;
}
.box-contact-right-form p{
	font-size: 16px;
	margin-bottom: 10px;
}
.contact-right-form{}
.contact-right-form .form-group{
	margin-bottom: 25px;
}
.contact-right-form .form-group input{
	width: 100%;
	min-height: 45px;
	padding: 5px 15px;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.contact-right-form .form-group input:focus{
	border: 1px solid #ff9800;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.contact-right-form .form-group textarea{
	width: 100%;
	min-height: 120px;
	padding: 5px 15px;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.contact-right-form .form-group textarea:focus{
	border: 1px solid #ff9800;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.contact-right-form .form-group .theme-btn{
	background: #ff9800;
	padding: 5px 15px;
	font-size: 17px;
	float: left;
	text-transform: capitalize;
	font-weight: 500;
	border-radius: 6px;
	color: #fff;
	transition: all .5s ease;
	border: none;
	cursor: pointer;
}
#map {
    width: 100%; height: 500px; margin-top: 0px; margin-bottom: 0px;
}