/*____date style outline========*/

.date-style-outline {
	margin-bottom: 30px;
}

.date-style-outline .post-date {
	color: #000;
	position: absolute;
	left: 20px;
	top: 20px;
	text-align: center;
	text-transform: uppercase;
	background-color: #f5bf23;
	z-index: 1;
	padding: 10px 15px;
}

.date-style-outline .post-date strong {
	font-size: 32px;
	line-height: 28px;
	padding: 0px;
	position: relative;
}

.date-style-outline .post-date i {
	display: none;
}

.date-style-outline .post-date span {
	font-size: 12px;
	font-weight: 500;
	padding: 0px;
	display: block;
}

.date-style-outline2 {
	padding: 0px 0px 0px 90px;
	margin-bottom: 60px;
}

.date-style-outline2 .post-date {
	color: #000;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	text-transform: uppercase;
	background-color: #f1f1f1;
	z-index: 1;
	padding: 10px 15px;
}

.date-style-outline2 .post-date strong {
	font-size: 32px;
	line-height: 28px;
	padding: 0px;
	position: relative;
	
}

.date-style-outline2 .post-date i {
	display: none;
}

.date-style-outline2 .post-date span {
	font-size: 12px;
	font-weight: 500;
	padding: 0px;
	display: block;
}

.date-style-outline2 .mt-post-meta a {
	color: #000;
}



@media only screen and (max-width:360px) {
	.date-style-outline {
		padding-top: 70px;
	}
	.date-style-outline .post-date span {
		display: inline;
	}
	.date-style-outline .post-date {
		left: 0px;
		top: 20px;
	}
}


/*____date style outline End========*/
.recent-posts-entry-date .widget-post:last-child{
	border:none;
}
.recent-posts-entry-date .mt-post-date{
	background-color:#0e0e0e;
	width:50px;
	float:left;
}
.recent-posts-entry-date .mt-post-date strong{
	display:block;
	font-size:24px;
}
.recent-posts-entry-date .mt-post-date span{
	display: block;
	font-size:9px;
	text-transform:uppercase;
	font-weight: 600;
}
.recent-posts-entry-date .mt-post-info{
	margin-left:70px;
}
.recent-posts-entry-date .mt-post-info .post-title{
	margin-bottom:10px;
}
.recent-posts-entry-date .mt-post-info .mt-post-meta ul{
	margin-bottom:0px;
}
.recent-posts-entry-date .mt-post-info .mt-post-meta ul li{
	font-weight:normal;
	font-size:12px;
	padding: 0px;
	display: inline-block;
	color:inherit;
}

.recent-posts-entry-date .mt-post-info .mt-post-meta ul li i{
	color: #7b7b7b;
	margin: 0 5px;
}recent-posts-entry-date	 .mt-post-info .post-title{
	font-weight:bold;
	margin-top: 0px;
}



/*-------------------------------------
	if no image with blog post Latest-blog-3
-------------------------------------*/

.date-style-1.post-overlay .mt-post-info {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: table;
}

.date-style-1.post-overlay {
	height: 498px;
}

.date-style-1.post-overlay .mt-post-info .post-overlay-position {
	display: table-cell;
	vertical-align: bottom;
}

.date-style-1.post-overlay .mt-post-meta a {
	color: #fff;
}

.date-style-1.post-overlay .mt-post-meta li{
	color: #fff;
}


.date-style-1.post-overlay .mt-post-meta i {
	color: #fff;
}
.date-style-1 .mt-post-media img {
	width:100%;
}

.date-style-1 .mt-post-meta .post-date strong {
	font-size: 38px;
	line-height: 38px;
	border-bottom: 3px solid;
	min-height: 56px;
	display: inline-block;
	margin-right:10px;
}



/*=====================================*/

.latest-blog-4.post-overlay .mt-post-info {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: table;
}

.latest-blog-4.post-overlay {
	height: 360px;
}

.latest-blog-4.post-overlay .mt-post-info .post-overlay-position {
	display: table-cell;
	vertical-align: bottom;
}

.latest-blog-4.post-overlay .mt-post-meta a {
	color: #fff;
}

.latest-blog-4.post-overlay .mt-post-meta i {
	color: #fff;
}

.latest-blog-4.blog-md .mt-post-media {
	width: 230px;
	float: left;
	margin-right: 30px;
}

.latest-blog-4.blog-md .mt-post-info {
	border: none;
}

.latest-blog-4.blog-md .mt-post-tags {
	border: none;
	display: inline-block;
	padding: 0;
}

.latest-blog-4.blog-md .mt-post-meta i {
	color: #222222;
}

@media only screen and (max-width:991px) {
	.latest-blog-4.post-overlay {
		height: 360px;
	}
}

@media only screen and (max-width:640px) {
	.latest-blog-4.blog-md .mt-post-media {
		width: 100%;
	}
}

.black-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,000000+50&0+50,0.65+92 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0) 92%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0) 92%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0) 92%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	/* IE6-9 */
}


/*======================================
HEADER (top part of page)
======================================*/

.site-header {
	position: relative;
	z-index: 999;
}

@media only screen and (max-width:1200px) {
	.site-header .container {
		width: auto;
	}
}

.site-header ul,
.site-header ol {
	margin-bottom: 0;
}

@media only screen and (max-width:991px) {
	.sticky-wrapper {
		height: auto !important;
	}
}


/*-------------------------------------
	header full screen
-------------------------------------*/

.nav-wide .container {
	width: 100%;
}


/*-------------------------------------
	without top bar
-------------------------------------*/

.extra-nav {
	display: table;
	float: right;
	height: 50px;
	position: relative;
	z-index: 9;
}

.extra-nav .extra-cell {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}

.extra-nav .extra-cell > a{
	font-size:18px;
}
.extra-nav .extra-cell > a i.arrow-animation{
	font-size:24px;
}
/*-------------------------------------
	map page header
-------------------------------------*/

#header-part.fix-map-header {
	height: 90px;
}

#header-part.fix-map-header .main-bar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

@media only screen and (max-width:480px) {
	#header-part.fix-map-header {
		height: 160px;
	}
}


/*____ LOGO ( company identify  symbol )
======================================*/


/*-------------------------------------
	logo for header 
-------------------------------------*/

.logo-header {
	display: table;
	float: left;
	width: 400px;
	height: 70px;
	vertical-align: middle;
	padding: 0;
	font-size: 36px;
	color: #1bbce8;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	z-index: 11;
}

