@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Open Sans', sans-serif;
	color: #555;
	//padding-top: 80px;
}
h1, h2, h3, h4, h5, h6, b {
	font-family: 'Montserrat', sans-serif;
	color: #222;
}
p {
	line-height: 24px;
	font-size: 15px;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a {
	color: #f15b26;
	display: inline-block;
	transition: all 0.4s ease 0s;
}
a, a:hover, a:focus {
  text-decoration: none;
  color: #f15b26;
}
img {
	max-width: 100%;
}
.wrapper {
	float: left;
	width: 100%;
}
.pd-60 {
	padding: 60px 0;
	position: relative;
	z-index: 3;
}
.pd-85 {
	padding: 85px 0;
	position: relative;
	z-index: 3;
}
.no-pd {
	padding: 0;
}
.no-mrgn {
	margin: 0;
}
.grey-bg {
	background: #ededed;
}
.form-control:focus {
	box-shadow: none;
}


/*****Header*****/


/****Tobar Header****/


/****Header Middle****/
.main-header {
	padding: 15px 0;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	transition: all 0.4s ease 0s;
}

.main-header.fixed-header {
	background: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,0.15);
}

.main-header.inner-header {
	background: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,0.15);
}


.logo img {
	max-width: 100%;
	height: 60px;
}

.logo-black {
	display: none;
}

.fixed-header .logo-white {
	display: none;
}
.fixed-header .logo-black {
	display: block;
}

.inner-header .logo-white {
	display: none;
}
.inner-header .logo-black {
	display: block;
}


.hdr-menu {
	//float: right;
}



/******Slider******/
.banner-block {
	position: relative;
	height: 630px;
	overflow: hidden;
}
.banner-block::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(291deg, rgba(241,91,38, .85) 0%, rgba(0,0,0, .65) 100%);
}
.banner-block img {
	width: 100%;
}
.banner-text-bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.banner-text {
	text-align: center;
	width: 60%;
	margin: auto;
	position: absolute;
	transform: translateX(-50%) translateY(-50%);
	left: 50%;
	top: 50%;
}
.banner-text h4 {
	margin-top: 0;
	font-size: 48px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 10px;
}
.banner-text h2 {
	font-size: 60px;
	color: #fff;
	text-transform: uppercase;
	line-height: 60px;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 700;
}
.banner-text h2 span {
	color: #f15b26;
}
.banner-text p {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	line-height: 35px;
	margin: 0;
}


/* ---- particles.js container ---- */

#particles-js {
	width: 100%;
	height: 100%;
	/* background-color: #f15b26; */
	/* background-image: url("../images/banner.jpg"); */
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}



/****** About Us ******/
.heading-main {
	text-align: center;
}
.hdng-mrgn {
	margin-bottom: 45px;
}
.heading-main p {
	color: #f15b26;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
}
.heading-main h2 {
	margin: 0;
	font-size: 28px;
	font-weight: 600;
	line-height: 41px;
}
.heading-left.heading-main {
	text-align: left;
}
.white-heading.heading-main h2 {
	color: #fff;
}
.heading-main p {
	color: #f15b26;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	margin: 0;
}

.hdng-dots span {
	width: 8px;
	height: 8px;
	display: inline-block;
	background: #f15b26;
	border-radius: 50%;
	margin: 0 2px;
}
.heading-left .hdng-dots span:first-child {
	margin-left: 0;
}


.heading-des p {
	margin: 0;
}



.about-block .hdng-mrgn {
	margin-bottom: 25px;
}

.abt-rght {
	width: 50%;
	float: right;
	padding-left: 30px;
	margin-bottom: 30px;
	padding-bottom: 95px;
}


.abt-lft p {
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 15px;
	text-align:justify;
}

.abt-lft p:last-child {
	margin-bottom: 0;
}
.abt-list i {
	margin-right: 5px;
	color: #f15b26;
}
.abt-list li {
	margin-bottom: 15px;
	font-size: 16px;
}
.abt-logo-txt {
	font-size: 28vw;
	line-height: 0.5;
	font-weight: 800;
	color: #f15b26;
	word-break: break-all;
	text-shadow: 10px 10px 50px rgba(0, 0, 0, 0.27);
	text-align: center;
	padding-top: 82px;
}
.abt-logo-txt span {
	//color: #555;
}


