*{margin: 0;padding: 0;}
body{font-family: 'Roboto', sans-serif;}
#wapper{width:100%;margin: auto 0;}
h1,h2,h3,h4,h5,h6{font-weight: 900;}
p{font-weight: 300;}

/*  Navigation */
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {    
	background-image: linear-gradient(to right bottom, #f81061, #c41b48, #921d33, #641921, #391212);
	border-radius: 4px;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.9);
}
a.phone{color: red!important; font-weight:700}
.fixed-top { animation: smoothScroll 1s forwards;background-image: linear-gradient(to bottom, #f0f0e9, #e0e0d9, #d0d1c9, #c0c2ba, #b0b3ab);}
@keyframes smoothScroll {
	0% {
		transform: translateY(-60px);
	}
	100% {
		transform: translateY(0px);
	}
}
.navbar{
	-webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

@media (max-width: 767.98px) { 
	.navbar-brand img{width: 80%;} 
	.phone{
		display: none;
	}
}
@media (min-width: 768px) { 
	.MobilePhone{
		display: none;
	}
	
}
.MobilePhone{
	width: 100%;
	margin: auto 0;		
	text-align: center!important;
}
.MobilePhone a{
	padding: 4px 0;
	color:#F26921!important;
	text-align: center;
	font-weight: 700;
}
@keyframes blink {  
  0% { color: #ffce19; }
  100% { color:#F26921; }
}
@-webkit-keyframes blink {
  0% { color: #ffce19 ; }
  100% { color:#F26921 ; }
}
.blink {
  -webkit-animation: blink 3s linear infinite;
  -moz-animation: blink 3s linear infinite;
  animation: blink 3s linear infinite;
}

.phone{text-decoration: none;color: #fff;}
.phone:hover{text-decoration: none;color: #f2f2f2;}
.email{text-decoration: none;color: #fff;}
.email:hover{text-decoration: none;color: #f2f2f2;}
.aboutUs{width:100%;margin: auto 0;padding:50px 0 30px;}

h4{
	font-size:2.625rem;
	color: #000;
	text-align: left;
	margin-bottom: 40px;
	position: relative;
	margin-top: 10px;
}
h4::before {
	content: "";
	background: url(../images/underline.png) no-repeat;
	width: 74px;
	height: 11px;
	position: absolute;
	bottom: -22px;
	left: 0%;
	margin-left: 0px;
}
.blueclr{color:#1866ab;}
.topImg{
	margin-top: 40px;
}
.welcomeImg {
	position: relative;
	z-index: 9;
	margin-top: 40px;	
}
.welcomeImg::before {
	content: "";
	border: 1px solid #fff;
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
}

/*  Navigation */
.saveBanner{
	width:100%;
	 background-image: linear-gradient(to top, #bcc8da, #b5bbc9, #adafb9, #a4a4a9, #999999);
	padding: 20px 0;
}

/*  testimonial */
.testimonial{
	width: 100%;margin: auto 0;background: url(../images/testimonial-bg.jpg) no-repeat;background-size: 100% auto;padding: 50px 0;}
h5{
	font-size:2.625rem;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
	margin-top: 10px;
}
h5::before {
	content: "";
	background: url(../images/underline.png) no-repeat;
	width: 74px;
	height: 11px;
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -40px;
}
.testimonial h5{
	font-size:2.625rem;	
	text-align: center;
	line-height: 0.8;
	color:#fff;
	margin-bottom: 20px;
}
.testimonial h5::before {
	content: "";
	background: url(../images/underline.png) no-repeat;
	width: 74px;
	height: 11px;
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -40px;
}
#testimonial .item{display: block;padding: 30px 0px;margin: 5px;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;}
#testimonial strong{font-weight: 700;padding-top: 10px;display: block;font-size: 1.4rem;color:#f9ff00;}
#testimonial small{font-weight: 400;display: block;font-size: 1.1rem;}
.testiBox{width: 100%;float: left;clear: both;padding: 0px 15px 10px;}
.owl-theme .owl-controls .owl-buttons div {padding: 5px 9px;}
.owl-theme .owl-buttons i{margin-top: 2px;}
.owl-theme .owl-controls .owl-buttons div {position: absolute;} 
.owl-theme .owl-controls .owl-buttons .owl-prev{left: -45px;top: 45%;} 
.owl-theme .owl-controls .owl-buttons .owl-next{right: -45px;top: 45%;}
#testimonial i {font-size: 50px;color: #f80606;font-weight: 400;cursor: pointer;}
@media (max-width: 767.98px) { 
	#testimonial .owl-buttons .owl-prev,#testimonial .owl-buttons .owl-next{
		display: none
	} 
	.testimonial {   
		background-size: 100% 100%;		
	}
}
/*  testimonial */

/* Whybox  */
.whychoseus{
	 background-image: linear-gradient(to left top, #f0f0e9, #e6e7e0, #dcddd7, #d3d4ce, #c9cbc5);
	padding: 20px 0;
	margin: auto 0;
	width: 100%;
}
.whychoseus p{
	color: #000;
}
.whybox{
	width: 100%;
	min-height: 331px;
	border-radius: 4px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	margin: 70px 0 0 0; color: #555;
	padding: 20px;
	position: relative;	
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 	
	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}
.whybox:hover{
	box-shadow: 0px 0px 150px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}
.whybox p{
	text-align: center;
	color: #000;
}
.whybox h6{
	padding: 40px 0 10px 0;
	font-size: 1.1em;
	font-weight: 600;
	text-transform: capitalize;
	text-align: center;
}
.whybox2{
	width: 100%;
	min-height: 375px;
	border-radius: 4px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	margin: 70px 0 0 0; color: #555;
	padding: 20px;
	position: relative;	
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 	
	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}
.whybox2:hover{
	box-shadow: 0px 0px 150px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}
.whybox2 p{
	text-align: center;
	color: #000;
}
.whybox2 h6{
	padding: 40px 0 10px 0;
	font-size: 1.1em;
	font-weight: 600;
	text-transform: capitalize;
	text-align: center;
}
.circle {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	font-size: 16px;
	color: #fff;
	line-height: 70px;
	text-align: center;
	background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
	position: absolute; left: 41%;
	top:-35px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
}
/* Whybox  */

/* table */
.card-1 {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.card-1:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.card-2 {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.card-3 {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.card-4 {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.card-5 {box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
.comparison{width: 100%; margin: auto 0; padding: 50px 0;/*background-image: linear-gradient(to right top, #e9edf4, #dee6e9, #d6dede, #d1d6d3, #cccdca);*/}
.product-comparison-chart td {background: #fff;}
.product-comparison-chart tbody th {border-bottom-width: 1px;text-align: center;padding: 1em;background: #f5f5f5;font-size: 1.0em;font-weight: 500;}
.product-comparison-chart th {border: 1px solid #ddd;text-align: center;height: 65px;}
.product-comparison-chart td{border: 1px solid #ddd;text-align: center;padding: 1em;}
.product-comparison-chart .green,
.product-comparison-chart .blue,
.product-comparison-chart .purple {width: 150px;color: #fff;}
.product-comparison-chart .green {background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);}
.product-comparison-chart .blue {background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);}
.product-comparison-chart .purple {background: #430098;}
.greyw {width: 150px;color: #fff;}
.right {color: green;font-size: 1.3em;font-weight: 700;}
.wrong {color: red;font-size: 1.3em;font-weight: 700;}
/* table */


/* */
.channel{
	width: 100%;
	margin: auto 0;
	padding: 30px 0 30px;
	background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
}
.channel .box{
	width: 100%;
	/*background: #FC575E;*/
	background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
    background-blend-mode: multiply;
	min-height: 150px;	
		
	border-radius: 4px;
	margin: 15px 0;
	display:flex;
    align-items:center;
}
.box2{
	width: 100%;
	min-height: 50px;
	border-radius: 4px;
	background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
    background-blend-mode: multiply;
	display:flex;
    align-items:center;
}
.box2 a{
	text-decoration: none; 
	color: #fff;
	text-align: center;
	padding: 0 10px;
	line-height: 1.1;
	font-size: 1.4em;
}
.box3{
	width: 100%;
	min-height: 150px;
	border-radius: 4px;
	background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
    background-blend-mode: multiply;
	display:flex;
    align-items:center;
	margin-top: 15px;
}
.box3 a{
	text-decoration: none; 
	color: #fff;
	text-align: center;
	padding: 0 10px;
	line-height: 1.1;
}
.flex-div{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.flex-div .channeldiv{
	width: 13.74%;
	margin: 10px 0.27%;
	border: solid red 0px;
	display: flex;
	justify-content: center;
}
#channel .channeldiv{
	width: 18.9%;
	margin: 10px 0.27%;
	border: solid red 0px;
	display: flex;
	justify-content: center;
}
@media (max-width: 768px) {
	.flex-div{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#channel .channeldiv{
		width: 23.5%;
		margin: 07px 0.5%;		
	}
	.flex-div .channeldiv{
		width: 23.5%;
		margin: 07px 0.5%;
	}
	.channel .box {
		min-height: 90px;
	}
	.card.popular {
		margin-top: 08px;
		margin-bottom: 08px;
	}
}
.channelpad{
	padding: 0px 10px 10px;
}
.tieleboxtwo{
	padding: 15px 0;
}
/* */


/* Price Table  */
.priceTable{
	width: 100%;
	margin: auto 0;
	padding: 10px 0 50px;
	 background-image: linear-gradient(to left top, #e9eaec, #d4d8da, #c0c6c6, #aeb4b0, #9fa19b);
}
.activeD{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transform: scale(1,1.01);
}
 .pricingWrp {
	padding-bottom: 30px;
	background: #f3f3f3;
	text-align: center;
	color: #676a6f;
	font-size: 14px;
	-webkit-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.pricingWrp h6, .pricingWrp h3 {
	background: #e20000;
	padding: 40px 10px 90px 10px;
	font-weight: bold;
	font-size: 1.9rem;
	text-transform: uppercase;
	color: #fff;
	margin: 25px 0 12px;
}
.pricingWrp .price {	
	font-size: 34px;
	color: #f80606;
	line-height: 50px;
	display: block;
	font-weight: bold;
}
.pricingWrp .price-unit {
	width: 120px;
	height: 120px;
	padding-top: 25px;
	border: 8px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #f3f3f3;
	margin: -80px auto 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
}
.pricingWrp li {
	border-bottom: 1px solid #E5E5E5;
	line-height: 48px;
	
}
.pricingWrp {
	text-align: center;
	color: #676a6f;
	font-size: 14px;
	position: relative;
}
.cta_pricing a{
	background: #f80606;
	color: #fff;
	text-transform: uppercase;
	margin-top: 10px;
	padding: 0 30px;
	font-weight: bold;
	line-height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.cta_pricing a:hover, .cta_pricing a:focus {
	background: #000;
}
/* Price Table  */

.seven-section{background: #000;padding: 30px 0;}
.seven-section h3{text-align:center;color:#fff;font-weight:bold;line-height:1.5;}
.seven-section p{text-align:center;color:#fff;}
.counter-box{color:#fff;text-align:center;display:flex;justify-content:space-around;flex-wrap:wrap;}
.counter-box h6{color:#ed1c24;font-size:16px;}
.footer {background:#000;padding:0px 0px 15px 0px;}
.footer h6{color:#fff;font-size:18px;font-weight:bold;margin-bottom:20px;}
.footer h5 .underline{border-bottom:#fff solid 2px;}
.footer li{color: #fff;}
.footer li a{color:#fff;font-weight:normal;font-size:12.6}
.footer li a:hover{color:#ed3237;}
.footer p{text-align:center;color:#fff;padding-top:10px;margin-bottom: 0;}
.footer p a{color:#ed3237;}
.footer p a:hover{color:#ed1c24;} 
#toTop{position: fixed;bottom: 10px;left: 10px;cursor: pointer;display: none;}


/* Counter Section */
.counter{width: 100%;background: #fff;padding: 30px 0;background-image: linear-gradient(to top, #e9eaec, #d4d8da, #c0c6c6, #aeb4b0, #9fa19b);}
.counter-box{width: 100%;display: flex;justify-content: center;align-items: center;}
.counter-box div{width: 19.70%;min-height: 110px;background: #000;border-radius: 4px;margin: 10px 0.15%;padding-top:20px;}
.counter-box span {font-size: 1.9rem;font-weight: 900;}
@media (max-width: 767.98px) { 
	.counter-box div{width: 49.00%;min-height: 110px;background: #000;border-radius: 4px;margin: 3px 0.50%;padding-top:20px;}
}

/* Counter Section */
/* Contect Us Section */
.get-in-touch {
	background: #fefefe;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	padding: 20px 0;
	margin-bottom: 30px;
	transition: background-color 0.5s ease;
	min-height: 432px;
}
.get-in-touch:hover {
	background: #ce7c2c;
	color: #fff;
}
.get-in-touch h3 {
	font-size: 1.5em;
}
.get-in-touch p {	
	font-size: 1.0em;
	padding: 10px;
	min-height: 150px;
}
.contact-h1 {
	font-size: 2em;
	font-weight: 700;
}
.call-back-form form {
	padding: 0 10%;
}
.get-in-touch .green-btn {
	background: #fff !important;
	color: #28a745 !important;
	border-color: #28a745 !important;
}
.new-contact {
	padding: 50px 0;
	width: 100%;
	margin: auto 0;
	background: url(../images/contact.png) no-repeat;	
	background-size: cover;
}
.request-form-box {box-shadow: 0px 3px 3px rgba(0,0,0,.7);}
.request-form-box h6 {
	background: #6d6e70;
	color: #fff;
	margin: 0px;
	padding: 15px 15px;
	font-size: 18px;
	
}
/* Contect Us Section */

/* Contect Us Section */
.buynowsection{
	width: 100%;
	margin: auto 0;
	padding: 20px 0;
	background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
 background-blend-mode: normal,color-burn;
}
/* Contect Us Section */


/* Feature */
.features {width: 100%;padding: 40px 0;margin: auto 0;background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);}
.features ul {list-style-image: url('../images/red.png');list-style-position: inside;}
.features li {padding: 7px 0;}
.tieleboxtwo {width: 100%;background: #fff;margin: 10px 0 20px;text-align: center;color: #fff;border-radius: 4px;font-size: 1.1em;font-weight: 700;padding: 9px 0;
 background-image: radial-gradient(circle, #393737, #2f2d2d, #252323, #1c1a1a, #121010);}
.tieleboxtwo p {padding: 15px 0 5px; font-size: 1.4rem;
font-weight: 700;}
/* Feature */

/* Refer */
.referal {
	width: 100%;
	margin: auto 0;
	padding: 30px 0;
	background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
	background-blend-mode: normal,color-burn;
}
.titlebox_two {
	width: 100%;
	background: #fff;
	background-image: none;
	margin: 10px 0 20px;
	padding: 15px 0;
	text-align: center;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
	color: #555;
}
.redbg p {
	font-size: 1.9em;
	font-weight: 600;
	color: #fff;
	padding: 0 0 0 0;
	margin-bottom: 0rem;
	word-spacing: 05px;
}
.referal form {
	padding: 18px 10px;
	border: rgba(238,9,121,0.3) solid 1px;
	background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
}
.referal .form-control {
	border-radius: 0px;
	min-height: 48px;
	margin-bottom: 15px;
}
.referal h6{
    font-size: 1.25rem;	
}

/* Refer */
/* Calculater */
.calculater .calbox {
	min-height: 410px;
	width: 100%;
	background: #fff;
	padding: 20px 15px;
}
.col-bg {
	background: #175876;
	color: #fff;
}
/* Calculater */
/* BuyNow */
h6.BuyTitle{
	font-size: 1.2rem;
	padding-bottom: 10px;
}
.BuyTitle .underline{
	border-bottom:#000 solid 2px;
}
.buyform form {
	width: 100%;
	background: #fff;
	padding: 25px 15px;
}
.Note{
	display: block;
	font-size: 1.2rem;
	padding-left: 10px;	
	font-weight: 300!important;
}
.buyform button{
	

	margin-top: 15px;
}
.Note span{
	font-weight: 700;
	padding-right:05px;
}
.titlebox_two {
	width: 100%;
	background: #fff;
	background-image: none;
	margin: 10px 0 20px;
	padding: 15px 0;
	text-align: center;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
	color: #555;
}
.redbg {background-image: linear-gradient(to bottom, #df0303, #d70606, #ce0909, #c60c0c, #be0e0e);}
.redbg p {font-size: 1.9em;font-weight: 600;color: #fff;padding: 0 0 0 0;margin-bottom: 0rem;word-spacing: 05px;}

/* BuyNow */


/* slider */
#slider{width:324px;top:15%;position:fixed;z-index:9999;}
/*#slider img{cursor:pointer;position:relative;right:-80px;}*/
#sidebar{position:absolute;top:0px;left:18px;}
#sidebar1{position:absolute;top:0px;left:18px;}
/*#sidebar1 img{cursor:pointer;position:relative;right:0px;}*/
#header{width:260px;height:315px;position:absolute;right:0px;border-top:5px solid #175876;margin-left:40px;padding:20px 40px;border-radius:3px;box-shadow:0 0 8px gray;background:#f3f2f0;}
#header h5{font-family:'Open Sans', sans-serif;color:#175876;font-weight:bold;font-size:20px;margin-top:0px;}
#header p{font-family:'Open Sans', sans-serif;color:#333333;font-weight:bold;}
@media (max-width:767px){#header{width:260px;height:293px !important;position:absolute;right:0px;border-top:5px solid #175876;margin-left:40px;padding:10px 40px;border-radius:3px;box-shadow:0 0 8px gray;background:#f3f2f0;}
}
/* slider */
.grdientgray{
	  background-image: radial-gradient(circle, #e7e5e5, #edeaea, #f3eff0, #f9f4f5, #fff9fb);
}

/* RIBBAN */
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}

.card-ribbon {
  position: absolute;
  overflow: hidden;
  top: -10px;
  left: -10px;
  width: 114px;
  height: 112px;
}
.card-ribbon span {
  position: absolute;
  display: block;
  width: 160px;
  padding: 10px 0;
  background-color: #3498db;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  left: -35px;
  top: 25px;
  transform: rotate(-45deg);
}
.card-ribbon::before, .card-ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
  border-top-color: transparent;
  border-left-color: transparent;
}
.card-ribbon::before {
  top: 0;
  right: 0;
}
.card-ribbon::after {
  bottom: 0;
  left: 0;
}
#exampleModalCenter h5{	
	font-size:1.2rem; font-weight: 700; 
}
.txtbg{	 
	background-image: linear-gradient(to right, #f9d423 0%, #ff4e50 100%); padding:0px 5px; border-radius: 1px;
}
/* RIBBAN */


/* blink */
@media(max-width:767px){
	.Desktop{
		display: none;
	}
}
@media (min-width: 768px) { 
	.MobilePhone{
		display: none;
	}
	.navbar-fixed-top{
		top:40px;
	}
	.FixedClass{
		position: fixed;
		top:0;	
		width: 100%;		
		z-index: 99999999999;
		min-height: 40px;			
	}		
	.Desktop{	
		background: #000;
		padding: 5px 0;
		width: 100%;		
		height: 40px;
	}
	.Desktop p{
		margin-bottom: 0px;
	}
	.Desktop a{
		font-weight: 700;
		font-size: 1.3em;
		color: #F26921 !important;
		text-align: right;
		padding-top: 0px;
	}
    .fixed-top{
        top:40px!important;
    }
}
.MobilePhone{
	width: 100%;
	margin: auto 0;		
	text-align: center!important;
}
.MobilePhone a{
	padding: 4px 0;
	color:#F26921!important;
	text-align: center;
	font-weight: 700;
    font-size: 1.2em;
}
@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}
.blink {
  animation: blink 3s step-start 01s infinite;
  -webkit-animation: blink 3s step-start 01s  infinite;
}
.CustomerSupport{
	font-weight: 700;
    font-size: 1.2em;
	color:#F26921!important;
	text-align: center;
	padding-top: 0px;
}
@keyframes pulse_animation {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.08); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.05); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}
.pulse {
    animation-name: pulse_animation;
    animation-duration: 5000ms;
    transform-origin:70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.CustomerSupportDesktop{	
	font-weight: 700;
	font-size: 1.3em;
	color: #F26921 !important;
	text-align: center;
	padding-top: 0px;	
}
/* blink */

/* fancy Button */
.bg-gradient1 span, .bg-gradient1::before {
	background: #fa7e29;
	/* background: linear-gradient(180deg, #fa7e29 0%, #F6682F 80%, #F6682F 100%); */
	background-image: linear-gradient(to bottom, #df0303, #d70606, #ce0909, #c60c0c, #be0e0e);
}
.fancy-button {
  display: inline-block;
  margin: 20px; 
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  line-height: 24px;
  color: #ffffff;
  position: relative;
}
.fancy-button.bg-gradient1 {
  text-shadow: 0px 0px 1px #BF4C28;
}

.fancy-button:before {
  content: '';
  display: inline-block;
  height: 40px;
  position: absolute;
  bottom: -1px;
  left: 10px;
  right: 10px;
  z-index: -1;
  border-radius: 2em;
  -webkit-filter: blur(14px) brightness(0.9);          
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.fancy-button i {
  margin-top: -2px;
  font-size: 1.265em;
  vertical-align: middle;
}
.fancy-button span {
  display: inline-block;
  padding: 16px 20px;
  border-radius: 50em;
  position: relative;
  z-index: 2;
  will-change: transform, filter;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.fancy-button:focus {
  color: #ffffff;
}
.fancy-button:hover {
  color: #ffffff;
}
.fancy-button:hover span {
  -webkit-filter: brightness(0.9) contrast(1.2);
          filter: brightness(0.9) contrast(1.2);
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
}
.fancy-button:hover:before {
  bottom: 3px;
  -webkit-filter: blur(6px) brightness(0.8);
          filter: blur(6px) brightness(0.8);
}
.fancy-button:active span {
  -webkit-filter: brightness(0.75) contrast(1.7);
          filter: brightness(0.75) contrast(1.7);
}
.fancy-button.pop-onhover span {
  border-radius: 4px;
}
.fancy-button.pop-onhover:before {
  opacity: 0;
  bottom: 10px;
}
.fancy-button.pop-onhover:hover:before {
  bottom: -7px;
  opacity: 1;
  -webkit-filter: blur(16px);
          filter: blur(16px);
}
.fancy-button.pop-onhover:hover span {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.fancy-button.pop-onhover:hover:active span {
  -webkit-filter: brightness(1) contrast(1);
          filter: brightness(1) contrast(1);
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.2s ease-out;
}
.fancy-button.pop-onhover:hover:active:before {
  bottom: 0;
  -webkit-filter: blur(5px) brightness(0.85);
          filter: blur(5px) brightness(0.85);
  transition: all 0.2s ease-out;
}

.tieleboxtwo h6 {
    font-size: 1.25rem;
}
.counteroffer {
	padding: 0px 0;
	width: 100%;
	margin: auto 0;	
	background: url(../images/labourBG.jpg);
	background-size: cover;
}
.tieleboxtwo {
	width: 100%;
	background: #fff;
	margin: 10px 0 20px;
	text-align: center;
	color: #555;
	border: #ededed solid 1px;
	border-radius: 4px;
	font-size: 1.1em;
	font-weight: 700;
	/* box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4); */
	padding: 9px 0;
}
.tieleboxtwo p{
	padding: 15px 0 5px;
}
.tieleboxtwo span{
	color:#ee0979;
	padding-right: 5px;	
}