.logo-header-inner {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

.logo-header-inner img {
	max-width: 100%;
	max-height: 100%;
}


@media only screen and (max-width:991px) {
	.logo-header {
		width: 120px;
	}
}

@media only screen and (max-width:480px) {
	.logo-header {
		width: 200px;
	}
}

.logo-footer {
	display: table;
	width: 100%;
	height: 70px;
	vertical-align: middle;
	padding: 0;
	font-size: 36px;
	color: #1bbce8;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	z-index: 9;
}

.logo-footer-inner {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

.logo-footer-inner img {
	max-width: 100%;
	max-height: 100%;
}


/*-------------------------------------
	when header is sticky 
-------------------------------------*/

.is-fixed .logo-header {
	height: 70px;
}


/*____MAIN BAR ( place logo & main-navigation )
======================================*/

.appint-btn a{
	font-size:12px;
	color:#222;
	text-transform:uppercase;
	font-weight:600;
	letter-spacing:1px;
}
.appint-btn a:hover{
	background-color:#222;
	color:#fff;
}
/*-------------------------------------
	eamil-phone (left) 
-------------------------------------*/
.e-p-bx{
padding:7px 0px;
}
.e-p-bx li {
	display: inline;
	font-size: 12px;
	padding-right: 10px;
	font-weight: 500;
}

.e-p-bx li a {
	color: #FFF;
}

.e-p-bx li i {
	margin-right: 5px;
	vertical-align: middle;
}


/*-------------------------------------
	social-links (right) 
-------------------------------------*/

.social-bx,
.login-bx {
	margin: 0 0 0 15px;
	float: right;
}

@media only screen and (max-width: 480px) {
	.social-bx,
	.e-p-bx,
	.login-bx {
		margin-top: 5px;
		margin-bottom: 5px !important;
	}
}

.social-bx li,
.login-bx li {
	font-size: 12px;
	margin: 0;
	position: relative;
}

.social-bx li {
	padding-left: 2px;
	padding-right: 2px;
}

.social-bx li a,
.login-bx li a {
	color: #000;
	font-size: 14px;
}

.social-bx li i,
.login-bx li i {
	vertical-align: baseline;
	margin: 0 5px 0 0;
}

.social-bx li span,
.login-bx li span {
	vertical-align: baseline;
	margin: 0 2px 0;
	font-size: 8px;
}

.login-bx li ul {
	top: 25px;
	left: auto;
	right: 0;
	border: none;
	padding: 0;
}

.login-bx li ul li {
	border-bottom: 1px solid #F7F7F7;
}

.login-bx li ul li a {
	color: #767676;
	padding: 9px 15px;
}

.arrow-up-border:before,
.arrow-up:after {
	position: absolute;
	display: inline-block;
	content: '';
}

.arrow-up-border:before {
	top: -7px;
	right: 19px;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #F00;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
}

.arrow-up:after {
	top: -6px;
	right: 20px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
}

.arrow-left:before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.arrow-left:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}


/*------------- top share icon block ----------------------*/

.share-icon-btn {
	display: block;
}

.share-icon-btn .dropdown-menu {
	padding: 0px 20px;
	min-width: 60px;
	top: 53px;
	left: -10px;
}

.share-icon-btn .social-bx {
	clear: both;
	float: none;
	margin-left: 0px;
}

.share-icon-btn .social-bx.list-inline>li {
	display: block;
	margin: 10px 0px 15px 0px;
}

.share-icon-btn2 {
	display: block;
}

.share-icon-btn2 .dropdown-menu {
	padding: 0px 20px;
	min-width: 60px;
	top: 53px;
	left: -10px;
}

.share-icon-btn2 .social-bx {
	clear: both;
	float: none;
	margin-left: 0px;
}

.share-icon-btn2 .social-bx.list-inline>li {
	display: block;
	margin: 10px 0px;
}

@media only screen and (max-width: 991px) {

	.header-top-info .mt-topbar-right {
		padding-left: 0px;
		padding-right: 0px;
	}
	.header-top-info .social-bx {
		margin-left: 0px;
	}
}

@media only screen and (max-width:480px) {
	.header-top-info {
		display: none;
	}
}


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

.main-bar {
	position: relative;
	width: 100%;
	padding: 1px 0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.main-bar::after,
.main-bar::after {
	clear: both;
	content: "";
	display: table;
}


/*main bar with box view*/

@media only screen and (max-width: 480px) {
	.main-bar {
		padding-left: 0px;
		padding-right: 0px;
	}
}


/*header info css*/

.header-info {
	float: right;
	padding: 10px 0;
}

.header-info>ul {
	list-style: none;
	display: table;
}

.header-info>ul li {
	display: table-cell;
	padding: 15px 10px;
	vertical-align: middle;
}

.header-info>ul li .icon-sm {
	float: left;
	margin-right: 15px;
}

.header-info>ul li strong {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #1a1a1a;
}


@media only screen and (max-width:767px) {
	.header-info>ul li.btn-col-last,
	.header-info {
		display: none;
	}
}

.header-botton {
	background-color: #222;
}

.header-botton .header-nav .nav {
	float: none;
}

.header-botton .header-nav .nav>li>a {
	padding: 20px 12px;
	color: #fff;
}

.header-botton .extra-nav {
	padding: 13px 0;
}

.header-botton .extra-nav .site-search-btn {
	color: #fff;
	padding: 7px 15px;
}

.header-botton .extra-nav .mt-cart .woo-cart-count {
	border: 2px solid #fff;
	color: #fff;
	min-width: 36px;
	padding: 5px 5px 5px;
}

.header-botton .extra-nav .mt-cart .woo-cart-count::before {
	border-color: #fff;
}





.header-style-1 .is-fixed.color-fill .main-bar {
	background: #fff;
}



.top-bar.bg-gray{
	color:inherit;
	padding:0px 0;
	background-color:#eeeeee;
}
.top-bar.bg-gray .fa{color:#222;}
.top-bar .fa {
	color:#ffffff;
	vertical-align: middle;
	background-color:rgba(0,0,0,0.08);
	border:1px solid rgba(0,0,0,0.01);
	padding:3px;
	width:22px;
	height:22px;
	text-align:center;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}
	
	
.mt-topbar-left,
.mt-topbar-right,
.mt-topbar-center {
	padding-left:15px;
	padding-right:15px;
}
.mt-topbar-left {
	float:left;
}
.mt-topbar-right {
	float:right;
}
.mt-topbar-center {
	text-align:center;
}
	
@media only screen and (max-width: 991px) {
.header-style-1 .mt-topbar-left,
.header-style-1 .mt-topbar-right {
	padding-top:0px;
	padding-bottom:0px;
}

}
@media only screen and (max-width: 767px) {
.header-style-1 .mt-topbar-left ul li{
	display:block;
	padding-bottom:1px;
}
.header-style-1 .mt-topbar-left ul li:last-child{
	padding-bottom:0px;
}
.header-style-1 .top-bar .row{
    display:table;
	width:100%;
	float:none;
	margin: 0px;
}
.header-style-1 .top-bar .row .mt-topbar-left,
.header-style-1 .top-bar .row .mt-topbar-right{
    display:table-cell;
	vertical-align:middle;
	float:none;
	padding:0px;
}

.header-style-1 .top-bar .row .mt-topbar-left{
	text-align:left
}
.header-style-1 .top-bar .row .mt-topbar-left .e-p-bx{
	float:none !important;
}

 .header-style-1 .top-bar .row .mt-topbar-right{
    text-align:right;
}


}
@media only screen and (max-width: 480px) {

.header-style-1 .top-bar .row .mt-topbar-left,
.header-style-1 .top-bar .row .mt-topbar-right{
    display:block;
	vertical-align:middle;
	float:none;
	padding:0px;
	margin-bottom:10px;
}
.header-style-1 .top-bar .row .mt-topbar-left{
	text-align:left
}
 .header-style-1 .top-bar .row .mt-topbar-right{
    text-align:left;
}

}



.top-bar.bg-gray{
	color:inherit;
}

/*____ NAVIGATIONS 
======================================*/


/*-------------------------------------
	mega-menu
-------------------------------------*/

.navbar-toggle {
	border: none;
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 15px;
	margin-right: -10px;
	padding: 12px 10px;
}

.navbar-toggle .icon-bar {
	background: #000;
	height: 3px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

@media only screen and (max-width:480px) {
	.navbar-toggle {
		margin-left: 10px;
	}
	.extra-nav .extra-cell {
		margin-left: 0;
	}
}

.is-fixed .navbar-toggle {
	margin-top: 14px;
	margin-bottom: 14px;
}

.header-nav {
	position: relative;
	padding: 0px;
	z-index: 7;
}

.header-nav .nav {
	float: right;
}

.header-nav .nav i {
	font-size: 9px;
	margin-left: 3px;
	margin-top: -3px;
	vertical-align: middle;
	opacity: 0.7;
}

.header-nav .nav>li {
	font-weight: 500;
	position: relative;
	text-transform: uppercase;
	margin:0;
	padding: 10px 0;
}

.header-nav .nav>li>a {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	color: #333;
	font-size: 14px;
	padding: 15px 12px;
	cursor: pointer;
	margin: -10px 0;
	font-weight: 600;
	display:block ;
}

.header-nav .nav>li>a:hover {
	background-color: transparent;
	color: #f00;
}

.header-nav .nav>li>a:active,
.header-nav .nav>li>a:focus {
	background-color: transparent;
}

.header-nav .nav>li.active>a,
.header-nav .nav>li.current-menu-item>a {
	background-color: transparent;
	color: #F5BF23;
}

.header-nav .nav>li:hover>a {
	color: #F5BF23;
}

.header-nav .nav>li:hover>.sub-menu,
.header-nav .nav>li:hover>.mega-menu {
	opacity: 1;
	visibility: visible;
	margin-top: 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;
}

.header-nav .nav>li .sub-menu {
	background-color: #ffffff;
	border: 1px solid #f4f4f4;
	display: block;
	left: 0;
	top: 100%;
	list-style: none;
	margin: 20px 0 0;
	opacity: 0;
	padding: 0px;
	position: absolute;
	visibility: hidden;
	width: 220px;
	z-index: 10;
}

.header-nav .nav>li .sub-menu li {
	position: relative;
	text-transform: none;
}

.header-nav .nav>li .sub-menu li a {
	color: #000;
	display: block;
	font-size: 14px;
	padding: 14px 20px;
	font-weight: 400;
	border-left:0px solid transparent;	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}

.header-nav .nav>li .sub-menu li a:hover {
	color: #000;
	text-decoration: none;
	border-left:10px solid  #F5BF23;	
}

.header-nav .nav>li .sub-menu li a:hover:after {
	width: 4px;
	left: -1px;
}

.header-nav .nav>li .sub-menu li:hover>a {
	color: #000;
	background-color: #f6f6f6;
}

.header-nav .nav>li .sub-menu li:last-child {
	border-bottom: 0px;
}

.header-nav .nav>li .sub-menu li .fa {
	color: #000;
	display: block;
	float: right;
	position: absolute;
	right: 10px;
	top: 6px;
}

.header-nav .nav>li .sub-menu li:hover .fa {
	color: #000;
}

.header-nav .nav>li .sub-menu li>.sub-menu {
	left: 220px;
	top: 0px;
	margin: 0 0 0 20px;
	-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;
}

.header-nav .nav>li .sub-menu li:hover>.sub-menu {
	left: 220px;
	margin: 0px;
	opacity: 1;
	top: -1px;
	visibility: visible;
}

.header-nav .nav>li .sub-menu li:hover>.sub-menu:before {
	background-color: transparent;
	bottom: 0px;
	content: '';
	display: block;
	height: 100%;
	left: -6px;
	position: absolute;
	top: 0px;
	width: 6px;
}

.header-nav .nav>li.has-mega-menu {
	position: inherit;
}

.header-nav .nav>li .mega-menu li a>i {
	font-size: 13px;
	margin-right: 5px;
	min-width: 20px;
}

.header-nav .nav>li .mega-menu {
	background-color: #ffffff;
	border: 1px solid #e9e9e9;
	display: table;
	left: 0px;
	list-style: none;
	opacity: 0;
	position: absolute;
	right: 0px;
	visibility: hidden;
	width: 100%;
	margin-top: 20px;
	z-index: 10;
}

.header-nav .nav>li .mega-menu>li {
	display: table-cell;
	padding: 10px 0;
	position: relative;
	vertical-align: top;
	width: 25%;
	text-transform: none;
}

.header-nav .nav>li .mega-menu>li:after {
	content: "";
	background-color: rgba(204, 204, 204, 0.4);
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 1px;
	height: 100%;
}

.header-nav .nav>li .mega-menu>li:last-child:after {
	display: none;
}

.header-nav .nav>li .mega-menu>li>a {
	color: #555555;
	display: block;
	font-size: 14px;
	padding: 0 20px;
}

.header-nav .nav>li .mega-menu>li ul {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.header-nav .nav>li .mega-menu>li ul a {
	color: #474747;
	display: block;
	font-size: 13px;
	line-height: 34px;
	padding: 2px 20px;
}

.header-nav .nav>li .mega-menu>li ul a:hover {
	color: #1BBCE8;
	background-color: #F2F2F2;
}

.header-nav .nav>li.menu-item-has-children:before {
	content: "\f078";
	display: block;
	font-family: "FontAwesome";
	right: 4px;
	position: absolute;
	top: 50%;
	color: #999;
	margin-top: -8px;
	font-size: 8px;
}


/*-- Submenu direction---*/

.header-nav .nav>li.submenu-direction .sub-menu {
	left: auto;
	right: 0;
}

.header-nav .nav>li.submenu-direction .sub-menu li>.sub-menu {
	left: auto;
	right: 220px;
	margin: 0 20px 0 0;
}

.header-nav .nav>li.submenu-direction .sub-menu li:hover>.sub-menu {
	left: auto;
	right: 220px;
	margin: 0 0 0 0;
}

.has-child .submenu-toogle {
	position: absolute;
	right: 4px;
	top: 4px;
	color: #000;
	background-color: transparent;
	z-index: 900;
	cursor: pointer;
	padding: 10px;
	font-size: 18px;
	display: none;
}

.header-nav .has-child li .submenu-toogle {
	opacity: 0.9;
}

.header-nav .has-child.nav-active>a+.submenu-toogle.fa.fa-angle-right:before {
	content: "\f107";
}


/*.header-nav .nav > li:last-child{display:none;}*/

@media only screen and (max-width: 991px) {
	header .logo {
		display: block;
		padding: 4px 0;
	}
	.header-nav .nav i {
		margin-top: 6px;
	}
	.header-nav .nav li.has-child.nav-active>a {
		color: #F5BF23;
	}
}

@media only screen and (max-width: 991px) {
	/* responsive strat when media screen [991px] css START*/
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
		margin-top: 14px;
		margin-bottom: 14px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-collapse.collapse.in {
		display: block!important;
	}
	/* Responsive strat when medai screen [991px] css END*/
	.header-nav {
		clear: both;
		margin: 0 -15px;
		border-bottom: 1px solid #E9E9E9;
	}
	.header-nav .nav {
		float: none;
		margin: 0;
		background: #fff;
	}
	.header-nav .nav li {
		float: none;
	}
	.header-nav .nav>li .sub-menu>li,
	.header-nav .nav>li .mega-menu>li {
		float: none;
		display: block;
		width: auto;
	}
	.header-nav .nav li .sub-menu>li a {
		padding-left: 30px;
	}
	.header-nav .nav>li>a {
		padding: 12px 15px;
		border-top: 1px solid #E9E9E9;
		color: #777;
	}
	.header-nav .nav>li.active>a,
	.header-nav .nav>li.current-menu-item>a {
		color: #000;
	}
	.header-nav .nav i {
		float: right;
	}
	.header-nav .nav>li>a:hover,
	.header-nav .nav>li>a:active,
	.header-nav .nav>li>a:focus {
		background-color: #f0f0f0;
		text-decoration: none;
	}
	.header-nav .nav>li .mega-menu>li:after {
		display: none;
	}
	.header-nav .nav>li ul,
	.header-nav .nav>li .sub-menu,
	.header-nav .nav>li .mega-menu {
		display: none;
		position: static;
		visibility: visible;
		width: auto;
		background: #f9f9f9;
	}
	.header-nav .nav>li ul.mega-menu ul {
		display: block;
	}
	.header-nav .nav>li .mega-menu>li {
		padding: 0px;
	}
	.header-nav .nav>li ul.mega-menu li:hover ul {
		display: block;
	}
	.header-nav .nav li.has-child {
		position: relative;
	}
	.header-nav .nav li .sub-menu,
	.header-nav .nav li .mega-menu {
		opacity: 1;
		margin: 0 !important;
	}
	.has-child .submenu-toogle {
		display: block;
	}
}



.right-nav-header {
	display: table-header-group;
	vertical-align: top;
}

.right-nav-header .r-nav-h-content {
	vertical-align: middle;
	display: table-cell;
}

.right-nav-footer {
	display: table-footer-group;
}

.right-nav-footer .r-nav-f-content {
	vertical-align: bottom;
	display: table-cell;
}

.social-rounded {
	text-align: center;
}

.social-rounded li a {
	font-size: 12px;
	color: #000;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.social-rounded li a:hover {
	background-color: #000;
	color: #fff;
}

@media only screen and (max-width: 360px) {
	.social-rounded.list-inline>li {
		padding-right: 0px;
	}
}

.vertical-content-wrap .right-nav-header,
.vertical-content-wrap .vertical-content-area,
.vertical-content-wrap .right-nav-footer {
	position: relative;
	top: 20px;
	opacity: 0;
}

.vertical-content-wrap .right-nav-header {
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.vertical-content-wrap .vertical-content-area {
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

.vertical-content-wrap .right-nav-footer {
	-webkit-transition: all 1.5s ease-in;
	-moz-transition: all 1.5s ease-in;
	-ms-transition: all 1.5s ease-in;
	-o-transition: all 1.5s ease-in;
	transition: all 1.5s ease-in;
}


/*-------------------------------------
	header dark
-------------------------------------*/

.header-dark-1 .main-bar{
	background-color:#1a1a1a;
}
.header-dark-1 .main-bar .header-nav .nav > li.active > a{
	color:#f5bf23;
}
.header-dark-1 .main-bar .header-nav .nav > li > a{
	color:#fff;
}
.header-dark-1 .main-bar .header-nav .nav > li:hover > a{
	color:#f5bf23;
}

.header-dark-1 .main-bar .header-nav .nav > li .sub-menu li .fa {
    color: #fff;
}
.header-dark-1 .main-bar .header-nav .nav > li .sub-menu li:hover > a {
    background-color: #121212;
}

.header-dark-1 .main-bar .extra-cell a{
   color: #fff;
}

.header-dark-1 .main-bar .navbar-toggle .icon-bar{
   background-color: #fff;
}
	
.header-style-1.header-dark-1 .is-fixed.color-fill .main-bar {
	background: #1a1a1a !important;
}	

/*-------------------------------------
	nav dark version
-------------------------------------*/

.nav-dark.header-nav .nav>li .sub-menu,
.nav-dark.header-nav .nav>li .mega-menu {
	background-color: #1a1a1a;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.nav-dark.header-nav .nav>li .sub-menu li {
	border-bottom: 1px solid #23282f;
}

.nav-dark.header-nav .nav>li .sub-menu li:last-child {
	border-bottom: 0px;
}

.nav-dark.header-nav .nav>li .sub-menu li a,
.nav-dark.header-nav .nav>li .mega-menu>li ul a,
.nav-dark.header-nav .nav>li .mega-menu>li>a {
	color: #fff;
}


/*.nav-dark.header-nav .nav > li .sub-menu li a:hover {
	background-color: #F5BF23;
	color: #000;
}*/

.nav-dark.header-nav .nav>li .mega-menu>li ul a:hover {
	background-color: #23282f;
	color: #FFBC13;
}

.nav-dark.header-nav .nav>li .mega-menu>li:after {
	background-color: rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 991px) {
	.nav-dark.header-nav {
		border-bottom: 1px solid rgba(0, 0, 0, 0.8);
	}
	.nav-dark.header-nav .nav {
		background-color: #0f0f0f;
	}
	.nav-dark.header-nav .nav>li>a {
		border-top: 1px solid rgba(0, 0, 0, 0.2);
	}
	.nav-dark.header-nav .nav>li>a {
		color: #fff;
	}
	.nav-dark.header-nav .nav>li>a:hover,
	.nav-dark.header-nav .nav>li>a:active,
	.nav-dark.header-nav .nav>li>a:focus {
		background-color: #1a1a1a;
		color: #FFBC13;
	}
	.nav-dark.header-nav .nav>li ul,
	.nav-dark.header-nav .nav>li .sub-menu,
	.nav-dark.header-nav .nav>li .mega-menu {
		background-color: #1a1a1a;
	}
	
	.nav-dark .has-child .submenu-toogle{
		color:#fff;
	}

}


/*-------------------------------------
	when header is sticky
-------------------------------------*/

.sticky-no .main-bar {
	position: static !important;
}


/*-------------------------------------
	when header is sticky
-------------------------------------*/

.is-fixed .main-bar {
	position: fixed;
	top: 0;
	left: 0;
}


/*-------------------------------------
 header id Fixed
-------------------------------------*/


/*.is-fixed.color-fill .main-bar {    padding:0px 64px;}*/

.is-fixed.color-fill .header-nav .nav>li {
	margin: 0;
	padding: 0;
}

.is-fixed.color-fill .header-nav .nav>li>a {
	margin: 0;
	padding: 15px 12px;
}

@media only screen and (max-width:767px) {
	.main-bar,
	.is-fixed .main-bar,
	.is-fixed.color-fill .main-bar {
		padding: 0px;
	}
}


/*-------------------------------------
	header with bg primary color 1
-------------------------------------*/

.bg-primary .header-nav .nav>li>a {
	color: #fff;
}

.bg-primary .header-nav .nav>li:hover>a,
.bg-primary .header-nav .nav>li.active>a,
.bg-primary .header-nav .nav>li.current-menu-item>a {
	color: #1a1a1a;
}

.bg-primary .site-search-btn,
.bg-primary .mt-cart .woo-cart-total,
.bg-primary .mt-cart .woo-cart-count {
	color: #fff;
}

.bg-primary .mt-cart .woo-cart-count,
.bg-primary .mt-cart .woo-cart-count::before {
	border-color: #fff;
}

.bg-primary .navbar-toggle .icon-bar {
	background-color: #fff;
}

@media only screen and (max-width:991px) {
	.bg-primary .header-nav .nav>li>a {
		color: #777;
	}
	.bg-primary .header-nav .nav>li:hover>a,
	.bg-primary .header-nav .nav>li.active>a,
	.bg-primary .header-nav .nav>li.current-menu-item>a {
		color: #FFBC13;
	}
	.header-nav .nav>li {
		margin: 0;
		padding: 0;
	}
	.header-nav .nav>li>a {
		margin: 0;
		padding: 10px 12px;
		font-weight: 600;
	}
	.is-fixed.color-fill .header-nav .nav>li {
		margin: 0;
		padding: 0;
	}
	.is-fixed.color-fill .header-nav .nav>li>a {
		margin: 0;
		padding: 10px 12px;
	}
}



/*-------------------------------------
	 header style 2 
-------------------------------------*/ 
.header-style-2 .top-bar{
	padding: 10px 0;
}
.header-style-2 .top-bar .e-p-bx{
	padding: 0px;
}
.header-style-2 .main-bar {
	max-width:1140px;
	margin:0 auto -60px;
}
.header-style-2 .is-fixed .header-nav .nav > li > a {
    padding: 20px 12px;
}
.header-style-2 .is-fixed .navbar-toggle {
    margin-top: 10px;
    margin-bottom: 10px;
}
.header-style-2 .main-bar .container {
	width:100%;
	max-width:100%;
}
.header-style-2 .is-fixed .main-bar {
	margin:0px -570px;
	left:50%;
	padding:0px;
}
.header-style-2 .is-fixed .extra-nav {
    padding: 15px 0px;
}

.header-style-2 .logo-header{
	height:90px;
}
.header-style-2 .logo-header a {
	display: table-cell;
	vertical-align: middle;
}


.header-style-2 .extra-nav .extra-cell {
    display: table-cell;
    padding: 0px 15px;
    vertical-align: middle;
}
.header-style-2 .extra-nav {
	padding:5px 0px;
    display: table;
    float: right;
    height: auto;
    position: relative;
    z-index: 9;
}
.header-style-2 .extra-cell > a{
	color:#fff;
}
.header-style-2 .extra-cell > a{
	color:#fff;
}


@media only screen and (max-width:1200px) { 
.header-style-2 .main-bar,
.header-style-2 .is-fixed .main-bar {
	max-width:100%;
	margin:0;
	left:0;
}
}


@media only screen and (max-width: 991px) {
	.header-style-2 .logo-header {
		float:none;
		text-align:center;
		width: 100%;
		height:60px;
	}
	
	.header-style-2 .logo-header a img {
		max-width:160px;
	}	
	.header-style-2 .header-info {
		float:none;
	}

.header-style-2 .header-info > ul {
    list-style: none;
    display: table;
	width:100%;
}
	
}

@media only screen and (max-width:991px) {
	.header-style-2 .header-botton .navbar-toggle {
		float: left;
		margin: 0px 0px;
	}
	.header-style-2 .header-botton .navbar-toggle span {
		background-color: #fff;
	}
	.header-style-2 .header-botton .header-nav .nav>li>a {
		padding: 12px 12px;
		color: #777;
	}
	.header-style-2 .is-fixed .header-botton .navbar-toggle {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.header-style-2 .header-info > ul li.btn-col-last {
		text-align:right;
	}		
}

@media only screen and (max-width:767px) {
	.header-middle .logo-header {
		float: none;
		margin: 9px auto;
	}
}


/*===cart btn===*/

.cart-right-btn {
	background: none;
	border: none;
	outline: none;
	color: #000;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
}


/*===cart box ===*/

.cart-box-inner {
	width: 220px;
	border: 2px solid #666;
	position: fixed;
	right: -250px;
	background-color: #fff;
}


/*===cart box inner ===*/

.nav-cart-items {
	position: relative;
}

.nav-cart-items:before {
	border-bottom: 8px solid #efefef;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	right: 15px;
	top: -12px;
	width: 0;
}

.nav-cart-title {
	border-bottom: 1px solid #eee;
}

.nav-cart-title h4 {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0px;
	text-transform: uppercase;
}

.nav-cart-item {
	border-top: 1px solid #f5f5f5;
	margin-top: 15px;
	padding-top: 15px;
}

.nav-cart-item:first-child {
	border-top: 0 none;
	margin-top: 0;
	padding-top: 0;
}

.nav-cart-item-image {
	border: 2px solid #eee;
	float: left;
	height: 48px;
	margin-right: 15px;
	transition: border-color 0.2s linear 0s;
	width: 48px;
}

.nav-cart-item-image a,
.nav-cart-item-image img {
	display: block;
	height: 44px;
	width: 44px;
}

.nav-cart-item-image:hover {
	border-color: #243447;
}

.nav-cart-item-desc {
	overflow: hidden;
	position: relative;
}

.nav-cart-item-desc a {
	font-size: 12px;
	height: auto;
	text-align: left;
	width: auto;
	color: #000;
}

.nav-cart-item-desc a:hover {
	color: #243447;
}

.nav-cart-item-desc span.nav-cart-item-price {
	color: #999;
	display: block;
	font-size: 12px;
	line-height: 20px;
}

.nav-cart-item-desc a.nav-cart-item-quantity {
	color: #444;
	display: block;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 2px;
	padding: 0px 5px 2px 5px;
}

.nav-cart-item-desc a:hover.nav-cart-item-quantity {
	background-color: #000;
	color: #fff;
}

.nav-cart-action {
	border-top: 1px solid #eee;
}


/*____BANNER
======================================*/


/*-------------------------------------
	inner page banner 
-------------------------------------*/

.mt-bnr-inr {
	height: 360px;
	background-size: cover;
	background-position: center center;
	display: table;
	width: 100%;
}

.mt-bnr-inr .container {
	display: block;
	height: 100%;
}

.mt-bnr-inr-entry {
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
	position: relative;
	z-index: 1;
	vertical-align:middle;
	width:600px;
}


.mt-bnr-inr-entry .banner-title-outer {
	position: relative;
	margin-bottom:20px;
	border-left:10px solid #f5be23;
	border-right:10px solid #f5be23;
	position:relative;
}
.mt-bnr-inr-entry .banner-title-outer:after,
.mt-bnr-inr-entry .banner-title-outer:before,
.mt-bnr-inr-entry .banner-title-outer .banner-title-name:after,
.mt-bnr-inr-entry .banner-title-outer .banner-title-name:before{
	content:"";
	position:absolute;
	background-color:#f5be23;
}
.mt-bnr-inr-entry .banner-title-outer:after{
	width:30px;
	height:10px;
	top:0px;
	left:0px;
}
.mt-bnr-inr-entry .banner-title-outer:before{
	width:30px;
	height:10px;
	bottom:0px;
	left:0px;
}

.mt-bnr-inr-entry .banner-title-outer .banner-title-name:after{
	width:30px;
	height:10px;
	top:0px;
	right:0px;
}
.mt-bnr-inr-entry .banner-title-outer .banner-title-name:before{
	width:30px;
	height:10px;
	bottom:0px;
	right:0px;
}


.mt-bnr-inr-entry .banner-title-outer .banner-title-name {
	padding:20px 20px;
}

.mt-bnr-inr-entry .banner-title-outer h2{
	margin-top: 0px;
	color: #fff;
	font-size: 32px;
	line-height: 32px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
}


@media only screen and (max-width: 991px) {
	.mt-bnr-inr {
		height: 120px;
	}
}

@media only screen and (max-width: 540px) {
	.mt-bnr-inr-entry .banner-title-name h1,
	.mt-bnr-inr-entry .banner-title-name h2,
	.mt-bnr-inr-entry .banner-title-name h3 {
		font-size: 16px;
		line-height: normal;
	}
}

.banner-inner-row h1,
.banner-inner-row h2,
.banner-inner-row h3,
.banner-inner-row h4,
.banner-inner-row h5,
.banner-inner-row h6 {
	color: #FFF;
}


/*____SLIDER
======================================*/


/*-------------------------------------
	owl slider 
-------------------------------------*/


/*-------------------------------------
	next pre btn
-------------------------------------*/

.owl-carousel .owl-nav {
	margin-top: 40px;
	text-align: center;
}

.owl-carousel .owl-nav .disabled {
	opacity: .5;
	cursor: default
}


/*-------------------------------------
	owl dots button
-------------------------------------*/

.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 20px;
}

.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
}

.owl-carousel .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 5px;
	background: #444;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	background: #F5BF23;
}


/*-------------------------------------
	owl button top to center
-------------------------------------*/

.owl-btn-top-center .owl-nav,
.owl-btn-top-left .owl-nav,
.owl-btn-top-right .owl-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
}

.owl-btn-top-center .owl-stage-outer,
.owl-btn-top-left .owl-stage-outer,
.owl-btn-top-right .owl-stage-outer {
	padding-top: 40px;
}

.owl-btn-top-center .owl-nav {
	text-align: center;
}


/*-------------------------------------
	owl button top to left
-------------------------------------*/

.owl-btn-top-left .owl-nav {
	text-align: left;
}


/*-------------------------------------
	owl button top to right
-------------------------------------*/

.owl-btn-top-right .owl-nav {
	text-align: right;
}


/*-------------------------------------
	owl button bottom to center [it is default position ]
-------------------------------------*/

.owl-btn-bottom-center .owl-nav {
	text-align: center;
}


/*-------------------------------------
	owl button bottom to left
-------------------------------------*/

.owl-btn-bottom-left .owl-nav {
	text-align: left;
}


/*-------------------------------------
	owl button bottom to right
-------------------------------------*/

.owl-btn-bottom-right .owl-nav {
	text-align: right;
}


/*-------------------------------------
	 owl button vertical to center
-------------------------------------*/

.owl-btn-vertical-center .owl-nav {
	margin: 0px;
}

.owl-btn-vertical-center .owl-nav .owl-prev,
.owl-btn-vertical-center .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	margin: -15px 0;
}

.owl-btn-vertical-center .owl-nav .owl-prev {
	left: 0;
}

.owl-btn-vertical-center .owl-nav .owl-next {
	right: 0;
}


/*-------------------------------------
	owl button show on hover
-------------------------------------*/

.owl-btn-hover .owl-nav {
	opacity: 0;
}

.owl-btn-hover:hover .owl-nav {
	opacity: 1;
}

.owl-carousel .owl-item img {
	transform-style: inherit;
}


/*-------------------------------------
    owl slider button
-------------------------------------*/

.owl-prev,
.owl-next {
	background-color: #000;
	color: #ffffff;
	padding: 8px 10px;
	width: 28px;
	height: 35px;
	text-align: center;
	font-size: 13px;
	display: inline-block;
	cursor: pointer;
}

.owl-prev {
	margin-right: 5px;
}

.owl-next {
	margin-left: 5px;
}

.owl-prev:hover,
.owl-prev:active,
.owl-prev:focus,
.owl-next:hover,
.owl-next:active,
.owl-next:focus {
	background-color: #212121;
	border-color: #212121;
	color: #ffffff;
	opacity: 0.9;
}


/*-------------------------------------
	owl dots nav position
-------------------------------------*/

.owl-dots-bottom-left .owl-dots,
.owl-dots-bottom-right .owl-dots,
.owl-dots-bottom-center .owl-dots {
	bottom: 0px;
	padding: 15px 20px;
	position: absolute;
	width: 100%;
}

.owl-dots-bottom-left .owl-dots {
	text-align: left;
}

.owl-dots-bottom-right .owl-dots {
	text-align: right;
}


/*____PAGINATION 
======================================*/


/*pagination style-1 */

.pagination-bx .pagination,
.cvf-universal-pagination .pagination {
	margin: 0;
}

.pagination {
	padding: 10px 0;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	margin-left: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.pagination>li>a,
.pagination>li>span {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	color: #767676;
	font-weight: 600;
	font-size: 12px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	background-color: #000;
	border-color: transparent;
	color: #fff;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	background-color: #000;
	border-color: transparent;
}

.pagination>.previous>a,
.pagination>.next>a {
	font-size: 12px;
}


/*____FOOTER 
======================================*/


/*-------------------------------------
	 footer Large css
-------------------------------------*/

.footer-large .footer-bottom {
	padding: 20px 0px;
	color: #787878;
	font-size: 13px;
}


/*-------------------------------------
	footer fixed on bottom css
-------------------------------------*/


/*footer fixed with fullscreen view*/

.footer-fixed .site-footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	border: none;
	z-index: 0;
}

.footer-fixed .page-content {
	position: relative;
	z-index: 1;
	background-color: #fff;
}

@media only screen and (max-width:1200px) {
	.footer-fixed .site-footer {
		position: static;
	}
	.footer-fixed .page-wraper {
		padding-bottom: 0 !important;
	}
}


/*footer fixed with boxed view*/

.site-footer .widget>.widget-title {
	text-transform: uppercase;
	font-weight: 600;
}

.site-footer p,
.site-footer li {
	line-height: 20px;
}

.site-footer {
	background-position: center;
	background-size: cover;
	position:relative;
}

.site-footer p {
	line-height: 20px;
}

.site-footer .widget ul {
	list-style: none;
	margin-top: 0px;
}

.footer-dark .footer-bottom .copyrights-text {
	color: #b7b7b7;
}

.footer-dark .footer-bottom .copyrights-nav {
	list-style: none;
	display: inline-block;
	margin-bottom: 0px;
}

.footer-dark .footer-bottom .copyrights-nav li {
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
}

.footer-dark .footer-bottom .copyrights-nav li:first-child {
	margin-left: 0;
}

.footer-dark .footer-bottom .copyrights-nav li:last-child {
	margin-right: 0;
}

.footer-dark .footer-bottom .copyrights-nav li:last-child:after {
	display: none;
}

.footer-dark .footer-bottom .copyrights-nav li:after {
	content: "/";
	position: relative;
	right: -8px;
}

.footer-dark .footer-bottom .copyrights-nav li a {
	color: #b7b7b7;
}

.footer-dark .footer-bottom .copyrights-nav li a:hover,
.footer-dark .footer-bottom .copyrights-nav li a:active,
.footer-dark .footer-bottom .copyrights-nav li a:focus,
.footer-dark .footer-bottom .copyrights-nav li.active a {
	color: #fff;
}

.footer-dark .widget_services ul li a {
	color: #999;
}

.footer-bottom {
	padding: 100px 0px;
	color: #787878;
	font-size: 13px;
}

.footer-bottom .copyrights-text {
	color: #000;
}

.footer-bottom .copyrights-nav {
	list-style: none;
	display: inline-block;
}

.footer-bottom .copyrights-nav li {
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
}

.footer-bottom .copyrights-nav li:first-child {
	margin-left: 0;
}

.footer-bottom .copyrights-nav li:last-child {
	margin-right: 0;
}

.footer-bottom .copyrights-nav li:last-child:after {
	display: none;
}

.footer-bottom .copyrights-nav li:after {
	content: "/";
	position: relative;
	right: -8px;
}

.footer-bottom .copyrights-nav li a {
	color: #000;
}

.footer-bottom .copyrights-nav li a:hover,
.footer-bottom .copyrights-nav li a:active,
.footer-bottom .copyrights-nav li a:focus,
.footer-bottom .copyrights-nav li.active a {
	color: #333333;
}

@media only screen and (max-width:991px) {
	.site-footer {
		padding: 0px;
	}
	.copyright-block {
		padding-top: 5px;
	}
}

.footer-bottom .container {
	width: 100%;
}


/*-------------------------------------
	Footer dark version css
-------------------------------------*/

.footer-dark.site-footer {
	border-top: 0px solid #212121;
}

.footer-dark .footer-top {
	background-color: #000;
}

.footer-dark .footer-bottom {
	background-color: #222222;
}

.footer-dark .footer-top h1,
.footer-dark .footer-top h2,
.footer-dark .footer-top h3,
.footer-dark .footer-top h4,
.footer-dark .footer-top h5,
.footer-dark .footer-top h6,
.footer-dark .footer-top h1 a,
.footer-dark .footer-top h2 a,
.footer-dark .footer-top h3 a,
.footer-dark .footer-top h4 a,
.footer-dark .footer-top h5 a,
.footer-dark .footer-top h6 a {
	color: #fff;
}

.footer-dark .footer-top .widget-title::before {
	border-color: #fff;
}

.footer-dark .footer-top p,
.footer-dark .footer-top strong,
.footer-dark .footer-top b,
.footer-dark .footer-top {
	color: #999;
}

.footer-dark .site-button {
	background-color: #0e0e0e;
}

.footer-dark .site-button:hover {
	background-color: #fff;
	color: #000;
}

.footer-dark .footer-top a:active,
.footer-dark .footer-top a:focus,
.footer-dark .footer-top a:hover {
	color: #ffbc13;
}

.footer-dark .footer-top p a {
	color: #fff;
}

.footer-dark .footer-top .widget_newsletter .form-control {
	background-color: #0e0e0e;
	border-color: #2d2d2d;
}

.footer-light .footer-top {
	background-color: #eee;
}


.footer-light .footer-bottom {
	background-color: #c8c8c8;
}

.footer-top {
	padding:120px 0px 10px 0px;
}

.footer-wide .container-fluid {
	width: 100%;
	max-width: 1170;
}

@media only screen and (max-width:1366px) {
	.footer-wide .container-fluid {
		width: 100%;
		max-width: 1170;
	}
}

@media only screen and (max-width:991px) {
	.footer-wide .container-fluid {
		padding: 0px 80px;
	}
}

@media only screen and (max-width:800px) {
	.footer-wide .container-fluid {
		padding: 0px 15px;
	}
}
@media only screen and (max-width: 768px) {
.footer-top {
    padding: 60px 0px 10px 0px;
}	
}


/*-------------------------------------
	widget Getintuch
-------------------------------------*/

.footer-bottom ul {
	margin: 0;
}

.mt-footer-bot-left,
.mt-footer-bot-right,
.mt-footer-bot-center {
	padding-left: 15px;
	padding-right: 15px;
}

.mt-footer-bot-left {
	float: left;
}

.mt-footer-bot-right {
	float: right;
}

.mt-footer-bot-center {
	text-align: center;
}
@media only screen and (max-width:1200px) {
	.footer-col-3{
		clear: both;
	}	
}
@media only screen and (max-width:991px) {
	footer .container {
		width: 100%;
	}
	.mt-footer-bot-left,
	.mt-footer-bot-right {
		float: none;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.mt-footer-bot-right .copyrights-nav {
		float: none !important;
	}
}

@media only screen and (max-width: 767px) {
	.footer-clear {
		display: block !important;
		clear: both;
	}
	#footer .footer-4-col {
		width: 100%;
	}
	.footer-bottom [class*="clo-"] {
		width: 100%;
	}
}


/*-------------------------------------
	scroll top btn css
-------------------------------------*/

button.scroltop {
	height: 40px;
	width: 40px;
	background: #000;
	border: none;
	position: fixed;
	right: 15px;
	bottom: 15px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	cursor: pointer;
	display: none;
	text-align: center;
	z-index: 999;
	color: #fff;
}

button.scroltop span {
	display: block;
	font-size: 24px;
	line-height: 24px;
}

.string {
	position: relative;
}

#btn-vibrate {
	animation: vibrate 2s linear 0s infinite;
	-moz-animation: vibrate 2s linear 0s infinite;
	/* Firefox */
	-webkit-animation: vibrate 2s linear 0s infinite;
	/* Safari and Chrome */
	-o-animation: vibrate 2s linear 0s infinite;
	/* Opera */
}

@keyframes vibrate {
	0% {
		top: 0px;
	}
	25% {
		top: -3px;
	}
	50% {
		top: 0px;
	}
	75% {
		top: 3px;
	}
	100% {
		top: 0px;
	}
}


/* Firefox */

@-moz-keyframes vibrate {
	0% {
		top: 0px;
	}
	25% {
		top: -3px;
	}
	50% {
		top: 0px;
	}
	75% {
		top: 3px;
	}
	100% {
		top: 0px;
	}
}


/* Safari and Chrome */

@-webkit-keyframes vibrate {
	0% {
		top: 0px;
	}
	25% {
		top: -3px;
	}
	50% {
		top: 0px;
	}
	75% {
		top: 3px;
	}
	100% {
		top: 0px;
	}
}


/* Opera */

@-o-keyframes vibrate {
	0% {
		top: 0px;
	}
	25% {
		top: -3px;
	}
	50% {
		top: 0px;
	}
	75% {
		top: 3px;
	}
	100% {
		top: 0px;
	}
}

@media only screen and (max-width:480px) {
	button.scroltop {
		font-size: 7px;
		height: 30px;
		width: 30px;
		line-height: 16px;
	}
	button.scroltop span {
		font-size: 10px;
		line-height: 10px;
	}
}


/*____PAGE-CONTENT
======================================*/

#bg {
	background-attachment: fixed;
	background-size: cover;
}

.page-wraper {
	background: #fff;
}

.page-content {
	position: relative;
}

.section-full {
}
	position: relative;


/*-------------------------------------
	Section Head Part 
-------------------------------------*/

.section-head {
	margin-bottom: 30px;
}

.section-head.no-margin {
	margin-bottom: 0;
}

.section-head h1,
.section-head h2,
.section-head h3 {
	margin-top: 0;
	font-family: 'Roboto', sans-serif;
}

.title-small {
	display: block;
	color: #7a959d;
	margin-bottom: 15px;
}

.section-head p {
	font-size: 14px;
}

.section-head p:last-child {
	margin-bottom: 0;
}

.text-center.section-head p {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.text-white {
	color: #FFF;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white .title-small {
	color: #FFF;
}


/*-------------------------------------
	Section Content Part 
-------------------------------------*/

@media only screen and (max-width:1024px) {
	.section-full {
		background-attachment: scroll !important;
	}
}

@media only screen and (max-width:480px) {
	.section-head h1,
	.section-head h2,
	.section-head h3 {
		font-size: 22px;
		line-height:inherit;
	}
	.mt-post-title h2.post-title{
		font-size: 22px;
		line-height:inherit;
	}
}


/*____AFTER-LOGIN-CONTENT
======================================*/


/*-------------------------------------
	Contact us page 
-------------------------------------*/

ul.contact-info li {
	padding: 0 0 15px 25px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	line-height: 20px;
}

ul.contact-info li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

ul.contact-info li h4 ul.contact-info li h5,
ul.contact-info li h6 {
	margin: 0 0 10px;
}

ul.contact-info li p {
	line-height: 20px;
	margin: 0;
}

ul.contact-info li .fa {
	position: absolute;
	left: 0;
	top: 2px;
	color: #3396d1;
	font-size: 16px;
}


/*____THEMEFOREST REQUIRED CLASSES
======================================*/

.sticky {
	clear: both;
}

.gallery-caption {
	clear: both;
}

.bypostauthor {
	clear: both;
}


/*-------------------------------------
	Text meant only for screen readers
-------------------------------------*/

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}


/*____ BOX MAX-WIDTH css (  )
======================================*/

.max-w100 {
	max-width: 100px;
}

.max-w200 {
	max-width: 200px;
}

.max-w300 {
	max-width: 300px;
}

.max-w400 {
	max-width: 400px;
}

.max-w500 {
	max-width: 500px;
}

.max-w600 {
	max-width: 600px;
}

.max-w700 {
	max-width: 700px;
}

.max-w800 {
	max-width: 800px;
}

.max-w900 {
	max-width: 900px;
}

.max-w1000 {
	max-width: 1000px;
}


/*____ SHOP & PRODUCT DETAIL (Woocommerce)
======================================*/


/*-------------------------------------
	Product Box 
-------------------------------------*/

.mt-product-box .price {
	margin-bottom: 10px;
}

.mt-product-box .price del {
	font-size: 16px;
	color: #999999;
	margin: 4px 4px;
	font-weight: 600;
}

.mt-product-box .price ins {
	font-size: 16px;
	color: #111111;
	text-decoration: none;
	margin: 4px 4px;
	font-weight: 600;
}

.mt-product-box .rating-bx {
	padding-top: 10px;
	color: #ffa000;
}

.comment-reply-title {
	margin-top: 0;
}

.comment-form [class*="comment-form"] {
	width: 50%;
}

@media only screen and (max-width: 767px) {
	.comment-form [class*="comment-form"] {
		width: 100%;
	}
}

.comment-form [class*="-form-author"],
.comment-form [class*="-form-email"] {
	float: left;
}

.comment-form [class*="-form-comment"] {
	width: 100%;
}

.comment-form label {
	display: block;
}

.star-Rating-input i {
	font-size: 18px;
}

.star-Rating-input .fa-star {
	color: #FFBC13;
}

.star-Rating-input i:hover {
	color: #FFBC13;
}

.comment-form [class*="comment-form"] input,
.comment-form [class*="comment-form"] textarea {
	border: 1px solid #CCC;
	padding: 8px 10px;
	width: 100%;
}

.comment-form [class*="comment-form"],
.comment-form .form-submit {
	margin-bottom: 20px;
	padding: 0 15px;
}

.comment-form .form-submit input:active,
.comment-form .form-submit input:focus,
.comment-form .form-submit input:hover {
	background: #037a85;
}


/*____content show on image box () 
======================================*/

@media only screen and (max-width:768px) {
	.mt-media>img,
	.mt-media a>img {
		width: 100%;
	}
}


/*____Customize  Grouping css 
======================================*/


/*-------------------------------------
	set-radius 
-------------------------------------*/

.btn,
.panel,
.form-control,
.img-thumbnail,
.panel-head ing,
.dropdown-menu,
.panel-group .panel,
.nav-tabs>li>a,
.modal-content,
.navbar-toggle,
.nav-pills>li>a,
.pager li>a,
.pager li>span,
.well,
.alert,
.list-group-item:first-child,
.list-group-item:last-child,
.input-group-addon,
.btn-group-divides>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group-divides>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child),
.mt-booking-form .mt-extra-services li .mt-icon-box-lg,
.mt-booking-form .mt-extra-services li.active .mt-icon-box-lg:after,
.searchform input[type="text"],
.searchform input[type="submit"],
ol.comment-list li.comment .comment-body {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}


