/* ================================================================= */
/* ======================= INFORMATION START ======================= */
/* ====================================================================
- template	 	:	Bracket - HTML5 One Page Template
- element	 	:	Main Stylesheet
- author url	:	https://themeforest.net/user/gwdesign_org
- developed by	:	Tanim Mahbub

- index of style.css-
---------------------
01 - ALL TEXT FORMAT
   |>-- font-family start
   |>-- txt-normal
   |>-- btn-prime
   |>-- btn-more
   |>-- list-style-1
   |>-- list-style-2

02 - SECTION HEADER
   |>-- section-header
   |>-- inner-title
   |>-- section id

03 - HEADER
   |>-- topbar
   |>-- menubar
   |>-- mainBanner and mainSlider

04 - ABOUT
   |>-- sec-about
   |>-- work-process

05 - SERVICE
   |>-- sec-services
   |>-- pricing
   |>-- short-quate
   |>-- team-content

06 - PORTFOLIO
   |>-- portfolio
   |>-- testimonial
   |>-- facts

07 - NEWS
   |>-- news
   |>-- subscribe
   |>-- partner-slider

08 - CONTACT
   |>-- contact-info
   |>-- contact-form
   |>-- custom radio and checkbox
   |>-- google-map

==================================================================== */
/* ======================== INFORMATION END ======================== */
/* ================================================================= */

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700|Roboto:400,500,700,900');
/*google fonts end*/
@import url(css/bootstrap.min.css);
@import url(css/bootstrap-select.min.css);
@import url(css/font-awesome.min.css);
@import url(css/flaticon.css);
@import url(css/lightbox.css);
@import url(css/animate.min.css);
@import url(css/owl.carousel.css);
/*css frames end*/
@import url(css/reset.css);
/*reset end*/

/* ==================================================== */
			/* ALL TEXT FORMAT START */
/* ==================================================== */
/* font-family start */
.f1 {font-family: 'Josefin Sans', sans-serif;}
.f2 {font-family: 'Roboto', sans-serif;}
/* font-family end */

/*font-weight start*/
.fw-3 {font-weight: 300;}
.fw-4 {font-weight: 400;}
.fw-5 {font-weight: 500;}
.fw-6 {font-weight: 600;}
.fw-7 {font-weight: 700;}
.fw-9 {font-weight: 900;}
/*font-weight end*/

/*txt-normal start*/
.txt-normal {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	padding-bottom: 20px;
}
/*txt-normal end*/

/*btn-prime start*/
.btn-prime {
	padding-left: 3px;
	padding-right: 3px;
	position: relative;
	z-index: 1;
}

.btn-prime:before,
.btn-prime:after {
	position: absolute;
	content: '';
	width: 5px;
	height: calc(100% + 6px);
	border: 1px solid #000;
	border-style: solid;
	border-width: 1px;
	top: -3px;
	visibility: hidden;
	opacity: 0;

	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.btn-prime:before,
.btn-prime:after {
	border-color: #000;
}

.btn-prime.bp-light:before,
.btn-prime.bp-light:after {
	border-color: #fff;
}

.btn-prime:before {
	left: 20px;
	border-right: none;
}

.btn-prime:after {
	right: 20px;
	border-left: none;
}

.btn-prime:hover:before {
	left: 0;
	visibility: visible;
	opacity: 1;
}

.btn-prime:hover:after {
	right: 0;
	visibility: visible;
	opacity: 1;
}

.btn-prime span {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-shadow: 0.5px 0.5px 0 rgba(255,255,255,.5);
}

.btn-prime.bp-light span {
	text-shadow: 0.5px 0.5px 0 rgba(0,0,0,.5);
}
/*btn-prime end*/

/*btn-more start*/
.btn-more {
	width: 40px;
	height: 20px;
	margin-top: 15px;
	display: inline-block;
	padding: 0 15px 5px;
	background: #000;
	position: relative;
}

.mi {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #fff;

	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.mi-1 {
	left: calc(50% - 8px);
}

.mi-2 {
	left: 50%;
}

.mi-3 {
	left: calc(50% + 8px);
}

.single-box:hover .mi-1 {
	width: 10px;
	height: 1.5px;
	border-radius: 3px;
	background: rgba(255,255,255,1);
	left: calc(100% - 15px);
	top: calc(50% - 1px);
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);

	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
}

.single-box:hover .mi-2 {
	width: calc(100% - 10px);
	height: 2px;
	border-radius: 3px 0 0 3px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
}

.single-box:hover .mi-3 {
	width: 10px;
	height: 1.5px;
	border-radius: 3px;
	background: rgba(255,255,255,1);
	left: calc(100% - 15px);
	top: calc(50% - 1px);

	-webkit-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	transform: rotate(-35deg);

	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
}
/*btn-more end*/

/*list-style-1 start*/
.list-style-1 li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: 700;
}

.list-style-1 li:before {
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: #000;
	border: 4px solid #999;
	top: 2px;
	left: 0;
}

.list-style-1 li:after {
	position: absolute;
	content: '';
	width: 6px;
	height: 1px;
	background: #999;
	top: 9px;
	left: 15px;
} 
/*list-style-1 end*/

/*list-style-2 start*/
.list-style-2 li {
	position: relative;
	padding-left: 20px;
	font-size: 15px;
	font-weight: 700;
}

.list-style-2 li:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #000;
	border: 2px solid #999;
	top: 8px;
	left: 5px;
}
/*list-style-2 end*/
/* ==================================================== */
				/* ALL TEXT FORMAT END */
/* ==================================================== */

/* ==================================================== */
				/* SECTION HEADER START */
/* ==================================================== */
/*section-header start*/
.section-header {
	position: relative;
	padding-bottom: 88px;
	text-transform: uppercase;
}

.sh-wrapper {
	display: inline-block;
	position: relative;
	border-bottom: 1px solid #000;
}

.section-header:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background: #000;
	top: 51%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.sh-wrapper:before,
.sh-wrapper:after {
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	background: #000;
	border: 4px solid #999;
	bottom: -8px;
}

.sh-wrapper:before {
	left: -7px;
}

.sh-wrapper:after {
	right: -7px;
}

.section-header h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	
	font-size: 13px;
	margin-bottom: 5px;
	position: relative;
	
	letter-spacing: 7px
}

.section-header h1 span {
	display: inline-block;
	position: relative;
	padding: 10px 30px;
	line-height: 28px;
	text-shadow: 0.5px 0.5px 0 rgba(255,255,255,.5);
}

