/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@font-face {
	font-family: SWZ721CFont;
	src: url("../fonts/SWZ721C.eot") /* EOT file for IE */
}
@font-face {
	font-family: SWZ721CFont;
	src: url("../fonts/SWZ721C.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
	font-family: SquareFont;
	src: url("../fonts/Square721_BdEx_BT_Bold.eot") /* EOT file for IE */
}
@font-face {
	font-family: SquareFont;
	src: url("../fonts/Square721_BdEx_BT_Bold.ttf") /* TTF file for CSS3 browsers */
}
html, body {
	height: 100%;
	font-family: "Roboto", Georgia, "Times New Roman", Times, serif;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-size:1rem;
	line-height:1.8rem
}
a {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
/* Home Page Carousel */

header.carousel {
	height: 75%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
	height: 100%;
}
header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}


/* Footer Styles */

footer {
	margin: 0;
}
.header {
	clear: both;
	background-color: #fff;
	color: #666666;
	z-index: 10;
	position: relative;
}

.bg-footer {
	background-color: #222222;
	color: #dfdfdf;
	padding: 8px 0px;
	line-height: 20px;
	font-size: 12px;
	list-style-image: url(../images/larrow.png);
}
.bg-footer a {
	color: #dfdfdf;
	text-decoration: none;
}
.bg-footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	list-style-image: url(../images/larrow.png);
	border-bottom:solid 1px #495061;
	padding-bottom:15px;
	margin-bottom:15px;
}
.bg-footer li {
	padding: 2px 0px;
	padding-right:15px;
	display:inline-block;
}
.bg-footer a:hover {
	color: #CCCCCC;
}
.bg-copyright {
	background-color: #1d1d1d;
	color: #dfdfdf;
	font-size: 11px;
	padding: 8px 0px;
}
.bg-copyright a {
	color: #dfdfdf;
	text-decoration: none;
}
.bg-copyright a:hover {
	color: #CCCCCC;
}

h2 {
	margin: 0px;
	font-size: 28px;
	font-weight: normal !important;
	padding: 12px 0px;
	margin: 8px 0px;
	font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	border-bottom:solid 1px #ec0631;
	display:inline-block;
	padding: 12px 0px;
	margin: 8px 0px;
	clear:both;
}
h4 {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif;
	background: url(../images/red_strip.gif) no-repeat;
	background-position: left bottom;
	padding: 8px 0px;
	margin: 8px 0px;
}
.bg-footer h4 {
	font-size: 18px;
	color: #fff
}
.toppad {
	padding-top: 50px;
	font-family: "SquareFont", Georgia, "Times New Roman", Times, serif;
}
.cpad {
	padding: 45px 0px;
}

.carousel {
	z-index: 10;
}

