@font-face {
    font-family: "FranklinGothicCondensed";
    src: url(../fonts/FranklinGothicCondensed.otf);
}

@font-face {
    font-family: "HelveticaLTStd-BoldCond";
    src: url(../fonts/HelveticaLTStd-BoldCond.otf);
}

@font-face {
    font-family: "HelveticaNeueLTStd-Lt";
    src: url(../fonts/HelveticaNeueLTStd-Lt.otf);
}

@font-face {
    font-family: "GothamBookRegular";
    src: url(../fonts/GothamBookRegular.otf);
}

@font-face {
    font-family: "AvenirLTStd-Medium";
    src: url(../fonts/AvenirLTStd-Medium.otf);
}




/*****************************************
Table Of Contents:

01. General Styles
02. Preloader
03. Navigation
04. Header
05. Features
06. Video
07. Details 1
08. Details 2
09. Details Lightboxes
10. Screenshots
11. Download
12. Statistics
13. Contact
14. Footer
15. Copyright
16. Back To Top Button
17. Extra Pages
18. Media Queries
******************************************/

/*****************************************
Colors:

- Text, navbar links - white #f1f1f8
- Buttons, bullets, icons - turquoise #ed1c24
- Navbar - navy #000
- Backgrounds - dark denim #262431
- Backgrounds - denim #2f2c3d
******************************************/


/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
    width: 100% ;
	height: 100%;
	margin:0;
	
	/*background:#000 repeat;
	background:url(../images/clinetbg.jpg) repeat;*/

}

body, p {
	color: #f1f1f8; 
	font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
	

}

.p-large {
	color: #f1f1f8;
	font: 400 1rem/1.5rem "Open Sans", sans-serif;

}

.p-small {
	color: #f1f1f8;
	font: 400 0.75rem/1.25rem "Open Sans", sans-serif;

}

.p-heading {
	margin-bottom: 3.75rem;
	text-align: center;

}

.li-space-lg li {
	margin-bottom: 0.375rem;

}

.indent {
	padding-left: 1.25rem;

}

h1 {
	color: #f1f1f8;
	font: 700 2.5rem/2.875rem "Montserrat", sans-serif;

}

h2 {
	color: #f1f1f8;
	font: 700 2.25rem/2.75rem "Montserrat", sans-serif;

}

h3 {
	color: #f1f1f8;
	font: 700 1.75rem/2.125rem "Montserrat", sans-serif;

}

h4 {
	color: #f1f1f8;
	font: 700 1.375rem/1.75rem "Montserrat", sans-serif;

}

h5 {
	color: #f1f1f8;
	font: 700 1.125rem/1.625rem "Montserrat", sans-serif;

}

h6 {
	color: #f1f1f8;
	font: 700 1rem/1.5rem "Montserrat", sans-serif;

}

a {
	color: #f1f1f8;
	text-decoration: underline;

}

a:hover {
	color: #f1f1f8;
	text-decoration: underline;

}

a.turquoise {
	color: #ed1c24;

}

a.white {
	color: #fff;

}

.testimonial-text {
	font: italic 400 1rem/1.5rem "Open Sans", sans-serif;

}

.testimonial-author {
	font: 700 1rem/1.5rem "Montserrat", sans-serif;

}

.btn-solid-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #ed1c24;
	border-radius: 2rem;
	background-color: #ed1c24;
	color: #fff;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;

}

.btn-solid-reg:hover {
	background-color: transparent;
	color: #ed1c24;
	text-decoration: none;

}

.btn-solid-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #ed1c24;
	border-radius: 2rem;
	background-color: #ed1c24;
	color: #fff;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;

}

.btn-solid-lg:hover {
	background-color: transparent;
	color: #ed1c24;
	text-decoration: none;

}

.btn-solid-lg .fab {
	margin-right: 0.5rem;
	font-size: 1.25rem;
	line-height: 0;
	vertical-align: top;

}

.btn-solid-lg .fab.fa-google-play {
	font-size: 1rem;

}

.btn-outline-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #ed1c24;
	border-radius: 2rem;
	background-color: transparent;
	color: #ed1c24;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;

}

.btn-outline-reg:hover {
	background-color: #ed1c24;
	color: #fff;
	text-decoration: none;

}

.btn-outline-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #ed1c24;
	border-radius: 2rem;
	background-color: transparent;
	color: #ed1c24;
	font: 700 0.75rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;

}

.btn-outline-lg:hover {
	background-color: #ed1c24;
	color: #fff;
	text-decoration: none;

}

.btn-outline-sm {
	display: inline-block;
	padding: 1rem 1.625rem 0.875rem 1.625rem;
	border: 0.125rem solid #ed1c24;
	border-radius: 2rem;
	background-color: transparent;
	color: #ed1c24;
	font: 700 0.625rem/0 "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;

}

.btn-outline-sm:hover {
	background-color: #ed1c24;
	color: #fff;
	text-decoration: none;

}

.form-group {
	position: relative;
	margin-bottom: 1.25rem;

}

.form-group.has-error.has-danger {
	margin-bottom: 0.625rem;

}

.form-group.has-error.has-danger .help-block.with-errors ul {
	margin-top: 0.375rem;

}

.label-control {
	position: absolute;
	top: 0.87rem;
	left: 1.375rem;
	color: #f1f1f8;
	opacity: 1;
	font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
	cursor: text;
	transition: all 0.2s ease;

}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.label-control {
		top: 0.9375rem;
	
}

}

.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control {
	top: 0.125rem;
	opacity: 1;
	font-size: 0.75rem;
	font-weight: 700;

}

.form-control-input,
.form-control-select {
	display: block; /* needed for proper display of the label in Firefox, IE, Edge */
	width: 100%;
	padding-top: 1.0625rem;
	padding-bottom: 0.0625rem;
	padding-left: 1.3125rem;
	border: 1px solid #9791ae;
	border-radius: 0.25rem;
	background-color: #413d52;
	color: #f1f1f8;
	font: 400 0.875rem/1.875rem "Open Sans", sans-serif;
	transition: all 0.2s ease;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */

}

.form-control-select {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	height: 3rem;

}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.form-control-input {
		padding-top: 1.25rem;
		padding-bottom: 0.75rem;
		line-height: 1.75rem;
	
}

	.form-control-select {
		padding-top: 0.875rem;
		padding-bottom: 0.75rem;
		height: 3.125rem;
		line-height: 2.125rem;
	
}

}

select {
    /* you should keep these first rules in place to maintain cross-browser behavior */
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('../images/down-arrow.png');
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;

}

select::-ms-expand {
    display: none; /* removes the ugly default down arrow on select form field in IE11 */

}

.form-control-textarea {
	display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */
	width: 100%;
	height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */
	padding-top: 1.25rem;
	padding-left: 1.3125rem;
	border: 1px solid #9791ae;
	border-radius: 0.25rem;
	background-color: #413d52;
	color: #f1f1f8;
	font: 400 0.875rem/1.75rem "Open Sans", sans-serif;
	transition: all 0.2s ease;

}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
	border: 1px solid #f1f1f8;
	outline: none; /* Removes blue border on focus */

}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
	border: 1px solid #f1f1f8;

}

.checkbox {
	font: 400 0.75rem/1.25rem "Open Sans", sans-serif;

}

input[type='checkbox'] {
	vertical-align: -15%;
	margin-right: 0.375rem;

}

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	input[type='checkbox'] {
		vertical-align: -9%;
	
}

}

.form-control-submit-button {
	display: inline-block;
	width: 100%;
	height: 3.125rem;
	border: 1px solid #ed1c24;
	border-radius: 1.5rem;
	background-color: #ed1c24;
	color: #fff;
	font: 700 0.75rem/1.75rem "Montserrat", sans-serif;
	cursor: pointer;
	transition: all 0.2s ease;

}

