@import url('bootstrap.css');
@import url('font-awesome.css');
@import url('owl.carousel.css'); 
@import url('owl.theme.css'); 
@import url('owl.transitions.css'); 
@import url('animate.css');
@import url('jquery.smartmenus.bootstrap.css');


*{margin:0px; padding:0px;}
html{font-size:100%; -webkit-text-size-adjust:100%; font-variant-ligatures:none; -webkit-font-variant-ligatures:none; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; text-shadow:rgba(0, 0, 0, .01) 0 0 1px;}
body{font-family: 'Roboto', sans-serif; letter-spacing:0.8px;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;}
ul{margin:0px; padding:0px;}
li{list-style:none;}
a{-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
a:hover{text-decoration:none;}
a:focus{border:none;}
header{width:100%; float:left;}
section{width:100%; float:left;}
footer{width:100%; float:left;}


header{width:100%; position:absolute; z-index:99; -webkit-transition: all 0.5s ease; -moz-transition:position 10s; -ms-transition:position 10s; -o-transition:position 10s; transition: all 0.5s ease;}
.fixed{z-index:99; background:#000; position: fixed; top:0; left:0; animation:smoothScroll 1s forwards;}@keyframes smoothScroll{0% {transform: translateY(-40px);}	100%{transform:translateY(0px);}}
.header-top{background:#001336; float:left; width:100%; padding:10px 0;}
.logo a{font-size:35px; color:#fff; margin:0px; line-height:18px; padding:0px;}
.logo img{width:100%;}

.getquote_popup .modal-body{padding:15px 40px 40px;}
.modal-title{font-size:30px; text-align:center;}
.getquote_popup input[type="text"],
.getquote_popup input[type="email"],
.getquote_popup textarea{width:100%; float:left; border:none; border-bottom:1px #ccc solid; padding:10px; margin-bottom:10px; font-size:14px;}
.getquote_popup input[type="submit"]{background:#7578b1; color:#fff; text-transform:uppercase; border-radius:5px; padding:10px 30px; border:none; margin-top:20px; display:inline-block;}
.getquote_popup input[type="submit"]:hover{background:#001e57}

.social-links{width:100%; float:left;}
.social-links li{display:inline-block; padding-right:10px;}
.social-links li a{color:#fff; font-size:15px;}

.info-list{float:right;}
.info-list li{display:inline-block; float:left; padding-left:25px;}
.info-list li a{color:#fff; font-size:15px;}
.icon{color:#ffc30c; margin-left:8px;}


.header-upper{float:left; padding:20px 0; width:100%;}
.head-right{float:left; width:100%;}

/*-------- menu -----*/
.main_menu{text-align:center;}
.navbar-nav{float:none; }
.navbar-nav > li{display:inline-block; float:none;}
.navbar{min-height:auto; margin:0px;}
.navbar-default{background:none; border:none;}
.navbar-collapse{padding:0px;}
.navbar-default .navbar-nav > li > a{font-family: 'Montserrat', sans-serif; color:#fff; font-weight:600; font-size:14px; text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background:none; color:#fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:none; color:#fff;}
.nav > li > a{padding:21px 9px;}

.search-box-outer{float:left; margin-top:15px;}
.search-box-outer button.dropdown-toggle{background:none; border:none; color:#fff;}
.dropdown-menu{left:inherit; right:0px; min-width:250px; border:none; border-top:3px #7578b1 solid; border-radius:0px; padding:15px;}
.dropdown-menu > li > a{text-transform:uppercase;}

.search-box-outer input[type="search"]{border:1px #ccc solid; width:100%; position:relative; padding:10px;}
.search-box-outer button.search-btn{position:absolute; right:21px; border:none; background:none; top:25px;}


.getbtn{float:right; margin-top:2px;}
.getbtn a{background:#7578b1; float:right; color:#fff; text-transform:uppercase; border-radius:5px; padding:10px 30px;}
.getbtn a:hover{background:#001e57}


/*-----------------------------------------------------
---------------------------------------------------------
Banner
----------------------------------------------------
---------------------------------------------------*/
.banner_slider{position:relative; background:#000;}
.banner_slider img{opacity:0.4; width:100%;}
.banner_slider_text{position:absolute; z-index:99; top:40%; left:0; right:0px; text-align:center;}
.banner_slider_text h2{color:#fff; font-size:45px; font-weight:600; text-transform:uppercase; line-height:50px;}
.banner_slider_text h2>span{color:#1a6adf;}

/*-----------------------------------------------------
---------------------------------------------------------
Home Product
----------------------------------------------------
---------------------------------------------------*/
.home-pro .product-img{background:#000;}
.home-pro .product-img img{opacity:0.6; width:100%;}
.pro_text{position:absolute; z-index:99; top:40%; left:0; right:0px; text-align:center;}
.pro_text h2{color:#fff; font-size:30px; font-weight:600; text-transform:uppercase; width:100%; text-align:center; margin:0px;}
.home-pro{margin-top:-100px;}
.home-pro .single-product{text-align:center; padding:0 10px;}

/*-----------------------------------------------------
---------------------------------------------------------
Home Services
----------------------------------------------------
---------------------------------------------------*/
.home-ser{text-align:center; padding:60px 0; background:#f8f8f8;}
.home-ser h2{font-size:25px; color:#001e57; margin-top:0px;text-transform:uppercase;}
.home-ser hr{background:#7578b1; width:150px; height:3px; border:none; margin:0 auto; border:none;}
.home-ser p{font-size:16px; margin:20px 0; font-weight:300;}
.hover,
.hover .overlay {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.hover,
.hover h3{text-align:center; color:#fff;}
.hover p{color:#fff; margin:0px; font-size:14px;}
.hover{margin-top:30px;
	float: left;
	position: relative;
	cursor: default
}
.hover .overlay {
	position: absolute;
	top: 0;
	left: 0
}
.hover img {
	display: block;
	position: relative
}
.ehover13 img {
	-webkit-transition: all .35s;
	transition: all .35s
}
.ehover13 .overlay,
.ehover13 button {
	-webkit-transition: opacity .35s, -webkit-transform .35s
}
.ehover13:hover img {
	filter: brightness(.6);
	-webkit-filter: brightness(.6)
}
.ehover13 .overlay {
	width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	transition: opacity .35s, transform .35s;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1)
}
.ehover13:hover .overlay {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.ehover13 button,
.ehover13 h2 {
	opacity: 0;
	color: #FFF;
	padding: 1em 0
}
.ehover13 button {
	transition: opacity .35s, transform .35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
.ehover13 h2 {
	background-color: transparent;
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
.ehover13:hover button,
.ehover13:hover h2 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}


/*-----------------------------------------------------
---------------------------------------------------------
About Section
----------------------------------------------------
---------------------------------------------------*/
.home-about{padding:60px 0;}
.home-about h2{font-size:25px; text-transform:uppercase; color:#001e57;}
.home-about p{font-size:15px; color:#666; font-weight:300;}
.bold-text{font-weight:600; margin:30px 0; color:#666; font-size:15px;}
.text{margin-top:30px;min-height:142px;}
.home-about hr{background:#7578b1; width:150px; height:3px; border:none;  border:none;}
.home-about a{background:#7578b1; color:#fff; text-transform:uppercase; font-size:15px; margin-top:25px; float:left; border-radius:5px; padding:10px 25px;}
.home-about a:hover{background:#001e57;}

/*-----------------------------------------------------
---------------------------------------------------------
Services Section
----------------------------------------------------
---------------------------------------------------*/
.services-section{padding:60px 0; text-align:center;}
.services-section h2{font-size:25px; text-transform:uppercase; color:#001e57; line-height:35px;}
.services-section hr{background:#7578b1; width:150px; height:3px; border:none; margin:0 auto; border:none;}
.services-section h6{text-transform:uppercase;}
.services-block{position:relative; margin-top:40px;}
.services-block .inner-box{position:relative; display:block; text-align:center; padding:55px 15px 60px; background-color:#f3f5f9; border-bottom:3px solid #001e57; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;}
.services-block .inner-box .big-icon{position:absolute; left:0px; top:80px; right:0px; bottom:0px;
line-height:1em; font-size:200px; text-align:center; color:rgba(255,255,255,0.05);}
.services-block .inner-box:hover{border-color:#7578b1;}
.services-block .inner-box:before{position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; opacity:0; visibility:visible; background-color:#001e57; transition: all 700ms ease;-webkit-transition: all 700ms ease;  -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -webkit-transform:scaleY(0); -ms-transform:scaleY(0); -moz-transform:scaleY(0); transform:scaleY(0);-webkit-transform-origin:top; -ms-transform-origin:top; -moz-transform-origin:top; transform-origin:top;}
.services-block .inner-box:hover::before{
	opacity:1;
	visibility:visible;
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-moz-transform:scaleY(1);
	transform:scaleY(1);
}

.services-block .inner-box .icon-box{
	position:relative;
	font-size:60px;
	line-height:1em;
	color:#001e57;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.services-block .inner-box:hover .text,
.services-block .inner-box:hover h3 a,
.services-block .inner-box:hover .icon-box{color:#ffffff;}
.services-block .inner-box h3{position:relative; font-size:16px; color:#222222; line-height:1.3em;
margin-top:30px; margin-bottom:20px;}
.services-block .inner-box h3 a{position:relative; color:#001e57; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; text-transform:uppercase;}
.services-block .inner-box .text{position:relative; font-size:14px; line-height:1.7em; color:#555555; padding:0px 22px;
transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;}
.services-block .inner-box .arrow{position:absolute; left:50%; bottom:0px; margin-bottom:-22px; width:44px; height:44px;
color:#7578b1; font-size:20px; line-height:44px; text-align:center; border-radius:50%; font-weight:800; margin-left:-20px;
background-color:#ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease; -o-transition:all 500ms ease; -webkit-box-shadow:0px 10px 15px rgba(0,0,0,0.05);
-ms-box-shadow:0px 10px 15px rgba(0,0,0,0.05); box-shadow:0px 10px 15px rgba(0,0,0,0.05);}
.services-block .inner-box:hover .arrow{background-color:#7578b1; color:#ffffff;}

.iconimg1{background:url(../images/icon1.png) no-repeat; width:70px; height:70px; display:inline-block;}
.services-block .inner-box:hover .iconimg1{background:url(../images/icon1_hover.png) no-repeat;}

.iconimg2{background:url(../images/icon2.png) no-repeat; width:70px; height:70px; display:inline-block;}
.services-block .inner-box:hover .iconimg2{background:url(../images/icon2_hover.png) no-repeat;}

.iconimg3{background:url(../images/icon3.png) no-repeat; width:70px; height:70px; display:inline-block;}
.services-block .inner-box:hover .iconimg3{background:url(../images/icon3_hover.png) no-repeat;}

.iconimg4{background:url(../images/icon4.png) no-repeat; width:70px; height:70px; display:inline-block;}
.services-block .inner-box:hover .iconimg4{background:url(../images/icon4_hover.png) no-repeat;}


/*-----------------------------------------------------
---------------------------------------------------------
Project Section
----------------------------------------------------
---------------------------------------------------*/
.projects-section{background:url(../images/parallax-1.jpg) no-repeat; background-size:cover; background-attachment:fixed; position:relative; padding:60px 0;}
.sec-title{text-align:center;}
.sec-title h6{color:#fff;}
.sec-title h2{color:#fff; text-transform:uppercase; line-height:35px; font-size:25px;}
.sec-title hr{background:#7578b1; width:150px; height:3px; border:none; margin:0 auto; border:none;}
.projects-section .sec-title{margin-bottom:55px;}
.content-column{position:relative; margin-top:30px;}
.content-column .title{position:relative; color:#fff;
font-size:25px;}
.content-column h3{position:relative; color:#fff; font-size:18px; margin-top:8px;}
.content-column .text{position:relative; margin-top:18px; color:#fff; font-size:13px; line-height:1.7em;margin-bottom:26px;}
.content-column .read-more{position:relative; color:#7578b1; font-size:16px; font-weight:700; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease;-o-transition:all 500ms ease; text-transform:uppercase;text-decoration:underline;}


.news-section{
	position:relative;
	padding:100px 0px 50px;
}

.news-section.alternate{
	padding-bottom: 100px;
}

.news-section.alternate:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	top: 400px;
	background: #f3f5f9;
}

.news-section .sec-title{
	margin-bottom:50px;
}

.news-block{
	position:relative;
	margin-bottom:50px; padding:0 15px;
}

.news-block .inner-box{
	position:relative;
}

.news-block .inner-box .image{
	position:relative;
	display:block;
	background:#222222;
	overflow:hidden;
}

.news-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.news-block .inner-box:hover .image img{
	opacity:0.7;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.news-block .inner-box .lower-content{
	position:relative;
	margin-left:12px;
	margin-right:12px;
	padding:10px;
	text-align:center;
	margin-top:-20px;
	z-index:1;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	border-bottom:3px solid #001e57;
	background-color:#ffffff;
	-webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 0px 30px rgba(0,0,0,0.10);
	box-shadow:0px 0px 30px rgba(0,0,0,0.10);
	min-height:154px;
}

.news-block .inner-box:hover .lower-content{
	border-color:#7578b1;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}

.news-block .inner-box .lower-content h3{
	position:relative;
	font-weight:700;
	font-size:16px; text-transform:uppercase;
	line-height:1.5em;
	padding:0;
	margin:0;
}


.news-block .inner-box .lower-content h3 a{
	font-size:18px; 
	text-transform:uppercase;
	position:relative;
	color:#001e57;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.news-block .inner-box .lower-content h3 a:hover{color:#ffc30c;}


/*-----------------------------------------------------
---------------------------------------------------------
Footer Section
----------------------------------------------------
---------------------------------------------------*/
.foot-top{background:url(../images/bg-footer.jpg) no-repeat; padding:60px 0; background-size:cover;}
.leftfoot p{color:#fff; font-size:13px; margin-top:20px;}
.quicklink h3{color:#fff; font-size:16px; margin:0px; text-transform:uppercase;}
.quicklink hr{background:#7578b1; width:50px; height:2px; border:none; margin:5px 0 25px;}
.quicklink ul li{display:block; padding:8px 0 0 0;}
.quicklink ul li a{color:#fff; text-transform:uppercase;}
.footconta h3{color:#fff; font-size:16px; margin:0px; text-transform:uppercase;}
.footconta hr{background:#7578b1; width:50px; height:2px; border:none; margin:5px 0 25px;}
.inner{width:100%; float:left; margin-top:8px;}
.inner span{width:30px; float:left; color:#fff; margin-top:5px;}
.inner p{color:#fff; font-size:14px; width:70%; float:left;}
.inner p > a{color:#fff;}
.foot_bottom{background:#1d1d1d; padding:20px 0; text-align:center;}
.foot_bottom p{color:#8c8c8c; margin:0px; padding:0px;}

/*======================ssayan===================*/
	ul.alllisttyp{width:100%;margin-left:10px;display:inline-block;}
	ul.alllisttyp li{width:47%;list-style-type:disc;margin:5px;float:left;text-align:left;}

.news-section{padding:60px 0; text-align:center;}
.news-section h2{font-size:25px; text-transform:uppercase; color:#001e57; line-height:35px;}
.news-section p{padding:15px 0;}
.news-section hr{background:#7578b1; width:150px; height:3px; border:none; margin:0 auto; border:none;}

/*-----------------------------------------------------
---------------------------------------------------------
About Page
----------------------------------------------------
---------------------------------------------------*/
.aboutbanner{background:url(../images/slider1.jpg) no-repeat; height:100vh;}
.inner_banner{padding:300px 0; background-attachment:fixed; background-size:cover;}
.bg1{background:#f8f8f8;}
.about-slider{margin-top:40px;}
.about-slider .news-block .inner-box .lower-content h3{font-size:13px;}
.about_mission .services-block{margin-top:0px;}

.product_img{padding:60px 0;}
.pro_img{margin-bottom:30px;}
.pro_img img{width:100%;}
.pro_img h3{text-align:center; font-size:18px; letter-spacing:0.5px; text-transform:uppercase; background:#d9d9d9; margin:0px; padding:15px 0;}



/*-------------------------------------------
-----------------------------------------------------
Contact Page
----------------------------------------------------
---------------------------------------------------------*/
.contactbody{background:#1a1a1a; text-align:center; padding:60px 0;}
.contbox i{color:#ff3300; font-size:35px; margin-bottom:30px;}
.contbox p{font-size:15px; color:#b2b2b2;}
.contbox p > span{color:#fff;}

.contactfrm{width:100%; margin-top:50px;}
.contact-form p{margin-bottom:10px; position:relative;}
.form-group{position:relative;}
.form-group i{color:#ff3300;  position:absolute; font-size:14px !important; left:20px; top:17px; width:1em; line-height:1; text-align:center;}
.form-group input[type="text"], 
.form-group input[type="email"], 
.form-group textarea{height: 50px; background-color:transparent; border-radius:3px; box-shadow:none; color:#fff; padding:20px 20px 20px 40px; font-size:14px; line-height:26px; font-weight:400;
border:1px solid #fff; width:100%;}
.form-group textarea{min-height:180px; padding-top:9px;}
.contactfrm input[type="submit"]{background:#ff3300; color:#fff; border:1px #ff3300 solid; text-transform:uppercase; margin-top:30px; padding:13px 30px; border-radius:5px;}
.contactfrm input[type="submit"]:hover{background:none; color:#ff3300;}
.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}