/* ==============================================
Default Styles
=============================================== */
a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none !important;
}



ul,
ol {
	margin: 0 0 20px 0;
}

/* Navigation & UI chrome — no bullets */
.navbar-nav,
.navbar-nav ul,
.navbar-nav > li,
.navbar-nav li,
.dropdown-menu,
.dropdown-menu > li,
.nav-tabs > li,
.nav-pills > li,
.nav-stacked > li,
.contact_info ul,
.contact_info > li,
.foot_nav ul,
.foot_nav li,
.social_icons,
.breadcrumb,
.breadcrumb > li,
.pagination > li,
.pager li,
.carousel-indicators > li,
.list-unstyled,
.list-inline > li,
.fa-ul,
.fa-ul > li,
.shortcode_sidebar ul,
.shortcode_sidebar li,
.widget-body > li,
.blog_items .block .date li,
.blog_items .block .blog_cat li,
.team-social ul,
.team-social ul li,
.pricing ul,
.pricing ul li,
.four_o_four_error li,
.gts-form-errors ul,
.gts-form-errors li,
.sm,
.sm ul,
.sm li,
#main-menu,
#main-menu ul,
#main-menu li,
.rslides,
.rslides li,
.side_bar .categories li,
.side_bar .posts .blog_cat li,
.mega-menu,
.mega-menu li,
#toplinks ul,
#toplinks ul li {
	list-style: none;
}

.navbar-nav,
.navbar-nav ul,
.dropdown-menu,
.contact_info ul,
.foot_nav ul,
.sm ul,
#main-menu ul {
	padding-left: 0;
	margin-bottom: 0;
}

/* Page body content — show bullets & numbers */
.wrapper .section-about ul,
.wrapper .section-about ol,
.wrapper .container .row ul[type],
.wrapper .container .row ol[type] {
	padding-left: 1.5em;
	margin-left: 0;
}

.wrapper .section-about ul > li,
.wrapper .section-about ol > li,
.wrapper .container .row ul[type] > li,
.wrapper .container .row ol[type] > li {
	display: list-item;
}

.wrapper .section-about ul > li,
.wrapper .container .row ul[type="disc"] > li,
.wrapper .container .row ul:not([type]) > li {
	list-style-type: disc;
}

.wrapper .section-about .benefits-section-title {
	margin: 1.5em 0 0.5em;
	font-size: 1.1em;
	font-weight: 700;
}

.wrapper .section-about ul {
	margin-bottom: 0.75em;
}

.wrapper .section-about ol > li,
.wrapper .container .row ol[type] > li {
	list-style-type: decimal;
}

ul[type="circle"] > li {
	list-style-type: circle;
}

ul[type="square"] > li {
	list-style-type: square;
}

/* Word-export numbered list paragraphs (1. 2. 3. in markup) */
.wrapper p.MsoListParagraph {
	margin-left: 1.25em;
	padding-left: 0.25em;
}

/* ==============================================
Default Styles
=============================================== */
.wrapper {
	font: 15px/22px 'Ubuntu', sans-serif;
}

p {
	color: #666;
}

h1,
h2,
h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
}

h1 strong,
h2 strong,
h3 strong {
	font-weight: 600;
}

h1,
h2,
h3 {
	text-transform: uppercase;
}

h1 {
	margin: 30px 0;
	font-size: 50px;
}

h2 {
	margin: 20px 0;
	font-size: 35px;
}

h3 {
	margin: 15px 0;
	font-size: 22px;
}

h4,
p {
	margin: 10px 0;
}

h2 .fa {
	position: relative;
	top: -1px;
}


#slideshow {
	display: flex;
	align-items: center;
}


/* ==============================================
Short Codes & Form Elements
=============================================== */
.form-group label,
.table>thead>tr>th {
	font-family: "Raleway", sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th,
.table>thead>tr>th {
	border-bottom: none;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background: #222;
}

input.form-control,
textarea.form-control {
	border-radius: 0;
}

.form-control:focus {
	box-shadow: none;
	border: 1px solid #000;
}

.btn {
	margin: 5px;
}

.btn-default.style_2,
.btn-default.style_3 {
	color: #FFF;
	border: none;

}

.btn-default:hover,
.btn-default:focus,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.focus:active,
.btn-default:active:focus,
.btn-default:active:hover {
	background: #222;
	color: #FFF;
}

.btn-default.style_2 {
	border: 1px solid #222;
	background: #FFF;
	color: #222;
}

.btn-default.style_2:hover,
.btn-default.style_2:focus {
	color: #FFF;
	border-color: #FFF;
}

.nav-tabs {
	margin: 10px 0;
	border-bottom: none;
}

.nav-tabs,
.home_block_1 .tab-content {
	width: 700px;
	max-width: 100%;
}

.nav-tabs>li a:hover {
	cursor: pointer;
}

.nav-tabs>li.active a,
.nav-tabs>li.active a:hover,
.nav-tabs>li.active a:focus,
.nav-tabs>li a,
.nav-tabs>li a:hover,
.nav-tabs>li a:focus {
	background: none;
	border: none;
}

.nav-tabs>li>a {
	color: #333;
	text-align: center;
	margin: 0;
}

.nav-tabs>li i {
	color: #222;
	font-size: 20px;
	background: none;
	padding: 0;
	display: inline;
}

.nav-tabs>li h4 {
	margin: 0;
	display: inline;
	padding-left: 10px;
	font-size: 16px;
}

.nav-tabs.style_2 {
	margin: 0;
}

.nav-tabs.style_2>li.active a,
.nav-tabs.style_2>li.active a:hover,
.nav-tabs.style_2>li.active a:focus {
	background: #222;
}

.tab-content.style_2 {
	border: 1px solid #DDD;
	padding: 15px;
}

.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
	border-color: #222;
}