/*------------------------------------- 
	transition 
-------------------------------------*/

a,
.btn,
.form-control,
.overlay-bx,
.overlay-icon li a i,
.mt-icon-box-xld,
.mt-icon-box-xl,
.mt-icon-box-lg,
.mt-icon-box-md,
.mt-icon-box-sm,
.mt-icon-box-xs,
.share-social-bx li,
.indicator,
.profile-menu ul li,
.staff-member .member-done,
.how-mt-work .mt-box .shadow-bx img,
.how-mt-work .mt-box .step-no-bx,
.mt-info-has,
.mt-we-find .mt-box,
.navbar-toggle,
.logo-header,
.header-nav .nav>li>a,
.extra-nav,
.acod-head .indicator .fa {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.animate-slow {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.animate-mid {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.animate-fast {
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}


/*------------------------------------- 
	float-clearfix 
-------------------------------------*/

.clearfix::after,
.filter-wrap::after,
.filter-wrap::after,
.mt-icon-box-wraper::after,
ol.commentlist li::after {
	content: "";
	display: table;
	clear: both;
}


/*____Inner pages 
======================================*/


/*------------------------------------- 
	Out Team
-------------------------------------*/


/*------------------------------------- 
	Product block
-------------------------------------*/

.product-block p {
	margin-bottom: 0px;
}


/*======================================
Background Effects
======================================*/

.bg-center {
	background-position: center;
}

.bg-top-left {
	background-position: top left;
}

.bg-top-right {
	background-position: top right;
}

.bg-top-center {
	background-position: top center;
}

.bg-bottom-left {
	background-position: bottom left;
}

.bg-bottom-right {
	background-position: bottom right;
}

.bg-bottom-center {
	background-position: bottom center;
}

.bg-left-center {
	background-position: left;
}

.bg-right-center {
	background-position: right;
}

.bg-auto {
	background-size: auto;
}

.bg-contain {
	background-size: contain;
}

.bg-cover {
	background-size: cover;
}

.bg-full-width {
	background-size: 100% auto;
}

.bg-full-height {
	background-size: auto 100%;
}

.bg-repeat {
	background-repeat: repeat;
}

.bg-no-repeat {
	background-repeat: no-repeat;
}

.bg-repeat-x {
	background-repeat: repeat-x;
}

.bg-repeat-y {
	background-repeat: repeat-y;
}

.bg-fixed {
	background-attachment: fixed;
}

.bg-scroll {
	background-attachment: scroll;
}


/*____Home Page
======================================*/
.carousel-bg-img {
	position: absolute;
	right: -65px;
	top: -50px;
	width: 100%;
}

@media only screen and (max-width:768px) {
	.m-carousel-2 {
		margin-right: 65px;
	}
}

@media only screen and (max-width:620px) {
	.carousel-bg-img {
		display: none;
	}
}

@media only screen and (max-width:460px) {
	.m-carousel-2 .carousel-hover .carousel-line h2 {
		font-size: 18px;
	}
	.m-carousel-2 .carousel-hover .carousel-line p {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.m-carousel-2 .mt-carousel-info {
		width: 100%;
		padding: 25px;
	}
}


/*____Carousel overlay content
======================================*/

.mt-carousel-block {
	position: relative;
}

.mt-carousel-info {
	position: absolute;
	bottom: 0px;
	z-index: 2;
}

.carousel-line {
	position: relative;
}

.carousel-line:after,
.carousel-line:before {
	position: absolute;
	content: "";
	background-color: #fff;
}

.carousel-line:after {
	width: 100px;
	height: 6px;
	left: -40px;
	bottom: -20px;
}

.carousel-line:before {
	width: 6px;
	height: 100px;
	left: -20px;
	bottom: -40px;
}

.carousel-hover .owl-item .gradi-black:before {
	opacity: 0;
}

.carousel-hover .owl-item.active .gradi-black:before {
	opacity: 1;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

.carousel-hover .mt-carousel-info {
	bottom: -300px;
	opacity: 0px;
}

.carousel-hover .owl-item.active .mt-carousel-info {
	bottom: 0px;
	opacity: 1px;
	-webkit-transition: all 1.5s linear;
	-moz-transition: all 1.5s linear;
	-ms-transition: all 1.5s linear;
	-o-transition: all 11.5s linear;
	transition: all 1.5s linear;
}

@media only screen and (max-width:460px) {
	.carousel-line::after {
		width: 80px;
		height: 4px;
		left: -17px;
		bottom: -10px;
	}
	.carousel-line::before {
		width: 4px;
		height: 80px;
		left: -12px;
		bottom: -16px;
	}
}


/*____Overlay Box 2
===========================*/

.overlay-bx-2 {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #000;
	opacity: 0;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.overlay-bx-2:hover {
	opacity: 0.9;
	bottom: 0px;
}


/*____ line-filter-block
===========================*/

.line-filter {
	position: relative;
	width: 100%;
	height: 100%;
}

.line-filter .filter-content {
	position: relative;
	z-index: 10;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.line-filter2 {
	position: relative;
	width: 100%;
	height: 100%;
}

.line-filter2 .filter-content {
	position: relative;
	z-index: 10;
}

@media only screen and (max-width:420px) {
	.line-filter a.v-button {
		bottom: 70px;
	}
}


/*____latest-blog-dark
===========================*/

.latest-blog-dark-outer {
	height: 250px;
}

.latest-blog-dark {
	position: absolute;
	left: -20px;
	bottom: 20px;
	width: 260px;
	min-height: 120px;
	background-color: #000;
	padding-left: 40px;
}

.latest-blog-dark .v-date {
	position: absolute;
	left: -25px;
	top: 50px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}


/*latest-blog-dark2*/


/*=========================*/

.latest-blog-dark-outer2 {
	height: 530px;
}

.latest-blog-square {
	position: absolute;
	right: -60px;
	bottom: 60px;
	width: 400px;
	min-height: 400px;
	padding: 25px 70px 25px 25px;
	border: 15px solid #000;
}

.latest-blog-square .v-date {
	position: absolute;
	left: -90px;
	top: 50px;
	font-size: 16px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

@media only screen and (max-width:1024px) {
	.latest-blog-square {
		right: 15px;
		width: 80%;
	}
	.latest-blog-dark {
		left: 20px;
	}
}

@media only screen and (max-width:480px) {
	.latest-blog-square {
		padding: 15px;
	}
}


/*=========================*/

.some-facts {
	position: relative;
	padding: 60px 30px 60px 50px;
	border: 15px solid #fff;
	border-right: 0px;
}

.some-facts:after,
.some-facts:before {
	content: "";
	position: absolute;
	background-color: #fff;
	right: -15px;
	width: 15px;
	height: 140px;
}

.some-facts:after {
	bottom: -15px;
}

.some-facts:before {
	top: -15px;
}

.some-facts-counter {
	padding-top: 130px;
}

@media only screen and (max-width:991px) {
	.some-facts {
		margin-right: 15px;
	}
	.some-facts-counter {
		padding-top: 40px;
	}
}

@media only screen and (max-width:768px) {
	.some-facts:after,
	.some-facts:before {
		height: 100px;
	}
}

@media only screen and (max-width:480px) {
	.some-facts {
		padding: 20px;
	}
	.some-facts span {
		font-size: 24px;
		line-height: inherit;
	}
	.some-facts h2 {
		font-size: 24px;
		line-height: inherit;
	}
	.some-facts p {
		font-size: 14px;
		line-height: inherit;
	}
}


/*=========================*/

.home-client-carousel.owl-btn-center-v.owl-carousel .owl-nav {
	position: absolute;
	margin-top: 0px;
	top: -10px;
	left: -80px;
}

.home-client-carousel.owl-btn-center-v.owl-carousel .owl-nav .owl-prev {
	left: 40px;
	position: relative;
	background-color: #1a1a1a;
	margin: 0px;
}

.home-client-carousel.owl-btn-center-v.owl-carousel .owl-nav .owl-next {
	left: 5px;
	position: relative;
	top: 40px;
	background-color: #1a1a1a;
	margin: 0px;
}

@media only screen and (max-width:800px) {
	.home-client-carousel.owl-btn-center-v.owl-carousel .owl-nav {
		left: auto;
		right: 5px;
		top: auto;
		bottom: -47px;
	}
	.home-client-carousel.owl-btn-center-v.owl-carousel .owl-nav .owl-prev {
		left: 0px;
	}
	.home-client-carousel.owl-btn-center-v.owl-carousel .owl-nav .owl-next {
		left: 5px;
		top: 0px;
	}
}


/*____background Square block
=========================*/


/*____About us
=========================*/

.m-about {
	position: relative;
	z-index: 2;
}

.m-about:after {
	content: "";
	position: absolute;
	width: 75%;
	height: 75%;
	background-color: #f5be23;
	left: 0px;
	top: 18%;
	z-index: -1;
}

.m-about-years{
	display: inline-block;
	padding: 20px;
	border-left: 10px solid #f5be23;
}

.m-about .item {
	-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .0.4);
	margin: 50px;
}
.large-title-info{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	display: block;
}
@media only screen and (max-width:767px) {
	.m-about {
		margin: 0px 0px 0px 50px;
	}
	.m-about-containt {
		margin-top: 60px;
	}
}

.m-about-containt .large-title{
font-size:68px;
	font-weight:900;
	display:inline-block;
	line-height: 50px;
}

@media only screen and (max-width:480px) {
	.m-about-containt h1,
	.m-about-containt h2,
	.m-about-containt h3{
		font-size: 22px;
		line-height:inherit;	
	}	
}
/*____Contact Us
======================================*/


.contact-one {
	position: relative;
}

.contact-one .form-control {
	border: 0px;
	border: 1px solid #ddd;
}

.contact-one .form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #1a1a1a;
	font-size: 12px;
	text-transform: uppercase;
}

.contact-one .form-control::-moz-placeholder {
	/* Firefox 19+ */
	color: #1a1a1a;
	font-size: 12px;
	text-transform: uppercase;
}

.contact-one .form-control:-ms-input-placeholder {
	/* IE 10+ */
	color: #1a1a1a;
	font-size: 12px;
	text-transform: uppercase;
}

.contact-one .form-control:-moz-placeholder {
	/* Firefox 18- */
	color: #1a1a1a;
	font-size: 12px;
	text-transform: uppercase;
}

.contact-info {}

.contact-info .icon-content p {
	word-break: normal;
}


/*____Work carousal
======================================*/


/*====preview inner pages ====*/

.work-carousel .owl-item.active.center {
	opacity: 1;
	z-index: 1;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

.work-carousel {
	position: relative;
	z-index: 1;
}

.work-carousel .owl-item.active.center {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

.work-carousel .mt-info{
	margin: 20px;
	background-color: #fff;
	position: relative;
	top: -50px;
	margin-bottom:-50px;
}

/*====Similar Projects pages ====*/

.similar-projects {
	position: relative;
	z-index: 1;
}

.similar-projects .mt-info{
	margin: 20px;
	background-color: #fff;
	position: relative;
	top: -50px;
}

/*____our-story
=========================*/

.our-story .our-story-detail {
	padding: 15px 0px;
}

.our-story .row {
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
}

.our-story .row:nth-child(odd) {
	text-align: left;
}

.our-story .row:nth-child(even) {
	text-align: right;
}

.our-story .row:nth-child(even) [class*="col-"] {
	float: right
}

.our-story .row:nth-child(odd) .our-story-detail {
	margin-left: 50px;
	background-color:#222;
	color:#fff;
	padding:30px;
}
.our-story .row:nth-child(odd) .our-story-detail h4 {
	color:#fff;
}

.our-story .row:nth-child(even) .our-story-detail {
	margin-right: 50px;
	background-color:#fff;
	color:#222;
	padding:30px;
}
.our-story .row:nth-child(even) .our-story-detail h4 {
	color:#222;
}


.our-story .row:nth-child(odd) .our-story-pic {
	margin-right: 50px;
}

.our-story .row:nth-child(even) .our-story-pic {
	margin-left: 50px;
}


/*| line=====================*/

.our-story {
	position: relative;
	z-index: 0;
}

.our-story:after {
	left: 50%;
	top: 0px;
}

.our-story .row:last-child:nth-child(even) .our-story-pic:after {
	height: 100%;
}


/*_ line=====================*/

.our-story .row:nth-child(odd) .our-story-pic-block:before,
.our-story .row:nth-child(even) .our-story-pic-block:before {
	content: "";
	position: absolute;
	height: 100px;
	width: 2px;
	background-color: #fff;
	top: 0px;
	z-index: -1;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}

.our-story .row:nth-child(odd) .our-story-pic-block:before {
	right: 50px;
}

.our-story .row:nth-child(even) .our-story-pic-block:before {
	left: 50px;
}


/* line circle O=================*/

.our-story .row:nth-child(odd) .our-story-pic-block:after,
.our-story .row:nth-child(even) .our-story-pic-block:after {
	content: "";
	position: absolute;
	height: 30px;
	width: 30px;
	border: 2px solid #000;
	background-color: #f5be23;
	z-index: 3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.our-story .row:nth-child(odd) .our-story-pic-block:after {
	right: -15px;
	top: 35px;
}

.our-story .row:nth-child(even) .our-story-pic-block:after {
	left: -15px;
	top: 35px;
}

@media only screen and (max-width:767px) {
	.our-story .row:nth-child(even) [class*="col-"] {
		float: left;
	}
	.our-story .row:nth-child(odd) .our-story-pic {
		margin-right: 0px;
		margin-left: 50px
	}
	.our-story .row:nth-child(even) .our-story-detail {
		margin-right: 0px;
		margin-left: 50px;
	}
	.our-story .row:nth-child(even) {
		text-align: left;
	}
	.our-story:after {
		left: 20px;
	}
	.our-story .row:nth-child(odd) .our-story-pic-block:after {
		left: 20px;
		right: auto;
	}
	.our-story .row:nth-child(even) .our-story-pic-block:after {
		left: 20px;
	}
	.our-story .row:nth-child(odd) .our-story-pic-block:before {
		left: 80px;
	}
	.our-story .row:nth-child(even) .our-story-pic-block:before {
		right: auto;
		left: 80px;
	}
}


/* line circle O blink =================*/

.blink-circle {
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 50%;
	position: relative;
	display: block;
	margin: 20px auto;
}


/* triangle */

.blink-circle::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-40%) translateY(-50%);
	transform: translateX(-40%) translateY(-50%);
	transform-origin: center center;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #ff0000;
	z-index: 100;
	-webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}


/* pulse wave */

.blink-circle:before {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate1 2s;
	animation: pulsate1 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	top: -25%;
	left: -25%;
	background: #fff;
}

@-webkit-keyframes pulsate1 {
	0% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		opacity: 0.3;
	}
	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.3;
		box-shadow: none;
	}
}

@keyframes pulsate1 {
	0% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		opacity: 0.3;
	}
	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.3;
		box-shadow: none;
	}
}



/*===============================*/

.filter-content-left {
	width: 25%;
	float: left;
	margin-top: 20px;
	padding-right: 15px;
	border-left: 3px solid #000;
}

.filter-content-left .btn-filter-wrap {
	float: left;
}

.filter-content-left .btn-filter-wrap li {
	display: block;
	font-size: 18px;
	padding: 0px 0px 10px 20px
}

.filter-content-left .btn-filter-wrap li::after {
	display: none;
}

.btn-filter-wrap,
.btn-filter-wrap2 {
	list-style: none;
	margin: 0px 0 0;
	float: right;
}

.btn-filter-wrap li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	padding: 0 20px;
	cursor: pointer;
}

.btn-filter-wrap2 li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	padding: 0 20px;
	cursor: pointer;
}

.btn-filter-wrap li:last-child,
.btn-filter-wrap2 li:last-child {
	padding-right: 0;
}

.btn-filter-wrap li.btn-active,
.btn-filter-wrap2 li.btn-active {
	color: #F5BF23;
}

.btn-filter-wrap li:after,
.btn-filter-wrap2 li:after {
	content: "/";
	position: absolute;
	left: -2px;
	top: 4px;
	font-size: 14px;
	opacity: 0.2;
	color: #000;
}

.btn-filter-wrap li:first-child:after,
.btn-filter-wrap2 li:first-child:after {
	display: none;
}

@media only screen and (max-width:540px) {
	.btn-filter-wrap li,
	.btn-filter-wrap2 li {
		border: 1px solid #fff;
		padding: 5px 16px;
		margin-bottom: 5px;
	}
	.btn-filter-wrap li:after,
	.btn-filter-wrap li:after {
		display: none;
	}
	.btn-filter-wrap,
	.btn-filter-wrap2 {
		float: left;
	}
	.btn-filter-wrap li:last-child,
	.btn-filter-wrap2 li:last-child {
		padding-right: 15px;
	}
	.btn-filter-wrap li::after,
	.btn-filter-wrap2 li::after {
		display: none;
	}
}

@media only screen and (max-width:768px) {
	.filter-content-left,
	.filter-content-right {
		width: 100%;
		float: none;
		clear: both
	}
	.filter-content-left .btn-filter-wrap li {
		display: block;
		font-size: 14px;
		padding: 0px 20px 10px 0px;
		float: left;
	}
}


/*===============
	PARTICLE CANVAS
=================*/

.particles-canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

#particles-js {
	position: absolute;
	width: 50%;
	height: 100%;
	background-color: #b61924;
	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#particles-js2 {
	position: absolute;
	right: 0px;
	width: 50%;
	height: 100%;
	background-color: #888;
	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}


