@import url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('http://fonts.googleapis.com/css?family=Alfa+Slab+One');
html,body{
	font-family: 'Open Sans Condensed', sans-serif !important;
	/*font-family: 'Yanone Kaffeesatz', sans-serif !important;*/
}

a{
	outline: 0 !important;
}
::-webkit-input-placeholder { color:#000!important;}
::-moz-placeholder { color:#000!important; } /* firefox 19+ */
:-ms-input-placeholder { color:#000!important; } /* ie */
input:-moz-placeholder { color:#000!important; }

input.other::-webkit-input-placeholder { color:rgba(255,255,255,0.5)!important;}
input.other::-moz-placeholder { color:rgba(255,255,255,0.41)!important; } /* firefox 19+ */
input.other:-ms-input-placeholder { color:rgba(255,255,255,0.41)!important; } /* ie */
input.other:-moz-placeholder { color:rgba(255,255,255,0.41)!important; }

.push-blank{height: 5em;}
.hr-line{
	background: url(../images/hr.png) no-repeat center center rgba(211, 62, 62, 0) !important;
	border: 0;
	height: 17px;
	/*margin: 20px 0 0 0;*/
	width: 100%;
}
.hr-line-white{
	background: url(../images/hr-white.png) no-repeat center center rgba(211, 62, 62, 0) !important;
	border: 0;
	height: 17px;
	/*margin: 20px 0 0 0;*/
	width: 100%;
}
.hr-line-red{
	background: url(../images/hr-red.png) no-repeat center center rgba(211, 62, 62, 0) !important;
	border: 0;
	height: 17px;
	/*margin: 20px 0 0 0;*/
	width: 100%;
}
.pre-load{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10504;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;background:#fff !important;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
}
.appear{
	visibility: visible;
	opacity: 1;
	display: block;
	transition: all 0.8s ease;
}
.gone{
	visibility: hidden;
	opacity: 0;
	transition: all 0.8s ease;
	display: none;
}
.go-to-top{
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999;

}

.go-to-top .fa{
	background: rgba(0, 0, 0, 0.86);
	padding: 2px;
	border-radius: 5px;
	color: #F00;
	font-size: 20px;
	-webkit-animation-duration: 2s !important; 
	animation-duration: 2s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-timing-function: ease-in-out; 
	animation-timing-function: ease-in-out; 
	animation-iteration-count:infinite; 
	-webkit-animation-iteration-count:infinite; 

}

.single-move-nav{
	position: absolute;
	left: 10px;
	top: 2px;
	color: #DF2A2A;
	font-size: 30px;
	letter-spacing: 14px;
}

@media (max-width: 991px){
	.go-to-top .fa{
		font-size: 40px;
	}
}
@-webkit-keyframes top-pulse { 
	0% { -webkit-transform: scale(1); } 
	50% { -webkit-transform: scale(1.1); } 
	100% { -webkit-transform: scale(1);} 
} 
@keyframes top-pulse { 
	0% { transform: scale(1);} 
	50% { transform: scale(1.1);} 
	100% { transform: scale(1); } 
} 
.top-pulse { 
	-webkit-animation-name: top-pulse; 
	animation-name: top-pulse; 
}


/*splash screen styling starts here*/
#splash{
	/*background:url(../images/textures/net-overlay.png) repeat,url(../images/splash/3.jpg) no-repeat center center;*/
	/*background-size: auto,cover;*/
	background: url(../images/splash/splash-main.jpg) no-repeat center center;
	background-size: cover;
}
#splash .fp-tableCell{
	background-color: rgba(145, 157, 43, 0.38);
}
#splash ul,#splash li,#splash li a {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#splash li a {
	padding: 5px;
	color: #888;
	text-decoration: none;
	transition: all .2s;
}
#splash li a:hover,
#splash li a:focus {
	background: #1ABC9C;
	color: #fff;
}


#splash p, #splash p a { font-size: 12px;text-align: center; color: #888; }




/*
================================================
					navbar starts
================================================
*/
.color-5 {
	background: #cd4436;
	height: 65px;
}



.color-7 {
	background: rgba(0, 0, 0, 1);
}
.main-nav{
	position: absolute;
	right: 0;

}
@media (max-width: 991px){
	.color-5 {
		background: transparent;
	}
	.cl-effect-5{
		background: #000;
		margin-top: -1px;
	}
	.cl-effect-5 a{
		border: 4px solid rgba(0, 0, 0, 0);
		margin-left: 0;
		width: 100%;
	}
}


nav a {
	position: relative;
	text-decoration: none !important;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	/*font-size: 1.35em;*/
	font-size: 20px;
}

nav a:hover,
nav a:focus {
	outline: none;
	color: #000 !important;
}
.nav-re1{
	height: 45px !important;
}
.nav-re2{
	margin: 6px 25px !important;
}


/* Effect 5: same word slide in */
.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
	height: auto;
	color: #fff;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	color: #000;
}
@media (max-width: 991px){
	
	.cl-effect-5 a:hover span, .cl-effect-5 a:focus span{
		color: #fff !important;
	}
	.cl-effect-5 a span{
		color: #F51616;
	}

}


