body 
{
  margin: 0;
  padding: 0;  
  font-size: 18px;
  color: #3d3d3d;
  overflow-x: hidden !important;
  font-family: 'Hind Vadodara', sans-serif;
  top: 0px !important;
}
.goog-te-banner-frame
{
	display: none;
}

ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
a, a:hover, a:focus, button, button:focus 
{
  text-decoration: none;
  outline: none;
  transition: all 0.5s ease-in-out 0s !important;
  -moz-transition: all 0.5s ease-in-out 0s !important;
  -o-transition: all 0.5s ease-in-out 0s !important;
}
a
{
    
}

h1, h2, h3, h4, h5, h6 
{
  margin: 0px;
  font-family: 'Hind Vadodara', sans-serif;
}

h1, .h1 
{
  font-size: 70px;
  line-height: 70px;
  font-family: 'Hind Vadodara', sans-serif;
}

h2, .h2 
{
  font-size: 60px;
  line-height: 60px;
  font-family: 'Hind Vadodara', sans-serif;
}

h3, .h3 
{
  font-size: 40px;
  line-height:40px;
  font-family: 'Hind Vadodara', sans-serif;
}

h4, .h4 
{
  font-size: 30px;
  line-height: 30px;
  font-family: 'Hind Vadodara', sans-serif;
}

h5, .h5 {
  font-size: 22px;
  line-height: 25px;
  font-family: 'Hind Vadodara', sans-serif;
}

h6, .h6 
{
  font-size: 18px;
  line-height: 25px;
  font-family: 'Hind Vadodara', sans-serif;
}

p , li
{
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0px;
  margin-bottom: 0px;
  color: #333333;
}
.ulist li
{
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}
.ulist li:last-child
{
	margin-bottom: 0px;
}
.ulist li:before
{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 50%;
	top: 8px;
	left: 0px;
}
/*----------------------*/
/*---- Padding Css ----*/
/*--------------------*/
.padding-30
{
	padding: 30px;
}
.c-padd-40
{
	padding-top: 40px; 
	padding-bottom: 40px;
}
.c-padd-50
{
	padding-top: 50px; 
	padding-bottom: 50px;
}
.c-padd-60
{
	padding-top: 60px; 
	padding-bottom: 60px;
}
.c-padd-80
{
	padding-top: 80px; 
	padding-bottom: 80px;
}
.c-padd-100
{
	padding-top: 100px; 
	padding-bottom: 100px;
}
/*----------------------*/
/*----  Margin Css ----*/
/*--------------------*/
.mt-10
{
	margin-top: 10px;
}
.mt-20
{
	margin-top: 20px;
}
.mb-10
{
	margin-bottom: 10px;
}
.mb-20
{
	margin-bottom: 20px;
}
.mb-30
{
	margin-bottom: 30px;
}

.mb-50
{
	margin-bottom: 50px;
}

/*-----------------------*/
/*----  Font Weight ----*/
/*---------------------*/
.font-weight-800
{
	font-weight: 800;
}
.font-weight-700
{
	font-weight:700;
}
.font-weight-600
{
	font-weight:600;
}
.font-weight-500
{
	font-weight:500;
}
.font-weight-400
{
	font-weight:400;
}
/*-----------------------*/
/*----  Text Color  ----*/
/*---------------------*/
.t-white
{
	color: #fff;
}
.t-black
{
	color: #000;
}
.t-dark-blue
{
	color: #1a3268;
}

/*-----------------------------*/
/*----  Background Color  ----*/
/*--------------------------*/
.b-dark-blue
{
	background: #1a3268;
}
/*-----------------------*/
/*----  Button Css  ----*/
/*---------------------*/

.btn-white
{
	color: #2a3073;
	padding:0px 40px;
	font-size: 18px;
	line-height: 58px ;
	font-weight: 500;
	border-radius: 0px;
	position: relative;
	background: #fff;
	border: 1px solid #fff;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 30px;
}
.btn-white:hover
{
	color:#fff;
	background: transparent;
}
.btn-blue
{
	color: #fff;
	padding:0px 40px;
	font-size: 18px;
	line-height: 58px;
	font-weight: 500;
	border-radius: 0px;
	position: relative;
	background: #2a3073;
	border: 1px solid #2a3073;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 30px;
}
.btn-blue:hover
{
	color:#2a3073;
	background: transparent;
}
.container
{
	max-width:1200px;
}