/*____after before slider
========================*/

.rs-addon-beforeafter-btn i {
	color: #000;
}


/* cursor blink animation*/

.typewrite>.wrap:after {
	content: '|';
	-webkit-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
	position: relative;
	right: 10px;
}

@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}



/* ===============Team==================*/


/* ===============Line corner ==================*/

.line-corner-outer {
	position: relative;
	z-index: 1;
}

.line-corner {
	width: 20px;
	height: 20px;
	position: absolute
}

.line-corner.top-left {
	left: 10px;
	top: 10px;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-color: #000;
}

.line-corner.top-right {
	right: 10px;
	top: 10px;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #000;
}

.line-corner.bottom-left {
	left: 10px;
	bottom: 10px;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color: #000;
}

.line-corner.bottom-right {
	right: 10px;
	bottom: 10px;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #000;
}


/* =============== Img center icon ==================*/

.img-center-icon .overlay-bx .overlay-icon {
	right:0px;
	bottom:0px;
	left:auto;
	top:auto;
	transform:none;
}

.img-center-icon .overlay-bx .overlay-icon a {
	color: #fff;
	background-color: #F5BF23;
}

.img-center-icon .overlay-bx .overlay-icon a:hover {
	color: #000;
}


/* =============== Project Detail ==================*/

.project-detail-outer .project-detail-pic .mt-media img {
	width: 100%;
}

