@charset "utf-8";
/* CSS Document */
body, html 
{
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #000;
	width: 100% !important;
	height: 100% !important;
}
body
{
	overflow-x:hidden;
}
a 
{
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color:#333;
}
h1,
h2,
h3,
h4,
h5,
h6 
{
  font-family:'nunito',sans-serif;
}
a:hover, a:focus 
{
	text-decoration: none;
}
ul, ol 
{
	list-style: none;
}
.clearfix:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix 
{
	display: inline-block;
}
* html .clearfix 
{
	height: 1%;
}
.clearfix 
{
	display: block;
}
ul, ol 
{
	padding: 0;
	webkit-padding: 0;
	moz-padding: 0;
}
/* Preloader */
.preloader
{
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.screenload,
.screenload_in 
{
    background-image:url(../image/loader2.gif) ;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.screenload_in 
{
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.screenload_in h4 
{
    color: #FFF;
    margin-top: 30px;
    text-transform: uppercase;
}
/* End Preloader */

/*                  Navigation               */
.navbar
{
	border:none !important;
}
.nav
{
	margin-top:15px;
}
.navbar-header
{
	position:relative;
}
.nav_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;	
	height: 100%;
	background: #fff;
	opacity: .65;
}
.navbar-default 
{
  border-color: rgba(34, 34, 34, 0.05);
  font-family:'nunito',sans-serif;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.navbar-default .navbar-header .navbar-toggle 
{
  font-weight: 700;
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  border-color:#000;
  margin:4%;
}
.navbar-default.affix .navbar-header .navbar-toggle 
{
	margin:7px;
}
.navbar-default .nav > li > a
{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  color: #000;
}
.navbar-default .nav > li > a:hover
{
    color: #CF0000;
}
.navbar-default.affix .nav .active > a
{
	background-color:none !important;
	color:#CF0000;
}
.navbar-default .nav .active > a
{
	background-color:none !important;
	color:#CF0000;
}
.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus
{
	color:#CF0000;
}
.navbar-default.affix
{
  height:50px;
}
.navbar-default.affix .nav_overlay
{
	width: 100%;	
	height: 100%;
	background: #fff;
	opacity:1 !important;
}
.navbar-default.affix .navbar-header > a
{
	height:50px;
	margin:0px;
	padding:5px;
}
.navbar-default.affix .navbar-header > a > img
{
	height:100%;
}
.navbar-default.affix .nav > li > a
{
    color: #000;
}
.navbar-default.affix .nav
{
	margin-top:0px;
}
.navbar-default.affix .nav > li > a
{
	font-size:14px;
}
.navbar-default.affix .nav > li > a:hover,
.navbar-default.affix .nav > li > a:focus:hover 
{
    color:#CF0000;
}
/*              End Navigation               */
/*               Header slider                 */
header 
{
  position: relative;
  width: 100%;
  min-height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-image:url(../image/photo5.jpg);
  text-align: center;
  color: white;
}
@media (min-width: 768px) 
{
  header 
  {
    min-height: 100%;
  }
  
}
/*                End Header              */
/*                  slider                */
.carousel,
.item,
.active 
{
    height: 100%;
}
.slider1 
{
  height: 100%;
  background: #000;
}
.carousel-caption
{
	padding-bottom:160px;
}
.carousel-caption h2
{
	font-size: 50px;
	font-weight:700;
}
.carousel-caption p
{
	padding:10px
}

/* Background images are set within the HTML using inline CSS, not here */
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity:0.6;
}
/**
 * Button
 */
.btn-transparent {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.btn-transparent:hover {
  background-color: #fff;
}

.btn-rounded {
  border-radius: 70px;
}

.btn-large {
  padding: 11px 45px;
  font-size: 18px;
  font-weight:700;
}

.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.carousel-control .icon
{
	width: 50px;
	height: 50px;
	line-height: 40px;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 50%;
	transition: .5s;
}
.carousel-control .icon:hover
{
	border-color:#CF0000;
	color:#CF0000;	
}
.left, .right
{
	background-image:none !important;
	
}
/*                       heading lines                 */
.heading_
{
	text-align:center;
}
.heading_span
{
	color:#CF0000;
	font-size:15px;
	position:relative;
	font-family: nunito,sans-serif;
}
.heading_span::before {
    position: absolute;
    width: 22px;
    height: 1px;
    background-color:#CF0000;
    content: '';
    top: 10px;
    left: -28px;
}
.heading_span::after {
    position: absolute;
    width: 22px;
    height: 1px;
    background-color: #CF0000;
    content: '';
    top: 10px;
    right: -28px;
}
.heading_detail
{
	font-weight:800;
	font-size: 37px;
	margin-bottom:20px;
	line-height: 44px;
}
/*                            About us                         */
.aboutus_section
{
	padding-top:80px;
	padding-bottom:30px;
}

.about_detail
{
	margin-top:30px;
}
.aboutus_brief_detail
{
	padding:80px 80px 80px 20px;
}
.aboutus_brief_detail h4
{
	font-size:25px;
	font-weight:700;
	margin-bottom:15px;
}
.aboutus_brief_detail p
{
	font-size:15px;
	margin-bottom:20px;
}
.aboutus_brief_detail h5
{
	font-size:18px;
	color:#CF0000;
	font-weight:600;
	margin-bottom:20px;
}
.aboutus_brief_detail .btn
{
	border-color:#CF0000;
	margin-top:30px;
}
.aboutus_brief_detail .btn1
{
	background-color:#CF0000;
	color:#fff;
}
.aboutus_brief_detail .btn2
{
	color:#CF0000;
}
.aboutus_brief_detail .btn2
{
	margin-left:30px;
}
.aboutus_brief_detail .btn1:hover
{
	background-color:#fff;
	color:#CF0000;
}
.aboutus_brief_detail .btn2:hover
{
	background-color:#CF0000;
	color:#fff;
}
.aboutus_brief_detail .about_icon
{
	color:#CF0000;
	font-size:18px;
	margin-right:10px;
}
.aboutus_brief_detail .about_list
{
	font-size:18px;
	font-weight:700;
}
.aboutus_brief_detail .about_list li
{
	margin-bottom:10px;
}
.aboutus_image
{
	padding-top: 30px;
	padding-left: 30px;
	position:relative;
	margin-bottom:50px;
}
.about_image_bottom
{
	padding-top:0px !important;
	padding-bottom:30px;
}
.aboutus_image .img_box
{
	left: 0;
	top: 0;
	position: absolute;
	height: 160px;
	width: 180px;
	border: 10px solid #CF0000;
}
.about_image_bottom .img_box_bottom
{
	left: 0;
	bottom: 0;
	position: absolute;
	height: 160px;
	width: 180px;
	border: 10px solid #CF0000;
}
.about_image_bottom .img_box_bottom2
{
	right: 0;
	bottom: 0;
	position: absolute;
	height: 160px;
	width: 180px;
	border: 10px solid #CF0000;
}
.image_about
{
	height: 240px;
	position: relative;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.aboutus_image2
{
	padding-top: 30px;
	padding-right: 30px;
	position:relative;
	margin-top:50px;
	margin-bottom:50px;
}
.aboutus_image2 .img_box2
{
	right: 0;
	top: 0;
	position: absolute;
	height: 160px;
	width: 180px;
	border: 10px solid #CF0000;
}
/*                            panel detail                     */
.panels
{
	position:relative;
}
.panels .panel_image
{
	background-image:url(../image/panel1.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	width: 81.8vw;
	position:relative;
	height:520px;
}
@media (max-width: 768px) {
  .panels .panel_image
  {
	  height:800px;
  }
  
}
.panels .panel_detail
{
	position:absolute;
	top:80px;
	right:0;
	background-color:#CF0000;
	color:#fff;
	padding:50px;
}
.panel_detail h3
{
	font-size:35px;
	font-weight:700;
}
.panel_detail p
{
	font-size:20px;
}
.panels .panel_image .panel_overlay
{
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.6;
}
/*                     /panel detail                    */
/*                       services                       */
.services_section
{
	padding-top:60px;
	padding-bottom:60px;
}
.services_
{
	margin-top:70px;
}
.services_detail
{
	padding:40px;
	border: 1px solid #f7f8ff;
	box-shadow: 0 0 30px 0 rgba(207,0,0,.2);
	border-radius:10px;
	text-align:center;
}
.services_detail h2
{
	margin-top:20px;
	margin-bottom:15px;
	font-weight:800;
	font-size:22px;
}
.services_detail p
{
	font-size:16px;
	color:#111;
}
.service_icon
{
	border-radius: 50%;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	text-align: center;
	line-height: 67px;
	font-size: 37px;
	color: #CF0000;
	border:1px solid #CF0000;

}
.service_2row
{
	margin-top:60px;
}
/*                             /services                        */
.pdf_detail
{

	background-color:#CF0000;
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
}
.pdf_detail p
{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 0px;
	margin-top: 6px;
	font-family: nunito,sans-serif;
}
.pdf_detail .btn1
{
	background-color:#111;
	color:#fff;
	font-weight:700;	
}
.pdf_detail .btn1:hover
{
	background-color:#fff;
	color:#111;
}
.pdf_detail2
{
	text-align:center;
}
.pdf_detail2 a
{
	margin-top:20px;
}
/* project */
.projects_section
{
	padding-top:80px;
	padding-bottom:60px;
}
.categories {
	padding-bottom: 30px;
	text-align: center;
	margin-top:50px;
}
ul.cat li {
	display: inline-block;
}
ol.type li {
	display: inline-block;
	margin-left: 20px;
}
ol.type li a {
	color: #fff;
	padding: 6px 14px;
	background-color:#CF0000;
}
ol.type li a.active {
	background: #121d1f;
	color: #fff;
}
ol.type li a:hover {
	background: #121d1f;
	color: #fff;
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	z-index: 1
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.9s;
	-moz-transition-duration: 0.9s;
	transition-duration: 0.9s;
}
.isotope-item {
	margin-right: -1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.isotope {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
/* gallery effect */
.gallery_effect {
    position: relative;
    float: left;
    overflow: hidden;
	width:100%;
    text-align: center;
    cursor: pointer;
	margin-bottom:25px;
	color:#fff;
	background-color:#CF0000;
}	
.gallery_effect .figcaption {
	background-color:#CF0000;
}

.gallery_effect h4 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	opacity:0;
	color:#fff;
	font-size:25px;
	font-weight:700;
}
.gallery_effect p{
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	font-size:16px;
	font-weight:400;
	margin-top:15px;
	color: rgba(255, 255, 255, 0.8) !important ;
}
.gallery_effect i {
	border:1px solid #fff;
	padding:7px;
	font-size:18px;
	border-radius:20%;
}
.gallery_effect img, .blog_image img
{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}
.gallery_effect img,
.gallery_effect .figcaption::before,
.gallery_effect .figcaption::after,
.gallery_effect p, .blog_image img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.gallery_effect:hover img, .blog_image:hover img {
	opacity: 0.2;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.gallery_effect:hover h4,
.gallery_effect:hover p{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.gallery_effect:hover .figcaption::after,
.gallery_effect:hover h4,
.gallery_effect:hover p,
.gallery_effect:hover img{
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.figcap_detail
{
	position: absolute;
	width: 100%;
	z-index: 99;
	text-align: left;
	padding:25px 30px;
}

/*              products           */
.product_detail img
{
	width:100%;
	height:100%;
}
.col-item
{
	border-radius:10px; 
	box-shadow: 0px 0px 15px 0px rgba(94, 44, 237, 0.2);
	border:2px solid #e9e3fb;
}
.col-item .info
{
    padding: 15px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
	background-color:#fff;
	border-top: 2px solid #e9e3fb;	
}
.col-item .info h4
{
	font-size:20px;
	font-weight:700;
	text-align:center;
}
.product_section
{
	padding-top:80px;
	padding-bottom:60px;
}
.product_row
{
	padding-top:60px;
	padding-bottom:20px;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 15px;
    line-height: 0;
	border:1px solid #CF0000;
	color:#CF0000;
    position: absolute;
    height: 50px;
	width: 50px;
	border-radius: 50%;
	top: 50%;
	margin-top: -25px;
	background-color: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index:99;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: #fff;
    outline: none;
    background-color:#CF0000;
}

.slick-next
{
	left:auto;
	right:0;
}

/* Scroll */
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 9999;
	color: #fff;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-color:#CF0000;
}
.scroll-top-wrapper:hover {
	background-color: #333;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height:45px;
}

/*           Projects        */
.project_details
{
	cursor:pointer;
}
.project_image
{
	height:280px;
	overflow:hidden;
	background-color:#000;
}
.project_image img
{
	width:100%;
	height:100%;
	opacity:.8;
	display:block;
	position:relative;
	-webkit-transition:all .4s ease 0s;
	-o-transition:all .4s ease 0s;
	transition:all .4s ease 0s;
}
.project_details:hover .project_image img
{
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.project_detail
{
	padding: 10px;
	width: 90%;
	margin: 40px auto 0px auto;
	box-shadow: 0px 0px 15px 0px rgba(94, 44, 237, 0.2);
	border: 2px solid #e9e3fb;
	position: relative;
	z-index: 1;
	top: -74px;
	background: #fff;
	text-align: center;
}
.project_detail h4 {
	font-size:25px;
	font-weight:700;
}
.project_detail p{

	font-size:16px;
	font-weight:400;
	margin-top:15px;
}
/*               CLients               */
.testimonial
{
	padding-top:60px;
	padding-bottom:60px;
	background-image:url(../image/testimonial.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
}
.testimonial_overlay
{
	background-color:#000;
	opacity: 0.6;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
}
.testimonial .heading_detail, .testimonial .heading_span 
{
	color:#fff;
}
.testimonial .heading_span:before, .testimonial .heading_span:after
{
	background-color:#fff;
}
.certificate
{
	margin-top:60px;
}
.certificate_detail
{
        border: 3px solid #CF0000;
	box-shadow: 0 0 30px 0 rgb(207 0 0 / 20%);
}
.certificate_detail img
{
	width:100%;
	height:100%;
}
.clients
{
	padding:70px 0;
	background-color: #fbfbfd;
}
.client_image
{
	height:110px;
	border: 2px solid #e9e3fb;
}
.client-slider
{
	margin-bottom:30px;
	margin-top:60px;
}
.client_image img
{
	width:100%;
	height:100%;
}
/*           Contact Us             */
.contactus
{
	padding-top:40px;
	padding-bottom:100px;
}
.contactus_details
{
	margin-top:40px;
}
.contactus_detail
{
	display:flex;
	margin-bottom:30px;
}
.contactus_icon
{
	height: 70px;
	width: 70px;
	flex: none;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	margin-right: 30px;
	background-color:#CF0000;
	text-align:center;
	line-height:70px;
}
.contactus_subdetail h3
{
	font-size: 24px;
	font-weight: 800;
	margin-top:8px;
}
.contactform
{
	background-color: #fff;
	width: 100%;
	padding: 12px 20px;
	border-radius: 5px;
	font-size: 16px;
	border: 1px solid #e9e3fb;
	box-shadow: 0 0 12px rgba(94, 44, 237, 0.2);
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	margin-top:35px;
}
.contactform:focus {
	border: 1px solid #CF0000;
	outline:0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(160, 206, 78, 0.3);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(160, 206, 78, 0.3);	
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(160, 206, 78, 0.3);
}
.contactus_form .btn1
{
	width:100%;
	background-color:#CF0000;
	color:#fff;
	border:1px solid #CF0000;
}
.contactus_form .btn1:hover
{
	background-color:#fff;
	color:#CF0000;
}
.follow{
	margin-top: 140px;
	font-weight: 700;
}
/* social media */
.social{
	display: flex;
}
.social .contactus_icon a{
	display: block;
}
.social .contactus_icon:hover{
	background-color:#fff;
    border:1px solid #CF0000;
}
.social .contactus_icon:hover a i{
	color:#CF0000;
}
.social .contactus_icon a i{
	color:rgb(255, 255, 255);
}
/*         Footer                */
.footer
{
	padding:10px 0;
	background-color:#CF0000;
	color:#fff;
}
.footer h5
{
	font-size:18px;
}
.footer a
{
	color:#000;
}

/* media query */
@media (max-width: 768px) {
	
	/*navbar */
  header {
    min-height: 100%;
  }
  .navbar-brand
  {
	  width:280px;
  }
  .navbar-brand img
  {
	  width:100%;
  }
  .navbar-default.affix .navbar-nav
  {
	  background-color:#fff;
  }
  
  /* slider */
  .carousel-caption h2
  {
	  font-size:40px;
  }
  .btn-large
  {
	  padding:11px 35px;
  }
  .carousel-control .icon
  {
  	  width: 40px;
      height: 40px;
      line-height: 32px;
  }
  
  /* heading detail */
  
  .heading_detail
  {
	  font-size:30px;
  }
  
  /* about */
  
  .aboutus_brief_detail .btn2 
  {
      margin-left:20px;
  }
  .aboutus_brief_detail
  {
	  padding:10px 10px 70px 10px;
  }
  
  /* panel */
  .panels .panel_image
  {
	  height:630px;
  }
  .panels .panel_detail
  {
	  padding:35px;
  }
  .panel_detail h3
  {
	  font-size:30px;
  }
  .panel_detail p
  {
	  font-size:18px;
  }
  
  /* services */
  .services_detail
  {
	  margin-bottom:30px;
  }
  .service_2row
  {
	  margin-top:0px;
  }
}