.progress {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.progress-bar {
	box-shadow: 2px -2px 1px rgba(0, 0, 0, 0.5) inset;
}

.animations .row img {
	border: 1px solid #222;
	margin-bottom: 20px;
	padding: 0;
}

.shortcode_sidebar {}

/* ==============================================
Top Head Styles
=============================================== */
.wrapper>header {
	background: rgba(0, 0, 0, .9);
}

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.big_block {
	padding: 30px 0;
}

.top_head {
	position: relative;
	line-height: 45px;
	color: #FFF;
	z-index: 99999;
	background-color: #000;
}

.top_head i {
	padding-right: 10px;
}

.top_head span {
	padding-right: 20px;
}

.top_head a {
	color: #FFF;
}

.top_head span:last-child {
	padding-right: 0;
}

.top_head .popover {
	position: relative;
	z-index: 99999999 !important;
	width: 300px;
}

/* ==============================================
Bootstrap Navbar
=============================================== */
.navbar-default {
	border: none;
	z-index: 1004;
	margin-bottom: 0;
	background: rgba(0, 0, 0, 0);
	text-transform: uppercase;
}

/* Semi-transparent nav bar over light hero/breadcrumb (before scroll, all viewports) */
.wrapper>header .navbar-default:not(.sticky) {
	background: rgb(0 0 0 / 40%) !important;
}

.navbar-default .navbar-nav>li>a {
	margin: 5px;
	font-weight: bold;
}

.navbar-header {
	position: relative;
	z-index: 99999;
}

.navbar-default a.navbar-brand {
	font-size: 35px;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background: none;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .dropdown-menu>li a,
.navbar-default .dropdown-menu .dropdown-menu>li a {
	color: #FFF;
	background: none;
}

.navbar-default .dropdown-menu>li a {
	padding: 7px 20px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background: none;
	color: #a52b2b;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .dropdown-menu>li a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #a52b2b;
	font-size: 13px;
}

.navbar-default .dropdown-menu {
	background: #222;
	padding: 15px 0;
}

.navbar-nav>li.dropdown li.dropdown>a::before {
	content: '\f105';
	font-family: FontAwesome;
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 16px;
	color: #666;
}

/* ==============================================
For Mega Menu
=============================================== */
.collapse.navbar-collapse {
	position: relative;
	z-index: 10000;
}

/* Main nav on the right (overrides bootstrap.min.css .navbar-right { float: left }) */
@media screen and (min-width: 768px) {
	.wrapper>header .navbar-default .navbar-header {
		float: left !important;
	}

	.wrapper>header .navbar-default .navbar-collapse {
		float: right !important;
		width: auto;
		border: none;
		padding-right: 15px;
	}

	.wrapper>header .navbar-default .navbar-nav.navbar-right {
		float: right !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 35px;
	}

	.wrapper>header .navbar-default .navbar-right .dropdown-menu {
		right: 0;
		left: auto;
		overflow: visible;
	}

	.wrapper>header .navbar-default .navbar-right li.dropdown li.dropdown {
		position: relative;
	}

	.wrapper>header .navbar-default .navbar-right li.dropdown li.dropdown > .dropdown-menu {
		left: auto !important;
		right: 100% !important;
		top: 0;
		margin-top: -5px;
		min-width: 220px;
		z-index: 10001;
	}
}

@media screen and (min-width: 992px) {
	.wrapper>header .navbar-default .navbar-nav.navbar-right {
		margin-top: 40px;
	}
}

.nav>li.mega_drop_down {
	position: static;
}

.dropdown-menu.mega-menu {
	position: absolute;
	width: 100%;
	right: 0 !important;
	left: inherit !important;
	padding: 15px 10px 20px 10px;
	text-transform: uppercase;
}

.mega-menu li li a {
	padding: 3px 20px;
	display: block;
}

.mega-menu .nav-header {
	font-size: 16px;
	color: #CCC;
	padding: 3px 20px;
	font-family: 'Raleway', sans-serif;
}

/* ==============================================
Banner
=============================================== */
.slider {
	overflow: hidden;
	background: #222;
	height: 1000px;
}

.slider .parallax_bann {
	background: url(../images/slider_pic_2.jpg) top center fixed;
	position: relative;
	height: 100%;
}

.slider .banner .banner_bg {
	width: 100%;
}

.video_container {
	position: relative;
	width: 100%;
	min-height: 450px;
	display: block;
	/* background: #000;
	opacity: .7; */
}


.video_container video {
	width: 100%;
	height: auto;
	display: block;
}

.video_container .video_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.slider .banner {
	position: relative;
}

.slider .banner .bann_caption,
.owl-carousel .bann_caption {
	z-index: 10;
	position: absolute;
	top: 350px;
	width: 100%;
	text-align: center;
}

.bann_caption {
	color: #FFF;
	filter: drop-shadow(3px 4px 4px #000);
}

.bann_caption h2 {
	font-size: 60px;
	font-weight: 200;
}

.bann_caption h3 {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 50px;
}

.bann_caption a {
	margin: 0 20px;
	width: 180px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	font-size: 18px;
	position: relative;
	border-radius: 0;
	border: none;
}

.bann_caption .btn-default.style_2,
.carousel-caption .btn-default.style_2 {
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, .2);
	color: #FFF;
}

.owl_slider,
.blog_items .owl-carousel,
#blog_carousel {
	background: #222;
}

.owl_slider .owl-carousel .item {
	position: relative;
}

.owl_slider .owl-carousel .item img,
.owl_slider .BannerImage {
	width: 100%;
	display: block;
	height: auto;
	min-height: 280px;
	max-height: 520px;
	object-fit: cover;
}

.owl_slider .owl-wrapper-outer {
	min-height: 280px;
}

#blog_carousel {
	margin-bottom: 40px;
}

.owl-theme .owl-controls {
	height: 0;
	margin-top: 0;
}

.owl_slider .owl-theme .owl-controls .owl-pagination {
	position: relative;
	top: -80px;
}

.owl-theme .owl-controls .owl-buttons {
	position: absolute;
	top: calc(50% - 20px);
	width: 100%;
}

.owl-theme .owl-controls .owl-buttons>div {
	background: none;
	border-radius: 0;
	margin: 0;
	position: relative;
	color: rgba(0, 0, 0, 0);
}

.owl-theme .owl-controls .owl-buttons>div.owl-prev {
	float: left;
}

.owl-theme .owl-controls .owl-buttons>div.owl-next {
	float: right;
}

.owl-theme .owl-controls .owl-buttons div {
	opacity: 1;
}

.owl-theme .owl-controls .owl-buttons>div.owl-prev::before,
.owl-theme .owl-controls .owl-buttons>div.owl-next::before {
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	opacity: 1;
	padding: 10px 15px;
	border: 1px solid #FFF;
	font-size: 30px;
	color: #FFF;
}

.owl-theme .owl-controls .owl-buttons>div.owl-prev::before {
	content: '\f104';
	left: 0px;
	border-left: 0;
}

.owl-theme .owl-controls .owl-buttons>div.owl-next::before {
	content: '\f105';
	right: 0px;
	border-right: 0;
}