.tblock {
	font-size: 16px;
	padding:20px 4px;
	margin-bottom:10px;
	margin:15px 15px;
	min-height: 210px;
	position:relative;
}
.tblock h3{
	background-color:#e12fb2;
	color:#fff;
	text-align:center;
}
h1 {
	margin: 0px;
	color:#1eaaf1;
	font-size: 30px;
	font-weight: normal !important;
	border-bottom:solid 1px #ec0631;
	display:inline-block;
	padding: 12px 0px;
	margin: 8px 0px;
	margin-bottom:30px;
	font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

.imgFl {
	float: left;
	margin-right: 10px;
}
.imgFl-icon {
	float: left;
	margin-right: 10px;
	margin-bottom:7px;
}
.imgFr {
	float: right;
	margin-left: 10px;
}

.navbg {
	background-color: #fdea9f;
	margin-top:8px;
}

.navbar-default {
	border: 0px;
}

.info_block {
	color: #FFF;
	padding: 5px 0px;
	font-size: 12px;
}



.bg-gray {
	background-color: #8b143b;
	font-size: 12px;
	padding: 2px 0px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 5px 5px 0px rgba(50,50,50,0.5);
	box-shadow: 0px 5px 5px 0px rgba(50,50,50,0.5);
	color: #fff;
	position: relative;
	z-index: 20;
}

.info {
	padding: 5px 0px;
	margin-top: 16px;
	text-align: center;
	font-size:14px;
}
.info a:hover{
color:#163c01;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 150;
}
.sticky + .content {
	padding-top: 95px;
}
/* liScroll styles */

.facbg {
	background-color: #265c8e;
	font-size: 16px;
	padding: 15px 0px;
	color: #FFF;
}
.facbg h3{
	font-size:14px;
}


	.bottombg{
		 background: rgb(48,37,131);
background: linear-gradient(90deg, rgba(48,37,131,1) 26%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 26%);
text-align:justify;


	}
		.bottombg h3{
		font-size:40px;
		color:#fff;
		text-align:center;
		margin-top:70px;

	}
	.bottombg h4{
		font-size:18px;
		color:#035a77;

	}
	.graybg{
		background-color:#e6e5ec;
		text-align:justify;
		}
		.padtop{
			padding-top:5%;
		}
		.graybg h2{
			color:#545454;
			font-size: 28px;
		}

.bg-footer h4 {
	font-size: 18px;
	color: #fff
}
.toppad {
	padding-top: 50px;
	font-family: "SquareFont", Georgia, "Times New Roman", Times, serif;
}
.cpad {
	padding: 25px 0px;
}
.contentpad {
	padding: 25px 0px;
}
.textcenter{
	text-align:justify;
}
h3 {
	font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif;
	background: url(../images/rarrow.png) no-repeat;
	background-position: bottom;
	font-size:18px;
	padding: 5px;
	margin: 0px;
	color: #fff;
	text-transform: uppercase;
}


.navbar-toggler{
	background-color:#8b143b;
}
.info img{
	margin-left:15px;
}
.topbg{
	background-color:#b60a06;
	text-align:right;
	margin-bottom:10px;
	color:#fff;
	padding:3px 0px;
}
.topnav{
	text-align:right;
	padding-right:40px;
}
.topnav a{
	margin-left:8px;
	border-radius:10px;
}
.carousel-item > img {
    height: auto !important;
}

.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:15px;text-transform:capitalize;padding:10px 7px;font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif; text-transform:uppercase;display: block !important;}
.mainmenu ul ul li a{
	color:#fff
}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #e28501;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #b60a06;color: #fff;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #b60a06; color:#fff}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #b60a06; color:#fff}
.mainmenu .collapse ul ul ul > li:hover > a{background: #b60a06; color:#fff}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:rgba(19,70,113,1);}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:rgba(19,70,113,1)}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:rgba(19,70,113,1)}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}

.img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.header-main{
background: rgba(0,0,0, 0.5);
min-height:100px;
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:100;
padding:5px 0px 0px 0px;
}
.header-btn{
min-height:80px;
width:100%;
color:#510f5b;
text-transform:uppercase;
margin-top:-50px;
position:relative;
z-index:1000;
}
.main-content{
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 64%, rgba(215,215,193,1) 64%);
}
.header-main.active {
  background: rgb(81,15,91) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  min-height:100px;
  padding-bottom: 10px;
  z-index:150;
}

.contact{
color:#fff;
font-size:18px;	
background:#510f5b url(../images/contact-bg.jpg) no-repeat right top;
background-size:contain;
}
.contact-bg{
background: url(../images/contact-bg.jpg) no-repeat;
}

.top{
	text-align:center;
	padding:5px 0px;
	color:#fff;
	text-transform:uppercase;
}
.col-pad{
	padding-left:100px;
	padding-top:100px;
	width:350px;
	text-align:center;
}
h3 {
	font-family: "SWZ721CFont", Georgia, "Times New Roman", Times, serif;
	background: url(../images/rarrow.png) no-repeat;
	background-position: bottom;
	padding: 5px;
	margin: 0px;
	color: #5b5b5b;
	text-transform: uppercase;
}
.imgFl {
	float: left;
	margin-right: 10px;
}
.imgFr {
	float: right;
	margin-left: 10px;
}
.news-head{
	padding-top:75px;
}
.news-head h3{
	font-size:30px;
	color:#fff;
	border-bottom:solid 1px #fff;
	display:inline-block;
}
.sicon{
	clear:both;
	padding-top:20px;
}
.navbar-collapse {
	z-index:200;
}
@media screen and (max-width: 1024px){
.header-main{
	position:relative;
	background: rgb(18,55,138) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  min-height:75px;
}
.main-content{
background: none;
}
}
.navbar{
	padding-top:10px;
}
.top-info{
	color:#fff;
	text-align:right;
	padding-top:15px;
}
.topbtn-color{
	padding:10px 0px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.63);