.project-detail-containt p {
	text-align: justify;
}


/* =============== Fixed  ==================*/

.mt-full-screen-left {
	background-color: #ddd;
	height: 100%;
	left: 245px;
	padding-left: 0;
	position: fixed;
	top: 0;
	width: calc(50% - 245px);
}

.mt-full-screen-right {
	position: fixed;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	padding: 30px 15px;
	overflow-x: hidden;
}

.mt-thum-spacial {
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	border: 20px solid #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.mt-thum-spacial.mt-wide-gallery {
	border: none;
}

.mt-gallery-listing {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mt-gallery-listing li {
	margin: 0 0 30px;
}

.mt-full-screen-right.mt-wide-gallery {
	padding: 0;
}

.mt-full-screen-right.mt-wide-gallery .mt-gallery-listing li {
	margin-bottom: 0;
}


/*____left shortcodes
=============================================== */

.shortcodes_panel ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.shortcodes_panel ul li {
	margin-bottom: 13px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	padding: 5px 10px 5px 0px;
	margin-bottom: 0;
	line-height: 20px;
}

.shortcodes_panel ul li {
	text-transform: uppercase;
	font-size: 12px;
}

.shortcodes_panel ul li a {
	color: #000;
}

.shortcodes_panel ul li a:hover {
	color: #F5BF23;
}

.shortcodes_panel li {
	border-bottom: none;
	line-height: 28px;
}

.shortcodes_panel li:before {
	top: 0;
	left: 1px;
}

.shortcodes_panel.inline-links li {
	display: block;
	border-bottom: none;
}


/*____Modal
=============================================== */
.button-model{
	display: inline-block;
}
.button-model button {
	min-width: 200px;
	text-align: center !important;
	text-transform: uppercase;
	color: #fff;
	opacity: 1;
}


.modal-footer button {
	min-width: inherit;
}

.button-model button.close {
	min-width: inherit;
}

@media only screen and (max-width:640px) {
	h2.font-45 {
		font-size: 32px;
		line-height: 38px;
	}
	h2 a.font-45 {
		font-size: 32px;
		line-height: 38px;
	}
}

@media only screen and (max-width:360px) {
	h2.font-45 {
		font-size: 22px;
		line-height: 28px;
	}
	h2 a.font-45 {
		font-size: 22px;
		line-height: 28px;
	}
}


/*____Responsive container
=============================================== */

.outer-box-specing {
	padding-left: 80px;
	padding-right: 80px;
}

@media only screen and (max-width:1366px) {
	.outer-box-specing .container {
		width: 100%;
		max-width: 1170px;
	}
}

@media only screen and (max-width:800px) {
	.outer-box-specing {
		padding-left: 0px;
		padding-right: 0px;
	}
	.aside-right-item {
		position: absolute;
		right: -20px;
		top: 0px;
		bottom: auto;
	}
}

@media only screen and (max-width:800px) {
	.counter.font-60 {
		font-size: 36px;
	}
}

@media only screen and (max-width:768px) {
	.counter.font-60 {
		font-size: 28px;
	}
	.testimonial-6 {
		margin: 20px 10px;
	}
}

@media only screen and (max-width:420px) {
	.testimonial-6 {
		text-align: center;
	}
	.testimonial-6 .testimonial-pic-block {
		float: none;
		margin-bottom: 20px;
	}
	.testimonial-6 .testimonial-text {
		padding-left: 0px;
	}
}


/*-------------------------------------
	Top Part Search Bar
-------------------------------------*/

.site-search-btn {
	background: none;
	border: none;
	outline: none;
	color: #fff;
	font-size: 16px;
	width: 40px;
	display: inline-block;
	text-align: center;
}

.left-side-search a {
	font-size: 16px;
	display: block;
	width: 40px;
	line-height: 40px;
	text-align: center;
}

#search {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-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);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
	opacity: 0;
	display: none;
}