.section-header h1 span:before {
	position: absolute;
	content: '';
	width: calc(100% + 30px);
	height: calc(100% - 10px);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	top: 5px;
	left: -15px;
}

.section-header h1 span:after {
	position: absolute;
	content: '';
	width: calc(100% + 30px);
	height: calc(100% + 50px);
	top: -5px;
	left: -15px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.section-header h1:before,
.section-header h1:after {
	position: absolute;
	content: '';
	width: 7px;
	height: calc(100% + 10px);
	top: -5px;
	background: #000;
	border-radius: 6px;
}

.section-header h1:before {
	left: -18px;
}

.section-header h1:after {
	right: -18px;
}
/*section-header end*/

/*inner-title start*/
.inner-title {
	position: relative;
}

.inner-title:after {
	position: absolute;
	content: '';
	width: 90px;
	height: 6px;
	border-radius: 6px;
	background: #000;
	bottom: -2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
}

.inner-title-wrapper {
	display: inline-block;
	position: relative;
	z-index: 1;
}

.inner-title-wrapper:before {
	position: absolute;
	content: '';
	width: calc(100% - 50px);
	height: calc(100% - 10px);
	background: #000;
	border-radius: 10px 10px 0 0;
	z-index: -2;
	top: 10px;
	left: calc(50% - 3px);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.inner-title-wrapper:after {
	position: absolute;
	content: '';
	width: 96px;
	height: 6px;
	border-radius: 6px 6px 0 0;
	border: 4px solid #fff;
	border-bottom: none;
	bottom: 1px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
}

.inner-title h2 {
	display: inline-block;
	position: relative;
	z-index: 1;
}

.inner-title span {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 30px;
	font-weight: 400;
	letter-spacing: 5px;
	text-transform: uppercase;
	text-shadow: 0.5px 0.5px 0 rgba(0,0,0,.5);
	border-bottom: 1px solid #000;
	position: relative;
	z-index: 1;
}

.inner-title.it-light span {
	text-shadow: 0.5px 0.5px 0 rgba(255,255,255,.5);
	border-bottom: 1px solid #fff;
}

.inner-title span:before,
.inner-title span:after {
	position: absolute;
	content: '';
	width: 11px;
	height: 11px;
	border-radius: 100%;
	background: #000;
	bottom: -6px;
}

.inner-title.it-light span:before,
.inner-title.it-light span:after {
	background: #fff;
}

.inner-title span:before {
	left: -10px;
}

.inner-title span:after {
	right: -10px;
}
/*inner-title end*/

/*section id*/
#about,
#services,
#portfolio,
#news,
#contact {
	position: relative;
	padding-top: 250px;
}
/*section id*/
/* ==================================================== */
				/* SECTION-HEADER END */
/* ==================================================== */


/* ==================================================== */
				/* HEADER START */
/* ==================================================== */
/*topbar start*/
.top-social a {
	width: 22px;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	border-radius: 3px;
	color: #333 !important;
	display: block;
}

.top-social a:hover,
.top-social a:focus {
	opacity: .8;
}

.top-contact i {
	width: 25px;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	border-radius: 3px;
}

.top-contact span {
	font-size: 15px;
}

.topbar2 .top-contact span {
	font-size: 14px;
}

.fixed-welcome {
	position: relative;
	z-index: 1;
}

.fixed-welcome:before {
	position: absolute;
	content: '';
	width: calc(100% + 40px);
	height: calc(100% + 15px);
	left: -20px;
	top: -10px;
	background: #000;
	z-index: -1;
}
/*topbar end*/

/*menubar start*/
.main-menu a {
	padding-left: 15px;
	padding-right: 5px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 7px;
	text-shadow: 0 -1px 1px rgba(51,51,51,.6);
	position: relative;
	z-index: 1;
}

.main-menu a:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #333;
	top: 0;
	left: 0;

	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	visibility: hidden;
	opacity: 0;
	z-index: -1;

	-webkit-transition: transform .3s linear 0s, visibility .3s linear, opacity .3s linear;
	transition: transform .3s linear 0s, visibility .3s linear, opacity .3s linear;
}

.main-menu a:hover:before,
.main-menu a.mPS2id-highlight:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);

	visibility: visible;
	opacity: 1;

	-webkit-transition: transform .3s linear .3s, visibility .3s linear, opacity .3s linear;
	transition: transform .3s linear .3s, visibility .3s linear, opacity .3s linear;
}

.main-menu a span {
	display: block;
}