/* ==============================================
Features
=============================================== */
.pull_down {
	text-indent: -9999px;
}

.description {
	text-align: center;
	border-bottom: 1px solid #EEE;
	margin-bottom: 20px;
	background-color: #eee;
}

.description h2 {
	margin-top: 30px;
}

.description p {
	font-size: 18px;
	line-height: 30px;
}

.description p span {
	font-size: 30px;
	color: #888;
	position: relative;
	top: 6px;
}

.events {
	background: url("../images/eventsback.jpg") top center;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}





.features {
	border-bottom: 1px solid #EEE;
}

.features>div>div {
	border-left: 1px solid #EEE;
}

.features>div div:nth-child(1) {
	border-left: none !important;
}

.features .block {
	position: relative;
	text-align: center;
	margin: 70px 0;
}

.features i {
	font-size: 40px;
	height: 50px;
	line-height: 50px;
	color: #222;
}

.features .block h4 {
	color: #333;
	font-size: 20px;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
}

.features .block p {
	color: #333;
	clear: both;
}

/* ==============================================
Features_2 & Features_3
=============================================== */
.features_2 .block,
.features_3 .block {
	margin: 30px 0;
	padding: 15px;
	position: relative;
	background: #f6f6f6;
	text-align: center;
}

.features_2 .block {
	text-align: center;
}

.features_2 .block::after {
	border-image: none;
	border-style: solid;
	border-width: 15px;
	content: " ";
	height: 0;
	left: 50%;
	pointer-events: none;
	position: absolute;
	width: 0;
	margin-left: -15px;
}

.features_2 .block::after {
	border-color: #f6f6f6 rgba(250, 249, 249, 0) rgba(250, 249, 249, 0) rgba(250, 249, 249, 0);
	margin-bottom: -30px;
	bottom: 0;
}

.features_2 .block.style_2::after {
	border-color: rgba(250, 249, 249, 0) rgba(250, 249, 249, 0) #f6f6f6 rgba(250, 249, 249, 0);
	top: 0;
	margin-top: -30px;
}

.features_2 .block p {
	text-align: center;
}

.features_2 .block h3,
.features_3 .block h3 {
	color: #333;
	font-size: 20px;
}

.features_2 .block h3 {
	margin: 10px 0;
}

.features_2 i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
}

.features_2 .icon {
	text-align: center;
	width: 50px;
	height: 50px;
	margin: 10px auto;
	position: relative;
}

.features_2 img {
	margin: 20px auto;
}

.features_2 h3.pull-right::before,
.features_3 h3.pull-right::before {
	right: 0;
}

.features_2 p,
.features_3 p {
	clear: both;
	text-align: justify;
}

.features_2 .icon::before,
.features_3 .icon::before {
	background: #EFEFEF;
}

.features_3 .block::after {
	border-image: none;
	border-style: solid;
	border-width: 15px;
	content: " ";
	height: 0;
	margin-top: -15px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	width: 0;
}

.features_3 .block::after {
	border-color: rgba(250, 249, 249, 0) rgba(250, 249, 249, 0) rgba(250, 249, 249, 0) #f6f6f6;
	left: 100%;
}

.features_3 .block.style_2::after {
	border-color: rgba(250, 249, 249, 0) #f6f6f6 rgba(250, 249, 249, 0) rgba(250, 249, 249, 0);
	left: inherit;
	right: 100%;
}

.features_3 i {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 30px;
}

.features_3 .icon {
	text-align: center;
	width: 70px;
	height: 70px;
	position: relative;
}

.features_3 img {
	margin: 0 auto;
}

.features_3 h3 {
	font-weight: normal;
	margin-top: 25px;
}

/* ==============================================
Home_block 2 & 3
=============================================== */
.home_block_1 {
	background: url(../images/about_us.jpg) top center fixed;
}

.home_block_2 {
	background: url(../images/about_us.jpg) top center fixed;
}

.home_block_1 .container-fluid>div,
.home_block_2 .container-fluid>div {
	background: rgba(255, 255, 255, .85);
}

.home_block_1 p {
	color: #333;
	margin: 0;
}

.home_block_1 .btn-default {
	margin-right: 20px;
}

.list {
	padding-left: 30px;
	margin: 20px 0;
}

.list li {
	list-style-type: upper-roman;
	display: list-item;
	line-height: 30px;
	padding-left: 10px;
}

/* ==============================================
Counters
=============================================== */
.counters {
	color: #222;
	text-align: center;
	padding: 70px 0 100px 0;
}

.counters.style_2 {
	color: #FFF;
	background: #222;
}

.counters h2 {
	height: 70px;
	clear: both;
	margin-bottom: 50px;
}

.counters .row {
	clear: both;
}

.counters h3 {
	clear: both;
	margin-top: 30px;
}

.counter {
	display: inline-block;
	font-size: 50px;
	line-height: 45px;
	padding: 10px;
	background: #222;
}

/* ==============================================
Services
=============================================== */
.service_bg {
	background: #222;
}

.service_bg>div>div {
	padding: 0;
}

.service_bg>div>div.services_title {
	padding: 150px 50px;
	color: #FFF;
}

.service_bg>div>div.services_title.pull-right {
	right: 0;
}

.services {
	background: url(../images/services_1.jpg) top center fixed;
}

.services.style_2 {
	background: url(../images/services_2.jpg) top center fixed;
}

.services {
	text-align: center;
}

.services>div {
	padding: 0;
}

.services>div:nth-child(2n+1) {
	background: rgba(0, 0, 0, .3);
}

.services>div a {
	display: block;
	padding: 100px 20px;
	color: #FFF;
}

.services>div i {
	font-size: 40px;
}

.services>div p {
	color: #FFF;
	font-size: 16px;
}

/* ==============================================
Workprocess
=============================================== */
.workprocess>div {
	background: rgba(255, 255, 255, .9);
}

.workprocess .container>.row>div,
.workprocess .container-fluid>div {
	padding: 0;
}

.workprocess .block {
	text-align: center;
}

.workprocess .block h3 {
	color: #333;
}

.workprocess .block h3,
.workprocess .block p {
	padding: 0 20px;
}

.workprocess .block i {
	font-size: 20px;
}

.workprocess .icon {
	position: relative;
}

.workprocess .icon>div {
	text-align: center;
	height: 80px;
	padding: 38px 0;
}