#search.open {
	-webkit-transform: translate(0px, 0px) scale(1, 1);
	-moz-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1);
	opacity: 1;
	z-index: 999;
	display: block;
}

#search form {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -51px;
	width: 60%;
	margin-left: 20%;
	color: #222;
	border: 1px solid #222;
	font-size: 40px;
	font-weight: 300;
	text-align: left;
	outline: none;
	padding: 10px;
	border-radius: 0px;
}

#search input[type="search"] {
	width: 100%;
	background: none;
	border: none;
	padding: 0px 12px;
	outline:none;
}

#search .search-btn {
	border: none;
	background: none;
	padding: 0px 30px;
	outline:none;
}

#search .search-btn i {
	font-size: 36px;
}

#search .close {
	position: fixed;
	top: 15px;
	right: 15px;
	opacity: 1;
	font-size: 27px;
	color: #fff;
	width: 30px;
	height: 30px;
}

#search .close:after,
#search .close:before {
	content: "";
	position: absolute;
	width: 2px;
	height: 32px;
	background-color: #222;
	right: 20px;
	top: 0px;
}

#search .close:after {
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Safari */
	transform: rotate(45deg);
}

#search .close:before {
	-ms-transform: rotate(-45deg);
	/* IE 9 */
	-webkit-transform: rotate(-45deg);
	/* Safari */
	transform: rotate(-45deg);
}

#search .close:hover:after,
#search .close:hover:before {
	cursor: pointer;
}

@media only screen and ( max-width:768px) {
	#search form {
		width: 90%;
		margin-left: 5%;
		font-size: 26px;
	}
	#search input[type="search"] {
		padding: 0px 0px 0px 30px;
	}
	#search .search-btn {
		padding: 0px 15px;
	}
	#search .search-btn i {
		font-size: 24px;
	}
}

@media only screen and ( max-width:400px) {
	#search form {
		font-size: 16px;
	}
	#search input[type="search"] {
		padding: 0px 0px 0px 10px;
	}
	#search .search-btn {
		padding: 0px 15px;
	}
	#search .search-btn i {
		font-size: 18px
	}
}

#contact_us_popup {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-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);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
	opacity: 0;
	display: none;
}

#contact_us_popup.open {
	-webkit-transform: translate(0px, 0px) scale(1, 1);
	-moz-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1);
	opacity: 1;
	z-index: 999;
	display: block;
}

#contact_us_popup form {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -51px;
	width: 60%;
	margin-left: 20%;
	color: #000;
	border-bottom: 5px solid rgb(0, 0, 0);
	font-size: 40px;
	font-weight: 300;
	text-align: left;
	outline: none;
	padding: 10px;
	border-radius: 0px;
}

#contact_us_popup input[type="search"] {
	width: 100%;
	background: none;
	border: none;
	padding: 0px 30px;
}

#contact_us_popup .search-btn {
	border: none;
	background: none;
	padding: 0px 30px;
}

#contact_us_popup .search-btn i {
	font-size: 36px;
}

#contact_us_popup .close {
	position: fixed;
	top: 15px;
	right: 15px;
	opacity: 1;
	font-size: 27px;
	color: #fff;
	width: 30px;
	height: 30px;
}

#contact_us_popup .close:after,
#contact_us_popup .close:before {
	content: "";
	position: absolute;
	width: 2px;
	height: 32px;
	background-color: #000;
	right: 20px;
	top: 0px;
}

#contact_us_popup .close:after {
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Safari */
	transform: rotate(45deg);
}

#contact_us_popup .close:before {
	-ms-transform: rotate(-45deg);
	/* IE 9 */
	-webkit-transform: rotate(-45deg);
	/* Safari */
	transform: rotate(-45deg);
}

#contact_us_popup .close:hover:after,
#contact_us_popup .close:hover:before {
	cursor: pointer;
}

@media only screen and ( max-width:768px) {
	#contact_us_popup form {
		width: 90%;
		margin-left: 5%;
		font-size: 26px;
	}
	#contact_us_popup input[type="search"] {
		padding: 0px 0px 0px 30px;
	}
	#contact_us_popup .search-btn {
		padding: 0px 15px;
	}
	#contact_us_popup .search-btn i {
		font-size: 24px;
	}
}

@media only screen and ( max-width:400px) {
	#contact_us_popup form {
		font-size: 16px;
	}
	#contact_us_popup input[type="search"] {
		padding: 0px 0px 0px 10px;
	}
	#contact_us_popup .search-btn {
		padding: 0px 15px;
	}
	#contact_us_popup .search-btn i {
		font-size: 18px
	}
}

.mt-quik-search .form-control::-moz-placeholder {
	color: #fff;
}

.mt-quik-search .form-control:-moz-placeholder {
	color: #fff;
}

.mt-quik-search .form-control:-ms-input-placeholder {
	color: #fff;
}

.mt-quik-search .form-control::-webkit-input-placeholder {
	color: #fff;
}

@media only screen and (max-width:767px) {
	.site-search {
		width: 100%;
	}
	.site-search .site-button {
		padding: 0;
	}
	.site-search form {
		padding-left: 0;
	}
}


/*____animated play btn
======================================*/


/*____ANIMATED PLAY BTN____*/

.play-now{
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  border-radius: 50%;
  z-index:10;
  width:60px;
  height:60px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  transform-origin: center center;    
}

.play-now .icon{
    position: absolute;
    left: 50%;
    top: 50%;
    height: 65px;
    width: 65px;
    text-align: center;
    line-height: 65px;
    background-color: #fff;
    color: #000;
    z-index: 1;
    font-size: 20px;
    padding-left: 5px;
    display: block;
	
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform-origin:center;
  transform-origin: center center; 
 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
    -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
    -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 5px 10px 0 rgba(255, 255, 255, 0.1);

}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 65px;
    width: 65px;

  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform-origin:center;
  transform-origin: center center; 
  
    -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, .3);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	
    -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 20px 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 20px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

.slider-play-icon .play-now{
	right:30%;
	left:auto;
	top:45%;
}

/*================inner pages css=======*/

@media only screen and (max-width:991px) {
	.m-about-containt {
		padding-top: 0px;
		margin-top: 0px;
	}
	.m-about-containt h2 {
		font-size: 36px;
		line-height: normal;
		margin-top: 0px;
	}
}

@media only screen and (max-width:768px) {
	.m-about {
		padding: 0px;
		margin: 0px;
	}
	.m-about::after {
		display: none;
	}
}


/*-------------------------------------
	7. extra cell position
-------------------------------------*/


/*=============contact Popup =================*/

.contact-slide-hide {
	position: fixed;
	right: -500px;
	top: 0px;
	height: 100%;
	max-width: 3000px;
	background: #fff;
	color: #000;
	z-index: 12;
	overflow-x: hidden;
	border-left: 1px solid #ddd;
}

.contact-nav {
	display: table;
	width: 100%;
	height: 100%;
}

.contact-nav .contact-nav-form {
	padding-top: 60px;
	display: table-cell;
	vertical-align: middle;
}

.contact-nav .contact_close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 100%;
	border: none;
	text-align: right;
	font-size: 36px;
}

@media only screen and (max-width:540px) {
	.is-fixed .navbar-toggle {
		margin-bottom: 0px;
	}
	.contact-slide-hide {
		right: -100%;
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {
	.is-fixed .header-nav .nav {
		overflow: auto;
		height: 275px;
	}
	.is-fixed .header-nav .nav>li>a {
		padding: 12px 15px;
	}
	.is-fixed#header-part .navbar-toggle {
		margin: 15px 0;
	}
}

@media only screen and (max-width:768px) {
	.is-fixed .extra-nav {
		padding: 13px 7px;
	}
}

@media only screen and (max-width:767px) {
	.is-fixed .extra-nav {
		padding: 13px 0px;
	}
}



.full-social-bg{text-align:center;}
.full-social-bg ul{list-style:none}
.full-social-bg li{text-align:center;}
.full-social-bg li{	display: inline-block;}
.full-social-bg li a {
	margin: 5px 2px;
	background-color: #efefef;
	position: relative;
	top: 0px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	color: #222;
}
.full-social-bg li a:hover i {
	color:#fff;
}

.facebook:hover {
  background: #3b5998 !important
}

.google:hover {
  background: #dd4b39 !important
}

.instagram:hover {
  background: #517fa4 !important
}

.tumblr:hover {
  background: #32506d !important
}

.twitter:hover {
  background: #00aced !important
}

.youtube:hover {
  background: #bb0000 !important
}





/*====our ability counter=======*/

.our-ability [class*="col-"] .mt-icon-box-wraper {
	position: relative;
}

.our-ability [class*="col-"] .mt-icon-box-wraper:after {
	content: "";
	position: absolute;
	height: 30px;
	width: 1px;
	top: 0px;
	right: -15px;
	background-color: #000;
}

.our-ability [class*="col-"]:last-child .mt-icon-box-wraper:after {
	display: none;
}

@media only screen and (max-width:991px) {
	.our-ability [class*="col-"] .mt-icon-box-wraper:after {
		display: none;
	}
}

/*-------------------------
	Our Team 1
----------------------------*/

.our-team-1 {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  text-align: center;
  margin-top:10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;  
}
.our-team-1:hover{margin-top:-10px;box-shadow:0px 0px 40px rgba(0, 0, 0, 0.15);}

.our-team-1 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.our-team-1 .profile-image {
  padding: 15% 10% 0;
}

.our-team-1 .profile-image img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius:50%;
  max-width: 60%;
}

.our-team-1 .figcaption {
  padding: 5% 10% 15%;
}


.our-team-1 h5 {
  font-weight: 400;
  color: #222;
}

.our-team-1 .icons i {
	color: #999;
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
}

.our-team-1 .icons i:hover {
  color: #555;
}

.our-team-1 .icons i a {
  text-decoration: none;
}

/*-------------------------
	Our Team 2
----------------------------*/

.our-team-2 {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-top:10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;  
}
.our-team-2:hover{margin-top:-10px;box-shadow:0px 0px 40px rgba(0, 0, 0, 0.15);}

.our-team-2 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.our-team-2 .profile-image {
  padding: 20px 20px 0px 20px;
}

.our-team-2 .profile-image img {
	max-width: 100%;
	vertical-align: top;
	position: relative;
	width:100%;

}

.our-team-2 .figcaption {
	padding: 100px 20px 20px;
	background-color:#fff;
	margin-top: -100px;
}


.our-team-2 h5 {
  font-weight: 400;
}

.our-team-2 .icons i {
	color: #000;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	background-color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.our-team-2 .icons i:hover {
  color: #fff;
  background-color: #222;
}

.our-team-2 .icons i a {
  text-decoration: none;
}
@media only screen and (max-width:991px){
	.our-team-2:hover{margin-top:10px;}
}

/*=========== Flat Icons ============*/

.icon-font-block {
	display: inline-block;
	width: 24%;
	margin-bottom: 4px;
	text-align: center;
	vertical-align: top;
	background: #fff;
	padding: 1%;
	height: 100px;
	border: 1px solid #e7e7e7;

    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;	
}
.icon-font-block:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
    box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
	position:relative;
	z-index:10;
}
.icon-font-block .flat-icon {
	padding: 10px;
	display: block;
	font-size: 32px;
	line-height: 1;
}

@media only screen and (max-width: 1200px) {
	.icon-font-block {
		width: 32%;
	}
}

@media only screen and (max-width:767px) {
	.icon-font-block {
		width: 49.7%;
	}
}

@media only screen and (max-width:620px) {
	.icon-font-block {
		width: 100%;
	}
}


/*=========== bg-change-section ============*/

.bg-change-section {
	position: relative;
}

.bg-changer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.section-bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: -1;
}

.bg-changer .section-bg:first-child {
	opacity: 1;
}

.bg-changer .section-bg {
	opacity: 0;
	will-change: opacity, transform;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.5s 0.2s ease, transform 5s 0.2s ease;
	-o-transition: opacity 0.5s 0.2s ease, transform 5s 0.2s ease;
	transition: opacity 0.5s 0.2s ease, transform 5s 0.2s ease;
}