.main-menu a.mPS2id-highlight span,
.main-menu a:hover span {
	color: #fff !important;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}

.main-menu a span:before,
.main-menu a span:after {
	position: absolute;
	content: '';
	width: 5px;
	height: calc(100% + 4px);
	top: -2px;
	border: 1px solid #333;
	visibility: hidden;
	opacity: 0;
}

.main-menu a span:before {
	left: 45%;
	border-right: none;
	-webkit-transition: left .5s ease 0s, visibility .3s linear, opacity .3s linear;
	transition: left .5s ease 0s, visibility .3s linear, opacity .3s linear;
}

.main-menu a span:after {
	right: 45%;
	border-left: none;
	-webkit-transition: right .5s ease 0s, visibility .3s linear, opacity .3s linear;
	transition: right .5s ease 0s, visibility .3s linear, opacity .3s linear;
}

.main-menu a:hover span:before,
.main-menu a.mPS2id-highlight span:before {
	left: -2px;
	visibility: visible;
	opacity: 1;
	-webkit-transition: left .3s linear .3s, visibility .3s linear, opacity .3s linear;
	transition: left .3s linear .3s, visibility .3s linear, opacity .3s linear;
}

.main-menu a:hover span:after,
.main-menu a.mPS2id-highlight span:after {
	right: -2px;
	visibility: visible;
	opacity: 1;
	-webkit-transition: right .3s linear .3s, visibility .3s linear, opacity .3s linear;
	transition: right .3s linear .3s, visibility .3s linear, opacity .3s linear;
}

.main_menu {
	position: fixed;
	top: 0;
	right: -100px;
	background: #fff;
	padding: 10px 20px;
	white-space: nowrap;
	height: 100vh;
	overflow: auto;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
	-webkit-box-shadow: -20px 0 50px -15px rgba(0,0,0,.3);
	box-shadow: -20px 0 50px -15px rgba(0,0,0,.3);

	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.menu-btn.focus + .main_menu {
	right: 0;
	visibility: visible;
	opacity: 1;
}

.menu-btn {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	position: fixed;
	top: 20px;
	right: -20px;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	visibility: hidden;
	opacity: 0;
	z-index: 9999;
}

.menu-btn.stricky-fixed {
	visibility: visible;
	opacity: 1;
	right: 20px;
}

.menu-btn.stricky-fixed.focus {
	right: 250px;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}

.mb-2,
.mb-1 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.mb-2 {
	-webkit-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	-o-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}

.menu-btn.stricky-fixed.focus .mb-2 {
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}
.menu-btn.stricky-fixed.focus .mb-1 {
	-webkit-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	-o-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}
/*menubar end*/

/*mainBanner and mainSlider start*/
.main-banner {
	width: 100%;
	height: 700px;
	position: relative;
	z-index: 1;
}

.main-banner:before {
	position: absolute;
	content: '';
	width: 130%;
	height: 130%;
	background: rgba(0,0,0,.7);
	top: -15%;
	left: -15px;
	z-index: -1;
}

.main-banner[data-main-banner="0"] {
	background: url(img/slider/03.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}

.main-banner[data-main-banner="1"] {
	background: url(img/slider/01.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.main-banner[data-main-banner="2"] {
	background: url(img/slider/02.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.main-banner[data-main-banner="3"] {
	background: url(img/slider/03.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.banner-text {
	width: 80%;
	margin: 0 auto;
	-webkit-box-shadow: inset 0 0 20px rgba(0,0,0,.8);
	box-shadow: inset 0 0 20px rgba(0,0,0,.8);
}

.banner-text p {
	width: calc(100% - 200px);
	margin-left: auto;
	margin-right: auto;
}

.main-slider .owl-dots {
	text-align: center;
	position: absolute;
	bottom: 50px;
	right: 50px;
	counter-reset: dots;
}

.main-slider .owl-dot {
	font-size: 40px;
	color: rgba(255,255,255,.6);
	display: inline-block;
	margin-right: 30px;
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.main-slider .owl-dot:not(:last-of-type):after {
	position: absolute;
	content: '';
	width: 20px;
	height: 1px;
	background: rgba(255,255,255,.6);
	top: calc(50% - 1px);
	left: calc(100% + 5px);
}

.main-slider .owl-dot.active {
	color: #fff;
}

.main-slider .owl-dot:before {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
    counter-increment:dots;
    content: counter(dots);
}

.main-slider .owl-prev,
.main-slider .owl-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(255,255,255,.3);
	box-shadow: 0 0 5px rgba(255,255,255,.3);
	text-align: center;
	font-size: 16px;
	color: #333;
	background: #ddd;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.main-slider .owl-prev {
	left: 20px;
}

.main-slider .owl-next {
	right: 20px;
}

.main-slider .owl-prev:hover,
.main-slider .owl-next:hover {
	background: #333;
	color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(255,255,255,.6);
	box-shadow: 0 0 5px rgba(255,255,255,.6);
}
/*mainBanner and mainSlider end*/
/* ==================================================== */
				/* HEADER END */
/* ==================================================== */


/* ==================================================== */
			/* ABOUT START */
/* ==================================================== */
/*sec-about start*/
.title-about {
	position: relative;
	margin-bottom: 10px;
}

.title-about:after {
	position: absolute;
	content: '';
	width: 30%;
	height: 1px;
	background: #ccc;
	left: 0;
	bottom: 0;
}

.about-img img {
	width: 100%;
}
/*sec-about end*/

/*work-process start*/
.single-process {
	position: relative;
	border-left: 10px solid #000;
	z-index: 1;
}

.single-process:before {
	position: absolute;
	content: '';
	width: calc(100% - 35px);
	height: 100%;
	top: 0;
	left: 0;
	border: 10px solid #000;
	border-left: none;
	border-right: none;
	z-index: -1;
}

.single-process:after {
	position: absolute;
	content: '';
	width: 40px;
	height: 100%;
	background: #000;
	top: 0;
	right: -5px;
	z-index: -1;
}

.single-process h1 {
	font-size: 40px;
}

.single-process h3 {
	font-size: 18px;
	letter-spacing: 5px;
	text-shadow: 0 -1px 1px rgba(0,0,0,.8)
}

.process-wrapper-icon {
	width: 80px;
	height: 80px;
	line-height: 70px;
	text-align: center;
	background: #fff;
	position: absolute;
	top: calc(50% - 40px);
	right: 0;
	border: 5px solid #000;
	border-right: none;
}

.process-icon:after {
	position: absolute;
	content: '';
	width: 8px;
	height: calc(100% - 20px);
	background: #000;
	border-radius: 12px;
	top: 10px;
	right: -6px;
}

.process-icon:before {
	font-size: 40px;
	color: #000
}
/*work-process end*/
/* ==================================================== */
			/* ABOUT END */
/* ==================================================== */


/* ==================================================== */
			/* SERVICE START */
/* ==================================================== */
/*sec-services start*/
.service-slider .owl-dots {
	display: block;
	position: absolute;
	right: 0;
	height: auto;
	top: 50%;
	-webkit-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	-o-transform: translateY(-20%);
	transform: translateY(-20%);
}

.service-slider .owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: #000;
	display: block;
	margin-bottom: 5px;
	border: 4px solid transparent;

	position: relative;

	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.service-slider .owl-dot.active {
	border: 4px solid #999;
}

.service-slider .owl-dot:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 100%;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	background: transparent;
}

.service-slider .owl-dot.active:before {
	visibility: hidden;
	opacity: 0;
	background: #999;
	-webkit-transform: translate(-50%, -50%) scale(5);
	-ms-transform: translate(-50%, -50%) scale(5);
	-o-transform: translate(-50%, -50%) scale(5);
	transform: translate(-50%, -50%) scale(5);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.single-service {
	position: relative;
	/*background: rgba(200,200,200,.1);*/
	border-radius: 10px;
	z-index: 1;
}

.serv-icon {
	position: absolute;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	top: -25%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
}

.serv-icon:before {
	font-size: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.serv-title {
	font-size: 16px;
	letter-spacing: 1.5px;
}

.serv-title a {
	display: inline-block;
	background: #fff;
	padding: 10px 25px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.serv-text {
	font-size: 16px;
	line-height: 25px;
}

.modal-container {
	border: 20px solid #000;
}

.modal-title {
	font-size: 15px;
	letter-spacing: 7px;
	padding-bottom: 8px;
	margin-bottom: 20px;
	text-shadow: 0.5px 0.5px 0 rgba(0,0,0,.5);
	position: relative;
}

.member-detail .modal-title {
	text-shadow: none;
	letter-spacing: 0;
	font-size: 20px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.member-detail .modal-title span {
	font-size: 15px;
	letter-spacing: 5px;
	text-shadow: 0.5px 0.5px 0 rgba(0,0,0,.5);
}

.modal-title:before {
	position: absolute;
	content: '';
	width: calc(100% + 50px);
	height: 14px;
	top: calc(100% - 2px);
	left: -25px;
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.1);
	box-shadow: inset 0 0 8px rgba(40,40,40,.1);
	border-top: 1px dashed rgba(51,51,51,.1);
	border-bottom: 1px dashed rgba(51,51,51,.1);
}

.modal-title:after {
	position: absolute;
	content: '';
	width: calc(100% + 50px);
	height: 10px;
	top: 100%;
	left: -25px;
	background: -webkit-linear-gradient(left, rgba(40,40,40,.1) 0%, rgba(40,40,40,.1) 1px, transparent 1px, transparent 50%);
	background:    -moz-linear-gradient(left, rgba(40,40,40,.1) 0%, rgba(40,40,40,.1) 1px, transparent 1px, transparent 50%);
	background:     -ms-linear-gradient(left, rgba(40,40,40,.1) 0%, rgba(40,40,40,.1) 1px, transparent 1px, transparent 50%);
	background:      -o-linear-gradient(left, rgba(40,40,40,.1) 0%, rgba(40,40,40,.1) 1px, transparent 1px, transparent 50%);
	background:         linear-gradient(left, rgba(40,40,40,.1) 0%, rgba(40,40,40,.1) 1px, transparent 1px, transparent 50%);
	background-repeat: repeat-x;
	background-size: 5px 10px;
}

.modal-title-inner {
	font-size: 16px;
	border-bottom: 1px solid #ccc;
}
/*sec-services end*/

/*pricing start*/
.single-pack {
	position: relative;
	z-index: 1;
}

.single-pack:before {
	position: absolute;
	content: '';
	border-top: 84px solid #fff;
	border-left: 84px solid #fff;
	border-right: 84px solid transparent;
	border-bottom: 84px solid transparent;
	top: 10px;
	left: 10px;
	z-index: -1;
}

.single-pack:after {
	position: absolute;
	content: '';
	border-top: 84px solid #fff;
	border-right: 84px solid #fff;
	border-left: 84px solid transparent;
	border-bottom: 84px solid transparent;
	top: 10px;
	right: 10px;
	z-index: -1;
}

.single-pack h1 {
	position: relative;
	font-size: 25px;
	z-index: 1;
}

.single-pack h1:before {
	position: absolute;
	content: '';
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #fff;
	top: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.single-pack.active h1:before {
	background: #ccc;
}

.single-pack h2 {
	font-size: 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;

	padding-top: 8px;
	padding-bottom: 5px;
}

.pricing-list {
	position: relative;
	z-index: 1;
}

.pricing-list:before {
	position: absolute;
	content: '';
	width: calc(100% + 20px);
	height: calc(100% + 100px);
	top: -40px;
	left: -10px;
	border: 10px solid #fff;
	border-top: none;
}

.pricing-list li {
	font-size: 15px;
	letter-spacing: 1px;
	position: relative;
	z-index: 1;
}

.pricing-list li:after {
	position: absolute;
	content: '';
	width: calc(100% - 20px);
	height: 1px;
	background: #fff;
	bottom: 0;
	left: 10px;
}

.pricing-list li:before {
	position: absolute;
	content: "\f00c";
	font-family: 'FontAwesome';
	top: 50%;
	right: 20px;
	font-size: 14px;
	font-weight: 400;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.pricing-list li.mute:before {
	content: "\f00d";
	font-family: 'FontAwesome';
}
/*pricing end*/

/*short-quate start*/
.short-quate h3 {
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 2px;
}
/*short-quate end*/

/*team-content start*/
.team-member {
	padding: 20px 5px;
	border: 1px solid #ccc;
}
.img-box {
	width: 130px;
	margin: 0 auto;
	border: 5px solid #333;
	position: relative;
}

.img-preview {
	border: 5px solid #333;
	position: relative;
}

.img-box:before,
.img-box:after,
.img-preview:before,
.img-preview:after {
	position: absolute;
	content: '';
	width: 9px;
	height: calc(100% - 20px);
	border-radius: 6px;
	background: #333;
	top: 10px;
}

.img-box:before,
.img-preview:before {
	left: -7px;
}

.img-box:after,
.img-preview:after {
	right: -7px;
}

.img-box img {
	max-width: 100% !important;
	width: auto !important;
	display: block;
	margin: 0 auto
}

.team-member h2 {
	font-size: 16px;
}

.team-member h3 {
	font-size: 12px;
	letter-spacing: 5px;
	text-shadow: .2px -.5px 1px rgba(0,0,0,.5)
}

.team-slider .owl-nav {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tarrow-right,
.tarrow-left {
	width: 30px;
	height: 30px;
	display: inline-block;
	border-radius: 100%;
	background: rgba(0,0,0,.8);
	position: relative;
}

.tarrow-right {
	margin-left: 1px;
}

.tarrow-left {
	margin-right: 1px;
}

.tarrow-right:before,
.tarrow-left:before {
	position: absolute;
	content: '';
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.tarrow-right:before {
	border-left: 10px solid #fff;
	right: -2px;	
}

.tarrow-left:before {
	border-right: 10px solid #fff;
	left: -2px;
}

.tarrow-right:after,
.tarrow-left:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: #fff;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.tarrow-right:hover:after {
	left: 4px;
}

.tarrow-left:hover:after {
	left: -4px;
}

.skill-title {
	font-size: 14px;
	letter-spacing: 7px;
	text-shadow: 0 -0.5px 1px rgba(0,0,0,.5);
	margin-bottom: 0;
}

.member-skill .tooltip { 
	top: -25.7867px !important;
	left: 0 !important;
	position: relative;
	float: right;
	background: #000; 
	padding: 0 8px !important;
	height: 18px;
	line-height: 20px;
	border-radius: 9px 0 0 9px;
}

.member-skill .tooltip:after {
	position: absolute;
	content: '';
	width: 2px;
	height: 12px;
	background: #000;
	top: 100%;
	right: 0;
}

.member-skill .tooltip.top {
	padding: 0 0;
}

.member-skill .tooltip > .tooltip-arrow {
	display: none !important;
}

.member-skill .tooltip > .tooltip-inner {
	background-color: transparent;
	padding: 0;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
}

.member-skill .progress {
  	border-radius:0;
  	overflow:visible;
  	height: 10px;
  	border-radius: 10px;
  	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
  	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.member-skill .progress-bar {
	border-radius: 10px 0 0 10px;
  	-webkit-transition: width 1.5s ease-in-out;
  	transition: width 1.5s ease-in-out;
}

.member-social i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
}

.member-social span {
	display: inline-block;
	font-size: 15px;
}

.member-resume * {
	border-radius: 0 !important;
}
.resume-tab[aria-expanded=true] {
	pointer-events: none
}

.resume-tab {
    font-size: 16px;
    display: block;
}

.resume-tab.collapsed {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.resume-tab.collapsed:hover {
    color: #333 !important;
    border: none;
}

.company-name {
	font-size: 15px;
	text-shadow: 0 .5px 1px rgba(0,0,0,.1);
	letter-spacing: 3px;
}

.resume-title {
	font-size: 15px;
	border-bottom: 1px solid #ddd;
}

.resume-text {
	border-left: 10px solid rgba(200,200,200,.1);
	position: relative;
}

.resume-text:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 100%;
	border-left: 1px dashed rgba(0,0,0,.5);
	top: 0;
	left: -10px
}

.panel-collapse .resume-text {
    border-radius: 0;
    line-height: 26px;
}

/*===============*/
/* resume-icon start */
.resume-tab .resume-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	position: relative;
}

.resume-tab .resume-icon:before,
.resume-tab .resume-icon:after {
	position: absolute;
	content: '';
	top: calc(50% + 3px);
	left: 50%;
	background: #000;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .3s linear .45s;
	transition: all .3s linear .45s;
}

.resume-tab .resume-icon:after {
	width: calc(100% - 5px);
	height: 1px;
}

.resume-tab .resume-icon:before {
	width: calc(100% - 5px);
	height: 1px;
	background: transparent;
	
	-webkit-transition: all .3s linear .25s;
	transition: all .3s linear .25s;
}

.resume-tab.collapsed .resume-icon:before {
	height: calc(100% - 5px);
	width: 1px;
	background: #000;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	visibility: visible;
	opacity: 1;
}
/* resume-icon end */
/*===============*/
/*team-content end*/
/* ==================================================== */
			/* SERVICE END */
/* ==================================================== */


/* ==================================================== */
			/* PORTFOLIO START */
/* ==================================================== */
/*portfolio start*/
.filter-list {
	width: calc(100% - 30px);
	margin-left: 15px;
}

.filter-list li {
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.filter-list li:before,
.filter-list li:after {
	position: absolute;
	content: '';
	width: 5px;
	height: calc(100% + 10px);
	top: -5px;
	border: 3px solid #000;
	visibility: hidden;
	opacity: 0;
}

.filter-list li:before {
	left: -12px;
	border-right: none;
}

.filter-list li:after {
	right: -12px;
	border-left: none;
}

.filter-list li.active:before,
.filter-list li.active:after {
	-webkit-transition: all .3s linear .1s;
	transition: all .3s linear .1s;
	visibility: visible;
	opacity: 1;
}

.filter-list li.active:before {
	left: -5px;
}

.filter-list li.active:after {
	right: -5px;
}

.filter-list li:hover span,
.filter-list li.active span {
	background: #000;
	color: #fff;
	text-shadow: 1px 0 1px rgba(255,255,255,1)
}

.filter-list li span {
	letter-spacing: 5px;
	font-size: 14px;
	padding: 5px 20px;
	display: inline-block;
	text-shadow: 0 -.5px .4px rgba(0,0,0,0.3);
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.project-container {
	position: relative;
	z-index: 1;
}

.project-container:before {
	position: absolute;
	content: '';
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background: rgba(0,0,0,.6);
	top: 10px;
	left: 10px;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

.project-container:hover:before {
	visibility: visible;
	opacity: 1;
}

.p-preview,
.p-details {
	position: absolute;
	z-index: 2;
	color: #000;
	font-size: 20px;
	background: #f6f6f6;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
}

.p-preview {
	left: calc(50% - 60px);
}

.p-details {
	right: calc(50% - 60px);
}

.p-preview:before,
.p-details:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 60px;
	border: 3px solid #f6f6f6;
	top: -5px;
}

.p-preview:before {
	left: -5px;
	border-right: none;
}

.p-details:before {
	right: -5px;
	border-left: none;
}

.project-container:hover .p-preview,
.project-container:hover .p-details {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .3s linear .6s;
	transition: all .3s linear .6s;
}

.project-container:hover .p-preview {
	left: calc(50% - 51px);
}

.project-container:hover .p-details {
	right: calc(50% - 51px);
}

.p-title {
	position: absolute;
	width: calc(100% - 20px);
	bottom: 10px;
	left: 10px;

	-webkit-transform: rotateX(80deg);
	-ms-transform: rotateX(80deg);
	-o-transform: rotateX(80deg);
	transform: rotateX(80deg);

	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	-o-transform-origin: bottom center;
	transform-origin: bottom center;

	-webkit-perspective: 200px;
	-moz-perspective: 200px;
	-ms-perspective: 200px;
	-o-perspective: 200px;
	perspective: 200px;
	visibility: hidden;
	opacity: 0;

	-webkit-transition: all .3s linear .3s;
	transition: all .3s linear .3s;
	z-index: 2;
}

.project-container:hover .p-title {
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	visibility: visible;
	opacity: 1;
}

.project-detail {
	
}

.slider-btn {
	width: 30px;
	height: 30px;
	background: #fff;
	text-align: center;
	line-height: 35px;
	position: absolute;
	display: block;
	
	top: calc(50% - 15px);
	visibility: hidden;
	opacity: 0;
	z-index: 9;
}


.slider-btn span {
	font-size: 20px;
	color: #000;
}

.slide-prev {
	left: -10px;
}

.slide-next {
	right: -10px;
}

.carousel:hover .slider-btn {
	visibility: visible;
	opacity: 1;
}

.carousel:hover .slide-prev {
	left: 10px;
}

.carousel:hover .slide-next {
	right: 10px;
}

.single-project-title {
	font-size: 20px;
	border-bottom: 1px solid #ccc;
}

.service-detail table {
	word-break: break-all;
}
/*portfolio end*/

/*testimonial start*/
.person-img img {
	display: block;
	width: 60px !important;
	margin: 0 auto
}

.via {
	font-size: 16px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	position: relative;
	border: 2px solid #000;
	position: relative;
	z-index: 1;
}

.via:before {
	position: absolute;
	content: '';
	width: calc(100% - 10px);
	height: calc(100% + 4px);
	top: -2px;
	left: 5px;
	background: #fff;
	z-index: -1;
}

.people-words .owl-dots {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.people-words .owl-dot {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 5px;
	background: #fff;
	border: 2px solid #000;
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.people-words .owl-dot:before {
	position: absolute;
	content: '';
	width: calc(100% + 4px);
	height: calc(100% - 2px);
	top: 1px;
	left: -2px;
	background: #fff;
	z-index: -1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.people-words .owl-dot.active:before {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
}

.people-words .owl-dot.active {
	background: #000;
}

.words {
	border-left: 10px solid #999;
	-webkit-box-shadow: 5px 0 8px -3px rgba(0,0,0,.2);
	box-shadow: 5px 0 8px -3px rgba(0,0,0,.2);
}

.person-detail span {
	font-size: 15px;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.24)
}
/*testimonial end*/

/*facts start*/
.fact-container {
	position: relative;
	border: 10px solid #000
}

.fact-title {
	position: relative;
	display: inline-block;
	font-size: 13px;
	letter-spacing: 3px;
	text-shadow: 0 -1px 1px rgba(0,0,0,.6)
}

.fact-title:before,
.fact-title:after {
	position: absolute;
	content: '';
	width: 5px;
	height: calc(100% + 6px);
	border: 2px solid #333;
	top: -3px;
}

.fact-title:before {
	left: -6px;
	border-right: none;
	-webkit-box-shadow: -2px 0 2px -.7px rgba(0,0,0,.3);
	box-shadow: -2px 0 2px -.7px rgba(0,0,0,.3);
}

.fact-title:after {
	right: -2px;
	border-left: none;
	-webkit-box-shadow: 2px 0 2px -.7px rgba(0,0,0,.3);
	box-shadow: 2px 0 2px -.7px rgba(0,0,0,.3);
}

.fact-icon {
	position: absolute;
	top: 10px;
	left: 10px;
	text-shadow: 2px 0 3px rgba(0,0,0,.5)
}

.fact-num {
	position: relative;
	font-size: 50px;
	text-align: right;
	-webkit-transform: translate(6px, -10px);
	-ms-transform: translate(6px, -10px);
	-o-transform: translate(6px, -10px);
	transform: translate(6px, -10px);
}

.fact-num:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 100%;
	background: #fff;
	top: 40%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -2px;
	z-index: -1;
}

.fact-num:after {
	position: absolute;
	content: '';
	width: 6px;
	height: calc(100% - 14px);
	border-radius: 6px;
	background: #000;
	top: 40%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -6px;
	z-index: 1;
}
/*facts end*/
/* ==================================================== */
			/* PORTFOLIO END */
/* ==================================================== */


/* ==================================================== */
			/* NEWS START */
/* ==================================================== */
/*news start*/
.news-img a {
	display: block;
	position: relative;
	z-index: 1;
}

.news-img a:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	border: 20px solid rgba(255,255,255,.6);
	top: 0;
	left: 0;
	-webkit-transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6);
	transform: scale(.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease .3s;
	transition: all .3s ease .3s;
}

.single-news:hover .news-img a:before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.news-img a:after {
	position: absolute;
	content: '';
	width: 60px;
	height: 20px;
	border-radius: 10px 10px 0 0;
	background: rgba(255,255,255,.6);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 70%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s ease .2s;
	transition: all .5s ease .2s;
	z-index: 1;
}

.single-news:hover .news-img a:after {
	visibility: visible;
	opacity: 1;
	top: calc(100% - 40px);
}

.news-img a span {
	position: absolute;
	font-size: 40px;
	color: rgba(255,255,255,.6);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-ms-transform: translate(-50%, -50%) scale(1.2);
	-o-transform: translate(-50%, -50%) scale(1.2);
	transform: translate(-50%, -50%) scale(1.2);
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.single-news:hover .news-img a span {
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .3s ease .35s;
	transition: all .3s ease .35s;
}

.news-header h2 {
	border-bottom: 1px solid #ccc;
}

.news-header a {
	font-size: 22px;
}

.news-header a:hover {
	opacity: .7;
}

.news-summary {
	
}

.blog-banner:after {
	position: absolute;
	content: '';
	border-bottom: 5px solid #e8e8e8;
	border-right: 5px solid #e8e8e8;
	border-left: 5px solid transparent;
	border-top: 5px solid transparent;
	bottom: 10px;
	right: 10px;
}

.blogger {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	border-radius: 100%;
	-webkit-box-shadow: -5px -5px 10px -3px rgba(0,0,0,.5);
	box-shadow: -5px -5px 10px -3px rgba(0,0,0,.5);
}

.blogger img {
	display: block;
	line-height: 100px;
	margin: 10px auto
}

.blog-header h1 {
	font-size: 50px;
	text-shadow: 1px 0 2px rgba(0,0,0,.5)
}

.blog-info {
	position: relative;
}

.blog-info:before {
	position: absolute;
	content: '';
	width: 150%;
	height: 100%;
	left: -25%;
	top: 0;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
	box-shadow: inset 0 0 5px rgba(0,0,0,.3);
}

.blog-content {
	border-bottom: 3px double #ccc;
}

.blog-title-inner {
	font-size: 20px;
	text-shadow: 0 0 1px rgba(0,0,0,.2)
}

.blog-title-inner span {
	border-bottom: 1px solid #ccc;
}

.f-letter:first-letter {
	font-size: 50px;
	font-weight: bold;
	float: left;
	padding: 10px 5px;
	padding-right: 3px;
	margin-right: 5px;
	background: #f8f8f8;
}

.inner-link {
	border-bottom: 1px solid #000;
}

.inner-link:hover {
	color: #999 !important;
	border-bottom: 1px solid #999;
}

.blog-content blockquote .txt-normal {
	padding-bottom: 0;
}

.blog-content blockquote {
	background: #e8e8e8;
	padding: 20px;
	padding-left: 30px;
	border-left: 20px solid #666;
	position: relative;
	-webkit-box-shadow: 5px 0 6px -3px rgba(0,0,0,.5);
	box-shadow: 5px 0 6px -3px rgba(0,0,0,.5);
}

.blog-content blockquote:after {
	position: absolute;
	content: "\f10e";
	font-family: 'FontAwesome';
	font-size: 50px;
	right: 20px;
	bottom: 0;
	color: rgba(0,0,0,.1);
}

.post-share a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
	border: 3px solid #000;
	color: #000;
	position: relative;
	z-index: 1;
}

.post-share a:after {
	position: absolute;
	content: '';
	width: calc(100% + 4px);
	height: calc(100% - 10px);
	background: #f0f0f0;
	left: -2px;
	top: 5px;
	z-index: -1;
}

.single-comment.reply-comment {
	width: calc(100% - 30px);
	margin-left: 30px;
}

.comment-info h2 {
	font-size: 20px;
}

.comment-img {
	width: 80px;
	margin-right: 10px;
	float: left;
}

.comment-info {
	width: calc(100% - 90px);
	float: left;
	-webkit-transform: translateY(18px);
	-ms-transform: translateY(18px);
	-o-transform: translateY(18px);
	transform: translateY(18px);
}

.comment-info span {
	border-bottom: 1px solid #000;
}

.comment-form-area {
	border-top: 3px double #ccc;
}
/*news end*/

/*subscribe start*/
.subscribe:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.6);
	top: 0;
	left: 0;
	z-index: -1;
}

.subscribe-title {
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	margin-top: 5px;
	border-left: 10px solid #000;
	padding-left: 10px;
}

.subscribe-form input {
	width: calc(100% - 215px);
	margin-right: 15px;
	height: 60px;
	border-radius: 5px;
	padding: 0 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
	box-shadow: inset 0 0 3px rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.1);
	letter-spacing: 2px;
	font-size: 16px;
	font-weight: 600;

	float: left;
}

.subscribe-form button {
	width: 200px;
	height: 60px;
	line-height: 60px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
	box-shadow: 0 0 6px rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.1);
	text-shadow: 1px -1px 1px rgba(0,0,0,.3);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 7px;
	color: #000;
	text-align: center;
	float: right;

	text-transform: uppercase;
}

.subscribe-form input::-webkit-input-placeholder {
	font-size: 16px;
	letter-spacing: 7px;
	text-shadow: 0 -1.5px .5px rgba(0,0,0,.2);
	color: #999;
}
.subscribe-form input::-moz-placeholder {
	font-size: 16px;
	letter-spacing: 7px;
	text-shadow: 0 -1.5px .5px rgba(0,0,0,.2);
	color: #999;
}
.subscribe-form input:-ms-input-placeholder {
	font-size: 16px;
	letter-spacing: 7px;
	text-shadow: 0 -1.5px .5px rgba(0,0,0,.2);
	color: #999;
}
.subscribe-form input::placeholder {
	font-size: 16px;
	letter-spacing: 7px;
	text-shadow: 0 -1.5px .5px rgba(0,0,0,.2);
	color: #999;
}

.subscribe-form input:focus::-webkit-input-placeholder {
	padding-left: 10px;
	opacity: .4;
}
.subscribe-form input:focus::-moz-placeholder {
	padding-left: 10px;
	opacity: .4;
}
.subscribe-form input:focus:-ms-input-placeholder {
	padding-left: 10px;
	opacity: .4;
}
.subscribe-form input:focus::placeholder {
	padding-left: 10px;
	opacity: .4;
}
/*subscribe start*/

/*partner-slider start*/
.partner-slider a {
	padding: 10px;
	border: 1px solid #dadada;
	border-radius: 5px;
	background: transparent;
	width: 150px;
	display: block;
	opacity: .8;
	-webkit-filter: blur(0px) !important;
	-moz-filter: blur(0px) !important;
	-ms-filter: blur(0px) !important;
	-o-filter: blur(0px) !important;
	filter: blur(0px) !important;
}

.partner-slider a:hover {
	opacity: 1;
	background: #f0f0f0;
}
/*partner-slider end*/

/* ==================================================== */
			/* NEWS END */
/* ==================================================== */


/* ==================================================== */
			/* CONTACT START */
/* ==================================================== */
/*contact-info start*/
.contact-txt,
.contact-txt > span {
	font-size: 16px;
	text-shadow: 1px 0 1px rgba(0,0,0,.3);
	letter-spacing: 2px;
	padding-left: 5px;
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
}

.contact-icon {
	padding: 5px;
	border: 5px solid #000;
	border-right: none;
	position: relative;
}

.contact-icon:before,
.contact-icon:after {
	position: absolute;
	content: '';
	width: 5px;
	height: calc(50% - 8px);
	right: -5px;
	background: #000;
}

.contact-icon:before {
	top: -5px;
}

.contact-icon:after {
	bottom: -5px;
}

.contact-icon i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: block;
	text-align: center;
	background: #f6f6f6;
}

.contact-icon i:before {
	font-size: 30px;
}

.footer-social a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	border: 2px solid #000;
	background: #fff;
	text-align: center;
	position: relative;
	letter-spacing: 0;
	text-shadow: none;
	z-index: 1;
}

.footer-social a:before {
	position: absolute;
	content: '';
	width: calc(100% - 12px);
	height: calc(100% + 4px);
	background: #fff;
	top: -2px;
	left: 6px;
	z-index: -1;
}

.footer-social li:not(:last-of-type) {
	margin-right: 10px;
}
/*contact-info end*/

/*contact-form start*/
.contact-form input,
.contact-form textarea,
.contact-form button[type="submit"] {
	border-left: 5px solid #000;
	border-right: 5px solid #000;
	background: #f6f6f6;
	color: #000;
	font-size: 15px;
	letter-spacing: 1px;
}

.contact-form input {
	height: 45px;
	width: calc(50% - 15px);
}

.contact-form textarea {
	height: 140px;
	width: 100%;
}

.contact-form button[type="submit"] {
	width: 100%;
	height: 45px;
	letter-spacing: 7px;
	font-size: 16px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3)
}

.g-select {
	letter-spacing: 1px;
	font-size: 15px;
	color: #999 !important;
	background: #f6f6f6;

    border-radius: 0;
    height: 50px;
    padding-left: 20px;
    text-transform: capitalize;
}

.contact-form .g-select[aria-expanded="false"] {
	color: #000 !important
}

.contact-form .dropdown-menu.inner li a {
	background: #000 !important;
	color: #fff;
	border-bottom: 1px solid #999;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
}

.contact-form .dropdown-menu.inner li:last-of-type a {
	border-bottom: none;
}

.contact-form .dropdown-menu.inner li a:hover,
.contact-form .dropdown-menu.inner li.selected a {
    background: #f6f6f6 !important;
    color: #000;
}

button.g-select {
    position: relative;
}

button.g-select:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    
    top: 0;
    right: 50px;
}

button.g-select:after {
	background: #eee;
}

.contact-form button.g-select:after {
	background: #eee;
}

button.g-select .caret {
    right: 23px;
    border-width: 5.5px;
    border-color: transparent !important;
}

button.g-select .caret:after {
    position: absolute;
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 20px;
    font-weight: bold;
    color: #bbb;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
}

.contact-form button.g-select .caret:after {
	color: #bbb
}

.contact-form .dropdown-menu.open {
	background: #000;
	border-radius: 0;
}

.contact-form .dropdown-menu {
    display: block !important;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);

    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    opacity: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.contact-form .open>.dropdown-menu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
}

button.g-select,
button.g-select:focus,
button.g-select:visited,
button.g-select:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	border-left: 5px solid #000;
	border-right: 5px solid #000;
}

.bootstrap-select .btn:focus {
    outline: none !important;
}

.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
	color: #999;
	font-size: 14px;
}

.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
	color: #999;
	font-size: 14px;
}

.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
	color: #999;
	font-size: 14px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: #999;
	font-size: 14px;
}

.contact-form input:focus::-webkit-input-placeholder,
.contact-form textarea:focus::-webkit-input-placeholder {
	opacity: .4;
	padding-left: 10px;
}

.contact-form input:focus::-moz-placeholder,
.contact-form textarea:focus::-moz-placeholder {
	opacity: .4;
	padding-left: 10px;
}

.contact-form input:focus:-ms-input-placeholder,
.contact-form textarea:focus:-ms-input-placeholder {
	opacity: .4;
	padding-left: 10px;
}

.contact-form input:focus::placeholder,
.contact-form textarea:focus::placeholder {
	opacity: .4;
	padding-left: 10px;
}

/*contact-form end*/

/* custom radio and checkbox start */
.radio-btn {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.radio-btn:before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #f6f6f6;
	-webkit-box-shadow: 0 0 1px 2px #000;
	box-shadow: 0 0 1px 2px #000;
	left: 0;
	top: 0;

	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

#radio-button1:checked + .radio-btn:before,
#radio-button2:checked + .radio-btn:before,
#radio-button3:checked + .radio-btn:before {
	background: #666;
	-webkit-box-shadow: 0 0 3px 1px #666;
	box-shadow: 0 0 3px 1px #666;
}

#radio-button1:checked + .radio-btn,
#radio-button2:checked + .radio-btn,
#radio-button3:checked + .radio-btn {
	color: #000 !important;
}

.checkbox-btn {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.checkbox-btn:before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.checkbox-btn:after {
	position: absolute;
	content: '✔';
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	top: 50%;
	left: 4px;
	-webkit-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

#checkbox-btns:checked + .checkbox-btn:after {
	-webkit-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	color: #000;
}

.checkbox-btn a {
	border-bottom: 1px solid #999;
}

#checkbox-btns:checked + .checkbox-btn a {
	color: #000 !important;
	border-bottom: 1px solid transparent;
}
/* custom radio and checkbox end */

/*google-map start*/
#map {
	width: 100%;
	height: 500px;
}