.workprocess .icon i {
	font-size: 40px;
	line-height: 80px;
	width: 80px;
	height: 80px;
	background: #222;
	color: #FFF;
	border-radius: 50%;
	position: relative;
}

/* ==============================================
Model Box
=============================================== */
.modal-header {
	background: #222;
}

.modal-dialog img {
	padding: 5px;
	border: 1px solid #EFEFEF;
}

.modal-content button.close {
	text-shadow: none;
	opacity: 1;
	font-size: 25px;
	font-weight: 300;
}

.modal-footer .btn+.btn {
	margin: 5px;
}

/* ==============================================
Gallery
=============================================== */
.client_details {
	margin-bottom: 30px;
}

.client_details ul li strong {
	width: 100px;
	line-height: 30px;
	display: inline-block;
}

/* ==============================================
News & Blog items
=============================================== */
.news .block,
.blog_items .block {
	overflow: hidden;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	margin-bottom: 20px;
}

.news .block .pic {
	margin: 20px 0;
}

.news .block .pic a,
.blog_items .block .pic a {
	display: block;
	overflow: hidden;
	border: 1px solid #333;
}

.news .block img,
.blog_items .block img {
	top: 0;
	position: relative;
}

.news .block:hover img,
.blog_items .block:hover img {
	transform: scale(1.15, 1.15);
	/* rotate(-5deg) */
}

.blog_items.style_2 .block:hover img {
	transform: scale(1, 1) rotate(0);
}

.blog_items.style_2 .block .pic:hover img {
	transform: scale(1.15, 1.15);
	/* rotate(-4deg) */
}

.news .block em {
	color: #666;
}

.news .block p,
.blog_items .block p {
	margin: 10px 0 15px 0;
	clear: both;
}

.blog_items.style_2 .block {
	padding-bottom: 20px;
}

.blog_items .block .owl-carousel {
	border: 1px solid #333;
}

.blog_items .block h3 {
	margin: 20px 0;
}

.blog_items .block .pic {
	position: relative;
}

.blog_items .block .pic .popup-gallery {
	content: '\f065';
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 99;
	font-size: 30px;
	color: #FFF;
	opacity: 0;
}

.blog_items .block .pic:hover .popup-gallery {
	opacity: 1;
}

.blog_items .block .pic .popup-gallery a {
	border: none;
	position: relative;
	top: 50%;
	color: #333;
}

.blog_items .block .blog_cat li {
	float: left;
	padding-right: 10px;
	padding-bottom: 15px;
}

.blog_items .block .blog_cat li a {
	color: #222;
}

.blog_items .block .blog_cat li i {
	font-size: 16px;
	padding-right: 5px;
}

.blog_items .block .date {
	background: #222;
	color: #EEE;
	padding: 10px;
	text-align: center;
}

.blog_items .date li:nth-child(1) {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
}

.blog_items .date li:nth-child(2) {
	font-size: 20px;
	text-transform: capitalize;
	line-height: 30px;
}

.blog_items .block .date li {
	display: inline-block;
	margin: 0 5px;
	line-height: 30px;
}

.blog_items .block .date.style_2 li {
	display: block;
}

.side_bar {
	margin: 120px 0;
}

.search {
	padding-bottom: 40px;
}

.search .btn {
	margin: 0;
}

.search.top_search {
	margin: 40px 0;
}

.search>div {
	padding: 0;
}

.search>div>.form-control {
	width: calc(100% - 10px);
}

.widget {
	margin-bottom: 30px;
}

.widget>h3 {
	margin-bottom: 20px;
}

.widget-body>li {
	padding-bottom: 20px;
}

.widget-body h4 {
	font-family: "Raleway", sans-serif;
	margin-top: 0;
	margin-bottom: 5px;
}

.widget-body .posts img {
	margin-bottom: 5px;
}

.posts .blog_cat li {
	float: left;
	padding-left: 5px;
	color: #666;
}

.widget-body li a {
	color: #db7300;
}

.categories li {
	border-bottom: 1px dashed #999;
}

.categories li a {
	padding: 10px;
	color: #666;
	display: block;
	font-size: 15px;
}

.categories li a:hover {
	padding-left: 20px;
}

.tags a {
	color: #333;
	border: 1px solid #222;
	padding: 5px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

.side_bar.style_2 {
	margin: 30px 0 0;
}

.side_bar.style_2 .posts .blog_cat li {
	color: #CCC;
}

.side_bar.style_2 .tags a {
	border: 1px solid #999;
	color: #DDD;
}

.comments {
	padding: 50px 0 80px 0;
	background: #EEE;
}

.comment>img {
	width: 60px;
	float: left;
	border-radius: 5px;
	border: 1px solid #222;
}

.comment>div {
	padding-left: 20px;
	float: left;
	width: calc(100% - 70px);
}

.comment>div h4 {
	margin: 0;
	font-family: "Raleway", sans-serif;
}

.comment>div p {
	border-bottom: 1px dashed #CCC;
	margin-bottom: 25px;
	padding-bottom: 10px;
	color: #666;
	clear: both;
}

.comment>div i {
	padding-right: 5px;
}

.comment>div a {
	padding-left: 10px;
	color: #666;
}

.side_bar.style_2 .widget-body li a {
	color: #DDD;
}

/* ==============================================
 Testimonials
=============================================== */
.testimonials {
	background: url(../images/testimonials.jpg) center center fixed;
	padding: 40px 0;
	color: #FFF;
	text-align: center;
}

#test_carousel {
	position: relative;
}

#test_carousel .item .details {
	display: block;
	width: 100%;
	height: auto;
}

.testimonials p {
	color: #CCC;
	font-size: 18px;
	line-height: 30px;
}

.testimonials p span {
	font-size: 30px;
	position: relative;
	top: 6px;
}

.testimonials img {
	border-radius: 50%;
	margin: 15px 0;
}

.testimonials .owl-theme .owl-controls {
	margin-top: 30px;
}

.testimonials .owl-theme .owl-controls .owl-page span {
	border-color: #999;
}

/* ==============================================
Team
=============================================== */
.team .block {
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
	/*  border:1px solid green; */
	min-height: 530px;
}

.team .block div {
	position: relative;
	overflow: hidden;
}

.team .block img {
	border: 1px solid #222;
}

.team .block div .team-social {
	position: absolute;
	height: 75px;
	bottom: -75px;
	width: 100%;
}

.team .block .details {
	background: #f6f6f6;
	color: #333;
	min-height: 120px;
}

.team .block:hover .details {
	background: #222;
	color: #FFF;
}