.section-title
{
	color: #1b1b1b;
	text-transform: uppercase;
	font-weight: 800;
}
.section-title span
{
	font-size: 18px;
	font-weight: 400;
	color: #666666;
	display: block;
	line-height: 25px;
}

/*-------------------------------*/
/*------  Header Section   -----*/
/*-----------------------------*/
.navbar
{
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	z-index: 99;
	width: 100%;
	background: #fff;
	top: 0;
	z-index: 666;
	padding: 0px;
}

.navbar .navbar-brand img
{
	height: 110px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.navbar-brand
{
	padding: 10px 0px;
}
.navbar .nav-item
{
	padding: 0px 0px;
}
.navbar-nav
{
	padding-right: 15px;
}
.navbar .nav-link
{
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	padding: 10px 25px !important;
	color: #585858 !important;
	position: relative;
	text-transform: capitalize;
}
.navbar .nav-link:before
{
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: #565656;
	right:-2.5px;
	top:50%;
	transform: translateY(-50%);
	border-radius: 50%;
}
.navbar .nav-link:after
{
    content: "";
	position: absolute;
    height: 1px;
	background: #2a3073;
	bottom:0px;
	left:0px;
	transition: all .35s ease;
	width:0px;
	border:none;
	margin-left:0px;
}

.navbar .nav-item:last-child .nav-link:before
{
	display: none;
}
.navbar .nav-link:hover, .navbar .nav-item.active a.nav-link
{
	color: #2a3073 !important;
}
.navbar .nav-link:hover:after, .navbar .nav-item.active > a.nav-link:after
{
 width:100%;   
}

.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;
	font-size: 25px;
	color: #666666;
}

.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;
	color: #666666;
}
.header-contact 
{
	padding-left: 30px;
	border-left: 1px solid #b7b7b7;
}
.contact-number
{
  display: flex;
  align-items: center;
  float: right;

}
.contact-number a
{
  font-size: 18px;
  margin-left: 15px;
  color: #2a3073;
}
/*.navbar .nav-link.dropdown-toggle::after*/
/*{*/
/*	display: none;*/
/*}*/
/*.navbar .nav-link.dropdown-toggle
{
	padding-right: 45px !important;
}*/
.navbar .nav-item.dropdown i {
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	right: 23px;
	color: #585858 !important;
	font-size: 13px;
	display:none;
}
.navbar.sticky {
    top: 0;
    position: fixed;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    z-index: 9999;
}
.navbar.sticky .navbar-brand img
{
	height: 60px;
}
.navbar-nav li .dropdown-menu
{
	
	background-color: #fff;
	border-radius: 0;
	border: none;
	-webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
	box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
	display: block;
	left: 0;
	opacity: 0;
	padding: 0px;
	visibility: hidden;
	margin: 0;
	transform: scale(1 , 0);
	transform-origin: 0 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.navbar-nav li:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.navbar-nav li a.dropdown-item
{

	line-height: 20px;
	padding: 10px 20px;
	color: #585858 !important;
}
.navbar-nav li a.dropdown-item:hover
{
	background: #243665;
	color: #fff !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;
	font-size: 25px;
	color: #243665;
}

.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;
	color: #243665;
}
#google_translate_element
{
    margin-bottom:10px;
    display:none;
}
.navbar.sticky #google_translate_element
{
    display:none;
}

/*-------------------------------*/
/*------  Slider Section   -----*/
/*-----------------------------*/
.main_slider_area
{
	background: url(../images/banner-bg-1.png);
	background-size: cover;
}
.slider-title
{
	font-size: 60px;
	font-weight: 700;
	color: #fff;
	line-height: 60px;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.slider-title-2
{
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	font-weight: 300;
	margin-bottom: 30px;
}

#carousel .carousel-item {
  height: 800px;
  width: 100%;
  min-height: 350px;
  background: no-repeat center center scroll;
  background-size: cover;
}