.bg-changer .section-bg.active {
	opacity: 1;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.bgcall-block {
	cursor: pointer;
}


/*____Clients logo grid
======================================*/

.client-grid {
	overflow: hidden;
}

.client-grid [class*="col-"] {
	position: relative;
	z-index: 1;
}

.client-grid [class*="col-"] a {
	display: block;
	padding: 10px 20px;
	text-align: center;
}

.client-grid [class*="col-"]:after {
	content: "";
	position: absolute;
	border-bottom: 1px dashed #dcdcdc;
	border-left: 1px dashed #dcdcdc;
	position: absolute;
	left: -1px;
	bottom: -1px;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.client-logo-media+.tooltip {
	bottom: auto !important;
	top: 50px !important;
	z-index: 10;
}

.grid-5 [class*="col-"] {
	width: 20%;
}

.grid-4 [class*="col-"] {
	width: 25%;
}

.grid-3 [class*="col-"] {
	width: 33.33%;
}

.grid-2 [class*="col-"] {
	width: 50%;
}

@media only screen and (max-width: 991px) {
	.grid-5 [class*="col-"] {
		width: 25%;
	}
}

@media only screen and (max-width: 767px) {
	.grid-5 [class*="col-"],
	.grid-4 [class*="col-"],
	.grid-3 [class*="col-"] {
		width: 50%;
	}
}

@media only screen and (max-width: 360px) {
	.grid-5 [class*="col-"],
	.grid-4 [class*="col-"],
	.grid-3 [class*="col-"] {
		width: 100%;
	}
}



.slider-half-part {
		margin-top: -90px;
}
.half-blocks .half-block-content{
	position: relative;
	z-index: 1;
	background-color: #f6f7f8;
}	
.half-blocks-bg{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:0;
	
}

.half-blocks:hover .half-block-content{
	background-color:rgba(0,0,0,0.8);
	color:#fff;
}
.half-blocks:hover .half-block-content .mt-tilte{color:#fff !important;}
.half-blocks:hover .half-block-content .site-button-link{color:#fff !important;}
		

@media only screen and (max-width: 991px) {
	.slider-half-part {
		margin-top: 80px;
	}
	.slider-half-part .no-col-gap [class*="col-xs-"],
	.slider-half-part .no-col-gap [class*="col-sm-"],
	.slider-half-part .no-col-gap [class*="col-md-"],
	.slider-half-part .no-col-gap [class*="col-lg-"] {
		padding: 0px 15px;
	}
}

@media only screen and (max-width: 768px) {
	.slider-half-part {
		margin: 30px 0px;
	}

}

/*====our-speciallization====*/

.our-speciallization {
	position: relative;
	z-index: 1
}



/*____scale images
======================================*/

.scale-bg-top,
.scale-bg-bottom {
	position: relative;
}

.scale-bg-top:before,
.scale-bg-bottom:after {
	content: "";
	position: absolute;
	left: 0px;
	width: 100%;
	height: 50px;
	opacity: 0.4;
}

.scale-bg-top:before {
	background-image: url(../images/background/scale-top.html);
	background-position: top;
	background-repeat: repeat-x;
	top: 0px;
}

.scale-bg-bottom:after {
	background-image: url(../images/background/scale-bottom.html);
	background-position: bottom;
	background-repeat: repeat-x;
	bottom: 0px;
}



.onhover-box-shadow {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.onhover-box-shadow:hover {
	-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .0.4);
}


/*____Progress Bar 
-------------------------------------*/

.progress .tooltip {
	position: relative;
	float: right;
	margin-top: 5px;
	z-index:1;
}

.progress .tooltip>.tooltip-inner {
	background-color:transparent;
	padding: 3px 14px;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	border-radius: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 0;
}

.progress .popOver+.tooltip>.tooltip-arrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #212121;
}

.progress {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	overflow: visible;
}

.progress-bar {
	-webkit-transition: width 1.5s ease-in-out;
	transition: width 1.5s ease-in-out;
}

.mt-probar-1 {
	height: 4px;
}

.with-overlay.progress .tooltip>.tooltip-inner {
	background-color: #fff;
	color: #000;
}

.with-overlay.progress .popOver+.tooltip>.tooltip-arrow {
	border-top: 5px solid #fff;
}

/*========block-sahdow====*/
.box-shadow{
	-webkit-box-shadow: 0px 0px 5px 0px #dcdcdc;
	box-shadow: 0px 0px 5px 0px #dcdcdc;
}

/*====multiline-animation====*/
.multi-line-animation{
	position:absolute;
	width:100%;
	bottom:0px;
	height: 100vh;
}
@media only screen and (max-width: 991px) {
	
.multi-line-animation{
	display:none;
}	
}
.multi-line-one,
.multi-line-two,
.multi-line-three,
.multi-line-four{
	position:absolute;
	bottom:0px;	
	height:100vh;
	width:4px;
	z-index:20;	
	border-left:1px solid rgba(255,255,255,0.1);	
	
}

.multi-line-one{left:20%;}
.multi-line-two{left:40%;}
.multi-line-three{left:60%;}
.multi-line-four{left:80%;}


.animation-block1{
	animation-duration: 40s;
	animation-iteration-count: infinite;
	background-color: #2a2a2a;
	height: 10px;
	margin: 0px 0px 0px -5px;
	transform-origin: bottom;
	width: 10px;
}
.bounce-1 {
	animation-name: bounce-1;
	animation-timing-function: linear;
}
@keyframes bounce-1 {
	0%   { transform: translateY(0); }
	50%  { transform: translateY(100vh); }
	100% { transform: translateY(0); }
}


.animation-block2{
	animation-duration: 80s;
	animation-iteration-count: infinite;
	background-color: #2a2a2a;
	height: 10px;
	width:10px;
	margin: 0px 0px 0px -5px;
	transform-origin: bottom;
}
.bounce-2{
	animation-name: bounce-2;
	animation-timing-function: linear;
}
@keyframes bounce-2 {
	100%   { transform: translateY(0); }
	50%  { transform: translateY(100vh); }
	0% { transform: translateY(0); }
}
/*====multiline-animation End====*/

.slider-block{
	border:20px solid #f5bf23;
}

/*====background Square block====*/
/*shape1*/
.square_shape1,
.square_shape2{
	position:relative;
	overflow: hidden;
	z-index:0;
}
.square_shape1:after,
.square_shape2:before{
	position:absolute;
	content:"";
	border:40px solid rgba(191,191,191,0.1);
	z-index:-1;
/*====Wave Animation====*/	
	-webkit-animation: shake 1.5s ease-in-out 1.5s infinite alternate;
}



@-webkit-keyframes shake {
 from {
    -webkit-transform: rotate(45deg);
 }
 to {
   -webkit-transform-origin:center center;
   -webkit-transform: rotate(35deg);
 }

}

/*shape1*/
.square_shape1:after{
	width:450px;
	height:250px;		
	left:-300px;	
	bottom:-20px;	
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);}
/*shape2*/
.square_shape2:before{
	width:250px;
	height:450px;		
	right:-190px;	
	bottom:-50px;	
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);}


.hilite-title{	border:0px;	}
.hilite-title.hilite-dark strong{color:rgba(191,191,191,0.2);}
.hilite-title strong{	display:block;	font-size:80px;	line-height:80px;color:#efefef;font-family: 'Poppins', sans-serif; font-weight:900;}

@media only screen and (max-width: 767px) {
	
.hilite-title{display:none;}
}

.text-pop-up-top {
	-webkit-animation: text-pop-up-top 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
	animation: text-pop-up-top 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
}

@-webkit-keyframes text-pop-up-top {
  0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	text-shadow: none;
  }
  100% {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}
@keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}



/*-------------------------------------
	2. Count Section 
-------------------------------------*/

.icon-count-2{
	position: relative;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.icon-count-2:after{
	position:absolute;
	content:'';
	left:10px;
	right:10px;
	top:-10px;
	height:10px;
	background-color:#f5be23;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;	

}

.icon-count-2 span.icon-count-number{
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 60px;
	font-weight: 800;
	color: rgba(177, 177, 177, 0.7);
	opacity: 0.3;
	line-height: 30px;
	font-family: 'Poppins', sans-serif;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;		
}
.icon-count-2:hover{
	background-color:#fff;
	-webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
	box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);	
}
.icon-count-2:hover span.icon-count-number{
	color:#f5be23;
	opacity: 1;
}

.icon-count-2:hover:after{
	top:0px;
	left:0px;
	right:0px;
}


/*====service half section====*/
.Service-half-top{padding-bottom: 260px;}
.services-half-bottom{margin-top: -200px;}

/*====site button effect====*/
.btn-effect {
  letter-spacing:4px;
  position:relative;
  text-transform:uppercase;
}

.btn-effect:before,
.btn-effect:after {
  border-color: transparent;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 24px;
  position: absolute;
  width: 24px;
}

.btn-effect:before {
  border-color: #c47135;
  border-left-width: 2px;
  border-top-width: 2px;
  left: -5px;
  top: -5px;
}

.btn-effect:after {
  border-bottom-width: 2px;
  border-color: #c47135;
  border-right-width: 2px;
  bottom: -5px;
  right: -5px;
}

.btn-effect:hover:before,
.btn-effect:hover:after{
  height: 100%;
  width: 100%;
}

.site-button-secondry.btn-effect:before,
.site-button-secondry.btn-effect:after{
  border-color: #222;
}

.site-button.btn-effect:before,
.site-button.btn-effect:after{
  border-color: #F5BF23;
}

.site-button:hover.btn-effect:before,
.site-button:hover.btn-effect:after{
  border-color: #222;
}


/*====Our Product Section ====*/
.product-stamp .filter-navigation li{
	display:block;
}
/*====Filter Hover Navigation====*/

.filter-navigation{
  text-transform: uppercase;
	margin-bottom:0px;
	display:block;
}
.filter-navigation * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.filter-navigation li {
  display: inline-block;
  list-style: outside none none;
  margin: 0px 0px 10px 0px;
  overflow: hidden;
}

.filter-navigation li:first-child {
  padding-left:0px;
  margin-left:0px;
}
.filter-navigation a {
  padding: 10px 0px;
  color: #000;
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  margin: 0px;
  text-decoration: none;
  font-weight:600;
}
.filter-navigation a:before,
.filter-navigation a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.filter-navigation a:before {
  bottom: 100%;
  display: block;
  height: 2px;
  width: 100%;
  content: "";
 /* background-color: #f5be23;*/
}
.filter-navigation a:after {
  padding: 0.3em 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  content: attr(data-hover);
  color: #f5be23;
  white-space: nowrap;
}
.filter-navigation li:hover a{
  transform: translateY(100%);
}




.filter-navigation.inline-navigation li {
  margin: 0px 0px 10px 0px;
  overflow: hidden;
}

.filter-navigation.inline-navigation a {
  padding: 4px 10px;
  display: inline-block;
}

.filter-navigation.inline-navigation a:after {
  padding: 0.3em 10px;
}



/*------------------------
	Hover Image Block
---------------------------*/
.image-hover-block {
position: relative;
overflow: hidden;
width: 100%;
background: #000;
}

.image-hover-block *,
.image-hover-block:before,
.image-hover-block:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.image-hover-block img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}

.image-hover-block .mt-info {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 20px;
}

.image-hover-block .mt-info .mt-tilte,
.image-hover-block .mt-info p {
  margin: 0;
  opacity: 0;
}

.image-hover-block a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.image-hover-block:hover img{
  zoom: 1;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  opacity: 0.2;
}

.image-hover-block:hover .mt-info .mt-tilte,
.image-hover-block:hover .mt-info p{
  opacity: 1;
}