/***** Our Services *****/
.services-row {
	margin-top: -30px;
}
.services-item {
	text-align: center;
	margin-top: 30px;
	padding: 25px;
	box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.3);
	border: 2px dashed #ddd;
	border-radius: 4px;
	transition: all 0.4s ease 0s;
	min-height: 440px;
}
.services-item:hover {
	box-shadow: 0 0 8px 5px  rgba(0, 0, 0, 0.1);
	border-color: #f15b26;
}
.services-media {
	margin-bottom: 20px;
}
.services-media span {
	width: 120px;
	height: 120px;
	background: url("../images/ser-icon-bg.png");
	display: inline-block;
	line-height: 120px;
}
.services-des h2 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 28px;
	height: 58px;
	vertical-align: middle;
	font-weight: 600;
	position: relative;
}
.services-des p {
	margin: 0;
	//height:200px;
}



/***** Solutions ******/
.solu-item {
	position: relative;
	transition: all 0.2s ease;
}
.solu-item::before {
	position: absolute;
	content: "";
	outline: 5px solid rgba(255,255,255,0.5);
	outline-offset: -15px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	transition: all 0.2s ease-in-out 0s;
}
.solu-item:hover::before {
	outline: 5px solid #f15b26;
	outline-offset: -25px;
}
.solu-media {
	transition: all 0.2s ease-in-out 0s;
}

.solu-media img {
	width: 100%;
}
.gray-varti-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.75) , rgba(255,255,255,0));
	transition: all 0.2s ease-in-out 0s;
}

.solu-item:hover .gray-varti-overlay {
	background: linear-gradient(to bottom, rgba(0,0,0,0.9) , rgba(255,255,255,0));
}

.solu-des {
	position: absolute;
	top: 58px;
	left: 50px;
	right: 50px;
	bottom: 0;
	//padding: 50px;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
}
.solu-item:hover .solu-des {
	top: 40px;
}
.solu-des h3 {
	color: #fff;
	font-size: 24px;
	margin-top: 0;
	font-weight: 700;
	line-height: 30px;
}
.solu-des p {
	margin: 0;
	color: #fff;
}
.solu-btn {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -21px;
	display: none;
}
.solu-btn a {
	display: block;
	padding: 9px 18px;
	background: #222;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
}







/****** Why Choose Us *******/
.why-choose {
	background: url("../images/choose-bg.jpg") fixed center top / cover;
	position:relative;
	overflow: hidden;
	background-repeat: no-repeat;
	padding-bottom: 0;
}
.why-choose::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	//background-color: rgba(21, 21, 21, 0.9);
}


.whychoose {
	position: relative;
	padding-bottom: 60px;
	transform: translateY(220px);
	transition: all 600ms ease;
	padding-top: 20px;
	background: rgba(0,0,0,0.5);
	min-height: 404px;
}
.whychoose .inner-box {
	//position: relative;
	padding-left: 20px;
}
.whychoose::before {
	position: absolute;
	content: '';
	left: 0px;
	top: -500px;
	width: 1px;
	height: 10000px;
	transition: all 300ms ease;
	background-color: rgba(255,255,255,0.15);
}

.whychoose .inner-box .bg-layer {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	opacity: 0;
	transition: all 600ms ease;
	background-color: rgba(255,255,255,0.10);
}


.whychoose .inner-box .icon-box {
	position: relative;
	font-size: 60px;
	line-height: 1em;
	color: #d5ac63;
	margin-bottom: 24px;
}
.whychoose .inner-box h2 {
	position: relative;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.6em;
	padding-bottom: 20px;
	text-transform: uppercase;
}
.whychoose .inner-box h2 a {
	position: relative;
	color: #ffffff;
	transition: all 300ms ease;

}
.whychoose .inner-box .text {
	position: relative;
	color: #aaaaaa;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 22px;
}
.whychoose .inner-box:hover .bg-layer, .whychoose.active .inner-box .bg-layer {
	opacity: 1;
}
.whychoose:hover, .whychoose.active {
	transform: translateY(0px);
}






.choose-block {
	background-image: url("../images/choose-bg.jpg");
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	padding-bottom: 0;
}