-webkit-box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.63);
-moz-box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.63);
background-color:#fff;
}

.topbtn-color img{
	
}

.text-center{
	text-align:center;
}
.contact-info{
	padding:45px 20px;
}
.clear-row{
	clear:both;
	padding-top:15px;
}
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}
.mr-bottom{
	margin-bottom:25px;
}
.mr-tp{
	margin:50px 0px;
}

.onproject {
	color: #000;
	list-style: url(../images/larrow.png) !important;
}
.onproject ul {
	margin-left: 10px !important;
	padding-left: 20px !important;
	list-style: url(../images/larrow.png) !important;
}
.onproject li {
	padding-bottom:20px;
}

@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
.header-btn{
position:relative;
}
.topbtn-color1 img, .topbtn-color2 img, .topbtn-color3 img, .topbtn-color4 img{
display:none !important;
}
}
.proj-header{
	background-color:#f5f9fd;
	padding:20px;
	text-align:center;
	margin-right:-30px;
}
.proj-content{
	background-color:#510f5b;
	padding:20px 15px;
	color:#fff;
	margin-right:-60px;
	position:relative;
	z-index:100;
}
.proj-content ul{
	padding:10px;
	margin:10px;
	list-style-image:url(../images/list-img.png) !important;
}
	.bluebg{
background-color:#0e1841;
	color:#fff;
	}
	.bluebg p{
		text-transform:uppercase;
		font-size:18px;
	}
	.bluebg h1{
		color:#fff;
	}
	.bluebg h2{
		color:#fff;
		font-size:55px;
		border:0px;
		margin-bottom:0px;
	}
	.bluebg h2 span{
		font-size:25px;
	}
	.tsm h3{
	background: url(../images/testimonial-bg.png) no-repeat;
	background-position:center center;
padding:100px 120px 100px 70px;
text-align:center;
color:#fff;
font-size:22px;	
	}
	.clboth{
		clear:both;
		padding:4px 0px;
	}
	.cname{
		text-align:right;
		font-weight:bold;
		margin-top:50px;
	}
	.test-text{
		margin-top:30px;
	}
	.test-text span{
		font-size:30px;
	}
	.project-spec{
		margin-left:40px;
		padding-top:10px;
		text-align:center
	}
	.project-spec a{
     color:#5b5b5b;
	}
	.mradj{
		margin-top:-28px;
	}
	figure.snip1104 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1104 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.snip1104 img {
  width: 100%;
  position: relative;
  opacity: 0.4;
}

figure.snip1104 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

figure.snip1104 h2 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: inline-block;
  background: #000000;
  padding: 12px 5px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
   width:70%;
   text-align:left;
   padding-left:20px;
   font-size:18px;
}
figure.snip1104 h2 span{
	font-size:14px;
	font-weight:normal;
	
}
figure.snip1104 h3 {
  position: absolute;
  left: 0px;
  bottom: 70px;
  display: inline-block;
  background: #000000;
  padding: 12px 5px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
   padding-left:20px;
   color:#ffe323;

}

figure.snip1104 h2 span {
  font-weight: 800;
}

figure.snip1104:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(110deg) translateY(-58%);
  transform: rotate(110deg) translateY(-58%);
}

figure.snip1104 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1104.blue {
  background: #123851;
}

figure.snip1104.blue h2 {
  background: #0a212f;
}

figure.snip1104.red {
  background: #581a14;
}

figure.snip1104.red h2 {
  background: #36100c;
}

figure.snip1104.yellow {
  background: #7f5006;
}

figure.snip1104.yellow h2 {
  background: #583804;
}

figure.snip1104:hover img,
figure.snip1104.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip1104:hover h2,
figure.snip1104.hover h2, figure.snip1104:hover h3,
figure.snip1104.hover h3 {
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}

figure.snip1104:hover:before,
figure.snip1104.hover:before {
  -webkit-transform: rotate(110deg) translateY(-150%);
  transform: rotate(110deg) translateY(-150%);
}