.team .block .details h4 {
	padding-bottom: 10px;
}

.team .block:hover .team-social {
	bottom: 0;
}

.team-social ul {
	padding-top: 20px;
}

.team-social ul li {
	display: inline-block;
	height: 30px;
	font-size: 20px;
	padding: 0 5px;
}

.team-social ul li:nth-child {
	padding-top: 30px;
}

.team-social ul li i {
	color: #FFF;
	padding: 7px;
	width: 34px;
	height: 34px;
	border: 1px solid #222;
}

/* ==============================================
Subscribe
=============================================== */
.subscribe {
	background: #222;
	color: #FFF;
}

.subscribe .form-inline {
	margin: 38px 0;
}

.subscribe input.form-control {
	height: 40px;
	/* background: none; */
	color: #999;
	margin-right: 20px;
	border: 1px solid #fca123;
}

.subscribe a.btn-default {
	height: 40px;
	line-height: 28px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: "Raleway", sans-serif;
}

/* ==============================================
Clients
=============================================== */
.clients .owl-carousel {
	padding: 12px 0;
}

.clients .item {
	text-align: center;
	margin: 15px 5px;
	padding: 5px 0;
	border: 1px solid #222;
}

.clients .item a {
	display: block;
	width: 200px;
	height: 64px;
	margin: 0 auto;
}

.clients .item img {
	opacity: 1;
	height: 64px;
}

.clients .item a:hover img {
	opacity: .5;
}

/* ==============================================
Contact Us
=============================================== */
.contact {
	/* background: url(../images/contact.jpg) bottom center fixed;*/
	color: #000;
	background-color: #fca123;
}

.contact_info {
	font-size: 16px;
}

.contact_info ul {
	margin: 50px 0 30px 0;
}

.contact_info li {
	line-height: 40px;
	font-size: 16px;
}

.contact_info li i {
	width: 50px;
	font-size: 25px;
}

.contact_info li a,
.contact_info p {
	color: #000;
}

.contact .form-group {
	margin-bottom: 25px;
}

.contact form>div:last-child .form-group {
	margin-bottom: 10px;
}

.contact label {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
}

.contact input.form-control {
	height: 40px;
}

.contact .form-control {
	/*	background: none; 
background-color:#fffebf;*/
	color: #000;
}

.contact .form-control:focus {
	/*	background: none; */
	color: #000;
	border: 1px solid #000;
}




.contact .btn-default {
	height: 40px;
	line-height: 28px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: "Raleway", sans-serif;
}

.contact .btn-default {
	background: #222;
}

/* ==============================================
Map
=============================================== */
#map {
	display: block;
	height: 600px;
	margin: 0 auto;
}

.overlay {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 60px;
	line-height: 80px;
	opacity: 0.8;
	background: #4477aa;
	border: solid 3px #336699;
	border-radius: 4px;
	box-shadow: 2px 2px 10px #333;
	text-shadow: 1px 1px 1px #666;
	padding: 0 4px;
}

.overlay_arrow {
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	position: absolute;
}

.overlay_arrow.above {
	bottom: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #336699;
}

.overlay_arrow.below {
	top: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #336699;
}

/* ==============================================
Footer
=============================================== */
.wrapper>footer {
	background: #222;
	color: #DDD;
}

.wrapper>footer h3 {
	margin-bottom: 20px;
}

.social_icons a i {
	font-size: 20px;
	border: 1px solid #333;
	text-align: center;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 10px 10px 20px 10px;
	color: #333;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.social_icons a:first-child i {
	margin-left: 0;
}

footer .social_icons a i {
	border: 1px solid #DDD;
	color: #FFF;
}

.wrapper>footer hr {
	border-color: #333;
}

.wrapper>footer p {
	color: #555;
	padding-top: 10px;
}

.foot_nav li {
	display: inline;
	padding: 0 10px;
}

.foot_nav li a {
	color: #FFF;
}

.foot_nav.style_2 li {
	line-height: 50px;
}

.foot_nav.style_2 li a {
	padding: 10px;
	border: 1px solid #333;
}

/* ==============================================
Sidebar
=============================================== */
.shortcodes_bg>div>div {
	padding: 0;
}

.shortcode_anchor {
	height: 65px;
}

.shortcodes>.panel-default>.panel-heading {
	font-size: 30px;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	padding: 15px 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	background: #222;
	color: #EEE;
}

.shortcodes>.panel {
	margin-bottom: 0;
}

.shortcodes>.panel>.panel-body {
	padding: 15px;
}

.shortcodes .panel-body>h4 {
	margin-top: 20px;
}

.shortcode_sidebar {
	margin-top: 36px;
	position: fixed;
}

.shortcode_sidebar h3 {
	margin-bottom: 10px;
}

.shortcode_sidebar li {
	line-height: 30px;
}

.shortcode_sidebar a {
	color: #666;
	font-size: 16px;
	position: relative;
	margin-left: 20px;
}

.shortcode_sidebar a:focus {
	color: #666;
}

.shortcode_sidebar a::before {
	content: '\f104';
	font-family: FontAwesome;
	position: absolute;
	left: -20px;
	top: -5px;
	font-size: 15px;
}

/* ==============================================
Accordion
=============================================== */
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: none;
}

.panel-body {
	padding-top: 0;
}

.panel-title {
	font-size: 15px;
	position: relative;
}

.panel-default>.panel-heading {
	background: none;
}

.panel-title>a {
	display: block;
}

.panel-title>a.collapsed {
	color: #333;
}

.panel-title>a::before,
.panel-title>a.collapsed::before {
	font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	color: #222;
	right: 0;
	line-height: 12px;
}

.panel-title>a.collapsed::before {
	content: '\f107';
}

.panel-title>a::before {
	content: '\f106';
}

.panel.panel-default.panel_active .panel-title>a::before,
.panel.panel-default.panel_active .panel-title>a.collapsed::before {
	border: 1px solid #a52b2b;
	color: #a52b2b;
}

.panel-default {
	border-color: #222;
}