.form-control-submit-button:hover {
	background-color: transparent;
	color: #ed1c24;

}

/* Form Success And Error Message Formatting */
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center {
	display: block;
	margin-bottom: 0;
	color: #f1f1f8;
	font: 400 1.125rem/1rem "Open Sans", sans-serif;

}

.help-block.with-errors .list-unstyled {
	color: #f1f1f8;
	font-size: 0.75rem;
	line-height: 1.125rem;
	text-align: left;

}

.help-block.with-errors ul {
	margin-bottom: 0;

}
/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	
}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	
}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	
}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	
}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	
}

}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	
}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	
}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	
}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	
}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	
}

}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;

}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

}
/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	transform: translateY(0) perspective(37.5rem) rotateX(0); 

}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 

}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;

}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;

}
/* end of fade-move animation for lightbox - magnific popup */

/* Fade Animation For Image Slider - Magnific Popup */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	
}
	to {
		opacity: 1;
	
}

}

@keyframes fadeIn {
	from {
		opacity: 0;
	
}
	to {
		opacity: 1;
	
}

}

.fadeIn {
	-webkit-animation: fadeIn 0.6s;
	animation: fadeIn 0.6s;

}

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

}

@keyframes fadeOut {
	from {
		opacity: 1;
	
}
	to {
		opacity: 0;
	
}

}

.fadeOut {
	-webkit-animation: fadeOut 0.8s;
	animation: fadeOut 0.8s;

}
/* end of fade animation for image slider - magnific popup */




/**************************/
/*     03. Navigation     */
/**************************/

.nav-item a{font-family: "FranklinGothicCondensed"; font-size:16px; letter-spacing:1px; font-weight:normal;
}
.navbar-custom {
	background-color: #000;
	transition: all 0.2s ease;
	width:100%;
	margin-top:30px;
}

.navbar-custom .navbar-brand.logo-image img {
    width: 80%;
	margin-top: 100px;
    cursor: pointer !important;
}

.navbar-custom .navbar-brand.logo-text {
	font: 700 2.375rem/1.5rem "Montserrat", sans-serif;
	color: #fff;
	letter-spacing: -0.5px;
	text-decoration: none;

}

.navbar-custom .navbar-nav {
	margin-top: 0.75rem;

}

.navbar-custom .nav-item .nav-link {
	padding: 1.5rem 0.75rem 0 0.75rem;
	color: #fff;
	text-decoration: none;
	transition: all 0.2s ease;
     
}

.nav-item:hover,
.nav-item:active{ background:#ed1c24 !important;  cursor: pointer !important; color: #fff !important;}


.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active {
	color: #fff !important;
    cursor: pointer !important;
}

/* Dropdown Menu */
.navbar-custom .dropdown:hover > .dropdown-menu {
	display: block; /* this makes the dropdown menu stay open while hovering it */
	min-width: auto;
	animation: fadeDropdown 0.2s; /* required for the fade animation */

}

@keyframes fadeDropdown {
    0% {
        opacity: 0;
    
}

    100% {
        opacity: 1;
    
}

}

.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus  */
	outline: 0;

}

.navbar-custom .dropdown-menu {
	margin-top: 0;
	border: none;
	border-radius: 0.25rem;
	background-color: #000;

}

.navbar-custom .dropdown-item {
	color: #fff;
	text-decoration: none;

}

.navbar-custom .dropdown-item:hover {
	background-color: #000;

}

.navbar-custom .dropdown-item .item-text {
	font: 700 0.75rem/1.5rem "Montserrat", sans-serif;

}

.navbar-custom .dropdown-item:hover .item-text {
	color: #ed1c24;

}

.navbar-custom .dropdown-items-divide-hr {
	width: 100%;
	height: 1px;
	margin: 0.25rem auto 0.25rem auto;
	border: none;
	background-color: #b5bcc4;
	opacity: 0.2;

}
/* end of dropdown menu */

.navbar-custom .social-icons {
	display: none;

}

.navbar-custom .navbar-toggler {
	border:none;
	background:url(../images/menu.png) no-repeat;
	width:48px; height:32px;
cursor: pointer !important;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times{
	display: none;

}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars{
	display: inline-block;

}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars{
	display: none;

}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times{
	display: inline-block;
	margin-right: 0.125rem;
	

}


/*********************/
/*    04. Header     */
/*********************/
.header {
	background: linear-gradient(to bottom right, rgba(72, 72, 212, 0), rgba(241, 104, 104, 0)), url('../images/header-background.jpg') center center no-repeat;
	background-size: cover;

}

.header .header-content {
	padding-top: 8.5rem;
	padding-bottom: 7rem;
	text-align: center;

}

.header .text-container {
	margin-bottom: 3rem;

}

.header h1 {
	margin-bottom: 1rem;

}

.header #js-rotating {
	color: #40e0ee;

}

.header .p-large {
	margin-bottom: 2rem;

}

.header .btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.25rem;

}


/****************************/
/*     05. Testimonials     */
/****************************/
.slider-1 {
	padding-top: 6.875rem;
	padding-bottom: 6.375rem;
	background-color: #262431;

}

.slider-1 .slider-container {
	position: relative;

}

.slider-1 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;

}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;

}

.slider-1 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;

}

.slider-1 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;

}

.slider-1 .card {
	position: relative;
	border: none;
	background-color: transparent;

}

.slider-1 .card-image {
	width: 6rem;
	height: 6rem;
	margin-right: auto;
	margin-bottom: 0.25rem;
	margin-left: auto;
	border-radius: 50%;

}

.slider-1 .card-body {
	padding-bottom: 0;

}

.slider-1 .testimonial-author {
	margin-bottom: 0;

}


/************************/
/*     05. Features     */
/************************/
.tabs {
	padding-top: 6.5rem;
	padding-bottom: 4.25rem;
	background-color: #2f2c3d;

}

.tabs h2 {
	margin-bottom: 1.125rem;
	text-align: center;

}

.tabs .p-heading {
	margin-bottom: 3.125rem;

}

.tabs .nav-tabs {
	margin-right: auto;
	margin-bottom: 2.5rem;
	margin-left: auto;
	justify-content: center;
	border-bottom: none;

}

.tabs .nav-link {
	margin-bottom: 1rem;
	padding: 0.5rem 1.375rem 0.25rem 1.375rem;
	border: none;
	border-bottom: 0.1875rem solid #f1f1f8;
	border-radius: 0;
	color: #f1f1f8;
	font: 700 1rem/1.75rem "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;

}

.tabs .nav-link.active,
.tabs .nav-link:hover {
	border-bottom: 0.1875rem solid #ed1c24;
	background-color: transparent;
	color: #ed1c24;

}

.tabs .nav-link .fas {
	margin-right: 0.375rem;
	font-size: 1rem;

}

.tabs .tab-content {
	width: 100%; /* for proper display in IE11 */

}

.tabs .card {
	border: none;
	background: transparent;

}

.tabs .card-body {
	padding: 1rem 0 1.25rem 0;

}

.tabs .card-title {
	margin-bottom: 0.5rem;

}

.tabs .card .card-icon {
	display: inline-block;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background-color: #ed1c24;
	text-align: center;
	vertical-align: top;

}

.tabs .card .card-icon .fas,
.tabs .card .card-icon .far {
	color: #fff;
	font-size: 1.75rem;
	line-height: 3.5rem;

}

.tabs #tab-1 .card.left-pane .text-wrapper {
	display: inline-block;
	width: 75%;

}

.tabs #tab-1 .card.left-pane .card-icon {
	float: left;
	margin-right: 1rem;

}

.tabs #tab-1 img {
	display: block;
	margin: 2rem auto 3rem auto;

}

.tabs #tab-1 .card.right-pane .text-wrapper {
	display: inline-block;
	width: 75%;

}

.tabs #tab-1 .card.right-pane .card-icon {
	margin-right: 1rem;

}