.carousel-item .container 
{
	max-width: 1500px;
}
.carousel-control-next, .carousel-control-prev
{
	width: 70px;
	height: 70px;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0,0,0,0.5);
	border-radius: 50%;
}
.carousel-control-prev
{
	left: 15px;
}
.carousel-control-next
{
	right: 15px;
}
#carousel .carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}

.carousel-inner .animated {
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-duration: 2s;
    animation-fill-mode: both;
}

.slider-img 
{
	text-align: right;
}

/*---------------------------------*/
/*------  Services Section   -----*/
/*-------------------------------*/
.services-block
{
	padding: 100px 50px;
	position: relative;
	width: 20%;
	border:1px solid #a6a6a6;
}
.services-block:nth-child(2), .services-block:nth-child(3), .services-block:nth-child(4)
{
	border-left: 0px;
}
.services-block:before
{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	background: rgba(255,255,255,10);
	width: 100%;
	height: 100%;
	transition: all 0.5s ease-in-out 0s !important;
	-moz-transition: all 0.5s ease-in-out 0s !important;
	-o-transition: all 0.5s ease-in-out 0s !important;
}
.services-box
{
	position: relative;
	z-index: 10;
}
.services-box h3 
{
	margin-bottom: 15px;
	font-weight: 700;
	color:#2a3073;
}
.services-box h3 a
{
	font-weight: 700;
	color:#2a3073;
	
}
.services-box h3, .services-box p
{
	transition: all 0.5s ease-in-out 0s !important;
  	-moz-transition: all 0.5s ease-in-out 0s !important;
  	-o-transition: all 0.5s ease-in-out 0s !important;
}
.services-box p 
{
	color: #6e6e6e;
}
.services-box .number
{
	font-size: 120px;
	line-height:120px;
	font-weight: 500;
	color: #c2c2c2;
	text-align: right;
	margin-top: 40px;
}
.services-block:hover:before
{
	opacity: 0;
}
.services-block:hover .services-box h3, .services-block:hover .services-box p
{
	color: #fff;
}
.consultancy-services
{	
	background: url(../images/service-img-1.png);
	background-size: cover;
}

.designing-services
{
	background: url(../images/service-img-2.png);
	background-size: cover;
}

.printing-services
{
	background: url(../images/service-img-3.png);
	background-size: cover;
}
.marketing-services
{
	background: url(../images/service-img-4.png);
	background-size: cover;
}
.logistic-services
{
	background: url(../images/service-img-5.png);
	background-size: cover;
}

.services-title-text h3 {
    font-weight: 700;
    color: #2a3073;
}

.services-img-box
{
	position: relative;
	padding: 80px 15px;
 transition-duration: 300ms;
  transition-property: transform, box-shadow;
  transition-timing-function: ease-out;
  transform: rotate3d(0);
}
.services-img-box h3 
{
	color: #fff;
	font-weight: 700;
	text-align: center;
}
/*.services-img-box h3 
{
	color: #fff;
	font-weight: 700;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}*/