.panel-default>.panel-heading a {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

/* ==============================================
 Pricing 
=============================================== */
.pricing_block {
	margin: 40px 0;
}

.pricing {
	text-align: center;
	border: 1px solid #CCC;
	padding: 0 0 10px;
	border-radius: 5px;
	background: #fff;
	margin-right: 10px;
	margin-bottom: 20px;
}

.pricing .head {
	height: 130px;
	background: #222;
	color: #FFF;
	padding: 10px 0 0;
	border-radius: 5px 5px 0 0;
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
}

.pricing .price {
	height: 100px;
	width: 100px;
	margin: 0 auto;
	background: #FFF;
	border-radius: 50px;
	line-height: 90px;
	border: 5px solid #FFF;
	box-shadow: 0 0 1px #222 inset;
	position: relative;
	top: -50px;
	font-size: 18px;
	font-weight: bold;
	transition: color .4s ease, border .4s ease;
	-moz-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	-ms-transition: color .4s ease;
	-o-transition: color .4s ease;
}

.pricing .button,
.pricing ul {
	top: -30px;
	position: relative;
}

.pricing ul {
	clear: both;
	margin-top: 20px;
	padding: 20px 0 0;
}

.pricing ul li {
	line-height: 35px;
	border-bottom: 1px groove #666;
	margin: 0 40px;
}

.pricing .btn-default {
	width: 130px;
	margin-top: -40px;
	font-family: 'Raleway', sans-serif;
}

/* ==============================================
404
=============================================== */
.four_o_four_error li {
	border: 1px solid #222;
	margin-right: 20px;
	display: inline;
	font-size: 100px;
	line-height: 100px;
}

.four_o_four_error li.no {
	font-family: 'Raleway', sans-serif;
	padding: 0 30px 20px 30px;
}

.four_o_four_error li:nth-child(2) {
	font-size: 70px;
	padding: 10px 25px 10px 25px;
}

.four_o_four_error h1 {
	font-size: 50px;
	margin-bottom: 40px;
	padding-top: 20px;
}

.four_o_four_error p {
	color: #333;
}

.four_o_four_error .tags {
	margin-top: 30px;
}

/* ==============================================
Breadcrumb
=============================================== */
.breadcrumb_bg {
	overflow: hidden;
	text-align: center;
	color: #FFF;
	background-color: #222;
	position: relative;
	padding-bottom: 220px;
	padding-top: 40px;
}

.breadcrumb_bg h2 {
	padding: 50px 0 20px 0;
	font-weight: normal;
	font-size: 40px;
	text-shadow: 2px 2px 4px #000000;
	/* margin: 0; */
}

.breadcrumb {
	background: none;
}

.breadcrumb li {
	font-size: 18px;
	color: #FFF;
}

.breadcrumb li.active {
	color: #FFF;
}

.breadcrumb li a {
	font-size: 18px;
}

/* ==============================================
waypoints
=============================================== */
.skills .skill .progress-bar .current-progress .bar {
	background: #a52b2b;
}

/* ==============================================
Buy_now
=============================================== */
.big_block.buy_now {
	padding: 30px 0 55px 0;
}

.buy_now {
	text-align: center;
}

.buy_now h2,
.buy_now h3 {
	margin: 30px 0;
}

.buy_now .btn-default {
	margin: 0 20px;
	width: 180px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	font-size: 18px;
	position: relative;
	border-radius: 0;
	border: none;
	background: #222;
}

/* ==============================================
Mobile and Tablet Screen
=============================================== */
@media screen and (max-width:991px) {

	.navbar,
	.top_head {
		padding: 0 15px;
	}

	.slider {
		height: auto;
	}

	.slider .banner .banner_bg {
		height: auto;
		overflow: hidden;
	}

	.slider .banner .bann_caption,
	.owl-carousel .bann_caption {
		top: 0;
		position: relative;
		margin: 0 0 50px 0;
		color: #CCC;
	}

	.bann_caption h2 {
		font-size: 30px;
	}

	.bann_caption h3 {
		font-size: 22px;
		line-height: 30px;
	}

	.bann_caption a {
		margin-bottom: 15px;
	}

	.bann_caption a:hover {
		border: 1px solid #CCC;
	}

	.slider .banner.parallax_bann .bann_caption {
		margin-bottom: 0;
	}

	.owl_slider {
		background: #222;
	}

	.owl_slider .owl-theme .owl-controls {
		top: -30px;
	}

	.owl-theme .owl-controls .owl-page span {
		background: #444;
	}

	.home_block_2 .container-fluid>div>div h2.text-right {
		text-align: left;
	}

	.service_bg>div>div.services_title {
		padding: 20px 50px 50px;
	}

	.subscribe>.container>div.pull-right {
		float: none !important;
		clear: both !important;
	}

	.sidebar {
		display: none;
	}

	.blog_items.pull-right,
	.home_block_1 div>div.pull-right,
	.home_block_2 div>div.pull-right {
		float: none !important;
	}
}

/* ==============================================
Mobile Screen
=============================================== */
@media screen and (max-width:767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #FFF;
	}

	.navbar-default .navbar-collapse {
		border-color: #333;
		box-shadow: none;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
		background: none;
	}

	.home_block_1 .container-fluid>div.col-md-6.col-sm-8.pull-right {
		float: none !important;
	}

	.dropdown-nested>a:focus,
	.dropdown-nested>a:active {
		color: #FFF !important;
	}

	.dropdown-nested>.dropdown-menu li a {
		margin-left: 20px;
	}

	.four_o_four_error li {
		font-size: 70px;
		margin-right: 10px;
	}

	.four_o_four_error li.no {
		padding: 0 20px 20px 20px;
	}

	.four_o_four_error li:nth-child(2) {
		font-size: 40px;
		padding: 10px 20px;
	}

	.blog_items .block,
	.blog_items.style_2 .block {
		padding-bottom: 30px;
		border-bottom: 1px dashed #999;
		margin-bottom: 30px;
	}

	.blog_items .btn-default {
		margin-bottom: 10px;
	}

	.video_container {
		position: relative;
		width: 100%;
		min-height: 250px;
		display: block;
		/* background: #000;
	opacity: .7; */
	}


}