.tabs #tab-2 img {
	display: block;
	margin: 0 auto 2rem auto;

}

.tabs #tab-2 .text-area {
	margin-top: 1.5rem;

}

.tabs #tab-2 h3 {
	margin-bottom: 0.75rem;

}

.tabs #tab-2 .icon-cards-area {
	margin-top: 2.5rem;

}

.tabs #tab-2 .icon-cards-area .card {
	width: 100%; /* for proper display in IE11 */

}

.tabs #tab-3 .icon-cards-area .card {
	width: 100%; /* for proper display in IE11 */

}

.tabs #tab-3 .text-area {
	margin-top: 0.75rem;
	margin-bottom: 4rem;

}

.tabs #tab-3 h3 {
	margin-bottom: 0.75rem;

}

.tabs #tab-3 img {
	margin: 0 auto 3rem auto;

}


/*********************/
/*     06. Video     */
/*********************/
.basic-1 {
	padding-top: 6.375rem;
	padding-bottom: 6.875rem;
	background: url('../images/video-background.jpg') center center no-repeat;
	background-size: cover; 

}

.basic-1 h2 {
	margin-bottom: 1.125rem;
	text-align: center;

}

.basic-1 .p-heading {
	margin-bottom: 4rem;
	text-align: center;

}

.basic-1 .image-container img {
	border-radius: 0.375rem;

}

.basic-1 .video-wrapper {
	position: relative;

}

/* Video Play Button */
.basic-1 .video-play-button {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	display: block;
	box-sizing: content-box;
	width: 2rem;
	height: 2.75rem;
	padding: 1.125rem 1.25rem 1.125rem 1.75rem;
	border-radius: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);

}
  
.basic-1 .video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.75rem;
	height: 4.75rem;
	border-radius: 50%;
	background: #4eaaff;
	animation: pulse-border 1500ms ease-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);

}
  
.basic-1 .video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 50%;
	background: #4eaaff;
	transition: all 200ms;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);

}
  
.basic-1 .video-play-button span {
	position: relative;
	display: block;
	z-index: 3;
	top: 0.375rem;
	left: 0.25rem;
	width: 0;
	height: 0;
	border-left: 1.625rem solid #fff;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;

}
  
@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	
}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	
}

}
/* end of video play button */  


/*************************/
/*     07. Details 1     */
/*************************/
.basic-2 {
	padding-top: 8rem;
	padding-bottom: 3.5rem;
	background-color: #262431;

}

.basic-2 img {
	margin-bottom: 3.5rem;

}

.basic-2 h3 {
	margin-bottom: 1.125rem;

}

.basic-2 .btn-solid-reg {
	margin-top: 0.5rem;

}


/*************************/
/*     08. Details 2     */
/*************************/
.basic-3 {
	padding-top: 3.5rem;
	padding-bottom: 7.25rem;
	background-color: #262431;

}

.basic-3 .text-container {
	margin-bottom: 3.5rem;

}

.basic-3 h3 {
	margin-bottom: 1.125rem;

}

.basic-3 .btn-solid-reg {
	margin-top: 0.5rem;

}


/**********************************/
/*     09. Details Lightboxes     */
/**********************************/
.lightbox-basic {
	position: relative;
	max-width: 46.875rem;
	margin: 2.5rem auto;
	padding: 3rem 1rem;
	border-radius: 0.25rem;
	background-color: #2f2c3d;
	text-align: left;

}

.lightbox-basic img {
	display: block;
	margin-right: auto;
	margin-bottom: 3rem;
	margin-left: auto;

}

.lightbox-basic h3 {
	margin-bottom: 0.625rem;

}

.lightbox-basic hr {
	width: 3.75rem;
	height: 0.125rem;
	margin-top: 0.125rem;
	margin-bottom: 1.125rem;
	margin-left: 0;
	border: 0;
	background-color: #ed1c24;
	text-align: left;

}

.lightbox-basic h4 {
	margin-top: 1.75rem;
	margin-bottom: 0.75rem;

}

.lightbox-basic table {
	margin-top: 1rem;
	margin-bottom: 1.5rem;

}

.lightbox-basic table tr {
	line-height: 1.75em;

}

.lightbox-basic table .icon-cell {
	width: 2rem;
	padding-right: 0.25rem;
	color: #ed1c24;
	text-align: center;

}

.lightbox-basic a.mfp-close.as-button {
	position: relative;
	width: auto;
	height: auto;
	margin-left: 0.375rem;
	color: #ed1c24;
	opacity: 1;

}

.lightbox-basic a.mfp-close.as-button:hover {
	color: #f1f1f8;

}

.lightbox-basic button.mfp-close.x-button {
	position: absolute;
	top: -0.375rem;
	right: -0.375rem;
	width: 2.75rem;
	height: 2.75rem;
	color: #f1f1f8;

}


/***************************/
/*     10. Screenshots     */
/***************************/
.slider-2 {
	padding-top: 6.875rem;
	padding-bottom: 6.875rem;
	background-color: #2f2c3d;

}

.slider-2 .slider-container {
	position: relative;

}

.slider-2 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;

}

.slider-2 .swiper-button-prev,
.slider-2 .swiper-button-next {
	top: 50%;
	width: 1.125rem;

}

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;

}

.slider-2 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;

}

.slider-2 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;

}


/************************/
/*     11. Download     */
/************************/
.basic-4 {
	padding-top: 6.5rem;
	padding-bottom: 6.75rem;
	background: url('../images/download-background.jpg') center center no-repeat;
	background-size: cover; 

}

.basic-4 .text-container {
	margin-bottom: 3.5rem;
	text-align: center;

}

.basic-4 h2 {
	margin-bottom: 1.25rem;

}

.basic-4 .p-large {
	margin-bottom: 1.75rem;

}

.basic-4 .btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.25rem;

}


/**************************/
/*     12. Statistics     */
/**************************/
.counter {
	padding-top: 6.5rem;
	padding-bottom: 5.375rem;
	background-color: #262431;
	text-align: center;

}

.counter #counter .cell {
	display: inline-block;
	width: 6.25rem;
	margin-right: 1rem;
	margin-left: 1rem;
	margin-bottom: 2rem;

}

.counter #counter .counter-value {
	color: #f1f1f8;
	font: 700 3.5rem/4.25rem "Montserrat", sans-serif;	
	vertical-align: middle;

}

.counter #counter .counter-info {
	margin-bottom: 0;
	color: #ed1c24;
	font: 400 0.875rem/1.25rem "Open Sans", sans-serif;
	vertical-align: middle;

}


/***********************/
/*     13. Contact     */
/***********************/
.form {
	padding-top: 6.25rem;
	padding-bottom: 5.625rem;
	background: url('../images/contact-background.jpg') center bottom no-repeat;
	background-size: cover; 

}

.form h2 {
	margin-bottom: 1.125rem;
	text-align: center;

}

.form .list-unstyled {
	margin-bottom: 3.75rem;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;

}

.form .list-unstyled .fas,
.form .list-unstyled .fab {
	margin-right: 0.5rem;
	font-size: 0.875rem;
	color: #ed1c24;

}

.form .list-unstyled .fa-phone {
	vertical-align: 3%;

}


/**********************/
/*     14. Footer     */
/**********************/
.footer {
	padding-top: 5rem;
	background-color: #262431;

}

.footer .footer-col {
	margin-bottom: 2.25rem;

}

.footer h4 {
	margin-bottom: 1rem;

}

.footer .list-unstyled .fas {
	color: #ed1c24;
	font-size: 0.5rem;
	line-height: 1.375rem;

}

.footer .list-unstyled .media-body {
	margin-left: 0.625rem;

}

.footer .fa-stack {
	margin-bottom: 0.75rem;
	margin-right: 0.5rem;
	font-size: 1.5rem;

}