.choose-info-row {
	overflow: hidden;
}
.info-box {
	background: rgba(0,0,0,0.8);
	padding: 25px;
	text-align: center;
	transform: translateY(97px);
	transition: all 0.3s ease-in-out 0s;
}
.info-box.active {
	background: #f15b26;
	height: auto;
	transform: translateY(0);
}
.info-box:hover {
	transform: translateY(0);
	background: #f15b26;
}
.info-box h3 {
	margin-top: 0;
	color: #fff;
	margin-bottom: 25px;
}
.info-box p {
	margin: 0;
	color: #fff;
}





/****** Contact Us *******/
.contact-block {
	position: relative;
}

.contact-block .hdng-mrgn {
	margin-bottom: 25px;
}

.contact-frm {
	background: #fff;
	box-shadow: 0 16px 16px rgba(0,0,0,0.1);
	border: 4px solid #ddd;
	padding: 60px 30px 60px 60px;
	margin-left: -60px;
	position: relative;
	z-index: 1;
}
.contact-frm > h2 {
	font-size: 34px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 30px;
	color: #232323;
}
.contact-frm > p {
	font-size: 16px;
	margin-bottom: 30px;
}
.contact-frm .form-group {
	margin-bottom: 25px;
	position: relative;
}
.contact-frm .form-group .form-control {
	padding: 10px 30px 10px 20px;
	height: 45px;
	border-radius: 30px;
	border: 1px solid #ddd;
}
.contact-frm .form-group textarea.form-control {
	height: 130px;
}
.contact-frm .form-group span {
	right: 10px;
	top: 10px;
	position: absolute;
}
.contact-frm .form-group span img {
	width: 15px;
	opacity: 1;
}


.contact-frm .form-group .form-control:hover,
.contact-frm .form-group .form-control:focus {
	border-color: #f15b26;
}


.contact-right {
	//border: 1px solid #ddd;
	padding: 30px 0;
	position: relative;
	z-index: 2;
}


.lower-box {
	position: relative;
	padding: 0;
	box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.3);
}


.contt-address {
	padding: 20px;
	background: #f15b26;
}
.contt-address img {
	//width: 30px;
}
.contt-address h4 {
	color: #fff;
	font-size: 26px;
	margin: 10px 0;
}
.contt-address h5 {
	color: #fff;
	line-height: 23px;
	font-size: 17px;
}
.contt-address p {
	color: #fff;
}
.contt-address p i {
	margin-right: 5px;
}
.fnd-map {
	text-align: right;
}
.fnd-map a {
	color: #fff;
	font-size: 18px;
	padding-left: 15px;
	transition: all 0.4s ease 0s;
}
.fnd-map a:hover {
	padding-left: 25px;
}


.info-list {
	position: relative;
	padding: 20px;
	background-image: url("../images/contact-bg.jpg");
	background-position: center center;
}
.info-list li {
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
	padding-left: 45px;
	line-height: 1.8em;
	padding-bottom: 11px;
	margin-bottom: 6px;
	border-bottom: 1px dashed #ddd;
	min-height: 40px;
}
.info-list li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.info-list li .icon {
	position: absolute;
	left: 0px;
	top: 5px;
	line-height: 1em;
}
.info-list .icon img {
	width: 22px;
}
.info-list li strong {
	color: #222;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}
.info-list li a {
	color: #555;
	transition: all 0.4s ease 0s;
}
.info-list li a:hover {
	color: #f15b26;
}


.ggl-captcha {
	text-align: center;
}
.ggl-captcha .g-recaptcha {
	display: inline-block;
}

.contact-frm-btn {
	text-align: center;
}
.btn-submit {
	border: 2px solid #f15b26;
	background: transparent;
	text-transform: uppercase;
	border-radius: 30px;
	padding: 0 50px;
	line-height: 45px;
	color: #f15b26;
	font-size: 16px;
	font-weight: 600;
	transition: all 0.4s ease 0s;
}
.btn-submit:hover {
	border-color: #f15b26;
	background: #f15b26;
	color: #fff;
}


/****** Footer ******/

footer {
	background: #111;
	position: relative;
	z-index: 1;
}
footer::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-image: url("../images/footer-bg.png");
	background-size: cover;
	background-position: center center;
	z-index: -1;
}