/* ==============================================
Tablet and Desktop Screen
=============================================== */
@media screen and (min-width:768px) {
	.navbar-default .navbar-brand {
		line-height: 30px;
	}

	.navbar-right .dropdown-menu {
		right: 0;
		left: auto;
		min-width: 200px;
	}

	.navbar-right .dropdown-menu .dropdown-menu {
		min-width: 120px;
	}

	.navbar-nav>li.dropdown>.dropdown-menu {
		margin-top: -5px;
		opacity: 0;
	}

	.navbar-nav>li.dropdown:hover>.dropdown-menu,
	.navbar-nav>li.dropdown>.dropdown-menu.active {
		display: block;
		opacity: 1;
	}

	.navbar-nav>li.dropdown li.dropdown:hover>.dropdown-menu,
	.navbar-nav>li.dropdown li.dropdown>.dropdown-menu.active {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		position: absolute;
		background: #282828;
		border-radius: 0;
	}

	.navbar-nav>li.dropdown li.dropdown:hover>a::before,
	.navbar-nav>li.dropdown li.dropdown:hover>a {
		color: #a52b2b;
	}

	.wrapper>header .navbar-default.sticky {
		position: fixed;
		background: #222;
		top: 0;
		opacity: 1;
		box-shadow: 0 1px 1px rgba(255, 255, 255, .1);
		-webkit-animation: .3s nav_sticky linear;
		animation: .3s nav_sticky linear;
		/* padding-top: 10px; */
	}

	.wrapper>header .navbar-default.sticky .navbar-nav>li:last-child>a {
		padding-right: 15px;
	}

	.navbar-default .navbar-nav>li:last-child>a {
		border-radius: 0;
		padding-right: 0;
		margin-right: 0;
	}

	.shortcodes {
		padding: 0 20px 20px 50px;
	}

	.slider .banner .banner_bg img {
		width: 100%;
		animation: 50s zoomEffect infinite;
		transform: scale(1, 1) translate(0, 0);
	}

	.blog_items .block .row>div:nth-child(1) {
		padding-right: 0;
	}

	.blog_items .block .row>div:nth-child(2) {
		padding-left: 0;
	}
}

/* ==============================================
Tablet Screen
=============================================== */
@media screen and (min-width:768px) and (max-width:991px) {
	.navbar-nav>li>a {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.navbar-default .navbar-nav>li:last-child>a {
		padding-right: 0 !important;
		margin-right: 0 !important;
	}

	.wrapper>header .navbar-default.sticky .navbar-nav>li:last-child>a {
		padding-right: 15px !important;
	}

	.about .container-fluid {
		max-width: 750px;
	}

	.skills .skill {
		margin-top: 30px;
	}

	.subscribe>div>div.pull-left,
	.subscribe>div>div.pull-right {
		clear: both !important;
		float: none !important;
	}

	.carousel-caption {
		top: 20%;
	}

	.features>div>div:nth-child(1),
	.features>div>div:nth-child(2),
	.features>div>div:nth-child(3) {
		border-bottom: 1px solid #efefef;
	}

	.features>div>div:nth-child(4) {
		border-left: none;
	}

	.home_block_1 .container-fluid>div>div.pull-right,
	.home_block_2 .container-fluid>div>div.pull-right {
		float: none !important;
	}

	.home_block_1 .container-fluid>div>div {
		padding: 20px 0 5px 0;
	}

	.home_block_2 .container-fluid>div>div {
		padding: 5px 0 20px 0;
	}

	.services>div a {
		padding: 35px 10px 20px 10px;
	}

	.counters h3 {
		font-size: 18px;
	}
}

/* ==============================================
Desktop Screen
=============================================== */
@media screen and (min-width:992px) and (max-width:1199px) {
	.skills .skill {
		margin-top: 10px;
	}

	.carousel-caption {
		left: inherit !important;
		right: inherit !important;
	}

	.features>div>div:nth-child(1),
	.features>div>div:nth-child(2),
	.features>div>div:nth-child(3) {
		border-bottom: 1px solid #efefef;
	}

	.features>div>div:nth-child(4) {
		border-left: none;
	}

	.services>div a {
		padding: 60px 10px 40px 10px;
	}

	.service_bg>div>div.services_title {
		padding: 20px 50px 50px;
	}
}

/* ==============================================
Desktop and Large Desktop Screen
=============================================== */
@media screen and (min-width:992px) {
	.wrapper>header .container-fluid {
		margin: 0 50px;
	}

	.wrapper>header .top_head,
	.wrapper>header .navbar-default {
		position: absolute;
		z-index: 999;
		width: 100%;
	}

	.wrapper>header .navbar-default:not(.sticky) {
		top: 44px;
	}

	.breadcrumb_bg {
		padding-top: 200px;
	}

	.modal-dialog {
		margin-top: 100px;
	}

	.home_block_2 .big_block {
		float: right;
	}

	.home_block_1 .container-fluid>div,
	.home_block_2 .container-fluid>div {
		padding: 0 15px;
	}

	.slider {
		height: 520px;
	}

	.slider .banner .bann_caption,
	.owl-carousel .bann_caption {
		top: 160px;
	}

	.workprocess .container .icon:before {
		content: '';
		position: absolute;
		height: 1px;
		width: 100%;
		top: 50%;
		left: 0;
		background: #222;
	}

	.workprocess .container .icon.first::before {
		left: 50%;
		width: 50%;
	}

	.workprocess .container .icon.last::before {
		width: 50%;
	}






}

/* ==============================================
Large Desktop Screen
=============================================== */
@media screen and (min-width:1200px) {
	.slider {
		height: 630px;
	}

	.slider .banner .bann_caption,
	.owl-carousel .bann_caption {
		top: 170px;
	}

	.home_block_1 .container-fluid>div,
	.home_block_2 .container-fluid>div {
		padding: 0 30px;
	}

	.workprocess .container-fluid .icon:before {
		content: '';
		position: absolute;
		height: 1px;
		width: 100%;
		top: 50%;
		left: 0;
		background: #222;
	}

	.workprocess .container-fluid .icon.first::before {
		left: 50%;
		width: 50%;
	}

	.workprocess .container-fluid .icon.last::before {
		width: 50%;
	}
}

/* ==============================================
Custom Screens
=============================================== */
@media screen and (min-width:992px) and (max-width:1500px) {

	.home_block_1 .big_block,
	.home_block_2 .big_block {
		width: 100%;
	}
}

@media screen and (min-width:1400px) {
	.slider {
		height: 725px;
	}

	.slider .banner .bann_caption,
	.owl-carousel .bann_caption {
		top: 200px;
	}
}

@media screen and (min-width:1600px) {
	.slider {
		height: 810px;
	}

	.slider .banner .bann_caption,
	.owl-carousel .bann_caption {
		top: 250px;
	}
}

@media screen and (min-width:1750px) {
	.slider {
		height: 900px;
	}
}

@media screen and (min-width:1900px) {
	.slider {
		height: 750px;
	}
}

/* ==============================================
Animations
=============================================== */
@-webkit-keyframes nav_sticky {
	0% {
		top: -50px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

@keyframes nav_sticky {
	0% {
		top: -50px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

@-webkit-keyframes zoomEffect {
	0% {
		-webkit-transform: scale(1, 1) translate(0, 0);
	}

	25% {
		-webkit-transform: scale(1.3, 1.3) translate(50px, 50px);
	}

	50% {
		-webkit-transform: scale(1, 1) translate(0, 0);
	}

	75% {
		-webkit-transform: scale(1.3, 1.3) translate(-50px, -50px);
	}

	100% {
		-webkit-transform: scale(1, 1) translate(0, 0);
	}
}

@keyframes zoomEffect {
	0% {
		transform: scale(1, 1) translate(0, 0);
	}

	25% {
		transform: scale(1.3, 1.3) translate(50px, 50px);
	}

	50% {
		transform: scale(1, 1) translate(0, 0);
	}

	75% {
		transform: scale(1.3, 1.3) translate(-50px, -50px);
	}

	100% {
		transform: scale(1, 1) translate(0, 0);
	}
}


.slider {
	border-bottom: 2px solid #666;
}

.white {
	color: #fff;
}


.arrow-up {
	font-size: 12px;
	display: inline-block;
	line-height: 0;
	position: relative;
	top: -1px;
	color: #fff;
	margin-left: 10px;
}

.arrow-up a {
	position: relative;
	top: -1px;
	color: #fff;
}

/* reCAPTCHA — visible notice on contact/quick forms */
#contactForm .col-xs-12.gts-recaptcha-row,
#quickform .col-xs-12.gts-recaptcha-row {
	clear: both;
	width: 100%;
	float: none;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
}

.contact .gts-recaptcha-notice,
#contactForm .gts-recaptcha-notice,
#quickform .gts-recaptcha-notice {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	clear: both;
	float: none;
	margin: 0 0 16px;
	padding: 12px 14px;
	border: 1px solid rgba(0, 0, 0, 0.18);
	background: rgba(255, 255, 255, 0.95);
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.55;
	color: #222;
	text-align: left !important;
	word-spacing: normal;
	letter-spacing: normal;
}

.contact .gts-recaptcha-notice p,
#contactForm .gts-recaptcha-notice p,
#quickform .gts-recaptcha-notice p {
	margin: 0 0 8px;
	padding: 0;
	color: #222 !important;
	text-align: left !important;
	text-transform: none;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	line-height: 1.55;
}

.contact .gts-recaptcha-notice__title,
#contactForm .gts-recaptcha-notice__title,
#quickform .gts-recaptcha-notice__title {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 6px;
}

.contact .gts-recaptcha-notice__legal,
#contactForm .gts-recaptcha-notice__legal,
#quickform .gts-recaptcha-notice__legal {
	margin-bottom: 0;
	font-size: 13px;
}