.footer .fa-stack .fa-stack-1x {
    color: #262431;
	transition: all 0.2s ease;

}

.footer .fa-stack .fa-stack-2x {
	color: #f1f1f8;
	transition: all 0.2s ease;

}

.footer .fa-stack:hover .fa-stack-1x {
	color: #f1f1f8;

}

.footer .fa-stack:hover .fa-stack-2x {
    color: #ed1c24;

}


/*************************/
/*     15. Copyright     */
/*************************/
.copyright {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	background-color: #262431;
	text-align: center;

}

.copyright .p-small {
	color: #f1f1f8;
	opacity: 0.6;

}


/**********************************/
/*     16. Back To Top Button     */
/**********************************/
a.back-to-top {
	position: fixed;
	z-index: 999;
	right: 0.75rem;
	bottom: 0.75rem;
	display: none;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 1.875rem;
	background:#C00 url("../images/up-arrow.png") no-repeat center 47%;
	background-size: 1.125rem 1.125rem;
	text-indent: -9999px;
cursor: pointer !important;
}

a:hover.back-to-top {
	background-color:#F00; 
cursor: pointer !important;
}


/***************************/
/*     17. Extra Pages     */
/***************************/
.ex-header {
	padding-top: 8rem;
	padding-bottom: 5rem;
	background: linear-gradient(to bottom right, #2c1a7e, #5557db);
	text-align: center;

}

.ex-basic-1 {
	padding-top: 2rem;
	padding-bottom: 0.875rem;
	background-color: #2f2c3d;

}

.ex-basic-1 .breadcrumbs {
	margin-bottom: 1.125rem;

}

.ex-basic-1 .breadcrumbs .fa {
	margin-right: 0.5rem;
	margin-left: 0.625rem;

}

.ex-basic-2 {
	padding-top: 4.75rem;
	padding-bottom: 4rem;
	background-color: #262431;

}

.ex-basic-2 h3 {
	margin-bottom: 1rem;

}

.ex-basic-2 .text-container {
	margin-bottom: 3.625rem;

}

.ex-basic-2 .text-container.last {
	margin-bottom: 0;

}

.ex-basic-2 .list-unstyled .fas {
	color: #ed1c24;
	font-size: 0.5rem;
	line-height: 1.375rem;

}

.ex-basic-2 .list-unstyled .media-body {
	margin-left: 0.625rem;

}

.ex-basic-2 .btn-outline-reg {
	margin-top: 1.75rem;

}

.ex-basic-2 .image-container-large {
	margin-bottom: 4rem;

}

.ex-basic-2 .image-container-large img {
	border-radius: 0.25rem;

}

.ex-basic-2 .image-container-small img {
	border-radius: 0.25rem;

}

.ex-basic-2 .text-container.dark-bg {
	padding: 1.625rem 1.5rem 0.75rem 2rem;
	background-color: #f9fafc;

}


/*****************************/
/*     18. Media Queries     */
/*****************************/	
/* Min-width width 768px */
@media (min-width: 768px) {
	
	/* General Styles */
	.p-heading {
		width: 85%;
		margin-right: auto;
		margin-left: auto;
	
}

	h1 {
		font: 700 3.25rem/3.75rem "Montserrat", sans-serif;
	
}
	/* end of general styles */


	/* Navigation */
	.navbar-custom {
		padding: 2.125rem 1.5rem 2.125rem 2rem;
		box-shadow: none;
        background: transparent;
		margin-top:30px;
	
}
	
	.navbar-custom .navbar-brand.logo-text {
		color: #fff;
	
}

	.navbar-custom .navbar-nav {
		margin-top: 0;
	
}

	.navbar-custom .nav-item .nav-link {
		padding: 0.25rem 0.75rem 0.25rem 0.75rem;
		color: #fff;
	cursor: pointer !important;
}
	
	.navbar-custom .nav-item .nav-link:hover,
	.navbar-custom .nav-item .nav-link.active {
		color: #ed1c24;
	cursor: pointer !important;
}

	.navbar-custom.top-nav-collapse {
        padding: 0.5rem 1.5rem 0.5rem 2rem;
		box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
		background-color: #000;
	
}

	.navbar-custom.top-nav-collapse .navbar-brand.logo-text {
		color: #fff;
	    
}

	.navbar-custom.top-nav-collapse .nav-item .nav-link {
		color: #fff;
	    cursor: pointer !important;
		letter-spacing:2px;
}
	
	.navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
	.navbar-custom.top-nav-collapse .nav-item .nav-link.active {
		color: #fff;
	     cursor: pointer !important;
		 background:#e7402d repeat;
}

	.navbar-custom .dropdown-menu {
		box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.03);
	
}

	.navbar-custom .dropdown-item {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	
}

	.navbar-custom .dropdown-items-divide-hr {
		width: 84%;
	
}
	/* end of navigation */


	/* Header */
	.header .header-content {
		padding-top: 11rem;
	
}
	/* end of header */


	/* Testimonials */
	.slider-1 .swiper-button-prev {
		left: 1rem;
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	
}
	
	.slider-1 .swiper-button-next {
		right: 1rem;
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	
}
	/* end of testimonials */


	/* Features */
	.tabs .card .card-icon {
		width: 4.5rem;
		height: 4.5rem;
	
}
	
	.tabs .card .card-icon .fas,
	.tabs .card .card-icon .far {
		font-size: 2.25rem;
		line-height: 4.5rem;
	
}

	.tabs #tab-1 .card.left-pane .text-wrapper {
		width: 85%;
	
}

	.tabs #tab-2 img {
		margin-bottom: 0;
	
}

	.tabs #tab-2 .text-area {
		margin-top: 0;
	
}

	.tabs #tab-2 .icon-cards-area .card {
		display: inline-block;
		width: 44%;
		margin-right: 2.5rem;
		vertical-align: top;
	
}

	.tabs #tab-2 div.card:nth-child(2n+2) {
		margin-right: 0;
	
}

	.tabs #tab-3 .text-area {
		margin-bottom: 0;
	
}

	.tabs #tab-3 .icon-cards-area .card {
		display: inline-block;
		width: 44%;
		margin-right: 2.5rem;
		vertical-align: top;
	
}

	.tabs #tab-3 div.card:nth-child(2n+2) {
		margin-right: 0;
	
}

	.tabs #tab-3 img {
		margin-bottom: 0;
	
}
	/* end of features */


	/* Details Lightboxes */
	.lightbox-basic {
		padding: 3rem 3rem;
	
}
	/* end of details lightboxes */


	/* Screenshots */
	.slider-2 .swiper-button-prev {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	
}
	
	.slider-2 .swiper-button-next {
		width: 1.375rem;
		background-size: 1.375rem 2.125rem;
	
}
	/* end of screenshots */


	/* Contact */
	.form .list-unstyled li {
		display: inline-block;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	
}

	.form .list-unstyled .address {
		display: block;
	
}
	/* end of contact */


	/* Extra Pages */
	.ex-header {
		padding-top: 11rem;
		padding-bottom: 9rem;
	
}

	.ex-basic-2 .text-container.dark {
		padding: 2.5rem 3rem 2rem 3rem;
	
}

	.ex-basic-2 .text-container.column {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	
}
	/* end of extra pages */

}
/* end of min-width width 768px */