/* Effect 7: second border slides up */
.cl-effect-7 a {
	padding: 12px 10px 10px;
	color: #566473;
	text-shadow: none;
	font-weight: 700;
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #566473;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}

/* Effect 21: borders slight translate */
.cl-effect-21 a {
	/*padding: 10px;*/
	color: #BCC73A;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color: #fff;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


/*component css ends*/
/* Important styles */
#toggle {
	display: block;
	width: 28px;
	margin: 20px auto 10px;
	height: 1px;
}

#toggle span:after,
#toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -9px;
}
#toggle span:after{
	top: 9px;
}
#toggle span {
	position: absolute;
	right: 26px;
	display: block;

}

#toggle span,
#toggle span:after,
#toggle span:before {
	width: 30px;
	height: 7px;
	background-color: #DF2A2A;
	transition: all 0.3s;
	backface-visibility: hidden;
	border-radius: 2px;
}

/* on activation */
#toggle.on span {
	background-color: transparent;
}
#toggle.on span:before {
	transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
	transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {

	height: auto;
	display: initial;
	opacity: 1;

}
.nav-plate{
	background: transparent;
	position: fixed!important;
	width: 100%!important;
	z-index: 999;
}
/* menu appearance*/
#menu {
	position: relative;
	color: #999;
	width: 200px;
	padding: 10px;
	margin: auto;
	text-align: center;
	border-radius: 4px;

	box-shadow: 0 1px 8px rgba(0,0,0,0.05);
	/* just for this demo */
	opacity: 0;
	height: 0px;
	display: none; 
	webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease; 
}



/*
================================================
					navbar ends
================================================
*/

/*
================================================
			testimonial starts
================================================
*/
#testimonial-section{
	background: url(../images/section0.jpg) center center no-repeat !important;
	background-size: cover !important;
}
.sl-slide blockquote{
	border-left: 5px solid rgba(238, 238, 238, 0) !important;
}


*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}


.clearfix:after {
	content: "";
	display: table;
	clear: both;
}


.sl-slider-wrapper {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: rgba(0,0,0,0.2);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}


.sl-slider-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.client-potrait{
	width: 200px; 
	height: 200px; 
	border-radius: 50%; 
	position: absolute; 
	left: 50%; 
	margin: 0 0 0 -90px;
}
@media (min-width: 992px){
	.client-potrait{
		width: 260px; 
		height: 260px; 
		border-radius: 50%; 
		position: absolute; 
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}


/* Custom navigation arrows */

.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid #ddd;
	border: 8px solid rgba(150,150,150,0.4);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-arrows span:hover {
	border-color: rgba(150,150,150,0.9);
}

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none;
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none;
}

/* Custom navigation dots */

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 2%;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
	0 1px 1px rgba(255,255,255,0.4), 
	inset 0 1px 1px rgba(0,0,0,0.1);
}


.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}

/* Content elements */

.deco {
	width: 260px;
	height: 260px;
	
	border-radius: 50%;
	position: absolute;
	bottom: 50%;
	left: 50%;
	margin: 0 0 0 -130px;
}



.sl-slide h2 {
	color: #F7E566;
	padding: 20px;
	position: absolute;
	font-size: 34px;
	letter-spacing: 13px;
	text-transform: uppercase;
	width: 80%;
	left: 10%;
	text-align: center;
	line-height: 50px;
	bottom: 50%;
	margin: 0 0 -120px 0;
}

.sl-slide blockquote {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	height: 70px;
	color: #8b8b8b;
	z-index: 2;
	bottom: 50%;
	margin: 0 0 -200px 0;
	padding: 0;
}

.sl-slide blockquote p{
	margin: 0 auto;
	width: 60%;
	max-width: 400px;
	position: relative;
	color: #fff;
	font-size: 18px;
}


.sl-slide blockquote cite {
	font-size: 10px;
	padding-top: 10px;
	display: inline-block;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #40BDEA;
	font-size: 15px;
}

/* Custom background colors for slides in first demo */




/* Animations for content elements */

.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}


/* Media Queries for custom slider */

@media screen and (max-width: 660px) {
	.deco {
		width: 130px;
		height: 130px;
		margin-left: -72px;
		margin-bottom: 105px;

	}
	.sl-slide blockquote {
		margin-bottom: -120px;
	}

	.sl-slide h2 {
		line-height: 22px;
		font-size: 18px;
		margin-bottom: -40px;
		letter-spacing: 8px;
		padding: 0;
		border-radius: 10px;
		background: rgba(21, 114, 131, 0.78);
	}

	.sl-slide blockquote p:before {
		line-height: 10px;
		width: 40px;
		height: 40px;
		font-size: 120px;
		left: -45px;
	}

	

}


/*
================================================
				testimonial ends
================================================
*/

