:root
{
	--wime-color-green: #2d963c;
	--wime-color-purple: #A053A1;
	--wime-color-blue: #4D41F7;
	--wime-color-grey: #e8e8e8;
	--wime-color-orange: #ffb400;
}

.btn
{
	border: 1px solid rgb(103, 180, 58);
	border-radius: 20px;
	font-size: 12px;
	padding: 10px 33px;
}

.btn,
.navbar-nav.navbar-right li a
{
	background-color: var(--wime-color-blue);
	border: var(--wime-color-blue);
	color: white;
}

.panel-group .panel,
.panel-default>.panel-heading
{
	border-radius: 0;
}

.panel-default>.panel-heading
{
	background-color: var(--wime-color-blue);
	color: white !important;
}

.panel-default>.panel-heading a
{
	color: white;
}

.panel-title
{
	padding: 10px;
}

div.BlueBackground h1,
div.BlueBackground h2,
div.BlueBackground h3,
div.BlueBackground h4,
div.BlueBackground h5,
div.BlueBackground p,
div.BlueBackground a
{
	color: white;
}

table:not(.table) td
{
	padding: 3px 10px 3px 0px;
}

.GreyBackground
{
	background-color: var(--wime-color-grey);
	color: #757575 !important;
}

.GreyBackground
{
	color: white !important;
}

.BlueBackground
{
	background-color: var(--wime-color-blue);
	color: white !important;
}

.BlueBackground
{
	color: white !important;
}

.PurpleBackground
{
	background-color: var(--wime-color-purple);
	color: white !important;
}

.PurpleBackground>a
{
	color: white !important;
}

.OrangeBackground
{
	background-color: var(--wime-color-orange);
	color: white !important;
}

.OrangeBackground>a
{
	color: white !important;
}

.GreenBackground
{
	background-color: var(--wime-color-green);
	color: white !important;
}

.GreenBackground>a
{
	color: white !important;
}

.GreenBackground a,
.BlueBackground a,
.PurpleBackground a,
.OrangeBackground a
{
	color: white;
}

.BlueBackground h4
{
	padding: 10px 0px 20px 0px;
}

.BlueBackground h3
{
	padding: 2px 0px 20px 0px;
}