.gm-style-cc,
.gmnoprint,
.map-parent div > a >div > img {
	display: none;
}
/*google-map end*/
/* ==================================================== */
			/* CONTACT END */
/* ==================================================== */


/* ==================================================== */
/* ==================================================== */
/* STYLE.CSS END */

.prev-wrapper {
     height: 400px;
     background: url(img/preview/01.jpg) no-repeat;
     -webkit-background-position: top left;
     background-position: top left;
     -webkit-background-size: cover;
     background-size: cover;
     position: relative;
     z-index: 1;
}
 .prev-wrapper:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,.2);
     top: 0;
     left: 0;
     z-index: -1;
}
 .single-prev:hover .prev-wrapper {
     -webkit-transition: all 5s linear;
     transition: all 5s linear;
     -webkit-background-position: bottom left;
     background-position: bottom left;
}
 .single-prev {
     padding: 30px;
     border: 10px solid #000;
     position: relative;
     z-index: 1;
}
 .single-prev:before {
     position: absolute;
     content: '';
     width: calc(100% - 100px);
     height: calc(100% + 10px);
     left: 50px;
     top: -5px;
     background: #fff;
     z-index: -1;
}
 .single-prev h3 {
     width: calc(100% - 30px);
     padding: 10px 0;
     border-radius: 5px;
     background: #fff;
     position: absolute;
     top: 70px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     font-size: 16px;
     letter-spacing: 7px;
     text-shadow: 0 1px 1px rgba(0,0,0,.6);
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all .3s linear 0s;
     transition: all .3s linear 0s;
}
 .single-prev:hover h3 {
     top: 50px;
     visibility: visible;
     opacity: 1;
     -webkit-transition: all .3s linear .3s;
     transition: all .3s linear .3s;
}
 .single-prev h3 a {
     display: inline-block;
     position: relative;
     padding: 3px 20px;
     border: 4px solid #000;
     z-index: 1;
}
 .single-prev h3 a:before {
     position: absolute;
     content: '';
     width: calc(100% - 10px);
     height: calc(100% + 6px);
     left: 5px;
     top: -3px;
     background: #fff;
     z-index: -1;
}
 .single-prev h1 {
     font-size: 20px;
     text-shadow: 0 1px 1px rgba(0,0,0,.6);
     letter-spacing: .5px 
}
 .information {
     width: 15px;
     height: 15px;
     text-align: center;
     line-height: 15px;
     font-size: 12px;
     position: absolute;
     top: 10px;
     right: 5px;
     cursor: pointer;
}
 .information i:first-of-type {
     color: #ada997 
}
 .information i:last-of-type {
     display: none;
     color: #ada997 
}
 #info:checked + .information i:first-of-type {
     display: none;
}
 #info:checked + .information i:last-of-type {
     display: block;
}
 #info:checked ~ .header-content {
     visibility: visible;
     opacity: 1;
}
 .header-content {
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     position: absolute;
     padding: 10px;
     border-right: none;
     border-top: none;
     white-space: nowrap;
     color: #75715e !important;
     background: #212121;
     right: 20px;
     top: 10px;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: .5px;
     z-index: 1;
}
 .header-content .fa {
     font-size: 11px;
}