.animated { 
	-webkit-animation-duration: 0.5s; 
	animation-duration: 0.5s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-timing-function: ease-in-out; 
	animation-timing-function: ease-in-out; 
}
.animated-scroll { 
	-webkit-animation-duration: 0.8s; 
	animation-duration: 0.8s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-timing-function: ease-in-out; 
	animation-timing-function: ease-in-out; 
}
.animated-forever { 
	-webkit-animation-duration: 1.5s; 
	animation-duration: 1.5s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	animation-iteration-count:infinite; 
	-webkit-animation-iteration-count:infinite; 
} 

@-webkit-keyframes pulse2 { 
	0% { -webkit-transform: scale(1); } 
	50% { -webkit-transform: scale(1.1); } 
	100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse2 { 
	0% { transform: scale(1); } 
	50% { transform: scale(1.1); } 
	100% { transform: scale(1); } 
} 
.pulse2 { 
	-webkit-animation-name: pulse2; 
	animation-name: pulse2; 
}
@-webkit-keyframes bounceInDown { 
	0% { 
		opacity: 0; 
		-webkit-transform: translateY(-2000px); 
	} 
	60% { 
		opacity: 1; 
		-webkit-transform: translateY(30px); 
	} 
	80% { 
		-webkit-transform: translateY(-10px); 
	} 
	100% { 
		-webkit-transform: translateY(0); 
	} 
} 

@keyframes bounceInDown { 
	0% { 
		opacity: 0; 
		transform: translateY(-2000px); 
	} 
	60% { 
		opacity: 1; 
		transform: translateY(30px); 
	} 
	80% { 
		transform: translateY(-10px); 
	} 
	100% { 
		transform: translateY(0); 
	} 
} 

.bounceInDown { 
	-webkit-animation-name: bounceInDown; 
	animation-name: bounceInDown; 
}
@-webkit-keyframes fadeInDownBig { 
	0% { 
		opacity: 0; 
		-webkit-transform: translateY(-2000px); 
	} 
	100% { 
		opacity: 1; 
		-webkit-transform: translateY(0); 
	} 
} 
@keyframes fadeInDownBig { 
	0% { 
		opacity: 0; 
		transform: translateY(-2000px); 
	} 
	100% { 
		opacity: 1; 
		transform: translateY(0); 
	} 
}
@-webkit-keyframes bounce { 
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
	40% {-webkit-transform: translateY(-15px);} 
	60% {-webkit-transform: translateY(-7px);} 
} 

@keyframes bounce { 
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
	40% {transform: translateY(-15px);} 
	60% {transform: translateY(-7px);} 
} 

.bounce { 
	-webkit-animation-name: bounce; 
	animation-name: bounce; 
}
.fadeInDownBig { 
	-webkit-animation-name: fadeInDownBig; 
	animation-name: fadeInDownBig; 
}

@-webkit-keyframes fadeInUpBig { 
	0% { 
		opacity: 0; 
		-webkit-transform: translateY(2000px); 
	} 
	100% { 
		opacity: 1; 
		-webkit-transform: translateY(0); 
	} 
} 
@keyframes fadeInUpBig { 
	0% { 
		opacity: 0; 
		transform: translateY(2000px); 
	} 
	100% { 
		opacity: 1; 
		transform: translateY(0); 
	} 
} 
.fadeInUpBig { 
	-webkit-animation-name: fadeInUpBig; 
	animation-name: fadeInUpBig; 
}
#portfolio-section{
	/*background: url(https://secure.static.tumblr.com/0708bef83603424523e8aa7845d65696/hidf9ss/mFGn59l69/tumblr_static_92snv2tnw0sgggksg8gw8kkwo_1280_v2.jpg) center center no-repeat;
	background-size: cover;*/
	/*background: url(../images/blur-bridge.jpg) center center no-repeat;
	background-size: cover;*/

	background: -webkit-linear-gradient(90deg, #F1F2B5 10%, #135058 90%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(90deg, #F1F2B5 10%, #135058 90%); /* FF3.6+ */
	background:     -ms-linear-gradient(90deg, #F1F2B5 10%, #135058 90%); /* IE10 */
	background:      -o-linear-gradient(90deg, #F1F2B5 10%, #135058 90%); /* Opera 11.10+ */
	background:         linear-gradient(90deg, #F1F2B5 10%, #135058 90%); /* W3C */


}
.gradient-modal{
	background: #F04343!important;
}
.modal-footer{
	border: none !important;
	bottom: 0;
	/*position: absolute;*/
	right: 0;
}
.modal-backdrop.in {
	filter: alpha(opacity=80)!important;
	opacity: .8!important;
}
.port-img img{
	width: 100%;
	height: 500px !important;
}

.carousel{
	float: none !important;
}
#carousel1 .nav a small {
	display: block;
}
#carousel1 .nav {
	background: #eee;
}
.nav-justified > li > a {
	border-radius: 0px;
}
.nav-pills > li[data-slide-to="0"].active a {
	background-color: #b4d9a7;
}
.nav-pills > li[data-slide-to="1"].active a {
	background-color: #4f77cb;
}
.nav-pills > li[data-slide-to="2"].active a {
	background-color: #d11e4f;
}




@media (max-width: 767px){
	
	.port-img img{
		height: 200px !important;
	}

	#carousel1 .nav-justified > li{
		font-size: 12px;
	}
}
.modal-footer{
	padding: 0 !important;
	text-align: center !important;
}
.modal-footer button{
	width: 100%;
	border-radius: 0 !important;
	padding: 10px !important;
}
.modal-header{
	color: #fff !important;
	border: transparent !important;
	padding: 5px!important;
}
.modal-content{

	
	/*background: -webkit-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%)!important;
	background:    -moz-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%)!important; 
	background:     -ms-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%)!important; 
	background:      -o-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%)!important; 
	background:         linear-gradient(90deg, #24C6DC 10%, #514A9D 90%)!important; */


}
.project-title, .project-desc{
	color: #000;
}
.modal-body-custom{
	background: url(../images/textures/product-pat.jpg) center center no-repeat !important;
	background-size: cover !important;
}

.modal-body-custom h2{
	margin: 0;     
	color: #fff;
	padding-top: 90px;
	font-size: 52px;
	font-family: "trebuchet ms", sans-serif;    
}
.modal-body-custom .item{
	
	text-align: center;
	height: 300px !important;
}

.modal-body-custom .bs-example{
	padding: 0 !important;
	border-top: 8px solid rgba(0, 0, 0, 0.2);
	border-bottom: 8px solid rgba(0, 0, 0, 0.2);
}
.carousel-indicators li{
	border-radius: 0 !important;
}
.modal-body-custom h3{
	margin-top: 0 !important;
	font-size: 28px;
}
.modal-body-custom .list-group{
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	width: 70% ;
}
.modal-body .list-group-item{
	border: transparent !important;
	padding: 10px 0px !important;
	background-color: transparent !important;
	border-bottom: 1px solid rgba(180, 184, 190, 0.19) !important;
	border-radius: 0 !important;
	font-size: 13px;
}
.carousel-inner .item:nth-child(1){
	background: url(../images/product-sample-img1.jpg) center center fixed no-repeat;
	background-size: cover;
}
.carousel-inner .item:nth-child(2){
	background: url(../images/product-sample-img2.jpg) center center fixed no-repeat;
	background-size: cover;
}
.carousel-inner .item:nth-child(3){
	background: url(../images/product-sample-img3.jpg) center center fixed no-repeat;
	background-size: cover;
}
.carousel-caption h3, .carousel-caption p{
	color: #000;
}

.close {
	float: none !important;
	font-size: 21px;
	font-weight: normal !important;
	line-height: normal !important; 
	text-shadow: normal !important; 
	filter: normal !important;
	opacity: 1 !important; 
}
.modal-header .fa{
	color: #000 ;
	font-size: 30px;
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-shadow:0 0 0!important;
}

/*.fa-angle-double-up:before{
	background: #126E96;
	padding: 5px;
	border-radius: 0 11px 11px;
	border: 2px solid #1A4A89;
	}*/


	.modal-body p{
		font-size: 18px;
	}
	.social-share-widget{
		list-style: none !important;
	}
	.share-item{
		display: inline-block !important;
		text-decoration: none !important;
	}


	.share-item .fa {
		float: left;
		color: #fff !important;
	}

	.fa-chevron-circle-right, .fa-chevron-circle-left{
		margin-top: 130px;
		font-size: 30px !important;
		color: #000 !important;
	}
	.carousel-indicators .active{
		background: #000 !important;
	}

	
	.fp-controlArrow.fp-next{
		border-width: 10.5px 0 10.5px 23px !important;
	}
	.fp-controlArrow.fp-prev{
		border-width: 10.5px 23px 10.5px 0 !important;
	}
	.fp-controlArrow{
		top: 0 !important;
		margin-top: 55px !important;
	}
	#service-section .fp-controlArrow.fp-next{
		border-color: transparent transparent transparent rgba(0, 0, 0, 0.41) !important;
	}
	#service-section .fp-controlArrow.fp-prev{
		border-color:transparent rgba(255, 0, 0, 0.38) transparent transparent !important;
	}
	#pricing-table-section{
		background: url(../images/textures/tile5.jpg) repeat-x;
	}
	#pricing-table-section .panel-body{
		background: url(../images/textures/skin2.png) repeat;
		color: #AFB3B3 !important;
		/*background-size: cover;*/
		/*background: #000 !important;*/
	}
	#pricing-table-section .btn{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		color: #AFB3B3;
		border-color: #353535 !important;
	}
	#pricing-table-section .btn:hover{
		color: rgb(173, 177, 177) !important;
		background-color: #000 !important;
		border-color: #000 !important;
	}


	#pricing-table-section .panel{
		border-color: transparent !important;
		-webkit-box-shadow: none !important;
		cursor: pointer;
	}
	#pricing-table-section .list-group{
		width: 100%;
		font-size: 15px;    
	}
	#pricing-table-section .list-group-item{
		/*background: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0.22) !important!important;*/
		background: rgba(255, 255, 255, 0) !important;
		padding-top: 5px!important;

	}
	#pricing-table-section .list-group-item,#pricing-table-section ul,#pricing-table-section ol{
		margin-bottom: 0px !important;
	}
	.list-group-item .feature,.list-group-item .fa{
		display: block;
	}
	#pricing-table-section .panel-body{
		padding: 0 !important;
		text-align: center;
	/*background: url(../img/price-table-bg.jpg) center center no-repeat;
	background-size: cover;*/
}
.post-cost:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-width: 0 20px 20px 0;
	position: absolute;
	top: 99%;
	right: 0;
	display: block;
}
#pricing-table-section .panel-heading,#pricing-table-section .post-cost{
	color: #FFFFFF !important;
	border-color: #40403D !important;
}
/*=============================================*/
.basic .panel-heading,.basic .post-cost,.basic .btn{
	background-color: #0E2930 ;
}
.basic .post-cost:before{
	border-right-color: rgba(14, 41, 48, 1);
}
/*==============================================*/
.pro .panel-heading,.pro .post-cost,.pro .btn{
	background-color: #0E6F73 ;
}
.pro .post-cost:before{
	border-right-color: #0E6F73;
}
/*==============================================*/
.commercial .panel-heading,.commercial .post-cost,.commercial .btn{
	background-color: #1D1B19 ;
}
.commercial .post-cost:before{
	border-right-color: #1D1B19;
}
/*===============================================*/
.premium .panel-heading,.premium .post-cost,.premium .btn{
	background-color: #42985D ;
}
.premium .post-cost:before{
	border-right-color: #42985D;
}
/*=================================================*/