.ftr-abt {
	/* background: #fff; */
	/* padding: 30px; */
	/* border-radius: 4px; */
	/* margin-top: -100px; */
	/* box-shadow: 0 0 4px 4px rgba(0,0,0,0.1); */
}
.ftr-logo {
	margin-bottom: 20px;
}
.ftr-logo img {
	height: 75px;
}
.ftr-abt p {
	line-height: 28px;
	margin: 0;
	font-size: 15px;
	color: #bbb;
}


.ftr-hdng {
	margin: 20px 0 40px 0;
	position: relative;
}
.ftr-hdng::before {
	position: absolute;
	left: 0;
	content: "";
	width: 4px;
	background: #f15b26;
	top: 0;
	bottom: 0;
	transform: skewX(10deg);
}
.ftr-hdng h4 {
	margin: 0;
	color: #fff;
	font-size: 23px;
	text-transform: uppercase;
	padding-left: 11px;
}
.ftr-hdng h4 span {
	color: #f15b26;
}

.ftr-list ul li {
	margin-bottom: 15px;
}
.ftr-list ul li a {
	color: #bbb;
	font-size: 15px;
	transition: all 0.4s ease 0s;
	text-transform: uppercase;
}
.ftr-list ul li a:hover {
	color: #f15b26;
}
.ftr-list ul li a::before {
	background: #f15b26;
	width: 8px;
	height: 8px;
	content: "";
	margin-right: 10px;
	display: inline-block;
	border-radius: 50%;
	font-size: 15px;
}


.ftr-services {
	padding-left: 60px;
}


.ftr-btm {
	
}
.copyright {
	border-top: 1px dashed;
	padding: 15px 0;
}

.cpy-txt p {
	margin: 18px 0 0 0;
	color: #bbb;
}


.ftr-contt {
	text-align: center;
	background-image: url("../images/phone-middle.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.ftr-contt p {
	color: #bbb;
}

.ftr-contt h3 {
	margin: 0;
}



.ftr-scl {
	margin: 13px 0 0 0;
	text-align: right;
}
.ftr-scl li {
	display: inline-block;
	margin-left: 14px;
}

.ftr-scl li a {
	width: 35px;
	border: 1px solid #bbb;
	color: #bbb;
	text-align: center;
	font-size: 16px;
	border-radius: 50px;
	line-height: 33px;
	transition: all 0.4s ease 0s;
}
.ftr-scl li a:hover {
	background: #f15b26;
	color: #fff;
	border-color: #f15b26;
}

/****about-us-page***/

.breadcrumb-sec h3 {
	color: #fff;
	font-size: 30px;
	margin-top: 0;
	text-transform: uppercase;
}
.breadcrumb-sec {
	position: relative;
	background: url("../images/brdcrmb.jpg")no-repeat fixed;
	padding: 140px 0 50px 0;
}
.beadcrumb a {
	color: #f15b26;
}
.beadcrumb i {
	color: #fff;
	margin-left: 5px;
}
.beadcrumb span {
	color: #fff;
}
.breadcrumb-sec::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(291deg, rgba(241,91,38, .85) 0%, rgba(0,0,0, .65) 100%);
}
.gallery-sec a img {
	height: 184px;
	width: 300px;
}
.abt-lft h2 {
	font-size: 25px;
	font-weight: 600;
	line-height: 36px;
}
/****solutions-pages****/
.solution-item {
	margin-top: 30px;
	padding: 25px;
	box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.3);
	border: 2px dashed #ddd;
	border-radius: 4px;
	transition: all 0.4s ease 0s;
	height: 423px;
}
.solution-item:hover {
	box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
	border-color: #f15b26;
}
.solution-data ul li {
	margin-bottom: 30px;
	font-size: 20px;
}
.solution-data {
	margin: 20px 0px;
	margin-left: 20px;

}
.solution-data i {
	/* font-size: 15px; */
	/* margin-top: 2px; */
	margin-right: 13px;
	color: #f15b26;
}

/****traffic-solutions****/
.traffic-solu ul {
	margin-top: 15px;
}
.traffic-solu ul li {
	margin-bottom: 30px;
	font-size: 17px;
	line-height: 27px;
	text-align: justify;
}
.traffic-solu ul li li {
	padding-left: 15px;
	list-style: disc;
	list-style-position: inside;
}