/* Min-width width 992px */
@media (min-width: 992px) {
	
	/* Navigation */
	.navbar-custom .social-icons {
		display: block;
		margin-left: 0.5rem;
	
}

	.navbar-custom .fa-stack {
		margin-bottom: 0.1875rem;
		margin-left: 0.375rem;
		font-size: 0.75rem;
	
}
	
	.navbar-custom .fa-stack-2x {
		color: #ed1c24;
		transition: all 0.2s ease;
	
}
	
	.navbar-custom .fa-stack-1x {
		color: #fff;
		transition: all 0.2s ease;
	
}

	.navbar-custom .fa-stack:hover .fa-stack-2x {
		color: #fff;
	
}

	.navbar-custom .fa-stack:hover .fa-stack-1x {
		color: #ed1c24;
	
}
	/* end of navigation */


	/* General Styles */
	.p-heading {
		width: 65%;
	
}
	/* end of general styles */


	/* Header */
	.header .header-content {
		padding-top: 13rem;
		padding-bottom: 10rem;
		text-align: left;
	
}

	.header .text-container {
		margin-top: 6.5rem;
	
}
	/* end of header */


	/* Features */
	.tabs .card-body {
		padding: 1rem 0 1.5rem 0;
	
}
	
	.tabs #tab-1 .card.left-pane {
		text-align: right;
	
}

	.tabs #tab-1 .card.left-pane .text-wrapper,
	.tabs #tab-1 .card.right-pane .text-wrapper {
		width: 68%;
	
}

	.tabs #tab-1 .card.left-pane .card-icon {
		float: none;
		margin-right: 0;
		margin-left: 1rem;
	
}

	.tabs #tab-1 img {
		margin-top: 0;
		margin-bottom: 0;
	
}
	
	.tabs #tab-2 .icon-cards-area {
		margin-top: 2.25rem;
	
}

	.tabs #tab-2 .icon-cards-area .card {
		width: 45%;
		margin-right: 3.5rem;
	
}

	.tabs #tab-2 .icon-cards-area .card p {
		margin-bottom: 0.5rem;
	
}

	.tabs #tab-3 .icon-cards-area .card {
		width: 45%;
		margin-right: 3.5rem;
	
}

	.tabs #tab-3 .icon-cards-area .card p {
		margin-bottom: 0.5rem;
	
}
	/* end of features */


	/* Video */
	.basic-1 .image-container {
		max-width: 53.125rem;
		margin-right: auto;
		margin-left: auto;
	
}
	/* end of video */


	/* Details 1 */
	.basic-2 img {
		margin-bottom: 0;
	
}

	.basic-2 .text-container {
		margin-top: 2.625rem;
	
}
	/* end of details 1 */


	/* Details 2 */
	.basic-3 .text-container {
		margin-top: 2.5rem;
		margin-bottom: 0;
	
}
	/* end of details 2 */


	/* Details Lightboxes */
	.lightbox-basic img {
		margin-bottom: 0;
		margin-left: 0;
	
}

	.lightbox-basic h3 {
		margin-top: 0.25rem;
	
}
	/* end of details lightboxes */


	/* Screenshots */
	.slider-2 .swiper-container {
		width: 92%;
	
}
	/* end of screenshots */


	/* Download */
	.basic-4 {
		padding-top: 6.75rem;
	
}

	.basic-4 .text-container {
		margin-top: 7rem;
		margin-bottom: 0;
		text-align: left;
	
}
	/* end of download */


	/* Statistics */
	.counter {
		padding-top: 6rem;
		padding-bottom: 4.5rem;
	
}

	.counter #counter .cell {
		width: 8rem;
		margin-right: 2.5rem;
		margin-left: 2.5rem;
	
}
	
	.counter #counter .counter-value {
		font: 700 4.25rem/4.5rem "Montserrat", sans-serif;	
	
}
	/* end of statistics */


	/* Extra Pages */
	.ex-header h1 {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	
}

	.ex-basic-2 {
		padding-bottom: 5rem;
	
}

	.ex-basic-2 .text-container.column {
		margin-bottom: 0;
	
}
	/* end of extra pages */

}
/* end of min-width width 992px */


/* Min-width width 1200px */
@media (min-width: 1200px) {
	
	/* Navigation */
	.navbar-custom {
		/*padding: 2.125rem 5rem 2.125rem 5rem;*/
		width: 100%;
        background: #000;
        height: 60px;
		margin-top:15px;
	
}

	.navbar-custom.top-nav-collapse {
        /*padding: 0.5rem 5rem 0.5rem 5rem;*/
	
}
	/* end of navigation */

	
	/* General Styles */
	.p-heading {
		width: 44%;
	
}
	/* end of general styles */


	/* Header */
	.header .text-container {
		margin-top: 7.5rem;
		margin-left: 2.5rem;
	
}

	.header .image-container {
		margin-left: 3rem;
	
}
	/* end of header */


	/* Features */
	.tabs {
		padding-bottom: 6.5rem;
	
}

	.tabs #tab-1 .card.first {
		margin-top: 4.25rem;
	
}

	.tabs #tab-1 .card {
		margin-bottom: 0.75rem;
	
}

	.tabs #tab-1 .card.left-pane .text-wrapper,
	.tabs #tab-1 .card.right-pane .text-wrapper {
		width: 73%;
	
}

	.tabs #tab-1 img {
		margin-top: 0;
	
}

	.tabs #tab-2 .container {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
	
}

	.tabs #tab-2 .text-area {
		margin-top: 1.5rem;
		margin-right: 1rem;
		margin-left: 1rem;
	
}

	.tabs #tab-2 .icon-cards-area {
		margin-right: 1rem;
		margin-left: 1rem;
	
}

	.tabs #tab-2 .icon-cards-area .card {
		margin-right: 3.875rem;
	
}

	.tabs #tab-3 .container {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
	
}
	
	.tabs #tab-3 .icon-cards-area {
		margin-top: 2rem;
		margin-left: 1rem;
	
}

	.tabs #tab-3 .icon-cards-area .card {
		margin-right: 3.875rem;
	
}
	
	.tabs #tab-3 .text-area {
		margin-right: 1.5rem;
		margin-left: 1rem;
	
}
	/* end of features */


	/* Details 1 */
	.basic-2 .text-container {
		margin-top: 4.5rem;
		margin-left: 4rem;
		margin-right: 1.5rem;
	
}
	/* end of details 1 */
	
	
	/* Details 2 */
	.basic-3 .text-container {
		margin-top: 4.5rem;
		margin-right: 3.5rem;
		margin-left: 2rem;
	
}
	/* end of details 2 */


	/* Download */
	.basic-4 .text-container {
		margin-top: 11rem;
	
}

	.basic-4 .image-container {
		margin-left: 3rem;
	
}
	/* end of download */


	/* Footer */
	.footer .footer-col {
		width: 90%;
	
}

	.footer .footer-col.middle {
		margin-right: auto;
		margin-left: auto;
	
}

	.footer .footer-col.last {
		margin-right: 0;
		margin-left: auto;
	
}
	/* end of footer */


	/* Extra Pages */
	.ex-header h1 {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	
}

	.ex-basic-2 .form-container {
		margin-left: 1.75rem;
	
}

	.ex-basic-2 .image-container-small {
		margin-left: 1.75rem;
	
}
	/* end of extra pages */

}
/* end of min-width width 1200px */




<!--Custom CSS-->