#pricing-table-section .panel-heading h5{
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
}
#pricing-table-section .list-group-item:first-child{
	padding:0 !important;
	border-bottom-color: transparent !important;
}
#pricing-table-section .list-group-item:nth-child(2){
	border-top-color: transparent !important;
}
#pricing-table-section .pre-cost, #pricing-table-section .post-cost{
	font-size: 25px;
	text-transform: uppercase;
}
#pricing-table-section .post-cost{
	display: block;
	padding: 5px 0;
}


#pricing-table-section .cost{
	font-size: 50px;
}

#pricing-table-section .list-group-item .btn{
	padding: 7px;
	border-radius: 80px !important;
	width: 150px;
	margin-top: 5px;
}
#pricing-table-section .list-group-item{
	border: 1px solid rgba(132, 134, 116, 0.15) !important;
}
#pricing-table-section .list-group-item:first-child{
	border-top-right-radius: 0 !important; 
	border-top-left-radius: 0 !important; 
}

#pricing-table-section .panel{
	background: none !important;
}

@media (max-height: 568px){
	.list-group-item .feature, .list-group-item .fa {
		display: inline-block;
		margin: 0 2px;
	}
	.panel-heading{
		padding: 5px 15px !important;
	}
	.panel-heading h5{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	#pricing-table-section .cost {
		font-size: 30px;
	}
	#pricing-table-section .pre-cost, #pricing-table-section .post-cost {
		font-size: 15px;
	}
	#pricing-table-section .post-cost {
		padding: 2px 0;
	}
	#pricing-table-section .list-group-item .btn{
		padding: 3px;
		margin-top: 0px;
	}
	#pricing-table-section .panel-heading h5{
		font-size: 30px;
	}
	.post-cost:before{
		border-width: 0 12px 12px 0;
	}
}
.panel-success .fp-tableCell > .panel-heading {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.panel-warning .fp-tableCell>.panel-heading {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.panel-danger .fp-tableCell>.panel-heading {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.panel-info .fp-tableCell>.panel-heading {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}


#service-section{
	background: url(../images/tile-red.jpg) center center no-repeat;
	background-size: cover;000
	/*background: -webkit-linear-gradient(90deg, #000000 10%, #901313 90%);
	background: -moz-linear-gradient(90deg, #000000 10%, #901313 90%);
	background: -ms-linear-gradient(90deg, #000000 10%, #901313 90%);
	background: -o-linear-gradient(90deg, #000000 10%, #901313 90%);
	background: linear-gradient(90deg, #000000 10%, #901313 90%);*/
}

#service-section .fp-tableCell, #pricing-table-section .fp-tableCell, #portfolio-section .fp-tableCell, #splash .fp-tableCell{
	display: block !important;
}

#service-section .cog-wheel {
	position: absolute;
	right: -100px;
	top: 0;
}
#service-section .cog-wheel:last-child{
	top: 147px;
	right: -278px;
}
.spin-plus{
	-webkit-animation-name: spin-plus;
	-webkit-animation-duration: 15000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin-plus;
	-moz-animation-duration: 15000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin-plus;
	-ms-animation-duration: 15000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	animation-name: spin-plus;
	animation-duration: 15000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@-ms-keyframes spin-plus {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin-plus {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin-plus {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin-plus {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}

}
.spin-minus{
	-webkit-animation-name: spin-minus;
	-webkit-animation-duration: 14000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin-minus;
	-moz-animation-duration: 14000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin-minus;
	-ms-animation-duration: 14000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	animation-name: spin-minus;
	animation-duration: 14000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@-ms-keyframes spin-minus {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(-360deg); }
}
@-moz-keyframes spin-minus {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(-360deg); }
}
@-webkit-keyframes spin-minus {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(-360deg); }
}
@keyframes spin-minus {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(-360deg);
	}

}
#service-section #wheel-top{
	font-size: 185px !important;
	opacity: 0.8;
	color: #000 !important;
	text-shadow: 4px -1px 1px #F40808;
}
#service-section #wheel-bot{
	font-size: 500px !important;
	opacity: 0.8;
	color: #000 !important;
	text-shadow: 3px 2px 3px #F40808;
}