.image-hover-block:hover .mt-info .mt-tilte{
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.image-hover-block:hover .mt-info p{
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}


.image-hover-block:before,
.image-hover-block:after {
  position: absolute;
  top: 20px;
  right: 20px;
  content: '';
  background-color: #fff;
  z-index: 1;
  opacity: 0;
}

.image-hover-block:before {
  width: 0;
  height: 1px;
}

.image-hover-block:after {
  height: 0;
  width: 1px;
}
.image-hover-block:hover:before,
.image-hover-block:hover:after{
  opacity: 1;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.image-hover-block:hover:before{
  width: 40px;
}
.image-hover-block:hover:after{
  height: 40px;
}

/*------------------------
	Mission Section
---------------------------*/
.mission-mid{
  background-origin: border-box;
  height:466px;
  position:relative;
}
.mission-mid:after,
.mission-mid:before{
	content:'';
	position:absolute;
}

@media only screen and (max-width:991px){
.mission-outer-section{
	background-image:none !important;	
}
}

@media only screen and (max-width:640px){
.call-us-number{
	font-size:28px;	
}
}

/*____CONTACT SECTION____*/

.contact-home1-left {
	position: relative;
}

.contact-home1-left .form-control {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgb(135, 135, 135);
	color: #fff;
	padding-left: 0px;
	text-transform: uppercase;
}

.contact-home1-left .form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #878787;
}

.contact-home1-left .form-control::-moz-placeholder {
	/* Firefox 19+ */
	color: #878787;
}

.contact-home1-left .form-control:-ms-input-placeholder {
	/* IE 10+ */
	color: #878787;
}

.contact-home1-left .form-control:-moz-placeholder {
	/* Firefox 18- */
	color: #878787;
}

/*------------------------
    about-home-right
---------------------------*/
.about-home{position:relative; margin-left:90px;}
.about-home:after{
	content: "";
	position: absolute;
	top: 90px;
	left: -90px;
	width: 75%;
	height: 90%;
	background-color: transparent;
	border: 30px solid rgba(191,191,191,0.1);
	z-index: -1;
}
.about-home-v2{
	margin-left:0px;
}
.about-home-v2:after{
	display:none;
}


.about-home .owl-carousel .owl-dots{	position:absolute;	right:20px;	margin-top:0px;	top: 50%;	width:0px;    transform: translateX(-50%) translateY(-50%);}
.about-home .owl-carousel .owl-dots .owl-dot span{ width:12px; height:3px; border:none; float:right; clear:both; position:relative;}
.about-home .owl-carousel .owl-dots .owl-dot span:after{
 content:"";
 position:absolute;
 top:0;
 right:0;
 width:12px;
 height:3px;
 background-color:#000;
 -webkit-transition: all 0.5s linear;
 -moz-transition: all 0.5s linear;
 -ms-transition: all 0.5s linear;
 -o-transition: all 0.5s linear;
 transition: all 0.5s linear;
}


.about-home.owl-carousel .owl-dots .owl-dot span {
	background: #444;
}
.about-home.owl-carousel .owl-dots .owl-dot.active span{background: #f5be23;}



.about-home-right{
	position: relative;
	margin-left: -140px;
	z-index: 1;
	margin-top: 70px;
}
.about-home-right.about-right-v2{margin-left:0px; margin-top:0px; min-height: 375px;}
@media only screen and (max-width:1200px) {
.about-home-right.about-right-v2{margin-top:30px; margin-top:0px; min-height: inherit;}
}

@media only screen and (max-width:991px) {
.about-home{	margin-bottom:100px;}
}
@media only screen and (max-width:768px) {
.about-home{
	margin-top:50px;
}	
}


@media only screen and (max-width:420px) {
.about-home{	margin-left:0px;	margin-bottom:0px;}
.about-home:after{	display:none;}
.about-home-right{
	margin-top: 15px;
}
}

@media only screen and (max-width:991px) {
.about-home{
	margin:0px;
}	
.about-home-right{

	margin-left: 0px;
}	
.about-home:after{
	top: 90px;
	left: 0;
	width: 100%;
}
}

.services-half-section-top {
    padding: 80px 0px 0px;
}
.services-half-section-bottom {
    margin-top: -200px;
	padding-top:280px;
}
@media only screen and (max-width:768px) {
.services-half-section-top {
    padding: 30px 0px;
}
}
/*-----------------------
	video part
-------------------------*/

.video-section-full-v2{
	position:relative;
	z-index:1;
	margin-top: 40px;
	margin-bottom: 70px;
}
.video-section-full-v2:after{
	position:absolute;
	content:'';
	left:0px;
	top:-40px;
	width:40%;
	height:calc(100% + 80px);
	background-color:#f5bf23;
	z-index:-1;
}
.video-section-full{
	padding: 60px 40px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	bottom: -120px;
	margin-top: -100px;
}

.video-section-full-v2 .video-section-full{
	padding: 150px 40px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	bottom:0px;
	margin-top: 0px;
	margin-left:40px;
}




.video-section-full .overlay-main{
	z-index:-1;
}
.video-section-full:after,
.video-section-full:before,
.video-section-inner:after,
.video-section-inner:before{
	content:"";
	position:absolute;
	background-color:#fff;
	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	overflow:hidden;	
}
.video-section-full:after{
	width:30px;
	height:2px;
	left:20px;
	top:20px;		
}
.video-section-full:before{
	width:2px;
	height:30px;
	left:20px;
	top:20px;		
}
.video-section-full:hover:after{
	width:100%;
}
.video-section-full:hover:before{
	height:100%;
}


.video-section-inner:after{
	width:30px;
	height:2px;
	right:20px;
	bottom:20px;		
}
.video-section-inner:before{
	width:2px;
	height:30px;
	right:20px;
	bottom:20px;		
}
.video-section-full:hover .video-section-inner:after{
	width:100%;
}
.video-section-full:hover .video-section-inner:before{
	height:100%;
}



.video-section{
	position:relative;
	z-index:1;
	margin-right: 31px;
}
.video-section-content{
	display: table;
	padding: 30px 0px;
	width:100%
}
.video-section-left{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:120px;
}
.video-section-right{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
.video-section-right a{
	color:#fff;
}
.video-section-right a:hover{
	color:#f5be23;
}

.video-section-left .play-now{
	position: absolute;
	left: 27%;
	top: 50%;
	display: block;
	border-radius: 50%;
	z-index: 10;
	width: 60px;
	height: 60px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	transform-origin: center center;	
}

@media only screen and (max-width:991px) {
.video-section-full{
	padding: 60px 40px;
	bottom: 0px;
	margin-top: 0px;
	margin-bottom:30px;
}	
}
@media only screen and (max-width: 480px) {
	.video-section-full{
		width:100%;
		margin-bottom:15px;
	}
.video-section-full-v2 .video-section-full{
	margin-left:0px;
}	
	
}

/*------------------------
	Author-info
--------------------------*/
.author-info{display:table; width:100%;}
.author-signature,
.author-name{display:table-cell;vertical-align:middle;}

/*------------------------
	Slide bottom section
--------------------------*/
.image-effect-one {
  position: relative;
  overflow: hidden;
  background-color: #000;
}

.image-effect-one *,
.image-effect-one *:before,
.image-effect-one *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.image-effect-one img {
  max-width: 100%;
  width: 100%;
  vertical-align: top;
}

.image-effect-one .figcaption {
  position: absolute;
  bottom: 0%;
  width: 100%;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  padding: 10px 70px 10px 20px;
  background-color: #ffffff;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.image-effect-one h4,
.image-effect-one p {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 0;
  margin: 0;
  padding: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.image-effect-one i.link-plus {
  position: absolute;
  color: #fff;
  font-size: 18px;
  line-height: 70px;
  width: 58px;
  height:100%;
  bottom: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateX(58px);
  transform: translateX(58px);
}
.image-effect-one i.link-plus:after,
.image-effect-one i.link-plus:before{
	content:"";
	position:absolute;
	background-color:#fff;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;	
}
.image-effect-one i.link-plus:after{
	left:50%;
	top:50%;
	width:2px;
	height:0%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);	
}
.image-effect-one i.link-plus:before{
	left:50%;
	top:50%;
	width:0%;
	height:2px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);	
}
.image-effect-one:hover i.link-plus:before{
	width:30px;
}
.image-effect-one:hover i.link-plus:after{
	height:30px;
}

.image-effect-one .mfp-link {
  position: absolute;
  background-color:#fff;
  height:40px;
  width:40px;
  line-height:40px;
  text-align:center;
  top: 0px;
  right:0px;
  opacity:0;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;  
}
.image-effect-one:hover .mfp-link {
  right: 20px;
  top:20px;
  opacity:1;
}

.image-effect-one:hover img{
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}


.image-effect-one:hover .figcaption,
.image-effect-one:hover h4,
.image-effect-one.hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.image-effect-one:hover .figcaption{
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.image-effect-one:hover h4{
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.image-effect-one:hover p{
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
  opacity: 1;
}

.image-effect-one:hover i{
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/*----------------------
	HOVER SHADOW
------------------------*/
.hover-shadow{
	-webkit-box-shadow: 0 0px 0px 0 rgba(50,50,50,.16);
	box-shadow: 0 0px 0px 0 rgba(50,50,50,.16);

	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}



.hover-shadow:hover{
	-webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
	box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
	position:relative;
	z-index:10;
}


/*----------------------
INPUT ANIMATION
------------------------*/

.input-animate.input,
.login-animate.input label,
.login-animate.input input,
.login-animate.input textarea,
.login-animate.input .spin {  transition: 300ms cubic-bezier(.4, 0, .2, 1); -webkit-transition: 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: 300ms cubic-bezier(.4, 0, .2, 1);}

.input-animate.input input,
.input-animate.input textarea,  
.input-animate.input label { font-size: 12px;  color: rgba(0, 0, 0, 0.8); font-weight: 500; }

.input-animate.input  { margin-bottom: 30px;  height: 44px; }
.input-animate.input::before { content: ""; background: rgba(255, 255, 255, 0.1); z-index: 3; }

.input-animate.input input{ height: 44px; top: 10px; border: none; background: transparent; }
.input-animate.input textarea{ height: 40px; padding-top:15px; top: 10px; border: none; background: transparent; }

.input-animate.input label { position: absolute; top: 10px; left: 0; z-index: 2; cursor: pointer; line-height: 40px; }
.input-animate.input input, 
.input-animate.input textarea, 
.input-animate.input label { font-size: 12px; color:#fff; font-weight: 500; }

.input-animate.input::before, 
.input-animate.input .spin { width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; }

.input-animate.input, 
.input-animate.input input,
.input-animate.input textarea{ position: relative; width:100%;outline: none;}

.input-animate.input textarea{resize:none;}

.input-animate.input .spin { background: #f5bf23; z-index: 4; width: 0; }

.input-animate.input, 
.input-animate.input label, 
.input-animate.input input,
.input-animate.input textarea,  
.input-animate.input .spin { transition: 300ms cubic-bezier(.4, 0, .2, 1); -webkit-transition: 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: 300ms cubic-bezier(.4, 0, .2, 1); box-shadow: none;}

/*-------------------------
OUR SPECIALLIZATION
---------------------------*/
.our-speciallization-content{
	padding:20px;
	border:20px solid #f1f1f1;
}

/*-------------------------
Filter Hover Navigation
---------------------------*/

.hover-navigation{
  text-transform: uppercase;
	margin-bottom:0px;
}
.hover-navigation * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.hover-navigation ul{
	border:1px solid #e7e7e7;
}
.hover-navigation li {
  display:block;
  list-style: outside none none;
  overflow: hidden;
  border-bottom: 1px solid #e7e7e7;
}
.hover-navigation li:last-child{
border-bottom:none;
}
.hover-navigation li:first-child {
  padding-left:0px;
  margin-left:0px;
}
.hover-navigation li:hover{
	-webkit-box-shadow: 0px 4px 7px 0px #ededed;
	box-shadow: 0px 4px 7px 0px #ededed;
}

.hover-navigation a {
  padding: 18px 20px;
  color: #000;
  position: relative;
  display:block;
  letter-spacing: 1px;
  margin: 0px;
  text-decoration: none;
  font-weight:600;
}
.hover-navigation a:before,
.hover-navigation a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.hover-navigation a:before {
  bottom: 100%;
  display: block;
  height: 2px;
  width: 100%;
  content: "";
 /* background-color: #f5be23;*/
}
.hover-navigation a:after {
  padding: 18px 20px;
  position: absolute;
  bottom: 100%;
  left: 0;
  content: attr(data-hover);
  color: #f5be23;
  white-space: nowrap;
  width: 100%;
}
.hover-navigation li:hover a{
  transform: translateY(100%);
}
/*---------------------------
inner page Testimonial
----------------------------*/
.inner-client-says{
  position: relative;
  overflow: hidden;
  color: #000000;
  text-align: center;
  background-color: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border: 1px solid #ebe7de;
}
.inner-client-says *,
.inner-client-says *:before,
.inner-client-says *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.inner-client-says .inner-client-info {
  width: 100%;
}
.inner-client-says h4,
.inner-client-says h6,
.inner-client-says blockquote {
  margin: 0;
}


.inner-client-says h6 {
  color: #a6a6a6;
}
.inner-client-says blockquote {
  font-size: 14px;
  padding: 55px 15px 20px 15px;
  margin-top: 30px;
  background-color: #fbfbfb;
  border-radius: 5px;
   text-align: left;
  position: relative;
}
.inner-client-says blockquote:before {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 70px;
  opacity: 0.25;
  font-style: normal;
  top: 0px;
  left: 20px;
  background:none;
}
.inner-client-says .profile {
width: 100px !important;

border-radius: 50%;

display: inline-block;

box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.4);

margin-bottom: 10px;

border: solid 5px #FFF;

margin: 15px auto;
}

/*--------------------
scale-in-center
----------------------*/
.icon-font-block:hover .flat-icon{
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.mt-icon-box-wraper:hover .scale-in-center{
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.hover-animation-1:hover .scale-in-center{
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/*-----------------------------
Image Effect Two
--------------------------------*/
.image-effect-two {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  -webkit-perspective: 800px;
  perspective: 800px;
}
.image-effect-two * {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.image-effect-two img {
  max-width: 100%;
  width:100%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.image-effect-two .figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: rotateY(90deg) translate(0%, -50%);
  transform: rotateY(90deg) translate(0%, -50%);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  z-index: 1;
  opacity: 0;
  padding: 0 30px;
}

.image-effect-two:hover img,
.image-effect-two.hover img {
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  opacity: 0;
}
.image-effect-two:hover .figcaption,
.image-effect-two.hover .figcaption {
  -webkit-transform: rotateY(0deg) translate(0, -50%);
  transform: rotateY(0deg) translate(0, -50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.image-effect-two .mfp-link{
width: 40px;
height: 40px;
text-align: center;
display: inline-block;
line-height: 40px;
background-color: #222;
margin-left: 10px;
color:#fff;
}
.image-effect-two .mfp-link:hover{
	background-color:#F5BF23;
	color:#222;
}

/*-------------------------
	Title Hover
---------------------------*/
.project-classic .mt-title{
  display:inline-block;
  position:relative;	
  padding: 0px 0px 8px 0px;
  color: #000;
  text-decoration: none;
}
.project-classic .mt-title:before,
.project-classic .mt-title:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.project-classic .mt-title:before {
  bottom: 0;
  display: block;
  height: 2px;
  width: 0%;
  content: "";
  background-color: #F5BF23;
}
.project-classic .mt-title:after {
  left: 0;
  top: 0;
  padding: 0px 0px 8px 0px;
  position: absolute;
  content: attr(data-hover);
  color: #F5BF23;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.project-classic:hover .mt-title:before {
  opacity: 1;
  width: 100%;
}
.project-classic:hover .mt-title:after{
  max-width: 100%;
}


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

.call-for-quote-outer{
	display:table;
	width:100%;
	background-color:#f5bf23;
}
.call-quote,
.call-estimate{
	display:table-cell;
	vertical-align:middle;
	padding:20px;
	text-align:center;
}
@media only screen and (max-width:640px){
.call-quote,
.call-estimate{
	display:block;
}	
	
}

/*====rev-slider====*/
#welcome .tp-thumbs-inner-wrapper .tp-thumb.selected:after{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border:5px solid #f5bf23;
}
#welcome .tp-bullets {
    display: none !important;
}
/*slider overlay*/
#welcome .tp-shapewrapper {
    display: none;
}


@media (max-width: 991px) {
	#welcome .tp-bullets {
		display: block !important;
	}
	#welcome .tp-thumbs{display: none !important;}
	#welcome .tparrows {display: none !important;}
	
}


@media (max-width: 767px) {
	/*slider overlay*/
	#welcome .tp-shapewrapper {
		display: block !important;
	}
	
}



#slider-boxed .tp-thumbs-inner-wrapper .tp-thumb.selected:after{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border:5px solid #f5bf23;
}
#slider-boxed .tp-bullets {
    display: none !important;
}



@media (max-width: 991px) {
	#slider-boxed .tp-bullets {
		display: block !important;
	}
	#slider-boxed .tp-thumbs{display: none !important;}
	#slider-boxed .tparrows {display: none !important;}
	
}


@media (max-width: 767px) {
	/*slider overlay*/
	#slider-boxed .tp-shapewrapper {
		display: block !important;
	}
	
}
/*--------------------------------
	link underline
-----------------------------------*/
.anchor-line a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
	padding-bottom:3px;
}

.anchor-line a:hover, .anchor-line a:focus {
    background-size: 100% 2px;
}

/*--------------------------------
	page-notfound
-----------------------------------*/
.page-notfound strong{
	display:block;
	font-size:24px;
	margin-bottom:30px;
}
.page-notfound span.title{
	position: relative;
	display: block;
	color: #f5bf23;
	font-size: 180px;
	line-height: 150px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 13px 0 14px;
}
.page-notfound p{
	font-size:18px;
}
@media only screen and (max-width:5400px) {
.page-notfound span.title{
	font-size: 80px;
	line-height: 70px;

}
}
/*---------------------------
	contact-form
-----------------------------*/
.get-in-touch-form{
	position:relative;
}
.get-in-touch-form-section{
	position: absolute;
	right: 0px;
	bottom: 0px;
	max-width:520px;
}

.get-in-touch-info{
	position: absolute;
	bottom: 0px;
	max-width: 330px;
	left: 0px;
	box-shadow: -10px -10px #f5bf23;
}
@media only screen and (max-width:991px){
.get-in-touch-form-section{
	max-width:400px;
}	
}


@media only screen and (max-width:768px){
.mobile-page-padding{padding:30px 0px;}	
.inner-page-padding{padding:30px 0px;}

.get-in-touch-form-section{
	position:inherit;
	left:auto;
	bottom:auto;
	margin:0px auto;
}
.get-in-touch-info{
	position:relative;
}
}
@media only screen and (max-width:991px){
.service-about-left{
	text-align:center;
	display:block;
}
}
@media only screen and (max-width:480px){
.service-about-right h3{    font-size: 22px; line-height:inherit;}
.faq-1{
	padding-left:15px;
	padding-right:15px;
}
}

/*-----------------------------------------------
	boxed style
--------------------------------------------------*/

/*main bar with box view*/
.boxed .is-fixed .main-bar{
	max-width: 1200px;
	margin: 0 auto !important;
	left: inherit !important;
}
@media only screen and (max-width: 1200px) {
.boxed .is-fixed .main-bar{
	margin:0;
	left:0;
}
}
.boxed .site-header .container  {
	width:auto;
}

#bg {
	background-attachment:fixed;
	background-size:cover;
}
.boxed .page-wraper{
	max-width:1200px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.boxed .tp-banner-container,
.boxed .rev_slider_wrapper {
	left:0 !important;
	width:100% !important;
}
.boxed .tp-rightarrow {
	right:0 !important;
}
.boxed .tp-leftarrow {
	left:0 !important;
}