.mmblock{margin: auto;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
    overflow: auto;
}
.aboutmain{margin: auto;
    float: left;
    width: 100%;
    height: auto;
    margin-top: -33px;
    position: relative;
    text-align: center;
}	
.abouttext{margin:auto; width:100%; height:auto; position:absolute; top:23%; 
}
.abouttextb{margin:auto; width:100%; vertical-align:middle; text-align:center; font-family: "FranklinGothicCondensed";
 color:#ff0000; font-size:90px; 
}
.abemgstyle{text-transform:uppercase; text-decoration:underline;text-decoration-color: #e2e2e2; background-color:#e7412e;color:#e2e2e2; padding:10px; text-underline-position: under; 
} 
.sertextb{margin:auto; width:100%; vertical-align:middle; text-align:center; font-family: "FranklinGothicCondensed";
 color:#ff0000; font-size:90px; text-transform:uppercase; 
}
.blockline{margin:auto; float:left; width:100%; display:flex;
} 
.footerblock{margin:auto; float:left; width:100%; height:auto; padding-top:10px; padding-bottom:20px; background:#292929;
}
.footercon{margin:auto; width:80%; height:auto; overflow:auto; padding-bottom:50px; 
}
.footerconb, .footerconb a{margin:auto; float:left; width:100%; height:auto;  color:#c3c3c3; font-size:16px; line-height:28px; font-weight:500; text-shadow:#c3c3c3;
}
.footerconbm{margin:auto; float:left; width:100%; height:auto;  color:#c3c3c3;
}
.tnc{margin:auto; float:left; width:100%; margin-top:140px;
}
.tnc a{margin:auto; float:left; width:100%; color:#ed1c24; text-transform:uppercase; text-decoration:underline; text-underline-position: under;
}
.tnc a:hover{color:#fff;
}
.flink1 a{margin:auto; float:left; width:100%; height:auto; text-decoration:none;
}
.flink1 a:hover{color:#eb432a;
}
.confooter{margin:auto; float:left; width:100%; margin-top:50px; padding-bottom:20px;
}
.confooter1{margin:auto; float:left; width:100%; margin-top:70px;
}
.socialfooter{margin:auto; float:left; width:100%;
}
.socialfooter a{margin:auto; float:left; display:flex; width:auto; padding-left:5px; padding-right:5px;
}
.socialfooter a:hover{opacity:0.8;
}
.logs{margin:auto; float:left; width:100%; height:auto; text-align:center; padding-bottom:20px; overflow:auto;
}
.logsheading{margin:auto; float:left; width:100%; height:auto; text-align:center; padding-bottom:20px; overflow:auto;  color:#eb432a; font-family: "FranklinGothicCondensed"; text-transform:uppercase; font-size:60px; letter-spacing:1px; text-decoration:underline;  text-underline-position: under; 
}
.logstett{margin:auto; float:left; width:100%; height:auto; padding-top:10px; padding-bottom:10px; color:#c3c3c3; font-size:26px; line-height:38px; font-weight:500; text-shadow:#c3c3c3; font-family: "HelveticaLTStd-BoldCond";  letter-spacing:1px; text-align:center;
}
.fb1{margin:auto; float:left; width:20%; border:#FFF solid 1px;
}

.clienttop1, .clienttop2{margin:auto; float:left; width:100%; height:auto; position:relative;
}
.mainblock{margin:auto; float:left; width:100%;
}
.clienttextblock{margin:auto; float:left; width:100%; height:auto; overflow:auto; position:absolute; top:0;
}
.clienth{margin:auto; float:left; width:100%; height:auto; text-align:center; padding-top:20px; padding-bottom:20px; overflow:auto;  color:#eb432a; font-family: "FranklinGothicCondensed"; text-transform:uppercase; text-shadow:1px 1px #c3c3c3; font-size:50px; letter-spacing:1px; text-decoration:underline;  text-underline-position: under; 
}
.clienttx{margin:auto;width:70%; height:auto; color:#c3c3c3; font-size:24px; line-height:38px; font-weight:500; text-align:center; text-shadow:#c3c3c3; font-family: "HelveticaLTStd-BoldCond";  letter-spacing:1px;
}
.clienttxb{margin:auto; float:left; width:100%; padding-top:20px;
}
.clienttxs{margin:auto;  width:70%; height:auto; padding-top:0; padding-bottom:10px; color:#4f4f4f; font-size:24px; line-height:38px; font-weight:500; text-align:center; font-family: "HelveticaLTStd-BoldCond";  letter-spacing:1px;
}
.clienths{margin:auto; float:left; width:100%; height:auto; text-align:center; padding-top:80px; padding-bottom:30px; overflow:auto;  color:#eb432a; font-family: "FranklinGothicCondensed"; text-transform:uppercase; font-size:50px; letter-spacing:1px; text-decoration:underline;  text-underline-position: under; text-shadow:2px 2px #c3c3c3;
}

.seritemblock{margin:auto; float:left; width:100%; height:auto; background:#FFF repeat;
}
.seritemblock1{margin:auto; float:left; width:100%; height:10px;
}

.serbbmain{margin:auto; float:left; width:100%; height:auto;
}
.serblock1{margin:auto; float:left; width:49.5%;  background:#a2a2a2 repeat;
}
.serblock2{margin:auto; float:left; width:49.5%; background:#eb432a repeat;
}
.serblockgap{margin:auto; float:left; width:1%;  padding-bottom:10px;
}
.gg1{margin:auto; float:left; width:50%;
}
.gg2{margin:auto; float:left; width:50%; 
}
.gghead{margin:auto; float:left; width:90%; font-family: "FranklinGothicCondensed"; text-transform:uppercase; font-size:36px; color:#000; padding-top:30px; padding-bottom:20px; margin-left:20px; text-decoration:underline; text-underline-position: under; letter-spacing:2px; 
}
.ggtext{margin: auto;
    float: left;
    width: 91%;
    font-family: "HelveticaLTStd-BoldCond";
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    margin-left: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    text-transform: uppercase;
}


.sliderbgblock{margin:auto; float:left; width:100%; height:100vh; position:relative;
}
.slidertextblock{margin:auto; float:left; width:100%; position:absolute; top:40%; text-align:center;
}
.slidertextblock img{width:60%;
}
.slidertextarrow{margin:auto; float:left; width:100%; position:absolute; bottom:30px; text-align:center; animation-duration: 2.5s;
    animation-iteration-count: infinite;
}

.fade-in {
animation: fadeIn ease 10s;
-webkit-animation: fadeIn ease 10s;
-moz-animation: fadeIn ease 10s;
-o-animation: fadeIn ease 10s;
-ms-animation: fadeIn ease 10s;

}
@keyframes fadeIn {
0% {opacity:0;
}
100% {opacity:1;
}

}

@-moz-keyframes fadeIn {
0% {opacity:0;
}
100% {opacity:1;
}

}

@-webkit-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;
}

}


.rtol {
  animation: right_to_left 3s ease;

}

.ltor {
  text-align: right;
  animation: left_to_right 3s ease;

}

@keyframes right_to_left {
  from {
    margin-left: 100%;
  
}
  to {
    margin-left: 0;
  
}

}

@keyframes left_to_right {
  from {
    margin-left: -100%;
  
}
  to {
    margin-left: 0;
  
}

}


/*.aboutbgblock{margin:auto; float:left; width:100%; height:auto; background:#292929 repeat; padding-top:100px; padding-bottom:50px;
}
.aboutbgblockm{margin:auto; float:left; width:100%; height:auto;
}
.abouttextblock{margin:auto; float:left; width:100%; position:absolute; top:25%; text-align:center;
}
.abouttextblock img{width:80%;
}*/

.aboutbgblock{margin:auto; float:left; width:100%; height:100vh; background:url(../images/aboutnew.jpg) no-repeat; background-size:100% 100%; position:relative;}
.aboutbgblockm{margin:auto; float:left; width:100%; height:auto;}
.abouttextblock{margin:auto; float:left; width:100%; position:absolute; top:6%; text-align:center;}
.abouttextblock img{width:56%; margin-top:40px;}


.servicesbgblock{margin:auto; float:left; width:100%; height:auto; overflow:auto; background:url(../images/servicebg.jpg) no-repeat; background-size:100% 100%; position:relative;
}


.arrowdown{margin:auto; float:left; width:100%; height:70px; position:absolute; bottom:5%; text-align:center; z-index:3;}
.arrowdown1{margin:auto; float:left; width:100%; height:70px; position:absolute; bottom:1%; text-align:center; z-index:3;}
.arrowdown2{margin:auto; float:left; width:100%; height:70px; margin-top:60px; bottom:2%; text-align:center; z-index:3; display:block; }
.arrowdown2mob{ display:none;}

/*  styles */
span.animated {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  height: 65px;
  width: 183px;
  background:url(../images/downarrow.png);
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
cursor: pointer !important;
}