.service-icons .fa{
	width: 150px;
	background: rgba(3, 3, 3, 0.61);
	padding: 38px;
	font-size: 70px;
	border-radius: 50%;
	border: 2px solid rgba(205, 22, 22, 1);
	color: rgba(205, 22, 22, 1);
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	cursor: pointer;

}
.service-icons p
{
	font-size: 18px;
	color: #BAA9A9;
	margin: 18px;
	background: rgba(66, 5, 8, 1);
	padding: 4px 0;
	border-radius: 4px;
}
.bundle-s{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;

}
@media (max-width: 991px){
	.bundle-s{
		position: relative;
		top: 40%;
		transform: translateY(-80%);
		text-align: center;
	}
}

.bundle-s:hover .fa-android{
	color: rgba(78, 189, 24, 1) !important;
	border: 2px solid rgba(78, 189, 24, 1) !important;
}

.bundle-s:hover .fa-windows{
	color: rgba(33, 174, 236, 1) !important;
	border: 2px solid rgba(33, 174, 236, 1) !important;
}

.bundle-s:hover .fa-linux{
	color: #000 !important;
	background: rgba(255, 252, 0, 0.89) !important;
	border: 2px solid rgba(33, 174, 236, 0) !important;
}

.bundle-s:hover .fa-apple{
	color: #fff !important;
	background: #444 !important;
	border: 2px solid rgba(33, 174, 236, 0) !important;
}