div.keyboardHands
{
	background-image: url('/templates/WiMe2019/images/keyboardHands.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

div.keyboardHands h1,
div.keyboardHands h2,
div.keyboardHands h3,
div.keyboardHands h4,
div.keyboardHands h5,
div.keyboardHands p,
div.keyboardHands a
{
	color: white;
}

.active a[title=HiperMe],
.menu-level-0 a[title=HiperMe]:hover
{
	background-color: var(--wime-color-purple) !important;
}

.active a[title=FiberMe],
.menu-level-0 a[title=FiberMe]:hover
{
	background-color: var(--wime-color-green) !important;
}

.active a[title=AirFiberMe],
.menu-level-0 a[title=AirFiberMe]:hover
{
	background-color: var(--wime-color-orange) !important;
}

.greyBorder
{
	border: 1px solid #ddd;
}

div.wimeProductTitle,
div.wimeProductBody
{
	padding: 10px;
}

div.wimeProductTitle
{
	background: var(--wime-color-blue);
	color: white;
	padding: 10px;
	height: 50px;
	line-height: 30px;
}

p
{
	color: #757575;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
}

/* product banner */

div.productBanner
{
	width: 100%;
	min-height: 100px;
	background-color: var(--wime-color-grey);
	webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	box-shadow: 1px 3px 6px #979797;
}

.BannerHover
{
	webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.productBanner:hover,
.BannerHover:hover
{
	cursor: pointer;
	opacity: 0.6;
}

div.productBanner.pbGreen .pbTitle,
div.productBanner.pbGreen .pbPrice,
div.productBanner.pbGreen div.pbPreFooter .pbPreFooterRight
{
	background-color: var(--wime-color-green);
}

div.productBanner.pbPurple .pbTitle,
div.productBanner.pbPurple .pbPrice,
div.productBanner.pbPurple div.pbPreFooter .pbPreFooterRight
{
	background-color: var(--wime-color-purple);
}

div.productBanner.pbOrange .pbTitle,
div.productBanner.pbOrange .pbPrice,
div.productBanner.pbOrange div.pbPreFooter .pbPreFooterRight
{
	background-color: var(--wime-color-orange);
}

div.productBanner.pbGreen .pbDownloadValue,
div.productBanner.pbGreen .pbUploadValue,
div.productBanner.pbGreen div.pbPreFooter .pbPreFooterLeft p,
div.productBanner.pbGreen div.pbFooterLeft p
{
	color: var(--wime-color-green);
}

div.productBanner.pbPurple .pbDownloadValue,
div.productBanner.pbPurple .pbUploadValue,
div.productBanner.pbPurple div.pbPreFooter .pbPreFooterLeft p,
div.productBanner.pbPurple div.pbFooterLeft p
{
	color: var(--wime-color-purple);
	text-transform: none;
}

div.productBanner.pbOrange .pbDownloadValue,
div.productBanner.pbOrange .pbUploadValue,
div.productBanner.pbOrange div.pbPreFooter .pbPreFooterLeft p,
div.productBanner.pbOrange div.pbFooterLeft p
{
	color: var(--wime-color-orange);
	text-transform: none;
}

div.productBanner.pbPurple div.pbFooterLeft p:nth-child(1),
div.productBanner.pbOrange div.pbFooterLeft p:nth-child(1)
{
	font-weight: normal !important;
	padding-top: 6px;
	font-size: 16px;
}

div.productBanner.pbPurple div.pbFooterLeft p:nth-child(2),
div.productBanner.pbOrange div.pbFooterLeft p:nth-child(2)
{
	padding: 2px;
}


div.productBanner .pbTitle
{
	margin: 15px 10px 10px -15px;
	display: inline-table;
	width: 100%;
	padding: 17px;
	line-height: 20px;
}

div.productBanner .pbTitle a
{
	color: white;
}

div.productBanner .pbTitle span,
div.productBanner .pbPrice span
{
	color: white;
}

div.productBanner .pbTitle span:first-child img
{
	margin-top: -8px;
}

div.productBanner .pbTitle span:first-child
{
	display: block;
	font-size: 30px;
}

div.productBanner .pbTitle span:nth-child(2)
{
	font-size: 17px;
	font-weight: normal !important;
}

div.productBanner .pbSideLeft
{
	float: left;
}

div.productBanner .pbSideRight
{
	float: right;
	padding: 15px;
}

div.productBanner .pbSideLeft,
div.productBanner .pbSideRight
{
	width: 50%;
	background-color: var(--wime-color-grey);
	padding-bottom: 15px;
}

div.productBanner .pbSideLeft .pbPrice,
div.productBanner .pbSideRight .pbPrice
{
	border-radius: 50%;
	width: 100%;
	text-align: center;
}

div.productBanner .pbSquare
{
	position: relative;
	overflow: hidden;
	margin-top: 2.5vw;
}

div.productBanner .pbSquare:before
{
	content: "";
	display: block;
	padding-top: 100%;
}

div.productBanner .pbPrice
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

div.productBanner .pbPrice span:first-child
{
	font-size: 48px;
	padding-top: 19%;
	display: block;
	font-weight: bold;
}

div.productBanner .pbDownload,
div.productBanner .pbUpload
{
	background-color: white;
	margin: 7px 0px 6px 10px;
	padding: 4px;
	color: #797979;
}

div.productBanner .pbDownloadTitle,
div.productBanner .pbUploadTitle
{
	font-size: 13px;
	text-transform: uppercase;
	display: block;
	font-weight: bold;
}

div.productBanner .pbDownloadValue,
div.productBanner .pbUploadValue
{
	font-size: 27px;
	margin: 3px;
	font-weight: bold;
	text-align: right;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 6px center;
}

div.productBanner .pbDownloadValue
{
	background-image: url('../svg/bannerFrecciaDownload.svg');
}

div.productBanner .pbUploadValue
{
	background-image: url('../svg/bannerFrecciaUpload.svg');
}

div.productBanner .pbBmgTitle,
div.productBanner .pbBmgValue
{
	width: 45%;
	padding: 8px;
}

.pbBmgValue
{
	padding-left: 1px !important;
}

div.productBanner .pbBmgTitle
{
	float: left;
	font-weight: 600;
}

div.productBanner .pbBmgValue
{
	float: right;
	text-align: center;
}

div.productBanner .pbBmgValue
{
	background-color: white;
	margin: 0px 0px 0px 10px;
	color: #8e8e8e;
	font-size: 20px;
	font-weight: bold;
}

div.productBanner .pbBmg
{
	height: 44px;
}

div.productBanner div.pbPreFooter
{
	background-color: white;
}

div.productBanner div.pbPreFooter .pbPreFooterLeft
{
	float: left;
	width: 30%;
	text-align: center;
	padding-top: 18px;
}

div.productBanner div.pbPreFooter .pbPreFooterLeft p
{
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
}

div.productBanner div.pbPreFooter p
{
	line-height: 13px;
	color: white;
}

div.productBanner div.pbPreFooter .pbPreFooterRight
{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="110" width="500"><polygon points="0,0 0,0100 22,0" style="fill:white;" /></svg>');
	width: 70%;
	float: right;
	text-align: center;
	padding: 10px 0px 0px 16px;
}

div.pbSeparator
{
	clear: both;
	height: 5px;
	background-color: white;
}

div.productBanner.pbGreen div.pbFooterLeft p
{
	transform: rotate(-4deg);
}

div.productBanner div.pbFooterLeft p
{
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 800 !important;
}

div.productBanner div.pbFooterLeft
{
	float: left;
	background-color: var(--wime-color-grey);
	width: 70%;
	padding: 10px 10px 0px 10px;
}

div.productBanner div.pbFooterRight
{
	float: right;
	width: 30%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	color: white;
	padding-top: 34px;
}

div.productBanner.pbPurple div.pbFooterRight
{
	background-image: url('../svg/radioRedCircle.svg');
}

div.productBanner.pbGreen div.pbFooterRight
{
	background-image: url('../svg/fiberGreenCircle.svg');
}

div.productBanner.pbOrange div.pbFooterRight
{
	background-image: url('../svg/fiberRadioCircle.svg');
}

div.productBanner div.pbFooterLeft,
div.productBanner div.pbFooterRight
{
	height: 100px;
	text-align: center;
}

@media only screen and (min-width:0px) and (max-width:991px)
{
	div.productBanner .pbPrice span:first-child
	{
		font-size: 10vw !important;
	}
}

@media only screen and (min-width:992px) and (max-width:1640px)
{
	div.productBanner .pbPrice span:first-child
	{
		font-size: 3vw !important;
	}
}

@media only screen and (min-width:992px) and (max-width:1280px)
{

	div.productBanner .pbDownloadValue,
	div.productBanner .pbUploadValue
	{
		font-size: 20px;
	}

	div.productBanner .pbBmgValue
	{
		font-size: 17px;
	}
}

div.ObliquePurple
{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="110" width="130"><polygon points="0,0 0,500 122,0," style="fill:rgb(160, 83, 161);" /></svg>');
}

div.ObliqueGreen
{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="110" width="130"><polygon points="0,0 0,500 135,0," style="fill:rgb(103, 180, 58);" /></svg>');
}

div.ObliqueBlue
{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="110" width="130"><polygon points="0,0 0,500 135,0," style="fill:rgb(55, 141, 204);" /></svg>');
}

div.ObliquePurple,
div.ObliqueGreen,
div.ObliqueBlue
{
	background-size: cover;
	background-position: right;
	min-height: 90px;
}

div.ObliquePurple p,
div.ObliqueGreen p,
div.ObliqueBlue p
{
	color: white;
	text-align: left;
	font-size: 17px;
	line-height: 90px;
	padding-left: 10px;
	font-weight: 600;
}

div.GreenCircle
{
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf8,<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="45" fill="rgb(103, 180, 58)" /></svg>');
	background-size: contain;
	color: white;
	height: 100%;
	text-align: center;
	background-position: center;
}

div.BlueCircle
{
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf8,<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="45" fill="rgb(55, 141, 204)" /></svg>');
	background-size: contain;
	color: white;
	height: 100%;
	text-align: center;
	background-position: center;
}

div.GreenCircle p:nth-child(1),
div.BlueCircle p:nth-child(1)
{
	color: white;
	font-size: 20px;
	font-weight: bold;
	padding-top: 21px;
	padding-bottom: 0;
	margin: 0;
}

div.GreenCircle p:nth-child(2),
div.BlueCircle p:nth-child(2)
{
	color: white;
	font-size: 10px;
}

@keyframes shadow-pulse
{
	0%
	{
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}

	100%
	{
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
}

.pulse
{
	animation: shadow-pulse 1s infinite;
}


@media only screen and (min-width:0px) and (max-width:991px)
{
	.mobileFullWidth
	{
		float: none !important;
		width: 100% !important;
	}
}

@media only screen and (min-width:0px) and (max-width:1200px)
{

	div.productBanner .pbUploadValue,
	div.productBanner .pbDownloadValue
	{
		background-size: 17px;
	}

	div.productBanner .pbUploadValue,
	div.productBanner .pbDownloadValue,
	.pbBmgValue
	{
		font-size: 15px !important;
	}
}

@media only screen and (min-width:0px) and (max-width:991px)
{

	#MenuAltoRight,
	#MenuAltoLeft
	{
		text-align: center !important;
	}
}


.btn-group-sm>.btn,
.btn-sm
{
	padding: 1px 10px !important;
}

.btnsquare
{
	min-width: 300px;
	border-radius: 3px;
	height: 50px;
}

.nectar-gradient-text
{
	color: #ffc671;
	background-image: linear-gradient(to right, #4d41f7, #ffc671);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	display: inline-block;
}