@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&amp;display=swap');

@import url('../../stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

body{
	font-family: 'Montserrat', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'Montserrat', sans-serif;
}
p{
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 30px
}
.heading{
	font-size: 40px;
	font-weight: 600	;
	color: #12429d;
	line-height: 50px
}
.head{
	font-size: 20px;
	color: #e91e63;
	padding: 0 0 0 60px;
	font-weight: 500;
	letter-spacing: 1px;
	position: relative;
}
.head:before{
	position: absolute;
	bottom: 0;
	left: 0;
	content: "_ _ _";
}
.btn__{
	margin: 50px 0 0 ;
	padding: 0;
}.btn__ a{
	margin:0;
	padding: 20px 40px;
	background:#e91e63;
	border-radius: 100px;
	color: white;
	font-size: 16px;
	box-shadow: 0px 16px 32px 0px rgba(244, 105, 4, 0.3);
	font-weight: 400;
	letter-spacing: 1px;
	transition: all linear 0.3s;
}
.btn__ a:hover{
	background:#07102f
}
img{
	width: auto !important
}
.img-responsive{
	width: 100% !important;
	height: auto
}
section{
	padding: 100px 0;
}
.nav-dropdown>li>a{
	transition: all linear 0.3s;
	color: #07102f;
	font-size: 17px;
    font-weight: 400;
    letter-spacing: 1px;
}
.nav-menu>li>a{
	color: white;
	font-size: 17px;
    font-weight: 400;
    letter-spacing: 1px;
}
.nav-dropdown>li>a:hover{
	color: #e91e63
}

/*
    Start Preloader css
*/
.preloader {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999; }

.lds-ellipsis {
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  text-align: center;
  z-index: 9999; }

.lds-ellipsis span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #07102f;
  animation: ball-pulse-sync 0.5s 0s infinite ease-in-out; }
.lds-ellipsis span:nth-child(2){
	background: #e91e63
}
.lds-ellipsis span:nth-child(1) {
  animation: ball-pulse-sync 0.5s -0.14s infinite ease-in-out; }

.lds-ellipsis span:nth-child(2) {
  animation: ball-pulse-sync 0.5s -70ms infinite ease-in-out; }

@keyframes ball-pulse-sync {
  33% {
    transform: translateY(10px); }
  66% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }
/*
    End Preloader css
*/

/*
	BANNER SECTION
*/
.banner-section{
	background:-webkit-linear-gradient(0deg, #1062c7 0%, #141b6b 100%);
	position: relative;
}
.banner-section.about-page{
	background: url(images/about.html) center center repeat;
	background-size: cover;
	position: relative;
	height: 90vh
}
.banner-section.about-page:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgb(7 19 52 / 0.8)
}
.banner-section.about-page .heading {
    padding: 15px 0;
    color: #ffffff;
    font-size: 60px;
    margin: 30px 0 0;
}
.banner-section ul{
	padding: 0;margin: 250px 0 0;display: block;
	float: right;
}.banner-section ul li{
	padding: 0;margin: 0 0 0 10px;display: inline-block;color: white;
	font-size: 20px;
}.banner-section ul li a{
	color: #e91e63;
	font-weight: 600
}
.banner-section .head{
	color: white;
	margin: 150px 0 0;
	padding: 0 0 0 60px;
	position: relative;
}
.banner-section .head:before{
	position: absolute;
	bottom: 0;
	left: 0;
	content: "_ _ _";
}
.banner-section .heading{
	padding: 15px 0;
	color: white
}
.banner-section p{
	color: white;
	margin: 10px 0;
	font-size: 17px
}
.banner-section .bnr-btn{
	padding: 0;
	margin: 40px 0 0;
}.banner-section .bnr-btn a{
	padding: 20px 45px;
	margin: 0;
	background: #e91e63;
	color: white;border: 2px solid #e91e63;
	border-radius: 100px;
	transition: all linear 0.3s;
}
.banner-section .bnr-btn a:hover{
	background: transparent;
	border: 2px solid #e91e63;
}
.banner-section .bnr-btn a.two{
	padding: 20px 45px;
	margin: 0 0 0 20px;
	background: transparent;
	border: 2px solid #e91e63;
	color: white;
	border-radius: 100px;
	transition: all linear 0.3s
}
.banner-section .bnr-btn a.two:hover{
	background: #e91e63;
	border: 2px solid #e91e63;
}
.banner-section .images{
	position: absolute;
	top: 0;
	left: 0;
}
.banner-section .img-responsive{
	margin: 150px 0 0;
	width: 100% !important;
	height: auto
}
.banner-section .shape-1 {
    top: 0;
    left: 0;
    animation: zoom ease-in 4s infinite;
}
.banner-section .shape-2 {
    top: 430px;
    position: absolute;
    left: 130px;
    animation: rotate ease-in 4s infinite;
    z-index: 1;
}
.ban-bt {
    color:#000;
}
@keyframes zoom {
	0% {
    transform: scale(1);
}

50% {
    transform: scale(1.1);
}

100% {
    transform: scale(1);
}
}

@keyframes rotate{
	0% {
    transform: rotate(0deg);
}
50% {
    transform: rotate(860deg);
}
100% {
    transform: rotate(0deg);
}
}
/*
	BANNER SECTION
*/