.bundle-s:hover .fa-css3{
	color: #fff;
	background: rgba(33, 174, 236, 1) !important;
	border: 2px solid rgba(203, 56, 13, 0) !important;
}

.bundle-s:hover .fa-html5{
	background: rgba(242, 97, 44, 1) !important;
	color: #fff !important;
	border: 2px solid rgba(203, 56, 13, 0) !important;
}

.service-icons .fa:hover{
	background: rgba(3, 3, 3, 1);
	border: 2px solid rgba(57, 241, 241, 1);

}
.service-pack{
	/*position: relative;*/
	top: 50%;

}


.centering{
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto !important;
	text-align: center;

}
.welcome-btn{
	text-decoration: none !important;
	padding: 10px 100px !important;
	color: #fff !important;
	background: rgba(0, 0, 0, 0.77) !important;
	font-size: 20px;
	letter-spacing: 10px;
	border: 1px solid rgba(240, 239, 122, 0);
	border-radius: 0 !important;
	text-shadow: 0 0 3px #FFF;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

}
.welcome-btn:hover{
	letter-spacing: 1px;
	background: rgba(255, 255, 255, 0.8) !important;
	color: #000 !important;
	font-weight: 700;
	border: 2px solid #FFF !important;
}
@media (max-width: 500px){
	.welcome-btn{
		padding: 10px 20px !important;
		letter-spacing: 2px;
	}

}
#example{
	color: #fff;

	background: rgba(0, 0, 0, 0.2);
	font-size: 50px;
	top: 50%;
	transform: translateY(-50%);

}

@media (max-width: 670px){
	#example{
		font-size: 30px;
	}
}
.remake-custom{

	color: #F1F71B;

}
.splash-title{
	color: #fff;
	position: absolute;
	bottom: 68px;
	left: 50%;
}


/*splash screen styling ends here*/
.navbar-remake{
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	

}
@media (min-width: 992px){
	.navbar-remake{
		position: relative;
	}
	.fp-controlArrow{display: none;}
}
.title-remake{

	font-style: normal !important;
}


.modal-dialog {
	width: 100% !important;
	/*	height: 100% !important;*/
	padding: 0 !important;
	margin: 0 !important;
}

.modal-content {
	/*height: 100% !important;*/
	border-radius: 0 !important;
}


/* ---- button ---- */