.contact .gts-recaptcha-notice__legal a,
#contactForm .gts-recaptcha-notice__legal a,
#quickform .gts-recaptcha-notice__legal a {
	color: #0044cc !important;
	text-decoration: underline !important;
	display: inline;
	white-space: normal;
}

.gts-recaptcha-notice__icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 6px;
	vertical-align: middle;
	background: url('https://www.gstatic.com/recaptcha/api2/logo_48.png') center/contain no-repeat;
}

/* legacy class names (old markup) */
.gts-recaptcha-notice__badge {
	display: none;
}

.gts-recaptcha-row.gts-recaptcha-widget {
	display: block !important;
	margin: 12px 0 16px;
	clear: both;
}

.gts-recaptcha-row.gts-recaptcha-widget .g-recaptcha {
	display: block !important;
}

/* Hide only stray empty legacy widgets, not our active row */
.gts-recaptcha-wrap:empty,
.g-recaptcha:empty {
	display: none !important;
}

.grecaptcha-badge {
	z-index: 99999 !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Contact form — keep submit button under message field (right column) */
#OuterForm {
	display: block;
	width: 100%;
	overflow: hidden;
}

#contactForm.home-contact-form {
	display: block;
	width: 100%;
	overflow: hidden;
}

#contactForm.home-contact-form > [class*="col-"] {
	position: relative;
	min-height: 1px;
}

#contactForm .gts-form-submit-row,
#contactForm > .col-xs-12.gts-form-submit-row {
	clear: both;
	width: 100%;
	float: none;
	display: block;
	margin-top: 4px;
	padding-top: 4px;
}

#contactForm .gts-form-submit-row .form-group {
	margin-bottom: 0;
}

#contactForm .gts-recaptcha-row + .gts-form-submit-row,
#contactForm .gts-recaptcha-row + .col-xs-12.gts-form-submit-row {
	margin-top: 0;
}

/* Form validation — sitewide contact / quick forms */
.gts-field-error {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.4;
	color: #b30000;
	font-weight: 600;
	clear: both;
}

.gts-input-invalid,
.contact .gts-input-invalid,
#quickform .gts-input-invalid {
	border-color: #c9302c !important;
	box-shadow: 0 0 0 2px rgba(201, 48, 44, 0.2);
}

.gts-field-invalid .form-control {
	border-color: #c9302c;
}

.gts-form-errors {
	margin: 0 0 16px;
	padding: 12px 14px;
	background: #fff5f5;
	border: 1px solid #e8b4b4;
	border-radius: 4px;
	color: #8a1f1f;
}

.gts-form-errors__title {
	margin: 0 0 8px;
	font-weight: 700;
	font-size: 14px;
}

.gts-form-errors ul {
	margin: 0;
	padding-left: 18px;
}

.gts-form-errors li {
	margin: 4px 0;
	font-size: 13px;
}

.gts-message-counter {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.4;
	color: #666;
}

.gts-message-counter--low {
	color: #b30000;
	font-weight: 600;
}

.gts-message-counter--ok {
	color: #2d6a2d;
}

#contactFormResponse .text-danger,
#message_ajax .text-danger {
	margin: 0 0 12px;
	padding: 10px 12px;
	background: #fff5f5;
	border: 1px solid #e8b4b4;
	border-radius: 4px;
}

/* Who We Are — Quality Statement full width */
.gts-quality-statement-block {
	width: 100%;
	clear: both;
	float: none;
}

.gts-quality-statement-block h2.uppercase,
.gts-quality-statement-block p {
	max-width: 100%;
}

.gts-quality-statement-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Ensure navbar stays readable over light banners (cascade priority) */
.wrapper>header .navbar-default:not(.sticky) {
	background: rgb(0 0 0 / 40%) !important;
}