.services-text-box
{
	margin-top: 20px;
}
.services-text-box.text-center
{
	max-width: 1000px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.services-inner-box
{
	text-align: center;
	position: relative;
	padding: 0px 25px;
}
.services-inner-box:before
{
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	background: #2A3073;
	top: 0px;
	right: -1px
}
.services-inner-box:last-child:before
{
	display: none;
}

.services-text-box a[href^="tel:"] , .mission-section a[href^="tel:"] 
{
    font-weight: 600;
    color: #2a3073;
    position: relative;
}
.services-text-box a[href^="tel:"]:before, .mission-section a[href^="tel:"]:before
{
    content: "";
    position: absolute;
    height: 1px;
    background: #2a3073;
    bottom: 0px;
    left: 0px;
    transition: all .35s ease;
    width: 0px;
}
.services-text-box a[href^="tel:"]:hover:before, .mission-section a[href^="tel:"]:hover:before
{
    width:100%;
}
.services-inner-box h4
{
	font-size: 30px;
	margin-bottom: 20px;
	text-align: center;
	color: #2A3073;
	font-weight: bold;
}
/*.services-inner-block*/
/*{*/
/*    transition: all 0.3s ease;*/
/*}*/
/*.services-inner-block:hover*/
/*{*/
/*    transform: translateY(-10px);*/
/*}*/

.photobook
{
	background: url(../images/printing-services/printing-photobook.jpg);
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
}
.digital
{
    background: url(../images/printing-services/printing-offset.jpg);
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
}
.offset
{
	
	background: url(../images/printing-services/printing-digital.jpg);
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
}

.designing-1
{
	background: url(../images/printing-services/design-graphic.jpg);
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
}

.designing-2
{
	background: url(../images/printing-services/design-app.jpg);
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
}

.designing-3
{
	background: url(../images/printing-services/design-packaging.jpg);
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
}

.designing-4
{
	background: url(../images/printing-services/design-photobook.jpg);
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
}
.consultany-box
{
	border-radius: 10px;
	border: 1px solid #2a3073;
	text-align: center;
	padding: 20px 0px;
}

.marketing-1
{
	background: url(../images/printing-services/marketing-traditional.jpg);
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
}

.marketing-2
{
	background: url(../images/printing-services/marketing-online.jpg);
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
}
.services-title-text .ulist li
{
    margin-bottom:5px;
}
.services-text-box ul.ulist 
{
    
}
.services-text-box ul.ulist  li
{
    display: inline-block;
    padding-right: 15px;

}
.wedding-photo-1
{
	background: url(../images/service/album-img-2.jpg);
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;
}
/*-----------------------------------*/
/*------  Home About Section   -----*/
/*---------------------------------*/

.home-about-section
{
	position: relative;
}
.home-about-bg
{
	position: absolute;
	left: 0px;
	top: 0;
	background: url(../images/netra-image-1.jpg);
	background-size: cover;
	width: 50%;
	height: 100%;
	background-position: center;
}
.home-about-bg img
{
	display: none;
}
.home-about-text
{
	padding-left: 60px;
}

.title .h2
{
	font-weight: 700;
	color: #2a3073;
}
.title h4
{
	color: #6d6d6d;
	position: relative;
	font-weight: 700;
	margin-bottom: 15px;
	padding-right: 130px;
	display: inline-block;
}
.title h4:before
{
	content: "";
	position: absolute;
	width: 100px;
	height: 1px;
	top: 50%;
	right: 0px;
	background: #6d6d6d;
}
.title
{
	margin-bottom: 20px;
}
.btn-blue
{
	margin-top: 30px;
}

/*---------------------------------------*/
/*------  Home What Work Section   -----*/
/*-------------------------------------*/
.what-work-section
{
	position: relative;
}

.what-work-text
{
	padding-right: 60px;
}
.home-what-work-bg
{
	position: absolute;
	right: 0px;
	top: 0;
	background: url(../images/netra-image-2.jpg);
	background-size: cover;
	width: 50%;
	height: 100%;
	background-position: center;
}
.home-what-work-bg img
{
	display: none;
}
/*----------------------------------------*/
/*------  Home Marketplace Section   -----*/
/*---------------------------------------*/
.home-marketplace-section h4
{
	color: #2a3073;
	position: relative;
	font-weight: 700;
}

.marketplace-carousel .owl-prev, .marketplace-carousel .owl-next ,
.consultany-carousel .owl-prev, .consultany-carousel .owl-next,
.export-import-carousel .owl-prev, .export-import-carousel .owl-next
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2px;
    width: 28px;
    height: 50px;
    background-color:#000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: all 0.3s ease;
}
.marketplace-carousel ,  .consultany-carousel, .export-import-carousel
{
  overflow: hidden;
  position: relative;
  z-index: 999;
}

.marketplace-carousel .owl-next, .consultany-carousel .owl-next, .export-import-carousel .owl-next
{
    right: -40px;
}
.marketplace-carousel .owl-prev, .consultany-carousel .owl-prev, .export-import-carousel .owl-prev 
{
    left: -40px;
}
.marketplace-carousel:hover .owl-next , .consultany-carousel:hover .owl-next, .export-import-carousel:hover .owl-next 
{
    right: 0px;
}
.marketplace-carousel:hover .owl-prev , .consultany-carousel:hover .owl-prev, .export-import-carousel:hover .owl-prev
{
    left: 0px;
}
.marketplace-carousel .item a img 
{
	transition: all 0.3s ease;
}
.marketplace-carousel .item a:hover img 
{
	transform: scale(0.94);
}

.export-import-box
{
	position: relative;
}
.export-import-box h4
{
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	z-index:99;
	text-align: center;
	    font-size: 24px;
    text-transform: capitalize;
    padding: 0px 15px;
}
.consultany-carousel img 
{
	width: auto !important;
	margin: 0px auto;
}
/*----------------------------------------*/
/*------  Home why-choose Section   -----*/
/*---------------------------------------*/
.why-choose-section
{
	position: relative;
}
.why-choose-section:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 42%;
	background: #2a3073;
	bottom: 0px;
	left: 0px;
}
.why-choose-section .title
{
	text-align: center;
	margin-bottom: 30px;
}
.why-choose-section .title h4
{
	margin-bottom: 5px;
}
.why-choose-block
{
	text-align: center;
	color: #fff;
}
.why-choose-block img
{
	max-width: 190px;
	margin-bottom: 10px;
}
.why-choose-block h5
{
	font-weight: 700;
	margin-bottom: 10px;
}
.why-choose-block p
{
	color: #fff;
}

/*---------------------------------------*/
/*------  Home portfolio Section   -----*/
/*-------------------------------------*/
.portfolio-section .title h4
{
	margin-bottom: 5px;
}

.portfolio-wrap 
{
  position: relative;  
  overflow: hidden;
  margin-top: 30px;
}
.portfolio-wrapper img 
{
  width: 100%;
}
.portfolio-overlay  a 
{
  display: inline-block;
  text-align: center;
  font-size: 16px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: #fff;
  color: #2a3073;
}
.portfolio-wrap .portfolio-overlay 
{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  z-index: 1;
  text-align: center;
}

.portfolio-wrap:hover .portfolio-overlay 
{
  opacity: 1;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.portfolio-overlay-wrap:after 
{
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 50%;
  width: 0;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  background: rgba(0, 0, 0, 0.5);
}
.portfolio-overlay-wrap:before 
{
  position: absolute;
  content: "";
  left: 10px;
  right: 10px;
  top: 50%;
  bottom: 50%;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  background: rgba(42, 48, 115, 0.8);
}
.portfolio-wrap:hover .portfolio-overlay >  .zoom-icon 
{
  transform: scale(1);
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
}
.portfolio-wrap .portfolio-overlay > .zoom-icon 
{
  width: 50px;
  text-align: center;
  transform: scale(0);
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  margin-top: 7px;
}
.portfolio-overlay-wrap:hover:after 
{
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
}
.portfolio-overlay-wrap:hover:before 
{
  opacity: 1;
  top: 10px;
  bottom: 10px;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
}

/*--------------------------------------*/
/*------  Quick Conatct Section   -----*/
/*------------------------------------*/
.quick-conatct-section
{
	position: relative;
	background: url(../images/bg-1.png);
	background-size: cover;

}
.quick-conatct-section .title
{ 
	text-align: center;
}
.quick-conatct-form
{
	margin-top: 20px;
}
.quick-conatct-form .form-control
{
	border-radius: 0px;
	padding: 20px;
	line-height: 25px;
}
.quick-conatct-form .form-group
{
	margin-bottom: 30px;
}

/*-------------------------------------*/
/*------  Certificates Section   -----*/
/*-----------------------------------*/
.certificates-carousel, .clients-carousel,.network-carousel 
{
	margin-top: 30px;
}
.certificates-carousel .owl-prev, .certificates-carousel .owl-next ,
.clients-carousel .owl-prev, .clients-carousel .owl-next , 
.network-carousel .owl-prev, .network-carousel .owl-next  
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2px;
    width: 28px;
    height: 50px;
    background-color:#000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: all 0.3s ease;
}
.certificates-carousel, .clients-carousel , .network-carousel
{
  overflow: hidden;
  position: relative;
  z-index: 999;
}

.certificates-carousel .owl-next ,.clients-carousel .owl-next, .network-carousel .owl-next  
{
    right: -40px;
}
.certificates-carousel .owl-prev , .clients-carousel .owl-prev, .network-carousel .owl-prev 
{
    left: -40px;
}
.certificates-carousel:hover .owl-next , .clients-carousel:hover .owl-next , .network-carousel:hover .owl-next 
{
    right: 0px;
}
.certificates-carousel:hover .owl-prev , .clients-carousel:hover .owl-prev, .network-carousel:hover .owl-prev  
{
    left: 0px;
}

/*-------------------------------------*/
/*------  Testimonials Section   -----*/
/*-----------------------------------*/
.testimonials-section
{
	background: #2a3073;
}
.testimonials-section .title .h2
{
	color: #fff;
}
.testimonials-carousel .item
{
	padding-top: 25px;
}
.testi-block
{
	padding: 20px;
	padding-top: 30px;
	border: 1px solid #fff;
	border-radius: 15px;
	display: flex;
	align-items: center;
	width: 99%;
}
.testi-img img
{

	width: 110px !important;
	border-radius: 10px;
}
.testi-text 
{
	padding-left: 20px;
}
.testi-text h6 
{
	line-height: 25px;
}
.testi-text p
{
	line-height: 20px;
	font-size: 16px;
	margin-bottom: 0px;
}
.testi-icon
{
	position: absolute;
	height: 50px !important;
	top: 0;
	width: auto !important;
	right: 20px;
}
.testi-text, .testi-text p 
{
	color: #fff;
}
.testimonials-carousel .owl-dots 
{
	text-align: center;
	padding-top: 20px;
}
.testimonials-carousel .owl-dots .owl-dot {
    border: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    margin: 5px 10px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}
.testimonials-carousel .owl-dots .owl-dot:before
{
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #fff;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: none;
}
.testimonials-carousel .owl-dots .owl-dot.active:before
{
	display: block;
}
/*-------------------------------*/
/*------  Footer Section   -----*/
/*------------------------------*/
footer
{
	background: #333333;
	padding: 50px 0px;
	color: #c2c2c2;
}
footer p
{
	color: #c2c2c2;
}
.footer-logo img
{
	border-radius: 5px;
}

.contact-details li
{
	position: relative;
	padding: 10px 00px;
	text-align: left;
	padding-left: 40px;
}
.contact-details li img
{
	position: absolute;
	left: 0px;
	top: 15px;
}
.contact-details li a
{
	color: #c2c2c2;
	position: relative;
	display:inline-block;
}

.contact-details li a:before
{
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0px;
	left: 0;
	transition: all 0.3s ease;
	background: #c2c2c2;
}
.contact-details li a:hover:before
{
	width: 100%;
}

.social-ul
{
	display: flex;
}
.social-ul li
{
	float: left;
	padding: 0px 10px;
}
.social-ul li:first-child
{
	padding-left: 0px;
}
.social-ul li:last-child
{
	padding-right: 0px;
}
.copy-right-section
{
	padding: 15px 0px;
}
.copy-right-section p
{
	line-height: 30px;
	text-align: center;
	margin-bottom: 0px;
}
.copy-right-section p br
{
    display:none;
}

.copy-right-section p a
{
	color: #959595;
}
.copy-right-section p a:hover
{
	color: #2a3073;
}
.whatsapp-icon
{
	position: fixed;
  bottom: 10px;
  right: 10px;
  width: 70px;    z-index: 999;
}
.right-button a
{
	padding: 10px 15px;
	position: fixed;
	top: 50%;
	transform:rotate(90deg) translateY(50%) ;
	right: -65px;
	background: #2a3073;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 0px 0px 10px 10px;
	z-index: 999;
}
.right-button a:hover
{
	background: #fff;
	color: #2a3073;
	border: 1px solid #2a3073;

}
/*---------------------------*/
/*------  Page Header  -----*/
/*-------------------------*/

.page-header
{
	padding: 140px 0px;
	background: url("../images/netra-inner-banner.jpg");
	background-size: cover;

}
.page-header h2 
{
	text-align: center;
	text-transform: capitalize;
	color: #fff;
	font-weight: 700;
}
/*---------------------------*/
/*------  About Page   -----*/
/*-------------------------*/
.about-section
{
	position: relative;
	z-index: 9;
}
.about-section:after
{
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0px;
	background: #f7f7f7;
}
.about-text
{
	position: relative;
	z-index: 99;
	padding-left: 50px;
}
.about-text, .about-title 
{
	padding-top: 80px;
	padding-bottom: 180px;
}
.about-img-section
{
	margin-top: -130px;
	position: relative;
	z-index: 99;
}
.mission-section .title 
{
	text-align: center;
}
.mission-box
{
	padding: 20px;
	background: #eef0ff;
	min-height: 240px;
}

/*------------------------------*/
/*------  Privacy Policy  Page   -----*/
/*----------------------------*/

.privacy-policy-page p
{
    margin-bottom:10px;
    color:#6e6e6e;
}
.privacy-policy-page h4
{
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 10px;
}
.privacy-policy-page a 
{
    font-weight: 600;
    color: #2a3073;
    position: relative;
}
.privacy-policy-page a:before
{
    content: "";
    position: absolute;
    height: 1px;
    background: #2a3073;
    bottom: 0px;
    left: 0px;
    transition: all .35s ease;
    width: 0px;
}
.privacy-policy-page a:hover:before
{
    width:100%;
}
.privacy-policy-page .ulist li
{
    color:#6e6e6e;
}
.privacy-policy-page .ulist li:before
{
    background: #2a3073;
}
/*------------------------------*/
/*------  Services Page   -----*/
/*----------------------------*/
.services-page-box
{
	margin: 15px auto;
	transition: all 0.3s ease;
	padding-bottom: 10px;
	position: relative;
}
.services-page-img
{
	margin-bottom: 20px;
}
.services-page-box:before
{
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	left: 0px;
	bottom: 0;
	background: #2a3073;
		transition: all 0.3s ease;
}
.services-page-box:hover
{
 transform: translateY(-10px);
}
.services-page-box:hover:before
{
	width: 100%;
}
.services-page-box h3
{
	margin-bottom: 15px;
}
.services-page-box h3 a
{

	font-weight: 700;
	color:#2a3073;
}
.services-img {
    margin-bottom: 15px;
}

/*-------------------------------*/
/*------  Portfolio Page   -----*/
/*-----------------------------*/
.portfolio-filters 
{
	text-align: center;
	margin-bottom: 40px;
}
.portfolio-filters li
{
    display: inline-block;
}
.portfolio-filters li a
{
	border: 1px solid #2c2f74;
	color: #2c2f74;
	font-size: 18px;
	padding: 10px 25px;
	display: inline-block;
	margin: 5px;
	cursor: pointer;
	border-radius: 5px;
}
.portfolio-filters li a.is-checked
{
	background: #2c2f74;
	color: #fff !important;
}
/*-----------------------------*/
/*------  Contact Page   -----*/
/*---------------------------*/
.contact-page h3
{
	font-weight: 700;
	color: #2a3073;
}
.quick-conatct .form-group
{
	margin-bottom: 20px;
}
.quick-conatct .form-control 
{
  border-radius: 0px;
  padding: 15px 20px;
  line-height: 28px;
  border-color: #535353;
}
.quick-conatct textarea.form-control
{
	height: 150px;
}
.contact-btn
{
	border: 1px solid #333;
	padding: 15px 20px;
	border-radius: 10px;
	float: left;
	color: #333;
	margin: 10px auto;
	margin-right: 20px;
	position: relative;
	overflow: hidden;
}
.contact-btn span,.contact-btn img
{
	z-index: 999;
	position: relative;
}


.contact-btn:after
{
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	transition: all 0.3s ease;
	left: 0px;
	top: 0px;
	background: #f0f1ff;
}
.contact-btn:hover:after
{
	width: 100%;
}
.contact-btn img
{
	margin-right: 10px;
	width: 35px;
}
.contact-btn:hover
{
	color: #2a3073;
}
label.error{
	color: red;
	font-size: 14px;
}

.portfolio-outer .portfoliobox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;
    overflow: hidden;
    margin: 0;
}
.portfolio-filters li 
{
	border: 1px solid #2c2f74;
	color: #2c2f74;
	font-size: 18px;
	padding: 10px 25px;
	display: inline-block;
	margin: 5px;
	cursor: pointer;
	border-radius: 5px;
}
.portfolio-filters li.active
{
	background: #2c2f74;
	color: #fff !important;
}