.button {
	display: inline-block;
	padding:10px !important;
	background: rgba(5, 11, 11, 0.85) !important;
	border: none;
	border-radius: 7px;
	background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
	color: #cd4436 !important;
	font-size: 18px;
	cursor: pointer;
	letter-spacing: 2px;
	outline: none !important;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.button:hover {
	background-color: #fff !important;
	color: #222 !important;
}

.button:active,
.button.is-checked {
	background-color: #cd4436 !important;
}

.button.is-checked {
	color: white !important;
}

.button:active {
	/*box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);*/
}

/* ---- button-group ---- */

.button-group:after {
	content: '';
	display: block;
	clear: both;
}

.button-group .button {
	/*float: left;*/
	border-radius: 0;
	margin-left: 0;
	margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* ---- isotope ---- */



/* clear fix */
.isotope:after {
	content: '';
	display: block;
	clear: both;
}

.isotope img {
	border: none !important;
}



.element-item{
	position: absolute;
	left: 0px;
	top: 0px;
	/* height: 100%; */
	padding: 0;
	/* margin: 0; */
}

.element-item .fa{
	color: rgb(205, 68, 54);
	font-size: 15px;
	text-decoration: none;
	-webkit-transition: all 0.8s ease;
  	-moz-transition: all 0.8s ease;
  	-o-transition: all 0.8s ease;
  	transition: all 0.8s ease;
  	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.element-item .fa:hover{
	color: #fff;
	transform: scale(1.5);
}
/*lightbox override*/
.lb-data .lb-caption {
font-size: 25px !important;
color: rgb(211, 42, 42) !important;
}
.lb-dataContainer{
	background: #000000;
}
.dropdown-menu{
	min-width: 100%!important;
	background: rgba(5, 11, 11, 1) !important;
	text-align: center!important;
}

/* ============================================================
  EFFECT HOVER EFFECT ENDS
  ============================================================ */
  #contact-section{
  	background: url(../images/cont1.jpg) center center no-repeat;
  	background-size: cover;
  	/*background: linear-gradient(90deg, #000000 10%, #59DBF2 90%);
  	background: -moz-linear-gradient(90deg, #000000 10%, #59DBF2 90%);
  	background: -ms-linear-gradient(90deg, #000000 10%, #59DBF2 90%);
  	background: -o-linear-gradient(90deg, #000000 10%, #59DBF2 90%);
  	background: linear-gradient(90deg, #000000 10%, #59DBF2 90%);*/
  }
  .email-button{
  	width: 100% !important;
  	padding: 1em !important;
  	border-radius: 0 !important;
  	background: #E85252 !important;
  	border: transparent!important;
  }
  .page-header{
  	border-bottom: 1px inset rgba(0, 0, 0, 0) !important;
  	color: #fff;
  	border-top: 1px inset rgba(0, 0, 0, 0) !important; 
  	padding: 0px;
  	margin: 0 !important;
  	
  }
  .hide-remake{
  	visibility: hidden;
  	opacity: 0;
  }
  @media (max-width: 600px){
  	.page-header p{
  		letter-spacing: 0px !important;
  	}
  }
  @media (max-width: 991px){
  	.page-header p{
  		margin: 60px 0 6px !important;
  	}
  }
  @media (min-width: 992px){
  	.page-header p{
  		margin: -1px 0 6px !important;
  	}
  }
  

  .page-header p{
  	/*margin-top: 7px ;*/
  	text-transform: uppercase;
  	letter-spacing: 8px;
  	text-align: center;
  	font-size: 25px;
  }
  #contact-section .fp-tableCell{
  	background: rgba(49, 37, 5, 0.61);
  }

  #portfolio-section .page-header, #pricing-table-section .page-header{
  	color: #000 !important;
  }
  .cont-add{
  	margin-top: 8px;
  	color: #fff;
  	text-align: center;
  }
  .box-icon{
  	width: 35px;
  	height: 35px;
  	background: #000;
  	position: relative;
  	left: 0;
  	right: 0;
  	margin: 0 auto;
  	-webkit-transition: all 0.4s ease-in-out;
  	-moz-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
  }
  .box-icon:hover,.box-icon:focus,.box-icon:active{
  	background: transparent;
  }
  @media (min-width: 992px){
  	.cont-add{
  		margin-top: 50px;
  	}
  }

  .cont-add li{
  	background: rgba(0, 0, 0, 0.67);
  	padding: 10px;
  	border: 1px solid rgba(255, 255, 255, 0.11);
  	list-style: none;
  	/*width: 500px;*/
  	margin-right: 0;
  	margin-left: 0;
  }
  .cont-add p{
  	font-size: 17px;
  }

  .cont-add i{
  	/*border: 2px solid #E7E73C;*/
  	padding: 6px;
  	/*border-radius: 50%;*/
  	width: 35px;
  	height: 35px;
  	color: #E7E73C;
  	/*background: #000;*/
  	-webkit-transition: all 0.4s ease-in-out;
  	-moz-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
  	font-size: 20px;
  }
  .cont-add i:hover,.cont-add i:focus,.cont-add i:active{
  	border: 2px solid #DFDF1F;
  	color: #000;
  	background: #E7E73C;
  	border-radius: 50%;
  	cursor: pointer;
  }

  .map-style-reset{
  	padding-left: 0 !important;
  	padding-right: 0 !important;
  }
  .fa-map-marker{cursor: pointer !important;}
  .form-group label{
  	font-weight: normal !important;
  	color: #fff;
  	font-size: 18px;
  }
  #map {
  	height: 400px;
  	width: 100%;
  	padding: 0;
  	position: relative;
  	margin-bottom: 40px;
  	margin-top: 0px;
  	float: left;
  	background-color: rgba(0,0,0,0.4) !important;
	/*border-top: 3px solid rgba(51, 44, 6, 0.47);
	border-bottom: 5px solid rgba(51, 44, 6, 0.47);
	background-color: transparent !important;*/
}
.form-control{
	background: rgba(0, 0, 0, 0.26) !important;
	border: transparent !important;
}
.form-control.other{
	color: #fff !important;
}