/*
	ABOUT SECTION
*/
.about-us .heading{
	padding: 20px 0;
}
.about-us .ab-ryt{
	padding: 0 0 0 80px
}
.about-us.web{
	background: #f3f4ff !important
}
/*
	ABOUT SECTION
*/

/*
	COUNTER SECTION
*/
.counter{
	background: url(images/counter.html) center center repeat;
	background-size: cover;
	position: relative;
}
.counter:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: hsl(340deg 82% 52% / 70%);
}
.counter .counterbox{
	position: relative;
	color: white;
	text-align: center;
}
.counter .counterbox:before{
	position: absolute;
	top: -70px;
	left: 40px;
	content: "\f0f4";
	font-family: 'fontAwesome';
	font-size: 124px;
	color: rgb(0 0 0 / 30%);
}
.counter .counterbox.two:before{
	content: "\f135";
	font-family: 'fontAwesome';
}
.counter .counterbox.three:before{
	content: "\f29a";
	font-family: 'fontAwesome';
}.counter .counterbox.four:before{
	content: "\f06b";
	font-family: 'fontAwesome';
}
.counter .counterbox span{
	color: white;
	font-size: 50px
}
.counter .counterbox .heading{
	color: white;
	font-size: 70px;
	display: contents;
}
.counter .counterbox p{
	font-size: 24px
}
/*
	COUNTER SECTION
*/

/*
	TEAM SECTION
*/
.team-section .heading{
	padding: 0 0 40px
}
.team-section .team-box{
	position: relative;
	transition: all 0.3s ease-out 0s;
	z-index: 0
}
.team-section .team-box .img-over:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: -webkit-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 9999;
	transition: all 0.3s ease-out 0s;
	opacity: 0
}
.team-section .item:hover .team-box .img-over:before{
	opacity: 1;
	transition: all 0.3s ease-out 0s;
}
.team-section .item .overlay{
	width:100%;
	text-align: center;
	margin: 30px 0 0;
	transition: all linear 0.3s;
	z-index: 9999
}
.team-section .item:hover .overlay{
	transform: translateY(-40px)
}
.team-section .item .mini-head{
	color: #e91e63;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px
}
.team-section .item h4{
	padding: 10px 0;
	color: #07102f;
}
.team-section .item ul{
	display: block;
	padding: 0
}
.team-section .item ul li{
	display: inline-block;
	margin: 0 10px;
}
.owl-theme .owl-dots{
	display: none;
}
.owl-carousel .owl-nav {
	margin: 30px 0 0 !important
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
	background: #07102f !important;
	color: white !important;
	font-size: 24px !important
}
/*
	TEAM SECTION
*/

/*
	SERVICES SECTION
*/
.servies-section{
	background: #eef6ff
}
.servies-section .heading{
	margin: 0 0 40px
}
.service-box{
	text-align: center;
	border:2px solid #e91e631f;
	padding: 40px 30px;
	margin: 15px 0;
	transition: all linear 0.3s;
}
.service-box:hover{
	box-shadow: 0px 16px 32px 0px rgb(245 109 30 / 0.1);
	border:2px solid #fff;
}
.service-box .s-head{
	font-size: 18px;
	font-weight: 500;
	color: #07102f;
	margin: 30px 0 0
}
.service-box .n-head{
	font-weight: 700;
	color: #e91e63;
	font-size: 28px;
}
.service-box p{
	margin: 10px 0 0;
	font-weight: 400
}
.service-box p a{
	color: #e91e63
}
/*
	SERVICES SECTION
*/

/*
	CONATCT SECTION
*/
.contact{
	text-align: center;
	background:url(images/counter.html) center center repeat;
	background-size: cover;
	position: relative;
	z-index: 0
}
.contact:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background:rgb(7 60 119 / 0.8);
	z-index: -1;
}
.contact p{
	color: #fff;
	letter-spacing: 1px;
	font-weight: 400
}
.contact .dots{
	font-weight: 700;
    color: #e91e63;
    font-size: 28px;
    line-height: 0
}
.contact .heading{
	color: white;
	margin: 40px 0
}
.contact form{
	background: rgb(0 0 0 / 0.5);
	width: 800px;
	padding: 20px;
	border-radius: 100px;
	margin: 0 auto
}
.contact form input{
	padding: 10px 40px 10px 20px ;
	border-radius: 100px;
	margin: 0 5px;
	border:none;
}
.contact form button{
	padding: 10px 55px;
	margin: 0 5px;
	border-radius: 100px;
	border:none;
	outline: none;
	background: #e91e63;
	color: white;
	cursor: pointer;
}
/*
	CONATCT SECTION
*/

/*
	TESTIMONIAL SECTION
*/
.testimonial .heading{
	margin: 15px 0
}
.testimonial .right-testimonial{
	background: #07102f;
	padding: 40px;
}
.right-testimonial ul{
	display: block;
	padding: 0;
	margin: 0
}
.right-testimonial ul li{
	display: inline-block;
	color: #e91e63;
	margin: 0 0 10px
}
.right-testimonial .t-head{
	font-size: 20px;
	color: white;
	margin: 0 0 10px;
}
.right-testimonial .profile{
	position: relative;
	padding: 0 0 0 100px;
	margin: 20px 0 0
}
.right-testimonial .profile img{
	position: absolute;
	top: 0;
	left: 0;
	width: 70px !important
}
.right-testimonial .profile h5{
	font-size: 18px;
	color: white
}
.right-testimonial .profile h6{
	font-size: 14px;
	color: white;
	color: #718494
}
/*
	TESTIMONIAL SECTION
*/

/*
	FOOTER SECTION
*/
footer{
	padding:60px 0;
	background: -webkit-linear-gradient(left, #073e7b, #07102f)
}
footer img{
	width: 220px !important;
}
.footerbox .heading{
	font-size: 20px;
	color: white;
	line-height: 30px;
	font-weight: 400;
	margin: 10px 0 0
}
footer p{
	margin: 30px 0 0
}
.footerbox ul{
	padding: 0px;
	margin: 25px 0 0
}
.footerbox ul li{
	padding: 0;
	margin: 0;
}
.footerbox ul li a{
	color: #718494;
	font-size: 16px;
	line-height: 30px;
}
.footerbox ul li span{
	color: #e91e63;
	margin: 0 5px 0 0
}
.footerbox.pad-60{
	padding: 0 0 0 40px
}
.footerbox form{
	margin: 34px 0 0;
}
.footerbox form input{
	padding: 15px ;
	background: black;
	border:none;
	width: 100%;
}
.footerbox form input::placeholder{
	color: #718494;
}
.footerbox form button{
	width: 100%;
	padding: 15px;
	background: #e91e63;
	color: white;
	border:none;
	outline:none;
	margin: 10px 0 0;
	cursor: pointer;
}
.copyright{
	padding: 40px;
	text-align: center;
	background: #07102f;
}
.copyright p{
	color: #718494;
	line-height: 0;
	margin: 0;
	font-size: 16px;
	transition: all linear 0.2s
}
.copyright a:hover{
	color: #e91e63;
}
/*
	FOOTER SECTION
*/

/*
	SERVICES SECTION
*/
.services{}
.services .content {
	text-align: center;
	margin: 0 0 60px
}
.services .content .head:before{
	left: 42%
}
.services .box-servc{
	padding: 40px 30px;
	text-align: center;
	transition: all linear 0.3s
}
.services .box-servc:hover{
	background: #f3f4ff
}
.services .box-servc .head-srvc{
	font-size: 18px;
	font-weight: 500;
	color: #07102f;
	margin: 20px 0 15px
}
.services .box-servc .icone{
	width: 60px;
	height: 60px;
	background: #f3f4ff;
	line-height: 60px;
	text-align: center;
	border-radius: 100px;
	margin: 0 auto;font-size: 20px
}
.services .box-servc .icone i{
	color: #07102f
}
.services .box-servc:hover .icone{
	background: white
}
/*
	SERVICES SECTION
*/

/*
	PRIVACY SECTION
*/
.privacy-policy .p-content{
	position: relative;
	padding: 0 0 0 100px;
	margin: 40px 0
}
.privacy-policy .p-content .icone{
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: -webkit-linear-gradient(left, #073e7b, #07102f);
	line-height: 60px;
	text-align: center;
	border-radius: 100px;
	color: #fff
}
.privacy-policy .p-content ul{
	padding: 0;
	margin: 0 0 0 20px;
	list-style: disc;
}
.privacy-policy .p-content ul li{
	font-size: 16px;
	line-height: 30px;
	color: ##718494
}
.privacy-policy .p-content .head{
	margin: 0 0 10px
}
/*
	PRIVACY SECTION
*/

/*
	CONTACT SECTION
*/
.contact-box .icone{
	width: 100px;
	height: 100px;
	line-height: 100px;
	background: -webkit-linear-gradient(147deg, #3953ff 0%, #1b8ffe 100%);
	border-radius: 100px;
	margin: 0 auto;
	box-shadow: 0px 8px 16px 0px rgba(146, 167, 255, 0.3);
	margin-bottom: 30px
}
.contact-box .icone.two{
	background: -webkit-linear-gradient(147deg, #fc6e20 0%, #ffa646 100%)
}
.contact-box .icone.three{
	background:-webkit-linear-gradient(147deg, #00BCD4 0%, #03A9F4 100%)
}
.contact-box .icone i{
	line-height: 100px;color: white;
	transform: scaleX(-1);
	font-size: 26px
}
.contact-box .c-head{
	font-size: 24px;
	color: #07102f;
	font-weight: 500;
	margin-bottom: 15px
}
.contact-box p a:hover{
	color: #546e7a
}

.contact-pagee{
	background: #eef6ff;
}
.contact-pagee .heading{
	margin: 20px 0 50px
}
.contact-pagee form input{
	padding: 10px;
	background: white;
	border:none;
	border-radius: 6px;
	width: 100%;
	font-weight: 500;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
	margin: 10px 0;
	font-size: 14px
}
.contact-pagee form textarea{
	padding: 10px;
	background: white;
	border:none;
	border-radius: 6px;
	width: 100%;
	font-weight: 500;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
	margin: 10px 0;
	font-size: 14px;
	height: 150px;
}
.contact-pagee form button{
	padding: 15px 40px;
	background: #e91e63;
	outline: none;
	border: none;
	color: white;
	cursor:pointer;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
	margin: 0 0 40px
}
.contact-pagee .right-address{
	background: white;
	padding: 40px
}
.contact-pagee .right-address .heading{
	margin: 20px 0 10px
}
.contact-pagee .right-address ul{
	padding: 0;
	margin: 0;
}
.contact-pagee .right-address ul li{
	padding: 0 0 0 90px;
	margin: 10px 0 40px;
	position: relative;
}
.contact-pagee .right-address ul li .icone{
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	border:2px solid #3953ff;
	border-radius: 100px;
	line-height: 70px;
	text-align: center;
}
.contact-pagee .right-address ul li:nth-child(2) .icone{
	border-color: #fc6e20
}.contact-pagee .right-address ul li:nth-child(2) .icone i{
	color: #fc6e20
}.contact-pagee .right-address ul li:nth-child(3) .icone{
	border-color: #00bcd4
}.contact-pagee .right-address ul li:nth-child(3) .icone i{
	color: #00bcd4
}
.contact-pagee .right-address ul li .icone i{
	font-size: 24px;color: #3953ff
}
.contact-pagee .right-address ul li p b{
	color: #07102f;
	font-size: 18px;
	font-weight: 600
}
/*
	CONTACT SECTION
*/

.pricing{
	text-align: center;
}
.pricing .heading{
	margin: 0 0 40px;
}
.pricing .heaad{
	font-size: 20px;
	color: #e91e63;
	font-weight: 600;
	margin: 0 0 10px
}
.pricing .price-box{
	padding: 20px 20px 40px;
	box-shadow: 0px 14px 47px 0px rgba(0, 0, 0, 0.1);
	margin: 20px 0
}
.pricing .price-box .heads{
	font-size: 20px ;
	color: black;
	font-weight: 600
}.pricing .price-box .p-head{
	font-size: 30px ;
	color: white;
	font-weight: 600;
	margin: 20px 0;
	padding: 10px 0;
	background: #000;
}
.pricing .price-box ul{
	padding: 0;
	margin: 0
}
.pricing .price-box ul li{
	font-size: 15px;
	line-height: 30px;
	color: black
}
.pricing .price-box .btnn{
	margin: 20px 0 0
}.pricing .price-box .btnn a{
	padding: 10px 30px;
	background: #e91e63;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 13px
}

.offer-sec{
	background: url(images/banner.html) center center repeat;
	background-size: cover;
	position: relative;
	z-index: 0
}.offer-sec.second{
	background: url(images/seoo.html) center center repeat;
	background-size: cover;
	position: relative;
	z-index: 0
}
.offer-sec:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 70%);
	content: ''
}
.offer-sec .heading{
	color: white;
	margin: 50px 0 30px;
	font-size: 40px
}
.offer-sec h2{
	color: white
}
.offer-sec p{
	padding: 10px 0;
	color: white;
	margin: 0;
	font-size: 17px
}
.offer-sec p i{
	color: #ffc20d
}
.offer-sec .btnn{
	margin: 30px 0 0;
}
.offer-sec .btnn a{
	padding: 15px 30px;
	background: #e91e63;
	border:2px solid #e91e63;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	transition: 0.4s;
	display: inline-block;
    margin: 10px 0;
}
.offer-sec .btnn a:nth-child(2):hover{
	background: #e91e63
}
.offer-sec .btnn a:nth-child(2){
	padding: 15px 30px;
	background: transparent;
	border:2px solid #e91e63;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
}
.offer-sec form{
	padding: 20px;
	border-radius: 15px;
	background: white;
	margin: 50px 0 0;
	text-align: center;
}
.offer-sec form h3{
	color: black;
}.offer-sec form h2{
	color: #e91e63;
}
.offer-sec form input{
	width: 100%;
	padding: 10px;
	margin: 30px 0 0;
	border:1px solid #999;
	border-radius: 10px;
	font-size: 15px;
	outline: 0
}.offer-sec form textarea{
	height: 80px;
	width: 100%;
	padding: 10px;
	margin: 30px 0 0;
	border:1px solid #999;
	border-radius: 10px;
	font-size: 15px;
	outline: 0
}.offer-sec form button{
	width: 200px;
	padding: 10px;
	margin: 30px 0 0;
	background: #07102f;
	border:none;
	color: white;
	font-weight: 600;
	letter-spacing: 1px;
	cursor: pointer;
	border-radius: 10px;
	font-size: 15px;
	outline: 0
}
.offer-about{
	text-align: center;
}
.offer-about .p-head{
	color: #091d3f;
	font-weight: 600;
	margin: 0 0;
	font-size: 20px
}
.offer-about p{
	font-size: 24px;
	margin: 20px 0 40px
}
.offer-service .n-head{
	font-size: 18px;
	margin: 20px 0 0;
	font-weight: 600;
	color: #091d3f
}
.offer-service .para{
	line-height: 30px
}
.number-sec.number{
	background: #091d3f;
	text-align: center;
}
.number-sec p{
	color: white;
	font-size: 24px
}
.number-sec .heading{
	padding: 10px 0;
	color: white
}
.number-sec h6{
	color: white;
	line-height: 30px;
}
.number-sec .btnn{
	margin: 30px 0 0;
}
.number-sec .btnn a{
	padding: 15px 30px;
	border:2px solid white;
	color: white;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 1px;
	transition: all linear 0.3s
}.number-sec.number .btnn a:nth-child(1){
	background: #e91e63;
	border:2px solid #f2701d;
	color: white;
	font-weight: 600;
}
.number-sec.number .btnn a:hover{
	background: #e91e63;
	color: white;
	border:2px solid #e91e63;
}
.satisfied {
	text-align: center;
}
.satisfied .content{
	width: 700px;
	margin: 0 auto;
}
.satisfied .content p{
	font-size: 18px;
	margin: 10px 0
}
.satisfied .content img{
	margin: 20px 0 40px
}
.satisfied .content-two p{
	font-size: 18px;
	margin: 10px 0
}.satisfied .content-two .content-box{
	margin: 30px 0 0;
}
.seo-page{
	background: #091d3f
}
.seo-page .content{
	text-align: center;
	margin: 0 0 50px
}
.seo-page .content .heading{
	color: white;
}.seo-page .content h2{
	color: white;
	margin: 20px 0
}
.seo-page .seo-boxx{
	position: relative;
	margin: 15px 0;
	padding: 0 0 0 80px
}
.seo-page .seo-boxx img{
	width: 60px;
	position: absolute;
	top: 0;
	left: 0;
}
.seo-page .seo-boxx .head{
	color: white
}
.seo-page .heading{
	color: white;
	text-align: center;
	margin: 60px 0 0;
	font-size: 50px
}
.seo-page .heading a{
	color: #e91e63
}
.seo-page .btnnn{
	text-align: center;
	margin: 50px 0 0
}.seo-page .btnnn a{
	padding: 20px 50px;
	font-size: 30px;
	border:3px solid #e91e63;
	color: white;
	border-radius: 100px;
	transition: 0.4s;
	letter-spacing: 2px;
	font-weight: 600
}
.seo-page .btnnn a:hover{
	background: #e91e63;
	color: white
}


.printer{
	background:linear-gradient(100deg, rgb(1 33 69) 16%, rgb(188 72 5) 100%);
	padding: 150px 0
}
.printer .btn__{
	display: none;
}
.printer .heading{
	font-size: 50px;
	padding: 50px 0 0;
	line-height: 52px;
	color: white
}
.printer ul{
	padding: 0;
	margin: 20px 0 0;
}
.printer ul li{
	padding: 0;
	margin: 0;
	font-size: 24px;
	color: white;
	font-weight: 600;
}
.number{
	background: #e91e63;
	text-align: center;
	padding: 40px;
	color: white;
	font-size: 30px;
}
.number a{
	color: white;
	font-size: 30px;
	font-weight: 600
}

.printer-txt{
	padding: 80px 0;
	position: relative;
}
.printer-txt:before{
	position: absolute;
	top: 95px;
	left: 60px;
	content: '"';
	font-size: 65px;
	color: black;
	font-style: italic;
}
.printer-txt p{
	padding: 10px 0;
	font-style: italic;
	font-size: 20px;
	color: black
}
.printer-txt hr{
	height: 3px;
	background: #eee;
	border:none;
}

.missuse{
	padding: 0 0 80px;
}
.missuse .heading{
	text-align: center;
	margin: 0 0 40px
}
.missuse ul{
	padding: 0;
	margin: 0;
}
.missuse ul li{
	list-style: disc;
	font-size: 18px;
	color: black;
	font-weight: 500;
	line-height: 30px
}
.missuse h3{
	font-size: 40px;
	text-align: center;
	margin: 80px 0 20px;
	font-weight: 600;
	line-height: 52px
}
.missuse p{
	color: black
}



.printer_page{
	background: url(printer/banner-bg.html) center center repeat;
	background-size: cover;
	background-position:top;
}
.printer_page .heading{
	margin: 60px 0 0
}
.printer_page ul{
	padding: 0;
	margin: 20px 0 0 0
}.printer_page ul li{
	padding: 0 0 0 50px;
	margin: 0 0 10px 0;
	position: relative;
}
.printer_page ul li .icone{
	width: 30px;
	height: 30px;
	border-radius: 100px;
	line-height: 30px;
	background: #07102f;
	font-size: 12px;
	text-align: center;
	color: white;
	position: absolute;
	top: 0;
	left: 0;
	transition: all linear 0.3s
}
.printer_page ul li:hover .icone{
	background: #e91e63
}.printer_page img{
	margin: 100px 0 0
}
.printer_{
	background:linear-gradient(100deg, rgb(1 33 69 / 50%) 16%, rgb(188 72 5 / 10%) 100%);
}

.three_boxp{
	position: relative;
	padding: 20px 20px 20px 80px ;
	background: #eee;
	font-weight: 600;
	color: #07102f
}
.three_boxp .icone{
	width: 30px;
	height: 30px;
	border-radius: 100px;
	line-height: 30px;
	background: #07102f;
	font-size: 12px;
	text-align: center;
	color: white;
	position: absolute;
	top: 17px;
    left: 30px;
	transition: all linear 0.3s
}
.three_boxp:hover .icone{
	background: #e91e63
}

.printer_about{
	padding: 40px 0;
}
.printer_about .heading{
	margin: 40px 0 0
}
.printer_about p{
	padding: 20px 0
}
.printer_about a{
	font-size: 40px;
	color: #e91e63;
	text-decoration: none;
	font-weight: 600
}

.number_print {
    position: fixed;
    bottom: 250px;
    left: -174px;
    /*background: #ff6666;*/
    background: -webkit-linear-gradient(0deg, #1062c7 0%, #141b6b 100%);
    color: white !important;
    padding: 10px 40px;
    font-size: 22px;
    border-radius: 100px;
    z-index: 999;
    transform: rotate(270deg);
    letter-spacing: 1px;
    font-weight: 600;
    text-shadow:0 2px #000;
}

.blue_printer{
	background: #07102f;
	padding: 40px 0;
}
.blue_printer .heading{
	color: white;
	margin: 40px 0 0
}
.blue_printer p{
	margin: 20px 0;
	color: white
}
.blue_printer a{
	font-size: 40px;
	color: #e91e63;
	text-decoration: none;
	font-weight: 600
}

.product_print .content{
	width: 50%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px
}
.product_print .content p{
	font-size: 20px;
}
.product_print .pro_box{
	border:1px solid #07102f;
	padding: 20px;
	text-align: center;
	margin: 15px 0;
}
.product_print .pro_box img{
	height: 175px
}
.pro_box p{
	color: #07102f;
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0 0
}
.pro_box h3{
	font-size: 40px;
	color: #e91e63;
	margin: 20px 0
}
.pro_box a{
	color: #07102f;
	font-weight: 600
}
.getin_printer form{
	margin: 40px 0 0px;
}
.getin_printer form input{
	width: 100%;
	padding: 10px;
	border:0;
	border-bottom: 1px solid #eee;
	margin: 0 0 40px;
	outline: 0;
}.getin_printer form textarea{
	width: 100%;
	padding: 10px;
	border:0;
	height: 150px;
	border-bottom: 1px solid #eee;
	margin: 0 0 40px;
	outline: 0;
}.getin_printer form button{
	width: 100%;
	padding: 10px;
	background: #07102f;
	color: white;
	border: 0;
	outline: 0;
	cursor: pointer;
}

@media(max-width: 767px){
	.number_print{
		display: none;
	}
}




.printer_page-new{
	padding: 200px 0 60px;
	text-align: center;
}

.printer_page-new2{
	background: #eee;
	padding: 60px 0;
}
.printer_page-new2 p span{
	color: black;
	font-weight: 600;
	margin: 0 20px 0 0;
}

.printer_page-new3{
	padding: 60px 0;
}
.printer_page-new3 p span{
	color: black;
	font-weight: 600;
	margin: 0 20px 0 0;
}

.printer_page-new5 p span{
	color: black;
	font-weight: 600;
	margin: 0 20px 0 0;
}

.printer_page-new4{
	padding: 60px 0;
	background: #115fc4;
}
.printer_page-new4 .pp-bbox{
	padding: 15px 20px;
	color: white;
	margin: 15px 0;
	box-shadow: 0px 0px 10px 10px rgb(255 255 255 / 40%);
	text-align: center;
}
.printer_page-new4 .pp-bbox p{
	font-size: 24px;
	margin: 5px 0 0;
}
.printer_page-new5 h2{
	margin-bottom: 20px;
}
.printer_page-new5{
	padding: 60px 0;
}
.printer_btnbox{
	position: relative;
	margin: 40px 0 0;
}
.printer_btnbox .p-btnnnn{
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
}
.printer_btnbox .p-btnnnn a{
	padding: 15px 30px;
	background: #115fc4;
	color: white;
	border-radius: 10px;
	font-weight: 600;
	letter-spacing: 1px;
}
.printer-assistancee{
	background: #222;
	padding: 40px 0;
}
.printer-assistancee h3{
	color: white;
}
.printer-assistancee p{
	color: white;
}.printer-assistancee p a{
	color: white;
}




/*----------------------------*/
.form-bg{
background-image: url('../../localhost/myprinter.live/images/printer-installation.jpg');
    background-size: cover;
	position:relative;
	padding:150px 0 60px;
}
button#myBtn a {
    color: #000;
    font-weight: 500;
    font-size: 19px;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
#myBar {
  width: 10%;
  height: 30px;
  background-color: #4CAF50;
  text-align: center;
  line-height: 30px;
  color: white;
}
.txt {
    width: 90%;
    margin-bottom: 30px;
    float: left;
    height: 50px;
    margin-left: 10px;
    margin-top: 10px;
    min-width: 320px;
    border: 2px #000 solid;
    background: #fff;
	padding-left: 20px;
}
#myBtn {
    width: 90%;
    margin-bottom: 30px;
    float: left;
    height: 50px;
    margin-left: 10px;
    margin-top: 10px;
    min-width: 320px;
    background-color:#e91e63;
    color: white;
    font-weight: 600;
    border: 4px solid #e91e63;
    letter-spacing: 1px;
    cursor: pointer;
}
.greyback {
    padding: 10px;
}
.progress {
  margin: 10px;
  width: 100%px;
}
.progress img{
	width: 150px;
}
.site-btnn{
	margin: 20px 0 0;
}
.site-btnn a{
	padding: 15px 30px;
	background: #e91e63;
	color: white;
	font-size: 17px;
	font-weight:600;
	border-radius: 10px;
}
.chat-now {
    padding: 9px 30px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    margin: 2px;
    border-radius: 50px;
    background: #f76a06;
    color: #fff;
    font-family: inherit;
    font-family: sans-serif;
    font-weight: 600;
}
.call {
    padding: 15px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    margin: 2px;
    border-radius: 50px;
    position: fixed;
    bottom: 2%;
    left: 2%;
    background: #1F73B7;
    color: #fff;
    z-index: 999999;
    font-family: sans-serif;
    font-weight: 600;
}
.footer-content p {
    text-align: center;
}
.modal {
margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 100%;
    position: absolute;
    transition: all 15s ease-in-out;
    z-index: 1;
    padding-top: 100px;
    /* overflow: auto; */
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.error-msg{
display:none;}
/*----------------------------*/




/* ===================================================================================== */
@media (max-width: 1199px) {

}

/* ===================================================================================== */
@media (max-width: 991px) {
	.banner-section .img-responsive{
		display: none;
	}
	.about-us .ab-ryt{
		padding: 0 20px;
		text-align: center;
	}
	.about-us img{
		display:
		none
	}
	.contact form{
		width: 100%
	}
	.contact form button{margin: 20px 0 0}
	.footerbox.pad-60{
		padding: 0
	}
	.nav-menu>li>a{
		color: #07102f
	}
	.nav-menu>li>a:hover{
		color: #e91e63 !important
	}.nav-menu>.active>a, .nav-menu>.focus>a, .nav-menu>li:hover>a{
		color: #e91e63 !important
	}
	.nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron, .nav-menu>li:hover>a .submenu-indicator-chevron {
    border-color: transparent #07102f #07102f transparent !important;
}.submenu-indicator-chevron{
    border-color: transparent #07102f #07102f transparent !important;
}
.services .content .head:before {
    left: 35%;
}
.pro_box h3{
	font-size: 25px;
}
}

/* ===================================================================================== */
@media (max-width: 767px){
	.counter .counterbox{
		margin: 40px 0
	}
	.contact form input{
		margin: 10px 0;
		border-radius: 0
	}
	.contact form button{
		border-radius: 0
	}
	.contact form {
		border-radius: 0;
	}
	.banner-section.about-page{
		height: auto
	}
	.banner-section ul{
		margin: 20px 0 0;
		float: left ;
	}
	.services .content .head:before {
    left: 30%;
}
.satisfied .content{
	width: 100%
}
.heading{
	font-size: 35px !important
}
.printer .btn__{
	display: block;
	}
	.number{
		font-size: 18px;
		padding: 40px 0
	}
	.number a{
		font-size: 18px;
	}
	.printer-txt:before{
		display: none;
	}
	.printer_btnbox .p-btnnnn{
	    left:30%;
	}
	.printer_btnbox .p-btnnnn a{
	    padding:15px 10px;
	}
}

/*=======Email Page===*/
/* =====Top Bar Section===== */
.top-bar {
  font-family: 'Gemunu Libre', sans-serif;
  background: -webkit-linear-gradient(0deg, #1062c7 0%, #141b6b 100%);
  color: #fff;
  padding: 8px 0;
}
.top-bar p {
  margin-bottom: 0;
}
.top-bar a {
    color:#fff;
}

/* =====Navigation Section==== */
.nav-link {
    font-size: 18px;
    padding: 0 16px !important;
    font-weight: 500;
}
.navbar-brand {
  font-family: 'Gemunu Libre', sans-serif;
  font-size: 28px;
}
.navbar-brand:hover {
  color: inherit !important;
}
.navbar {
  border-bottom: 1px solid #0000002e;
}

/* =====Banner Section===== */
.cust-btn {
  background-color: #FA7052;
    color: #fff;
    padding: 15px 18px;
    font-size: 19px;
    border: 2px solid #FA7052;
    border-radius: 28px;
    transition: 0.2s;
}
.cust-btn:hover {
  background-color: #fff;
  color:#FA7052;
  text-decoration: none;
}
.banner h1 {
  padding: 60px 0;
}
.banner .face {
  padding-top: 55px;
}

/* =======Services Section======= */
.service {
  padding: 60px 0;
}
.main-col {
  padding: 10px;
}
.service img {
  padding-bottom: 15px;
}

/* ====Plan Section==== */
.plan {
  padding: 60px 0;
  background-color: #EEEEEE;
}
.plan ul {
  padding: 0;
}
.plan ul li {
  list-style: none;
}
.plan1 {
  background-color: #fff;
  padding: 60px 0;
}
.plan2 {
  background-color: #4054B2;
  padding: 60px 0;
  color: #fff;
}
.plan h1 {
  font-size: 55px;
}
.plan h2 {
  margin-bottom: 40px;
}
.plan span {
  font-size: 19px;
  letter-spacing: 8px;
}
.plan span:after {
  content: '';
  display: block;
  margin: 15px auto 25px;
  width: 50px;
  height: 2px;
  background-color: #000;
}
.plan2 span:after {
  content: '';
  display: block;
  margin: 15px auto 25px;
  width: 50px;
  height: 2px;
  background-color: #fff;
}
.plan-btn {
  color: #4054b2;
  font-size: 20px;
  border: 2px solid #4054b2;
  padding: 10px 20px;
  border-radius: 30px;
  margin-top: 60px;
  transition: 0.2s;
}
.plan-btn:hover {
  color: #fff;
  background-color:#4054b2;
  text-decoration: none;
}
.plan2 .plan-btn {
  color: #4054b2;
  font-size: 20px;
  background-color: #fff;
  border: 2px solid #fff;
  padding: 10px 20px;
  border-radius: 30px;
  margin-top: 60px;
  transition: 0.2s;
}
.plan2 .plan-btn:hover {
  color: #fff;
  background-color:#4054b2;
  text-decoration: none;
}

/* ======FAQ Section===== */
.faq {
  padding: 60px 0;
}
.faq h2 {
  color: #4054b2;
  margin-bottom: 60px;
}
.pd-2{
    padding:2%;
}
.pd-r-2{
    padding-right:2%;
}
.pd-l-2{
    padding-left:2%;
}
.pd-t-2{
    padding-top:2%;
}
.pd-b-2{
    padding-bottom:2%;
}
div[data-toggle="collapse"]{
   border-bottom:1px solid #BBDEFB;
   width:100%;
   cursor:pointer;
   padding:1%;
}
.faq .collapse{
    background:#F5F5F5;
}

@media (max-width:758px) {
    .top-bar p {
        text-align:center;
    }
    .banner .face {
        padding-top:0;
    }
}

/* =====Norton Page===== */
/* =====Norton Number Section==== */
.nort-num {
	padding: 60px 0;
}
.nort-num h1 {
	padding-bottom: 20px;
}

/* ====Product Section=== */
.shop-1 {
    background: transparent;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.shop-1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    text-align: center;
    cursor: pointer;
    margin: 15px 0px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.shop-1 img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
		transition: 0.2s;
}
.shop-1 h6 {
    text-transform: none;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
}
.shop-1 h6 {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    font-size: 18px;
    color: #fff;
    padding: 30px 5px;
}
.shop-1 p {
    text-transform: none;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
}
.shop-1 p {
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
    font-size: 15px;
    color: #fff;
    padding: 25px 30px;
}
.shop-1:hover {
    background: #000;
}
.shop-1:hover {
    -webkit-box-shadow: 0px 3px 22px 0px rgb(50 50 50 / 20%);
    -moz-box-shadow: 0px 3px 22px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 3px 22px 0px rgb(50 50 50 / 20%);
}
.shop-1:hover h6 {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.shop-1 h6:hover {
    color: #fff;
}
.shop-1:hover img {
    -webkit-transform: translate3d(0,-80px,0);
    transform: translate3d(0,-80px,0);
}
.shop-1:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.product {
	padding-bottom:60px;
}
.product h5 {
	padding-top: 20px;
}
.product p {
	padding-top: 15px;
}

/* =====Table Section==== */
.satisfaction-guarantee img {
    float: left;
    width: 88px;
    margin-right: 10px;
}
.satisfaction-guarantee .guarantee {
    float: left;
    min-width: 215px;
}
.satisfaction-guarantee h4 {
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 6px;
    margin-top: 10px;
}
.primary-list li {
    list-style-type: none;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
}
.rightSign {
    color: #1ab921;
    background: #fff;
    border-radius: 45px;
    padding: 5px;
    border: 2px solid;
    box-shadow: 0px 0px 11px -5px #000;
}
.crossSign {
    color: #de2315;
    background: #fff;
    border-radius: 45px;
    padding: 5px 7px;
    border: 2px solid;
    box-shadow: 0px 0px 11px -5px #000;
}

/* ====Norton Planning section==== */
.nort-plan {
	padding: 60px 0;
}
.nort-plan p {
	padding-top: 20px;
}
/* ====Antivirus Page===== */
/* ====Antivirus Product Section===== */
.products-banner-wrap {
    background: url(images/products-banner.html) no-repeat;
    background-size: cover;
    min-height: 370px;
}
.title-wrap {
    font-size: 40px;
    font-weight: 700;
    margin: 20px 0 50px;
    letter-spacing: 0.02rem;
}
.products {
    margin-top: -300px;
}
.product-wrap {
    border-bottom: 5px solid #0057b8;
}
.product-wrap {
    background: #fff;
    padding: 15px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: scale(0.9) translateY(0);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 0 rgb(0 0 0 / 0%);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
}
h4.product-title {
    min-height: 48px;
}
.product-list-item {
    margin-bottom: 0;
    font-size: 14px;
    color: #696a6bc2;
    text-align: center;
    line-height: 23px;
    font-weight: 500;
}
.btn.btn-plain {
    background: #025189;
    border-radius: 0;
    color: #ffffff;
    padding: 10px 20px;
    transition: all 0.6s;
    text-transform: capitalize;
}
.product-wrap:nth-child(2) {
    border-bottom: 5px solid #f96a14;
}
.product-wrap:nth-child(3) {
    border-bottom: 5px solid #470a68;
}
.product-wrap:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
}
.btn.btn-plain:hover {
    background: #41BFEB;
}

/* ======Should Section====== */
.should {
	padding: 60px 0;
	background: -webkit-linear-gradient(left, #073e7b, #07102f);
	color: #fff;
}
.should h2 {
	color: #fff;
}

/* =======choosing Section====== */
.regular-services {
    background: #f0f2f2;
}
.title-wrap {
    font-size: 40px;
    font-weight: 700;
    margin: 20px 0 50px;
    letter-spacing: 0.02rem;
}
.on-site i {
    background: #d72a60;
}
.card-icon i {
    color: #fff;
    padding: 20px;
    font-size: 45px;
    width: 2em;
}
.service-card-wrap .card-title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #000000;
}
.support i {
    background: #47bed9;
}
.affordable-price i {
    background: #02538b;
}
.card.service-card-wrap {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 100%;
}
.card.service-card-wrap:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* =======What We Do Section===== */
.what {
	padding: 60px 0;
}
.what .col-md-8 {
	background: -webkit-linear-gradient(left, #073e7b, #07102f);
	color: #fff;
	padding: 20px;
}
.what h2,
.what h5 {
	color: #fff;
}

/* =====Anywhere Section==== */
.why-us-wrap .title-wrap {
    font-size: 30px;
    margin: 20px 0 20px;
}