span.animateda {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  height: 66px;
  width: 184px;
  background:url(../images/downarrown.png);
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  cursor: pointer !important;
}

span.animatedanew {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  height: 36px;
  width: 100px;
  background:url(../images/downarrownnew.png);
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  cursor: pointer !important;
}

span.animatedb {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  height: 66px;
  width: 184px;
  background:url(../images/downarrowb.png);
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  cursor: pointer !important;
}


span.animatedbnew {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  height: 36px;
  width: 100px;
  background:url(../images/downarrowblap.png);
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  cursor: pointer !important;
}


span.animatedv {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  height: 72px;
  width: 107px;
  animation-duration: 4.5s;
  animation-iteration-count: infinite;
cursor:  pointer !important;
}


 span::before,
 span::after {
  position: absolute;
  top: -23px;
  content: "";
  height: 30px;
  width: 4px;

}

 span::before {
  left: -10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  transform:         rotate(-45deg);

}

 span::after {
  right: -10px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  transform:         rotate(45deg);

}



   .box1 {
        align-self: flex-end;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        margin: auto;
        transform-origin: bottom;
    
}
	.box2 {
        align-self: flex-end;
        animation-duration: 7s;
        animation-iteration-count: infinite;
        margin: auto;
        transform-origin: bottom;
    
}
	.box3 {
        align-self: flex-end;
        animation-duration: 9s;
        animation-iteration-count: infinite;
        margin: auto;
        transform-origin: bottom;
    
}
	.box4 {
        align-self: flex-end;
        animation-duration: 8s;
        animation-iteration-count: infinite;
        margin: auto;
        transform-origin: bottom;
    
}
    .bounce-1 {
        animation-name: bounce-1;
        animation-timing-function: linear;
    
}
    @keyframes bounce-1 {
        0%   { transform: translateY(0); 
}
        50%  { transform: translateY(-10px); 
}
        100% { transform: translateY(0); 
}
    
}


.ffcontblock{margin:auto; float:left; width:10%; height:auto; border:#292929 solid 1px;
}
.ffcontblock1{margin:auto; float:left; width:26.666%; height:auto;
}
.footercont{margin:auto; max-width:1600px; height:auto;
}
.ffcontblock2{margin:auto; float:left; width:10%; height:auto; border:#292929 solid 1px;
}


.flip-box {  
  perspective: 1000px;
  margin:auto; width:130px; height:130px;

}

.flip-box-inner {  
  transition: transform 0.8s;
  transform-style: preserve-3d;

}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);

}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

}

.flip-box-back {  
  transform: rotateY(180deg);

}

#aboutmobile, #clientmainlogomobile{ display:none;
}
#aboutlaptop, #clientmainlogolaptop{ display:block;
}


.hover{width:100%;height:100%;overflow:hidden
}

.ehover5 img{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out
}
.ehover5 img{-webkit-transform:scale(1.1);transform:scale(1.1)
}
.ehover5:hover img{-webkit-transform:scale(1);transform:scale(1)
}

.ehover1 img{-webkit-transition:all .2s linear;transition:all .2s linear
}.ehover1:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)
}.ehover1:hover .overlay{opacity:1
}


.afterservice{margin:auto; float:left; width:100%; height:auto;
}


.clientmainlogo{margin:auto; float:left; width:100%;  background:url(../images/clientblackbg.jpg) no-repeat; background-size:100% 100%; padding-bottom:100px;
}
.clogobar{margin:auto; width:95%; padding:30px; background:#ed1b24 repeat; overflow:auto; height:auto; overflow-x: hidden;
}
.clogobarb{margin:auto; float:left; width:100%; padding-top:20px; padding-bottom:20px;
}

.blocklogo1{margin:auto; float:left; width:100%; padding-bottom:10px;
}
.llgg{margin:auto; float:left; text-align:center; width:50%;
}
.llgg1{margin:auto; float:left; text-align:center; width:100%;
}

.clientmainlogom{margin:auto; float:left; width:100%;  background:url(../images/clientblackbg.jpg) repeat; background-size:100% 100%; padding-bottom:100px;
}
.clogobarm{margin:auto; width:95%; background:#ed1b24 repeat; padding-top:20px; padding-bottom:20px; overflow:auto; height:auto; text-align:center;
}


.workmainblock{margin:auto; float:left; width:100%; overflow:auto; background:url(../images/workbgmm.jpg) repeat; }
.workitemblock{margin:auto; width:100%; height:auto;  margin-top:80px; 
}
.workitemblock1{margin:auto; width:90%; height:auto; 
}

.workmblock{margin:auto; float:left; width:100%; height:auto; overflow:auto; 
}
.blwok{margin:auto; float:left; width:23%; height:auto; overflow:auto; padding-bottom:16px; margin-left:10px; margin-right:10px;
}
.blwok img{width:100%;
}


.teetbl{ margin:auto; float:left; width:90%; height:auto; margin-left:20px; margin-top:20px; 
}
.lighheading{font-family: "FranklinGothicCondensed"; color:#000; text-transform:uppercase; font-size:38px; letter-spacing:1px;  text-decoration:underline;
padding:5px 5px 5px 5px; line-height:38px; text-transform:uppercase; 
}
.lightext{font-family: "HelveticaNeueLTStd-Lt"; font-size:18px; margin-top:15px; color:#000000; line-height:30px; }
.clasblock{margin:auto; float:left; width:100%; height:100%; 
}
.textbloxkl{margin:auto; float:left; width:50%; height:auto; 
}
.liimgblock{margin:auto; float:left; width:50%; height:auto; margin-bottom:-6px !important;}
.slideshow img{ width:100%; background-position:100%;}




.sstextlayer{margin:auto; float:left; width:100%; height:auto; position:absolute;top:40%; text-align:center; z-index:3;}
.sstextlayer1{margin:auto; width:70%; height:auto; text-align:center; z-index:3;}



.termtext{margin:auto; float:left; width:100%; height:auto; overflow:auto; padding-bottom:100px;
}
.termheablock{margin:auto; float:left; width:100%; position:relative; margin-top:69px; padding-top:70px; background:url(../images/termbg.jpg) repeat; background-size:100% 100%; overflow:auto;
}
.termheading{margin:auto; width:60%; text-align:center; color:#000; font-size:20px; 
}
.termheading img{width:557px; height:77px;
}
.termspace{margin:auto; width:100%; text-align:center; height:30px;
}
.termtextb{margin:auto; width:60%; text-align:left;  color:#363535; font-size:26px; line-height:32px; font-family: "GothamBookRegular"; 
}
.termtextb a{color:#36F; border:none; text-decoration:none;
}
.termtextb a:hover{ text-decoration:underline;
}
.termspace1{margin:auto; width:100%; text-align:center; height:20px;
}


.aboutnewlook{margin:auto; float:left; width:100%; height:auto; background:#292929 repeat; padding-top:100px; padding-bottom:100px;
}
.aboutnewtext{margin:auto;  width:60%; height:auto;
}
.aboyttextarrow{margin:auto; float:left; width:100%; height:auto; margin-top:30px; text-align:center;
}
.aboutspav{margin:auto; float:left; width:100%; height:236px; background:url(../images/beforework.jpg) no-repeat;}
.aboutspav img{width:100%;}

.aboutspav1{margin:auto; float:left; width:100%; height:auto;}
.aboutspav1 img{width:100%;}

.aboutspav2{margin:auto; float:left; width:100%; height:248px; background:url(../images/desafterwork.jpg) no-repeat;}
.aboutspav2 img{width:100%;}

.aboutrebbg{margin:auto; float:left; width:100%; height:auto; background:#e7402d repeat; padding-top:100px;
}
.abouttextblh{margin:auto; float:left; width:100%; padding-bottom:30px;
}
.abouttexthead{width:auto; font-family: "FranklinGothicCondensed"; text-align:center; color:#000; font-size:50px; text-decoration:underline; text-underline-position: under; letter-spacing:2px;
}
.abouttextnew{margin: auto;
    width: 70%;
    font-family: "AvenirLTStd-Medium";
    font-size: 26px;
    color: #FFF;
    line-height: 36px;
    letter-spacing: 1px;
}
.abouttextblhn{margin:auto; float:left; width:100%; padding-bottom:20px;}
.abouttextblhd{margin:auto; float:left; width:100%; padding-bottom:26px;}


.sermainbgh{margin: auto;
    float: left;
    width: 100%;
    background:url(../images/servicesbg.jpg) repeat;
    background-size: 100% 100%;
    overflow: auto;
}
.redtexthead{width:auto; font-family: "FranklinGothicCondensed"; text-align:center; color:#eb432a; font-size:80px; -webkit-text-underline-position: under;
  -ms-text-underline-position: below;  text-underline-position: under; letter-spacing:4px; padding-top:130px;}

.redtextheadnew{width:auto; font-family: "FranklinGothicCondensed"; text-align:center; color:#eb432a; font-size:80px; -webkit-text-underline-position: under;
  -ms-text-underline-position: below;  text-underline-position: under; letter-spacing:4px; padding-top:130px;}


.sertextnew{margin: auto;
    width: 80%;
    font-family: "HelveticaLTStd-BoldCond";
    font-size: 30px;
    color: #4f4f4f;
    line-height: 40px;
	text-align:center;
    letter-spacing: 1px;
	text-transform:uppercase;
	border-bottom:3px dotted #4f4f4f;
	padding-bottom:10px;
}

.sertextneww{margin: auto;
    width: 70%;
    font-family: "HelveticaLTStd-BoldCond";
    font-size: 30px;
    color: #4f4f4f;
    line-height: 40px;
	text-align:center;
    letter-spacing: 1px;
	text-transform:uppercase;
	padding-bottom:10px;
}


.arrredn{width:107px; height:72px;}
.arrredn img{width:100%; }


.slidertext{margin:auto; float:left; width:90%; height:auto; position:absolute; top:40%; left:8%; text-align:center; z-index:3;
}

.ggheadbar{margin:auto; float:left; width:auto; padding-bottom:10px; border-bottom:#333 solid 6px;}
.ggheadbar1{margin:auto; width:300px; padding-bottom:30px; border-bottom:#eb432a solid 6px;}
.ggheadbar2{margin:auto; width:350px; padding-bottom:30px; border-bottom:#eb432a solid 6px;}
.ggheadbar3{margin:auto; width:400px; padding-bottom:30px; border-bottom:#eb432a solid 6px;}



.sermainbgh1{margin: auto;
    float: left;
    width: 100%;
    background:url(../images/clientbglaong.jpg) repeat;
    overflow: auto;
}

.sertextnew1{margin: auto; float:left;
    width: 100%;
}

.sertextnew11{margin: auto;
    width: 70%;
    font-family: "HelveticaLTStd-BoldCond";
    font-size: 30px;
    color: #c3c3c3;
    line-height: 40px;
	text-align:center;
    letter-spacing: 1px;
	text-transform:uppercase;
	border-bottom:3px dotted #c3c3c3;
	padding-bottom:10px;
}

.clientsblocknew{margin:auto; float:left; width:100%; padding-bottom:30px;}
.clientsblocknew1{margin:auto; width:90%; padding-bottom:30px; }

.abouttextblh1{margin:auto; float:left; width:100%; padding-bottom:30px;}
.abouttextblh1n{margin:auto; float:left; width:100%; padding-bottom:20px;}


.footerblocmain{margin:auto; float:left; width:100%; height:100vh; overflow:hidden; }
.video-bg{min-height:100%; min-width:100%;}


.footerredbar{margin:auto; float:left; width:100%; height:10px; background:#ec1c23 repeat;}
.footerbg{margin:auto; float:left; width:100%; height:auto; position:absolute; top:60px;}
.footerbgb{margin:auto; float:left; width:100%; height:auto; background:#000 repeat; padding-top:20px; padding-bottom:30px;}

.termsblock{margin:auto; float:left; width:100%; height:auto; text-align:center; color:#d3d3d2; font-family:Arial, Helvetica, sans-serif; text-decoration:none; 
font-size:22px; margin-top:10px;}
 .termsblock a{margin:auto; float:left; width:100%; height:auto; text-align:center; color:#a5a5a5; font-family:"HelveticaLTStd-BoldCond"; text-decoration:none; font-size:30px;text-decoration:underline; letter-spacing:1px; padding-bottom:20px;}

.termsblock a:hover{text-decoration:none;}


.conatcthblock{margin:auto; float:left; width:100%; padding-bottom:40px;
}

.conhead{width:auto; font-family: "FranklinGothicCondensed"; text-align:center; color:#eb432a; font-size:80px; text-decoration:underline; -webkit-text-underline-position: under; -ms-text-underline-position: below;  text-underline-position: under; letter-spacing:2px; padding-top:50px;
}


.textcc{width:auto; font-family: "HelveticaLTStd-BoldCond"; text-align:center; color:#c3c3c3; font-size:30px;  padding-top:30px; line-height:10px;}
.ffimg{ margin:auto; width:100%; text-align:center; margin-top:20px;}

.textc{width:auto; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#fff; font-size:14px;   line-height:24px;}
.textg{width:auto; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#848484; font-size:14px;  }

.ffbb, .ffbb a{margin:auto; display:inline; width:auto; padding-left:5px; padding-right:5px; font-size:14px; color:#c3c3c3; text-decoration:none; line-height:24px;}
.ffbb a:hover{ color:#fff;}

.soic, .soic a{margin:auto; display:inline; width:auto;  text-decoration:none; padding-left: 1px;
    padding-right: 1px;}

.soic a:hover{opacity:0.8;}


.videocon img{ width:100%; height:100vh;}

.conatctnewblock{margin:auto; float:left; width:100%; height:auto;  margin-top:10px; padding-bottom:30px;}
.conatctnewblock1{margin:auto;  width:85%; height:auto; }
.connewb1{margin:auto; float:left; width:40%; padding:20px; text-align:center; }
.connewb2{margin:auto; float:left; width:20%; padding:10px; text-align:center; }

.addblo{margin:auto; width:100%; background-color:#d0d0d0; border:#333333 solid 2px; padding:16px; font-family: "HelveticaLTStd-BoldCond"; text-align:center; color:#464646; font-size:26px; line-height:42px; letter-spacing:1px; margin-top:55px;}

.connewb2 img{ margin-top:70px;}

.socialbb{margin:auto; float:left; width:100%; margin-top:20px;}
.socialbb a{ margin-left:10px; margin-right:10px;}
.socialbb a:hover{ opacity:0.8;}

.formintext{margin:auto; float:left; width:100%; padding-bottom:10px;}
.formintext1{margin:auto; float:left; width:100%;}

.textbbl{margin:auto; float:left; width:70%; background-color:#d0d0d0; border:#333333 solid 2px; height:40px; padding:10px; color:#000; font-size:24px; font-family: "HelveticaLTStd-BoldCond"; outline:none;}
.textbbw{margin:auto; float:left; width:95%; background-color:#d0d0d0; border:#333333 solid 2px; height:40px; padding:10px; color:#000; font-size:24px; font-family: "HelveticaLTStd-BoldCond"; height:200px; outline:none;}
.textsub{margin:auto; float:left; width:120px; height:41px; background:url(../images/submit.jpg); border:none; outline:none;}

.textsub:hover { opacity:0.7;}

.nextlightbox{margin:auto; float:right; position:fixed; bottom:10px; right:20px; z-index:99999999; cursor:pointer !important;}


.blwok img{ cursor:pointer !important;}


#mobilework, .clientspace{ display:none !important;}
#laptopwork{ display:block !important;}