/*portfolio hover effect*/
.view {
	
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: pointer;
	/*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask,.view .content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
	display: block;
	position: relative;
}
.view h2 {
	text-transform: uppercase;
	color: rgba(245, 62, 83, 1);
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	margin: 20px 0 0 0;
	font-weight: 700;
}
.view p {
	font-size: 15px;
	position: relative;
	padding: 12px 20px;
	text-align: center;
	background: #EFE43B;
	color: #000;
}
.view a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	border-radius: 0;
	background: #F44040;
	color: #fff;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 1px #000;
	-moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
}
.view a.info: hover {
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
.view-first img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.view-first .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: rgba(0,0,0, 0.9);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.view-first h2 {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.view-first p {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.view-first:hover img {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.view-first a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.view-first:hover p {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.view-first:hover a.info {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


/*footer style starts*/
.signup-submit{
	padding: 14px 0px 1px 47px;
}

.signup-field {
	background: none;
	border: none;
	outline: none;
	font-weight: 300;
	font-style: normal;
	font-size: 15px;
	color: rgba(160, 148, 148, 1);
	width: 170px;
	float: left;
	padding: 10px 15px 10px 25px;
	margin: 0;
}
#signup-form{
	background: rgba(160, 148, 148, 0.15);
	width: 255px;
	margin: 25px 
	auto 20px auto;
	border-radius: 20px;
}

#footer-inner .footer-module {
	width: 306px;
	margin: 60px 0 65px 0;
	padding: 0 10px;
	float: left;
	text-align: center;
}
#footer-wrap h4 {
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	color: #DD2727;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 23px;
	margin: 10px 0 30px 0;
}
#footer-wrap h3{
	line-height: 0px;
	color: #A09494;
	text-align: center;
}
#footer-wrap p{
	color: #A09494;
}
footer {
	padding: 25px 0;
	text-align: center;
}

footer span.copyright {
	text-transform: uppercase;
	line-height: 40px;
	color: #A09494;
}

footer ul.quicklinks {
	margin-bottom: 0;
	text-transform: uppercase;
	text-transform: none;
	line-height: 45px;
}

@media (min-width: 1200px){
	footer ul.quicklinks{
		float: right;
	}
}

.quicklinks li a{
	text-decoration: none!important;
	color: #A09494;
}

ul.social-buttons {
	margin-bottom: 0;
}

ul.social-buttons li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 40px;
	outline: 0;
	color: #fff;
	background-color: #222;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
	background-color: #fed136;
}
#subfoot{
	border-bottom: 1px solid #413d3e;
	border-top: 1px solid #413d3e;
}
/*footer style ends*/
.footer-bottom-inner{
	margin-top: 10px;
	border-top: 1px solid rgba(160, 148, 148, 0.15);
	border-bottom: 1px solid rgba(160, 148, 148, 0.15);
	padding: 10px 0;
}
.footer-bottom-inner img{
	margin-top: 6px;
}


#time-line{
	background: url(../images/textures/tile4.jpg) repeat;
}



.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	right: 8%;
} 

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
	background: rgba(102, 80, 3, 0.55);
	left: 20%;
	margin-left: -10px;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 25%;
	padding-right: 100px;
	position: absolute;
	font-family: 'Alfa Slab One' !important;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 1em;
	/*color: #bdd0db;*/
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-size: 2.9em;
	/*color: #3594cb;*/
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	/*color: #6cbfee;*/
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 15px 25%;
	background: #000;
	color: #fff;
	padding: 2em;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	top: -40px;
	border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #CD4436;
}

.cbp_tmtimeline > li:nth-child(odd) time{
	color: #CD4436;
}
.cbp_tmtimeline > li:nth-child(even) time{
	color: #000;
}
.cbp_tmtimeline > li:nth-child(even) .cbp_tmicon{
	background: #000000 !important;
	box-shadow: 0 0 0 8px #252728 !important;
}
.cbp_tmtimeline > li .cbp_tmlabel h2 { 
	margin-top: 0px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
.cbp_tmtimeline > li .cbp_tmlabel p{
	font-size: 15px;
}
/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #000;
	border-width: 10px;
	top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #CD4436;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 40px;
	height: 40px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: relative;
	color: #fff;
	background: #CD4436;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #300707;
	text-align: center;
	left: 20%;
	top: 0;
	margin: 0 0 0 -25px;
}


/* Example Media Queries */
@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 60px 0;
	}
	.cbp_tmtimeline {
		margin: 0;
		right: 0;
	}

	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}

	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #000000;
		top: -19px;
	}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #CD4436;
	}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -100px 5px 0 0px;
	}	
}



#time-line, #time-line:after, #time-line:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }